@lls/vivi 24.1.7-db241c20 → 24.1.7-e05728e4

package/lib/index.js

@@ -294,9 +294,9 @@ var init_mode = __esm({
   }
 });
 
-// css-modules:css-modules://v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA.css
-var init_v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA = __esm({
-  "css-modules:css-modules://v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA.css"() {
+// css-modules:css-modules://SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM.css
+var init_SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM = __esm({
+  "css-modules:css-modules://SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM.css"() {
   }
 });
 
@@ -305,8 +305,8 @@ var src_components_core_DocumentToolbar_default;
 var init_src_components_core_DocumentToolbar = __esm({
   "tmp_esbuild/_src_components_core_DocumentToolbar.module.css"() {
     "use strict";
-    init_v55PWB9nAJQuRkGNDb4PSzswK0IT8X6YlIgXJ4Px4dA();
-    src_components_core_DocumentToolbar_default = { "toggleMenuButton": "vv-JySIna-toggleMenuButton", "toolbar": "vv-JySIna-toolbar", "parentToolbar": "vv-JySIna-parentToolbar" };
+    init_SiZlRV2YWb1jY5gExVMrYPMZB79ONPQM_B3jhc8NVMM();
+    src_components_core_DocumentToolbar_default = { "toggleMenuButton": "vv-JySIna-toggleMenuButton", "parentToolbar": "vv-JySIna-parentToolbar", "toolbar": "vv-JySIna-toolbar" };
   }
 });
 
@@ -319,7 +319,7 @@ var init_DocumentToolbar = __esm({
 });
 
 // src/components/core/DocumentToolbar.tsx
-import { useState, useCallback } from "react";
+import { useCallback, useState } from "react";
 import { Button, Tooltip, Z_DOCUMENT_TOOLBAR } from "@lls/lls-kit";
 import { cx } from "@lls/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -386,50 +386,9 @@ var init_DocumentToolbar2 = __esm({
   }
 });
 
-// src/constants/index.ts
-var VIVI_CLASSNAME, VIVI_COMPONENT_CLASSNAME_PREFIX, DOCUMENT_CLASSNAME;
-var init_constants = __esm({
-  "src/constants/index.ts"() {
-    "use strict";
-    VIVI_CLASSNAME = "lls-vivi";
-    VIVI_COMPONENT_CLASSNAME_PREFIX = `${VIVI_CLASSNAME}-`;
-    DOCUMENT_CLASSNAME = `${VIVI_COMPONENT_CLASSNAME_PREFIX}document-root`;
-  }
-});
-
-// src/utils/string.ts
-import _8 from "lodash/fp.js";
-var OPENING_TAG_CHAR, ESCAPED_OPENING_TAG_CHAR, CLOSING_TAG_CHAR, removeTrailingNewLines, escapeTags, escapeTagContent;
-var init_string = __esm({
-  "src/utils/string.ts"() {
-    "use strict";
-    OPENING_TAG_CHAR = "<";
-    ESCAPED_OPENING_TAG_CHAR = "_<_";
-    CLOSING_TAG_CHAR = "</";
-    removeTrailingNewLines = _8.replace(/(\r?\n|\r)+$/, "");
-    escapeTags = (content) => _8.isString(content) ? content.replace(new RegExp(OPENING_TAG_CHAR, "g"), ESCAPED_OPENING_TAG_CHAR) : content;
-    escapeTagContent = (tagName, str) => {
-      if (!_8.isString(tagName) || !_8.isString(str))
-        return str;
-      const tagRegex = /((?:<[^>]+>)|(?:[^<]+))/;
-      const tokens = _8.flow(_8.split(tagRegex), _8.compact)(str);
-      let out = "";
-      let tagDepth = 0;
-      for (const token of tokens) {
-        if (token.startsWith(`${CLOSING_TAG_CHAR}${tagName}`))
-          tagDepth--;
-        out += tagDepth > 0 ? escapeTags(token) : token;
-        if (token.startsWith(`${OPENING_TAG_CHAR}${tagName}`))
-          tagDepth++;
-      }
-      return out;
-    };
-  }
-});
-
-// css-modules:css-modules://4JkF5C825c4pv8Vosat9qIwv9j-m3hEXWHpgSlQTM8A.css
-var init_JkF5C825c4pv8Vosat9qIwv9j_m3hEXWHpgSlQTM8A = __esm({
-  "css-modules:css-modules://4JkF5C825c4pv8Vosat9qIwv9j-m3hEXWHpgSlQTM8A.css"() {
+// css-modules:css-modules://zZWuUZWdv3guaQJ1cvM0SwHTxY4fYPtYqwbv1rmUg_o.css
+var init_zZWuUZWdv3guaQJ1cvM0SwHTxY4fYPtYqwbv1rmUg_o = __esm({
+  "css-modules:css-modules://zZWuUZWdv3guaQJ1cvM0SwHTxY4fYPtYqwbv1rmUg_o.css"() {
   }
 });
 
@@ -438,7 +397,7 @@ var src_components_core_ErrorBoundary_default;
 var init_src_components_core_ErrorBoundary = __esm({
   "tmp_esbuild/_src_components_core_ErrorBoundary.module.css"() {
     "use strict";
-    init_JkF5C825c4pv8Vosat9qIwv9j_m3hEXWHpgSlQTM8A();
+    init_zZWuUZWdv3guaQJ1cvM0SwHTxY4fYPtYqwbv1rmUg_o();
     src_components_core_ErrorBoundary_default = { "errorBoundary": "vv-yYzCbG-errorBoundary" };
   }
 });
@@ -452,7 +411,7 @@ var init_ErrorBoundary = __esm({
 });
 
 // src/components/core/ErrorBoundary.tsx
-import React2 from "react";
+import React from "react";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var ErrorBoundary, ErrorBoundary_default;
 var init_ErrorBoundary2 = __esm({
@@ -460,7 +419,7 @@ var init_ErrorBoundary2 = __esm({
     "use strict";
     init_mode();
     init_ErrorBoundary();
-    ErrorBoundary = class extends React2.Component {
+    ErrorBoundary = class extends React.Component {
       constructor(props) {
         super(props);
         this.state = { hasError: false, message: "", componentStack: "" };
@@ -498,51 +457,68 @@ var init_ErrorBoundary2 = __esm({
   }
 });
 
-// css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css
-var init_USCbHsBClfq_o_EYY6_LK_ltjIvQ59gWjolWR2IEo = __esm({
-  "css-modules:css-modules://4-USCbHsBClfq-o-EYY6-LK-ltjIvQ59gWjolWR2IEo.css"() {
-  }
-});
-
-// tmp_esbuild/_src_components_core_DocumentHtml.module.css
-var src_components_core_DocumentHtml_default;
-var init_src_components_core_DocumentHtml = __esm({
-  "tmp_esbuild/_src_components_core_DocumentHtml.module.css"() {
-    "use strict";
-    init_USCbHsBClfq_o_EYY6_LK_ltjIvQ59gWjolWR2IEo();
-    src_components_core_DocumentHtml_default = { "document": "vv-GTaOhq-document" };
-  }
-});
-
-// src/components/core/DocumentHtml.module.css
-var init_DocumentHtml = __esm({
-  "src/components/core/DocumentHtml.module.css"() {
+// src/constants/index.ts
+var VIVI_CLASSNAME, VIVI_COMPONENT_CLASSNAME_PREFIX, DOCUMENT_CLASSNAME;
+var init_constants = __esm({
+  "src/constants/index.ts"() {
     "use strict";
-    init_src_components_core_DocumentHtml();
-  }
-});
-
-// css-modules:css-modules://Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20.css
-var init_Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20 = __esm({
-  "css-modules:css-modules://Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20.css"() {
+    VIVI_CLASSNAME = "lls-vivi";
+    VIVI_COMPONENT_CLASSNAME_PREFIX = `${VIVI_CLASSNAME}-`;
+    DOCUMENT_CLASSNAME = `${VIVI_COMPONENT_CLASSNAME_PREFIX}document-root`;
   }
 });
 
-// tmp_esbuild/_src_components_primarygrid_EditGrid.module.css
-var src_components_primarygrid_EditGrid_default;
-var init_src_components_primarygrid_EditGrid = __esm({
-  "tmp_esbuild/_src_components_primarygrid_EditGrid.module.css"() {
+// src/utils/string.ts
+import _8 from "lodash/fp.js";
+var OPENING_TAG_CHAR, ESCAPED_OPENING_TAG_CHAR, CLOSING_TAG_CHAR, removeTrailingNewLines, escapeTags, escapeTagContent;
+var init_string = __esm({
+  "src/utils/string.ts"() {
     "use strict";
-    init_Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20();
-    src_components_primarygrid_EditGrid_default = { "interface": "vv-WWJSSq-interface", "col": "vv-WWJSSq-col", "editGrid": "vv-WWJSSq-editGrid", "zone": "vv-WWJSSq-zone", "layout": "vv-WWJSSq-layout", "row": "vv-WWJSSq-row", "zonePicture": "vv-WWJSSq-zonePicture", "interfaceHeader": "vv-WWJSSq-interfaceHeader", "addZone": "vv-WWJSSq-addZone" };
+    OPENING_TAG_CHAR = "<";
+    ESCAPED_OPENING_TAG_CHAR = "_<_";
+    CLOSING_TAG_CHAR = "</";
+    removeTrailingNewLines = _8.replace(/(\r?\n|\r)+$/, "");
+    escapeTags = (content) => _8.isString(content) ? content.replace(new RegExp(OPENING_TAG_CHAR, "g"), ESCAPED_OPENING_TAG_CHAR) : content;
+    escapeTagContent = (tagName, str) => {
+      if (!_8.isString(tagName) || !_8.isString(str))
+        return str;
+      const tagRegex = /((?:<[^>]+>)|(?:[^<]+))/;
+      const tokens = _8.flow(_8.split(tagRegex), _8.compact)(str);
+      let out = "";
+      let tagDepth = 0;
+      for (const token of tokens) {
+        if (token.startsWith(`${CLOSING_TAG_CHAR}${tagName}`))
+          tagDepth--;
+        out += tagDepth > 0 ? escapeTags(token) : token;
+        if (token.startsWith(`${OPENING_TAG_CHAR}${tagName}`))
+          tagDepth++;
+      }
+      return out;
+    };
   }
 });
 
-// src/components/primarygrid/EditGrid.module.css
-var init_EditGrid = __esm({
-  "src/components/primarygrid/EditGrid.module.css"() {
+// src/constants/grid.ts
+var GRID_ZONES_COLORS, ILLUSTRATION_ASPECT_RATIO;
+var init_grid = __esm({
+  "src/constants/grid.ts"() {
     "use strict";
-    init_src_components_primarygrid_EditGrid();
+    GRID_ZONES_COLORS = [
+      "var(--primary-40-color)",
+      "var(--secondary-40-color)",
+      "var(--premium-40-color)",
+      "var(--green-40-color)",
+      "var(--purple-40-color)",
+      "var(--orange-40-color)",
+      "var(--gray-40-color)",
+      "var(--primary-70-color)",
+      "var(--secondary-70-color)",
+      "var(--premium-70-color)",
+      "var(--green-70-color)",
+      "var(--purple-70-color)",
+      "var(--orange-70-color)"
+    ];
+    ILLUSTRATION_ASPECT_RATIO = 3149 / 2126;
   }
 });
 
@@ -557,51 +533,27 @@ var init_url = __esm({
   }
 });
 
-// css-modules:css-modules://E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4.css
-var init_E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4 = __esm({
-  "css-modules:css-modules://E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4.css"() {
-  }
-});
-
-// tmp_esbuild/_src_components_primarygrid_ZonesMaker.module.css
-var src_components_primarygrid_ZonesMaker_default;
-var init_src_components_primarygrid_ZonesMaker = __esm({
-  "tmp_esbuild/_src_components_primarygrid_ZonesMaker.module.css"() {
-    "use strict";
-    init_E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4();
-    src_components_primarygrid_ZonesMaker_default = { "zoneMaker": "vv-WzhmXa-zoneMaker", "pictureZone": "vv-WzhmXa-pictureZone", "handle": "vv-WzhmXa-handle" };
+// css-modules:css-modules://vFzhiihuB7Z8HMP8oT-qcw0NyCnSgKQtL5TqEfjnBaQ.css
+var init_vFzhiihuB7Z8HMP8oT_qcw0NyCnSgKQtL5TqEfjnBaQ = __esm({
+  "css-modules:css-modules://vFzhiihuB7Z8HMP8oT-qcw0NyCnSgKQtL5TqEfjnBaQ.css"() {
   }
 });
 
-// src/components/primarygrid/ZonesMaker.module.css
-var init_ZonesMaker = __esm({
-  "src/components/primarygrid/ZonesMaker.module.css"() {
+// tmp_esbuild/_src_components_primarygrid_EditGrid.module.css
+var src_components_primarygrid_EditGrid_default;
+var init_src_components_primarygrid_EditGrid = __esm({
+  "tmp_esbuild/_src_components_primarygrid_EditGrid.module.css"() {
     "use strict";
-    init_src_components_primarygrid_ZonesMaker();
+    init_vFzhiihuB7Z8HMP8oT_qcw0NyCnSgKQtL5TqEfjnBaQ();
+    src_components_primarygrid_EditGrid_default = { "col": "vv-WWJSSq-col", "zonePicture": "vv-WWJSSq-zonePicture", "interface": "vv-WWJSSq-interface", "zone": "vv-WWJSSq-zone", "editGrid": "vv-WWJSSq-editGrid", "layout": "vv-WWJSSq-layout", "addZone": "vv-WWJSSq-addZone", "row": "vv-WWJSSq-row", "interfaceHeader": "vv-WWJSSq-interfaceHeader" };
   }
 });
 
-// src/constants/grid.ts
-var GRID_ZONES_COLORS, ILLUSTRATION_ASPECT_RATIO;
-var init_grid = __esm({
-  "src/constants/grid.ts"() {
+// src/components/primarygrid/EditGrid.module.css
+var init_EditGrid = __esm({
+  "src/components/primarygrid/EditGrid.module.css"() {
     "use strict";
-    GRID_ZONES_COLORS = [
-      "var(--primary-40-color)",
-      "var(--secondary-40-color)",
-      "var(--premium-40-color)",
-      "var(--green-40-color)",
-      "var(--purple-40-color)",
-      "var(--orange-40-color)",
-      "var(--gray-40-color)",
-      "var(--primary-70-color)",
-      "var(--secondary-70-color)",
-      "var(--premium-70-color)",
-      "var(--green-70-color)",
-      "var(--purple-70-color)",
-      "var(--orange-70-color)"
-    ];
-    ILLUSTRATION_ASPECT_RATIO = 3149 / 2126;
+    init_src_components_primarygrid_EditGrid();
   }
 });
 
@@ -770,18 +722,42 @@ var init_zoneMaker2 = __esm({
   }
 });
 
+// css-modules:css-modules://27imZi27_UCk5xmhRkGJbtYm5sGwf0_-1B99-Xe1fxg.css
+var init_imZi27_UCk5xmhRkGJbtYm5sGwf0_1B99_Xe1fxg = __esm({
+  "css-modules:css-modules://27imZi27_UCk5xmhRkGJbtYm5sGwf0_-1B99-Xe1fxg.css"() {
+  }
+});
+
+// tmp_esbuild/_src_components_primarygrid_ZonesMaker.module.css
+var src_components_primarygrid_ZonesMaker_default;
+var init_src_components_primarygrid_ZonesMaker = __esm({
+  "tmp_esbuild/_src_components_primarygrid_ZonesMaker.module.css"() {
+    "use strict";
+    init_imZi27_UCk5xmhRkGJbtYm5sGwf0_1B99_Xe1fxg();
+    src_components_primarygrid_ZonesMaker_default = { "handle": "vv-WzhmXa-handle", "zoneMaker": "vv-WzhmXa-zoneMaker", "pictureZone": "vv-WzhmXa-pictureZone" };
+  }
+});
+
+// src/components/primarygrid/ZonesMaker.module.css
+var init_ZonesMaker = __esm({
+  "src/components/primarygrid/ZonesMaker.module.css"() {
+    "use strict";
+    init_src_components_primarygrid_ZonesMaker();
+  }
+});
+
 // src/components/primarygrid/ZonesMaker.tsx
-import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { getClientPosition } from "@lls/utils";
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ZonesMaker, ZonesMaker_default;
 var init_ZonesMaker2 = __esm({
   "src/components/primarygrid/ZonesMaker.tsx"() {
     "use strict";
-    init_ZonesMaker();
     init_grid();
     init_zoneMaker();
     init_zoneMaker2();
+    init_ZonesMaker();
     ZonesMaker = ({ pictureUrl, zones, onChangeZone }) => {
       const ref = useRef(null);
       const [transformationData, setTransformationData] = useState2(void 0);
@@ -878,18 +854,18 @@ var init_ZonesMaker2 = __esm({
 });
 
 // src/components/primarygrid/EditGrid.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 import { Button as Button2, FlexibleGrid, TextField } from "@lls/lls-kit";
+import { useCallback as useCallback2, useEffect as useEffect3, useState as useState3 } from "react";
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var EditGrid, EditGrid_default;
 var init_EditGrid2 = __esm({
   "src/components/primarygrid/EditGrid.tsx"() {
     "use strict";
+    init_grid();
     init_store();
-    init_EditGrid();
     init_url();
+    init_EditGrid();
     init_ZonesMaker2();
-    init_grid();
     EditGrid = ({ children, picture }) => {
       const { addPicture, addDocument, updateLayouts, deleteDocument, layouts } = useReadMdRendererProps([
         "layouts",
@@ -908,7 +884,7 @@ var init_EditGrid2 = __esm({
         addPicture(picValue ?? "");
       };
       const onUpdateLayoutItemProp = (id, prop, value) => {
-        const parsedValue = parseFloat(value);
+        const parsedValue = Number.parseFloat(value);
         setLayoutItems((prev) => ({
           items: prev.items.map((item) => item.id === id ? { ...item, [prop]: Number.isNaN(parsedValue) ? 0 : parsedValue } : item),
           draft: true
@@ -999,9 +975,9 @@ var init_EditGrid2 = __esm({
   }
 });
 
-// css-modules:css-modules://k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g.css
-var init_k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g = __esm({
-  "css-modules:css-modules://k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g.css"() {
+// css-modules:css-modules://INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA.css
+var init_INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA = __esm({
+  "css-modules:css-modules://INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA.css"() {
   }
 });
 
@@ -1010,8 +986,8 @@ var src_components_primarygrid_ViewGrid_default;
 var init_src_components_primarygrid_ViewGrid = __esm({
   "tmp_esbuild/_src_components_primarygrid_ViewGrid.module.css"() {
     "use strict";
-    init_k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g();
-    src_components_primarygrid_ViewGrid_default = { "viewGrid": "vv-TauroG-viewGrid", "illu": "vv-TauroG-illu", "pictureZone": "vv-TauroG-pictureZone" };
+    init_INxu5dk73JTxjtEzrQ83WOJDTfp5b5jZD8ZfkbKQHIA();
+    src_components_primarygrid_ViewGrid_default = { "illu": "vv-TauroG-illu", "pictureZone": "vv-TauroG-pictureZone", "viewGrid": "vv-TauroG-viewGrid" };
   }
 });
 
@@ -1029,10 +1005,10 @@ var ViewGrid, ViewGrid_default;
 var init_ViewGrid2 = __esm({
   "src/components/primarygrid/ViewGrid.tsx"() {
     "use strict";
+    init_grid();
     init_store();
-    init_ViewGrid();
     init_url();
-    init_grid();
+    init_ViewGrid();
     ViewGrid = ({ children, picture }) => {
       const { layouts } = useReadMdRendererProps(["layouts"]);
       return /* @__PURE__ */ jsxs5("div", { className: src_components_primarygrid_ViewGrid_default.viewGrid, style: { "--v-grid-picture-aspect-ratio": ILLUSTRATION_ASPECT_RATIO }, children: [
@@ -1080,8 +1056,32 @@ var init_Grid = __esm({
   }
 });
 
+// css-modules:css-modules://8Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4.css
+var init_Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4 = __esm({
+  "css-modules:css-modules://8Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4.css"() {
+  }
+});
+
+// tmp_esbuild/_src_components_core_DocumentHtml.module.css
+var src_components_core_DocumentHtml_default;
+var init_src_components_core_DocumentHtml = __esm({
+  "tmp_esbuild/_src_components_core_DocumentHtml.module.css"() {
+    "use strict";
+    init_Bws6tfkpio6klj_RtRC_R7kDQ_jPBbqtQQfWJr6y_4();
+    src_components_core_DocumentHtml_default = { "document": "vv-GTaOhq-document" };
+  }
+});
+
+// src/components/core/DocumentHtml.module.css
+var init_DocumentHtml = __esm({
+  "src/components/core/DocumentHtml.module.css"() {
+    "use strict";
+    init_src_components_core_DocumentHtml();
+  }
+});
+
 // src/components/core/DocumentHtml.tsx
-import React3, { memo, useRef as useRef2 } from "react";
+import React2, { memo, useRef as useRef2 } from "react";
 import HtmlToReact from "html-to-react";
 import _10 from "lodash/fp.js";
 import { cx as cx2 } from "@lls/utils";
@@ -1091,18 +1091,18 @@ var init_DocumentHtml2 = __esm({
   "src/components/core/DocumentHtml.tsx"() {
     "use strict";
     init_DocumentToolbar2();
+    init_ErrorBoundary2();
     init_constants();
     init_store();
     init_dom();
     init_memo();
     init_string();
-    init_ErrorBoundary2();
-    init_DocumentHtml();
     init_Grid();
+    init_DocumentHtml();
     htmlToReactParser = new HtmlToReact.Parser({
       recognizeSelfClosing: true
     });
-    processNodeDefinitions = new HtmlToReact.ProcessNodeDefinitions(React3);
+    processNodeDefinitions = new HtmlToReact.ProcessNodeDefinitions(React2);
     MemoToolbar = memo(({ toolbarProps: props, docJson }) => {
       const compactMode = _10.get("compactMode", props);
       const openEditor = _10.get("openEditor", props);
@@ -1144,7 +1144,7 @@ var init_DocumentHtml2 = __esm({
         shouldProcessNode: _10.matchesProperty("name", nodeName),
         processNode: handler
       });
-      const shortTag = (name, Component, props = {}, mapAttributes = _10.identity) => {
+      const _shortTag = (name, Component, props = {}, mapAttributes = _10.identity) => {
         return tag(name, (node, children, key) => /* @__PURE__ */ jsx7(Component, { ...mapAttributes(node.attribs), children, ...props }, key));
       };
       return [
@@ -1177,9 +1177,9 @@ var init_DocumentHtml2 = __esm({
   }
 });
 
-// css-modules:css-modules://J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U.css
-var init_J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U = __esm({
-  "css-modules:css-modules://J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U.css"() {
+// css-modules:css-modules://kTdLFWdq92OvhQjGBgoqbpa-uWI0Nagw0W33VXQfA9A.css
+var init_kTdLFWdq92OvhQjGBgoqbpa_uWI0Nagw0W33VXQfA9A = __esm({
+  "css-modules:css-modules://kTdLFWdq92OvhQjGBgoqbpa-uWI0Nagw0W33VXQfA9A.css"() {
   }
 });
 
@@ -1188,7 +1188,7 @@ var src_components_core_Document_default;
 var init_src_components_core_Document = __esm({
   "tmp_esbuild/_src_components_core_Document.module.css"() {
     "use strict";
-    init_J5_xl3NfC9uUzCf8dvnv2lVDvTF6x61j2B3MI8uRK3U();
+    init_kTdLFWdq92OvhQjGBgoqbpa_uWI0Nagw0W33VXQfA9A();
     src_components_core_Document_default = { "rootDocument": "vv--ZTaFW-rootDocument", "divSearch": "vv--ZTaFW-divSearch" };
   }
 });
@@ -1203,7 +1203,7 @@ var init_Document = __esm({
 
 // src/components/core/Document.tsx
 import _11 from "lodash/fp.js";
-import React4 from "react";
+import React3 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var Document, RootDocument, Document_default;
 var init_Document2 = __esm({
@@ -1215,7 +1215,7 @@ var init_Document2 = __esm({
       return /* @__PURE__ */ jsx8(DocumentHtml_default, { toolbarProps, mdRendererProps, docJson });
     };
     Document.displayName = "Document";
-    RootDocument = React4.forwardRef(({ docJson = {}, toolbarProps, mdRendererProps }, ref) => {
+    RootDocument = React3.forwardRef(({ docJson = {}, toolbarProps, mdRendererProps }, ref) => {
       const children = _11.getOr([], "children", docJson);
       return /* @__PURE__ */ jsx8("div", { className: src_components_core_Document_default.rootDocument, ref, children: /* @__PURE__ */ jsx8(
         DocumentHtml_default,
@@ -1241,9 +1241,9 @@ var init_Document2 = __esm({
   }
 });
 
-// css-modules:css-modules://qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z-WPzO51QaEM0.css
-var init_qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z_WPzO51QaEM0 = __esm({
-  "css-modules:css-modules://qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z-WPzO51QaEM0.css"() {
+// css-modules:css-modules://Ef1FR8r0TZLJbQLu_YjOXfH5QGvXBuqIuVcDNrn2dlo.css
+var init_Ef1FR8r0TZLJbQLu_YjOXfH5QGvXBuqIuVcDNrn2dlo = __esm({
+  "css-modules:css-modules://Ef1FR8r0TZLJbQLu_YjOXfH5QGvXBuqIuVcDNrn2dlo.css"() {
   }
 });
 
@@ -1251,7 +1251,7 @@ var init_qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z_WPzO51QaEM0 = __esm({
 var init_src_styles_Codemirror = __esm({
   "tmp_esbuild/_src_styles_Codemirror.module.css"() {
     "use strict";
-    init_qc8hHnFyo6Lr96_0ShIiN5V_2JCgy_z_WPzO51QaEM0();
+    init_Ef1FR8r0TZLJbQLu_YjOXfH5QGvXBuqIuVcDNrn2dlo();
   }
 });
 
@@ -1263,9 +1263,9 @@ var init_Codemirror = __esm({
   }
 });
 
-// css-modules:css-modules://0JpW1nUt7xW7qwOpENEm-oylMzow4l0aKU2OuIG0bXI.css
-var init_JpW1nUt7xW7qwOpENEm_oylMzow4l0aKU2OuIG0bXI = __esm({
-  "css-modules:css-modules://0JpW1nUt7xW7qwOpENEm-oylMzow4l0aKU2OuIG0bXI.css"() {
+// css-modules:css-modules://-ADr1fQ65axwxa_akiSkLSAd8UytGnzX8BkDH_z6IJg.css
+var init_ADr1fQ65axwxa_akiSkLSAd8UytGnzX8BkDH_z6IJg = __esm({
+  "css-modules:css-modules://-ADr1fQ65axwxa_akiSkLSAd8UytGnzX8BkDH_z6IJg.css"() {
   }
 });
 
@@ -1274,8 +1274,8 @@ var src_components_core_viewer_ViewerMd_default;
 var init_src_components_core_viewer_ViewerMd = __esm({
   "tmp_esbuild/_src_components_core_viewer_ViewerMd.module.css"() {
     "use strict";
-    init_JpW1nUt7xW7qwOpENEm_oylMzow4l0aKU2OuIG0bXI();
-    src_components_core_viewer_ViewerMd_default = { "viewerInner": "vv-j3jlxa-viewerInner", "viewer": "vv-j3jlxa-viewer kit-themecss" };
+    init_ADr1fQ65axwxa_akiSkLSAd8UytGnzX8BkDH_z6IJg();
+    src_components_core_viewer_ViewerMd_default = { "viewer": "vv-j3jlxa-viewer kit-themecss", "viewerInner": "vv-j3jlxa-viewerInner" };
   }
 });
 
@@ -1288,9 +1288,9 @@ var init_ViewerMd = __esm({
 });
 
 // src/components/core/viewer/ViewerMd.tsx
-import React5, { useRef as useRef3, useCallback as useCallback3, useMemo } from "react";
-import _12 from "lodash/fp.js";
+import React4, { useRef as useRef3, useCallback as useCallback3, useMemo } from "react";
 import { styleThemeProps } from "@lls/lls-kit";
+import _12 from "lodash/fp.js";
 import { cx as cx3 } from "@lls/utils";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var getMdRendererProps, ViewerMd, ViewerMd_default;
@@ -1302,10 +1302,10 @@ var init_ViewerMd2 = __esm({
     init_template();
     init_Document2();
     init_Codemirror();
-    init_ViewerMd();
     init_constants();
+    init_ViewerMd();
     getMdRendererProps = _12.pick(["isOffline", "isTouchable", "wasSsrRendered", "picture"]);
-    ViewerMd = React5.forwardRef(
+    ViewerMd = React4.forwardRef(
       ({
         template = {},
         addPicture = _12.noop,
@@ -1390,7 +1390,7 @@ var init_ViewerMd2 = __esm({
 });
 
 // src/components/core/editor/EditViewerMd.tsx
-import React6, { useCallback as useCallback4 } from "react";
+import React5, { useCallback as useCallback4 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var EditViewerMd, EditViewerMd_default;
 var init_EditViewerMd = __esm({
@@ -1398,7 +1398,7 @@ var init_EditViewerMd = __esm({
     "use strict";
     init_ViewerMd2();
     init_template();
-    EditViewerMd = React6.forwardRef(({ template, onChange, ...props }, ref) => {
+    EditViewerMd = React5.forwardRef(({ template, onChange, ...props }, ref) => {
       const addDocument = useCallback4(
         (docInfos) => {
           onChange((template2) => addDocumentToTemplate(template2, docInfos));
@@ -1441,54 +1441,342 @@ var init_EditViewerMd = __esm({
   }
 });
 
-// src/hooks/useClientMounted.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
-var useClientMounted, useClientMounted_default;
-var init_useClientMounted = __esm({
-  "src/hooks/useClientMounted.tsx"() {
-    "use strict";
-    useClientMounted = () => {
-      const [mounted, setMounted] = useState4(false);
-      useEffect4(() => {
-        setMounted(true);
-      }, []);
-      return mounted;
-    };
-    useClientMounted_default = useClientMounted;
+// css-modules:css-modules://muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk.css
+var init_muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk = __esm({
+  "css-modules:css-modules://muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk.css"() {
   }
 });
 
-// src/utils/lazy.ts
-var lazyInterop;
-var init_lazy = __esm({
-  "src/utils/lazy.ts"() {
+// tmp_esbuild/_home_ec2-user_actions-runner__work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize.module.css
+var home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default;
+var init_home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize = __esm({
+  "tmp_esbuild/_home_ec2-user_actions-runner__work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize.module.css"() {
     "use strict";
-    lazyInterop = (m) => {
-      if ("default" in m && "default" in m.default) {
-        return { default: m.default.default };
-      }
-      return { default: m.default };
-    };
+    init_muFZYOO33Vml22ha9RBNYCIyflFehN2jLe0x7J_g3tk();
+    home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default = { "handle": "vv-o5bldq-handle" };
   }
 });
 
-// css-modules:css-modules://Uu0I-dgnin4bqXPxKf2Ezpbp2S-JUwCgdli4fWGAqsM.css
-var init_Uu0I_dgnin4bqXPxKf2Ezpbp2S_JUwCgdli4fWGAqsM = __esm({
-  "css-modules:css-modules://Uu0I-dgnin4bqXPxKf2Ezpbp2S-JUwCgdli4fWGAqsM.css"() {
-  }
-});
-
-// tmp_esbuild/_src_components_lazy_CodemirrorEditor.browser.module.css
-var src_components_lazy_CodemirrorEditor_browser_default;
-var init_src_components_lazy_CodemirrorEditor_browser = __esm({
-  "tmp_esbuild/_src_components_lazy_CodemirrorEditor.browser.module.css"() {
+// ../viewer/src/hooks/useDragAndResize.module.css
+var init_useDragAndResize = __esm({
+  "../viewer/src/hooks/useDragAndResize.module.css"() {
     "use strict";
-    init_Uu0I_dgnin4bqXPxKf2Ezpbp2S_JUwCgdli4fWGAqsM();
-    src_components_lazy_CodemirrorEditor_browser_default = { "codemirrorWrapper": "vv-E1cuPG-codemirrorWrapper" };
+    init_home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize();
   }
 });
 
-// src/components/lazy/CodemirrorEditor.browser.module.css
+// ../viewer/src/hooks/useDragAndResize.tsx
+import { useEffect as useEffect4, useRef as useRef4, useState as useState4 } from "react";
+import _13 from "lodash/fp.js";
+import { Fragment, jsx as jsx11 } from "react/jsx-runtime";
+var resizeHandlersProps, useDragAndResize, useDragAndResize_default;
+var init_useDragAndResize2 = __esm({
+  "../viewer/src/hooks/useDragAndResize.tsx"() {
+    "use strict";
+    init_useDragAndResize();
+    resizeHandlersProps = [
+      {
+        top: "-5px",
+        right: "0",
+        bottom: "calc(100% - 5px)",
+        left: "0",
+        cursor: "row-resize",
+        resizingProps: {
+          shouldSizeX: false,
+          shouldSizeY: true,
+          shouldMoveX: false,
+          shouldMoveY: true
+        }
+      },
+      {
+        top: "0",
+        right: "-5px",
+        bottom: "0",
+        left: "calc(100% - 5px)",
+        cursor: "col-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: false,
+          shouldMoveX: false,
+          shouldMoveY: false
+        }
+      },
+      {
+        top: "calc(100% - 5px)",
+        right: "0",
+        bottom: "-5px",
+        left: "0",
+        cursor: "row-resize",
+        resizingProps: {
+          shouldSizeX: false,
+          shouldSizeY: true,
+          shouldMoveX: false,
+          shouldMoveY: false
+        }
+      },
+      {
+        top: "0",
+        right: "calc(100% - 5px)",
+        bottom: "0",
+        left: "-5px",
+        cursor: "col-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: false,
+          shouldMoveX: true,
+          shouldMoveY: false
+        }
+      },
+      // corners
+      {
+        top: "-10px",
+        right: "-10px",
+        bottom: "calc(100% - 10px)",
+        left: "calc(100% - 10px)",
+        cursor: "ne-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: true,
+          shouldMoveX: false,
+          shouldMoveY: true
+        }
+      },
+      {
+        top: "calc(100% - 10px)",
+        right: "-10px",
+        bottom: "-10px",
+        left: "calc(100% - 10px)",
+        cursor: "se-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: true,
+          shouldMoveX: false,
+          shouldMoveY: false
+        }
+      },
+      {
+        top: "calc(100% - 10px)",
+        right: "calc(100% - 10px)",
+        bottom: "-10px",
+        left: "-10px",
+        cursor: "sw-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: true,
+          shouldMoveX: true,
+          shouldMoveY: false
+        }
+      },
+      {
+        top: "-10px",
+        right: "calc(100% - 10px)",
+        bottom: "calc(100% - 10px)",
+        left: "-10px",
+        cursor: "nw-resize",
+        resizingProps: {
+          shouldSizeX: true,
+          shouldSizeY: true,
+          shouldMoveX: true,
+          shouldMoveY: true
+        }
+      }
+    ];
+    useDragAndResize = ({ defaultPositions, defaultSize = {}, onResize, canResize = true }) => {
+      const rndRef = useRef4(null);
+      const defaultWidth = defaultSize.width || 0;
+      const defaultHeight = defaultSize.height || 0;
+      const [size, setSize] = useState4({
+        height: defaultHeight,
+        width: defaultWidth
+      });
+      const [resizingData, setResizingData] = useState4({
+        isActive: false,
+        shouldSizeX: false,
+        shouldSizeY: false,
+        shouldMoveX: false,
+        shouldMoveY: false
+      });
+      const positionX = _13.getOr(0, "x", defaultPositions);
+      const bodyWidth = _13.getOr(0, "body.offsetWidth", document);
+      const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
+      const [translateData, setTranslateData] = useState4({
+        isActive: false,
+        x,
+        y: _13.getOr(0, "y", defaultPositions)
+      });
+      useEffect4(() => {
+        if (translateData.isActive) {
+          const onMouseUp = () => setTranslateData(_13.set("isActive", false));
+          const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
+            ...translateData2,
+            x: x2 + e.movementX,
+            y: y + e.movementY
+          }));
+          document.addEventListener("mouseup", onMouseUp);
+          document.addEventListener("mousemove", onMouseMove);
+          return () => {
+            document.removeEventListener("mouseup", onMouseUp);
+            document.removeEventListener("mousemove", onMouseMove);
+          };
+        }
+      }, [translateData]);
+      useEffect4(() => {
+        if (resizingData.isActive) {
+          if (rndRef.current && !(size.height !== 0 && size.width !== 0)) {
+            const { height, width } = rndRef.current.getBoundingClientRect();
+            setSize({
+              height,
+              width
+            });
+          }
+          const { shouldSizeX, shouldSizeY, shouldMoveX, shouldMoveY } = resizingData;
+          const onMouseUp = () => {
+            setResizingData(_13.set("isActive", false));
+          };
+          const getNewSizeValue = ({
+            shouldMove,
+            shouldSize,
+            value,
+            modifier
+          }) => {
+            switch (true) {
+              case (shouldSize && !shouldMove):
+                return value + modifier;
+              case (shouldSize && shouldMove):
+                return value - modifier;
+              default:
+                return value;
+            }
+          };
+          const onMouseMove = (e) => {
+            setTranslateData(({ x: x2, y, ...translateData2 }) => {
+              const newX = shouldMoveX ? x2 + e.movementX : x2;
+              const newY = shouldMoveY ? y + e.movementY : y;
+              return {
+                ...translateData2,
+                x: newX,
+                y: newY
+              };
+            });
+            setSize(({ height, width }) => {
+              const newSize = {
+                height: getNewSizeValue({
+                  shouldMove: shouldMoveY,
+                  shouldSize: shouldSizeY,
+                  value: height,
+                  modifier: e.movementY
+                }),
+                width: getNewSizeValue({
+                  shouldMove: shouldMoveX,
+                  shouldSize: shouldSizeX,
+                  value: width,
+                  modifier: e.movementX
+                })
+              };
+              onResize?.(newSize);
+              return newSize;
+            });
+          };
+          document.addEventListener("mouseup", onMouseUp);
+          document.addEventListener("mousemove", onMouseMove);
+          return () => {
+            document.removeEventListener("mouseup", onMouseUp);
+            document.removeEventListener("mousemove", onMouseMove);
+          };
+        }
+      }, [size, resizingData, onResize]);
+      const launchTranslate = () => setTranslateData(_13.set("isActive", true));
+      const handlersElement = canResize ? /* @__PURE__ */ jsx11("div", { children: resizeHandlersProps.map((handle, key) => {
+        return /* @__PURE__ */ jsx11(
+          "div",
+          {
+            className: home_ec2_user_actions_runner_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default.handle,
+            style: {
+              "--v-top": handle.top,
+              "--v-right": handle.right,
+              "--v-bottom": handle.bottom,
+              "--v-left": handle.left,
+              "--v-cursor": handle.cursor
+            },
+            ..._13.omit("resizingProps", handle),
+            onMouseDown: () => setResizingData({
+              isActive: true,
+              ..._13.get("resizingProps", handle)
+            })
+          },
+          key
+        );
+      }) }) : /* @__PURE__ */ jsx11(Fragment, {});
+      const isActive = translateData.isActive || resizingData.isActive;
+      useEffect4(() => {
+        if (!rndRef.current)
+          return;
+        rndRef.current.style.userSelect = isActive ? "none" : "unset";
+        rndRef.current.style.position = "fixed";
+        rndRef.current.style.top = "0";
+        rndRef.current.style.left = "0";
+        rndRef.current.style.transform = `translate3d(${translateData.x}px, ${translateData.y}px, 0)`;
+        rndRef.current.style.height = size.height ? `${size.height}px` : "auto";
+        rndRef.current.style.width = size.width ? `${size.width}px` : "auto";
+      }, [translateData, size, isActive]);
+      return {
+        launchTranslate,
+        handlersElement,
+        rndRef
+      };
+    };
+    useDragAndResize_default = useDragAndResize;
+  }
+});
+
+// src/hooks/useClientMounted.tsx
+import { useEffect as useEffect5, useState as useState5 } from "react";
+var useClientMounted, useClientMounted_default;
+var init_useClientMounted = __esm({
+  "src/hooks/useClientMounted.tsx"() {
+    "use strict";
+    useClientMounted = () => {
+      const [mounted, setMounted] = useState5(false);
+      useEffect5(() => {
+        setMounted(true);
+      }, []);
+      return mounted;
+    };
+    useClientMounted_default = useClientMounted;
+  }
+});
+
+// src/utils/lazy.ts
+var lazyInterop;
+var init_lazy = __esm({
+  "src/utils/lazy.ts"() {
+    "use strict";
+    lazyInterop = (m) => {
+      if ("default" in m && "default" in m.default) {
+        return { default: m.default.default };
+      }
+      return { default: m.default };
+    };
+  }
+});
+
+// css-modules:css-modules://ClwWsN3MG80fL5vx9ZgsHtKB5PCE9WSraTwa_GOO_kA.css
+var init_ClwWsN3MG80fL5vx9ZgsHtKB5PCE9WSraTwa_GOO_kA = __esm({
+  "css-modules:css-modules://ClwWsN3MG80fL5vx9ZgsHtKB5PCE9WSraTwa_GOO_kA.css"() {
+  }
+});
+
+// tmp_esbuild/_src_components_lazy_CodemirrorEditor.browser.module.css
+var src_components_lazy_CodemirrorEditor_browser_default;
+var init_src_components_lazy_CodemirrorEditor_browser = __esm({
+  "tmp_esbuild/_src_components_lazy_CodemirrorEditor.browser.module.css"() {
+    "use strict";
+    init_ClwWsN3MG80fL5vx9ZgsHtKB5PCE9WSraTwa_GOO_kA();
+    src_components_lazy_CodemirrorEditor_browser_default = { "codemirrorWrapper": "vv-E1cuPG-codemirrorWrapper" };
+  }
+});
+
+// src/components/lazy/CodemirrorEditor.browser.module.css
 var init_CodemirrorEditor_browser = __esm({
   "src/components/lazy/CodemirrorEditor.browser.module.css"() {
     "use strict";
@@ -1501,17 +1789,17 @@ var CodemirrorEditor_browser_exports = {};
 __export(CodemirrorEditor_browser_exports, {
   default: () => CodemirrorEditor_browser_default
 });
-import _13 from "lodash/fp.js";
-import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import _14 from "lodash/fp.js";
+import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var TAGS, completeAfter, completeIfAfterLt, completeIfInTag, xmlValidator, CodemirrorEditor, CodemirrorEditor_browser_default;
 var init_CodemirrorEditor_browser2 = __esm({
   "src/components/lazy/CodemirrorEditor.browser.tsx"() {
     "use strict";
     init_constants();
+    init_lazy();
     init_template();
     init_CodemirrorEditor_browser();
-    init_lazy();
     TAGS = {};
     completeAfter = (cm, pred) => {
       if (!pred || pred()) {
@@ -1559,15 +1847,15 @@ var init_CodemirrorEditor_browser2 = __esm({
     };
     CodemirrorEditor = ({
       readOnly,
-      onChange = _13.noop,
+      onChange = _14.noop,
       keyMap,
-      componentDidMount = _13.noop,
+      componentDidMount = _14.noop,
       value = "",
-      onError = _13.noop
+      onError = _14.noop
     }) => {
-      const textarea = useRef4(null);
-      const [editor, setEditor] = useState5(null);
-      useEffect5(() => {
+      const textarea = useRef5(null);
+      const [editor, setEditor] = useState6(null);
+      useEffect6(() => {
         const fn = async () => {
           const codemirror = (await import("codemirror").then(lazyInterop)).default;
           codemirror.registerHelper("lint", "xml", (text) => xmlValidator(codemirror, text, onError));
@@ -1599,7 +1887,7 @@ var init_CodemirrorEditor_browser2 = __esm({
         };
         fn();
       }, [readOnly, keyMap, componentDidMount, onError]);
-      useEffect5(() => {
+      useEffect6(() => {
         if (!editor) {
           return;
         }
@@ -1609,22 +1897,22 @@ var init_CodemirrorEditor_browser2 = __esm({
           editor.off("change", localChange);
         };
       }, [editor, onChange]);
-      return /* @__PURE__ */ jsx11("div", { className: src_components_lazy_CodemirrorEditor_browser_default.codemirrorWrapper, children: /* @__PURE__ */ jsx11("textarea", { ref: textarea, value, onChange: _13.noop }) });
+      return /* @__PURE__ */ jsx12("div", { className: src_components_lazy_CodemirrorEditor_browser_default.codemirrorWrapper, children: /* @__PURE__ */ jsx12("textarea", { ref: textarea, value, onChange: _14.noop }) });
     };
     CodemirrorEditor_browser_default = CodemirrorEditor;
   }
 });
 
 // src/components/core/editor/CodemirrorEditor.tsx
-import React7, { Suspense } from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import React6, { Suspense } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var LazyEditor, CodemirrorEditor2, CodemirrorEditor_default;
 var init_CodemirrorEditor = __esm({
   "src/components/core/editor/CodemirrorEditor.tsx"() {
     "use strict";
     init_useClientMounted();
     init_lazy();
-    LazyEditor = React7.lazy(
+    LazyEditor = React6.lazy(
       () => (
         // @ts-ignore TODO fallback is causing type issue
         typeof window === "undefined" ? { default: null } : Promise.resolve().then(() => (init_CodemirrorEditor_browser2(), CodemirrorEditor_browser_exports)).then(lazyInterop)
@@ -1632,15 +1920,15 @@ var init_CodemirrorEditor = __esm({
     );
     CodemirrorEditor2 = (props) => {
       const clientMounted = useClientMounted_default();
-      return clientMounted ? /* @__PURE__ */ jsx12(Suspense, { children: /* @__PURE__ */ jsx12(LazyEditor, { ...props }) }) : /* @__PURE__ */ jsx12("div", {});
+      return clientMounted ? /* @__PURE__ */ jsx13(Suspense, { children: /* @__PURE__ */ jsx13(LazyEditor, { ...props }) }) : /* @__PURE__ */ jsx13("div", {});
     };
     CodemirrorEditor_default = CodemirrorEditor2;
   }
 });
 
-// css-modules:css-modules://FCAd7_oVdm9kCj4j2YrzERVva7KEvx20ZcLApy3btiM.css
-var init_FCAd7_oVdm9kCj4j2YrzERVva7KEvx20ZcLApy3btiM = __esm({
-  "css-modules:css-modules://FCAd7_oVdm9kCj4j2YrzERVva7KEvx20ZcLApy3btiM.css"() {
+// css-modules:css-modules://D1lYSSaRELK-xOpLHrAFrFm44xAz5JpuKh1hj285xI4.css
+var init_D1lYSSaRELK_xOpLHrAFrFm44xAz5JpuKh1hj285xI4 = __esm({
+  "css-modules:css-modules://D1lYSSaRELK-xOpLHrAFrFm44xAz5JpuKh1hj285xI4.css"() {
   }
 });
 
@@ -1649,7 +1937,7 @@ var src_components_core_editor_EditorHeaderModal_default;
 var init_src_components_core_editor_EditorHeaderModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorHeaderModal.module.css"() {
     "use strict";
-    init_FCAd7_oVdm9kCj4j2YrzERVva7KEvx20ZcLApy3btiM();
+    init_D1lYSSaRELK_xOpLHrAFrFm44xAz5JpuKh1hj285xI4();
     src_components_core_editor_EditorHeaderModal_default = { "header": "vv-go3bmq-header" };
   }
 });
@@ -1663,14 +1951,14 @@ var init_EditorHeaderModal = __esm({
 });
 
 // src/components/core/editor/EditorHeaderModal.tsx
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var EditorHeaderModal, EditorHeaderModal_default;
 var init_EditorHeaderModal2 = __esm({
   "src/components/core/editor/EditorHeaderModal.tsx"() {
     "use strict";
     init_EditorHeaderModal();
     EditorHeaderModal = ({ onClick }) => /* @__PURE__ */ jsxs7("div", { children: [
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1689,7 +1977,7 @@ var init_EditorHeaderModal2 = __esm({
           children: "Principale"
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1725,7 +2013,7 @@ var init_EditorHeaderModal2 = __esm({
           ]
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1741,7 +2029,7 @@ var init_EditorHeaderModal2 = __esm({
           children: "Compl\xE9mentaire 2"
         }
       ),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         "div",
         {
           className: src_components_core_editor_EditorHeaderModal_default.header,
@@ -1762,9 +2050,9 @@ var init_EditorHeaderModal2 = __esm({
   }
 });
 
-// css-modules:css-modules://FkovI3JwYnbBlV1RTxx19lg4XpgLRke3kTFrPkeXgkU.css
-var init_FkovI3JwYnbBlV1RTxx19lg4XpgLRke3kTFrPkeXgkU = __esm({
-  "css-modules:css-modules://FkovI3JwYnbBlV1RTxx19lg4XpgLRke3kTFrPkeXgkU.css"() {
+// css-modules:css-modules://FAXEjMKr_nbgBeI0HbQm4Hou8oDtA1fDSwLREXIxVJQ.css
+var init_FAXEjMKr_nbgBeI0HbQm4Hou8oDtA1fDSwLREXIxVJQ = __esm({
+  "css-modules:css-modules://FAXEjMKr_nbgBeI0HbQm4Hou8oDtA1fDSwLREXIxVJQ.css"() {
   }
 });
 
@@ -1773,7 +2061,7 @@ var src_components_core_editor_EditorListModal_default;
 var init_src_components_core_editor_EditorListModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorListModal.module.css"() {
     "use strict";
-    init_FkovI3JwYnbBlV1RTxx19lg4XpgLRke3kTFrPkeXgkU();
+    init_FAXEjMKr_nbgBeI0HbQm4Hou8oDtA1fDSwLREXIxVJQ();
     src_components_core_editor_EditorListModal_default = { "ul": "vv-CkF5Qq-ul" };
   }
 });
@@ -1787,7 +2075,7 @@ var init_EditorListModal = __esm({
 });
 
 // src/components/core/editor/EditorListModal.tsx
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var generateList, EditorListModal, EditorListModal_default;
 var init_EditorListModal2 = __esm({
   "src/components/core/editor/EditorListModal.tsx"() {
@@ -1801,17 +2089,17 @@ var init_EditorListModal2 = __esm({
 </ul>
 `;
     EditorListModal = ({ onClick }) => /* @__PURE__ */ jsxs8("div", { children: [
-      /* @__PURE__ */ jsx14("ul", { className: src_components_core_editor_EditorListModal_default.ul, onClick: () => onClick(() => generateList("disc")), children: /* @__PURE__ */ jsx14("li", {}) }),
-      /* @__PURE__ */ jsx14("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "circle", onClick: () => onClick(() => generateList("circle")), children: /* @__PURE__ */ jsx14("li", {}) }),
-      /* @__PURE__ */ jsx14("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "square", onClick: () => onClick(() => generateList("square")), children: /* @__PURE__ */ jsx14("li", {}) })
+      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, onClick: () => onClick(() => generateList("disc")), children: /* @__PURE__ */ jsx15("li", {}) }),
+      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "circle", onClick: () => onClick(() => generateList("circle")), children: /* @__PURE__ */ jsx15("li", {}) }),
+      /* @__PURE__ */ jsx15("ul", { className: src_components_core_editor_EditorListModal_default.ul, type: "square", onClick: () => onClick(() => generateList("square")), children: /* @__PURE__ */ jsx15("li", {}) })
     ] });
     EditorListModal_default = EditorListModal;
   }
 });
 
-// css-modules:css-modules://AB_xeFVw2qTXerTyhSybJJcQHmBUiuYom4Mp_ZIEYrU.css
-var init_AB_xeFVw2qTXerTyhSybJJcQHmBUiuYom4Mp_ZIEYrU = __esm({
-  "css-modules:css-modules://AB_xeFVw2qTXerTyhSybJJcQHmBUiuYom4Mp_ZIEYrU.css"() {
+// css-modules:css-modules://iTcvO_EuuRof0S3Q_EadEoweHD1OFDXkCVSSCGPHK5I.css
+var init_iTcvO_EuuRof0S3Q_EadEoweHD1OFDXkCVSSCGPHK5I = __esm({
+  "css-modules:css-modules://iTcvO_EuuRof0S3Q_EadEoweHD1OFDXkCVSSCGPHK5I.css"() {
   }
 });
 
@@ -1820,7 +2108,7 @@ var src_components_core_editor_EditorMathsModal_default;
 var init_src_components_core_editor_EditorMathsModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorMathsModal.module.css"() {
     "use strict";
-    init_AB_xeFVw2qTXerTyhSybJJcQHmBUiuYom4Mp_ZIEYrU();
+    init_iTcvO_EuuRof0S3Q_EadEoweHD1OFDXkCVSSCGPHK5I();
     src_components_core_editor_EditorMathsModal_default = { "mathsElement": "vv-XGJSGG-mathsElement" };
   }
 });
@@ -1834,25 +2122,25 @@ var init_EditorMathsModal = __esm({
 });
 
 // src/components/core/editor/EditorMathsModal.tsx
-import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var EditorMathsModal, EditorMathsModal_default;
 var init_EditorMathsModal2 = __esm({
   "src/components/core/editor/EditorMathsModal.tsx"() {
     "use strict";
     init_EditorMathsModal();
     EditorMathsModal = ({ onClick }) => /* @__PURE__ */ jsxs9("div", { children: [
-      /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<math>${selectedText}</math>`), children: "KaTeX" }),
-      /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `\\text{${selectedText}}`), children: "\\text {...}" }),
-      /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<python inline="true">${selectedText}</python>`), children: "python" }),
-      /* @__PURE__ */ jsx15("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<geogebra>${selectedText}</geogebra>`), children: "geogebra" })
+      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<math>${selectedText}</math>`), children: "KaTeX" }),
+      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `\\text{${selectedText}}`), children: "\\text {...}" }),
+      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<python inline="true">${selectedText}</python>`), children: "python" }),
+      /* @__PURE__ */ jsx16("div", { className: src_components_core_editor_EditorMathsModal_default.mathsElement, onClick: () => onClick((selectedText) => `<geogebra>${selectedText}</geogebra>`), children: "geogebra" })
     ] });
     EditorMathsModal_default = EditorMathsModal;
   }
 });
 
-// css-modules:css-modules://_GzDFX1RUCKi2_4ubFGNz3yW0aeiUb867B6oz559skY.css
-var init_GzDFX1RUCKi2_4ubFGNz3yW0aeiUb867B6oz559skY = __esm({
-  "css-modules:css-modules://_GzDFX1RUCKi2_4ubFGNz3yW0aeiUb867B6oz559skY.css"() {
+// css-modules:css-modules://-Z7nD8VDTTbf2fdFuqZ2hX3q2ctyJaUVhprv-NQnySo.css
+var init_Z7nD8VDTTbf2fdFuqZ2hX3q2ctyJaUVhprv_NQnySo = __esm({
+  "css-modules:css-modules://-Z7nD8VDTTbf2fdFuqZ2hX3q2ctyJaUVhprv-NQnySo.css"() {
   }
 });
 
@@ -1861,7 +2149,7 @@ var src_components_core_editor_EditorOrderedListModal_default;
 var init_src_components_core_editor_EditorOrderedListModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorOrderedListModal.module.css"() {
     "use strict";
-    init_GzDFX1RUCKi2_4ubFGNz3yW0aeiUb867B6oz559skY();
+    init_Z7nD8VDTTbf2fdFuqZ2hX3q2ctyJaUVhprv_NQnySo();
     src_components_core_editor_EditorOrderedListModal_default = { "ol": "vv-IbixEG-ol" };
   }
 });
@@ -1875,7 +2163,7 @@ var init_EditorOrderedListModal = __esm({
 });
 
 // src/components/core/editor/EditorOrderedListModal.tsx
-import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var generateList2, EditorOrderedListModal, EditorOrderedListModal_default;
 var init_EditorOrderedListModal2 = __esm({
   "src/components/core/editor/EditorOrderedListModal.tsx"() {
@@ -1890,38 +2178,38 @@ var init_EditorOrderedListModal2 = __esm({
 `;
     EditorOrderedListModal = ({ onClick }) => /* @__PURE__ */ jsxs10("div", { children: [
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "1", onClick: () => onClick(() => generateList2("1")), children: [
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {})
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "a", onClick: () => onClick(() => generateList2("a")), children: [
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {})
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "A", onClick: () => onClick(() => generateList2("A")), children: [
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {})
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "i", onClick: () => onClick(() => generateList2("i")), children: [
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {})
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {})
       ] }),
       /* @__PURE__ */ jsxs10("ol", { className: src_components_core_editor_EditorOrderedListModal_default.ol, type: "I", onClick: () => onClick(() => generateList2("I")), children: [
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {}),
-        /* @__PURE__ */ jsx16("li", {})
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {}),
+        /* @__PURE__ */ jsx17("li", {})
       ] })
     ] });
     EditorOrderedListModal_default = EditorOrderedListModal;
   }
 });
 
-// css-modules:css-modules://ahb12XnLQklrK1BrY92oMAN69OZ4Cr01dyWTP4y8-qw.css
-var init_ahb12XnLQklrK1BrY92oMAN69OZ4Cr01dyWTP4y8_qw = __esm({
-  "css-modules:css-modules://ahb12XnLQklrK1BrY92oMAN69OZ4Cr01dyWTP4y8-qw.css"() {
+// css-modules:css-modules://gesVSQDjVmNzyeAM6C2g6PgbgdrauKrOml9XUyf0d1A.css
+var init_gesVSQDjVmNzyeAM6C2g6PgbgdrauKrOml9XUyf0d1A = __esm({
+  "css-modules:css-modules://gesVSQDjVmNzyeAM6C2g6PgbgdrauKrOml9XUyf0d1A.css"() {
   }
 });
 
@@ -1930,7 +2218,7 @@ var src_components_core_editor_EditorQuestionModal_default;
 var init_src_components_core_editor_EditorQuestionModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorQuestionModal.module.css"() {
     "use strict";
-    init_ahb12XnLQklrK1BrY92oMAN69OZ4Cr01dyWTP4y8_qw();
+    init_gesVSQDjVmNzyeAM6C2g6PgbgdrauKrOml9XUyf0d1A();
     src_components_core_editor_EditorQuestionModal_default = { "question": "vv-QBK0Ba-question" };
   }
 });
@@ -1944,19 +2232,19 @@ var init_EditorQuestionModal = __esm({
 });
 
 // src/components/core/editor/EditorQuestionModal.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var EditorQuestionModal, EditorQuestionModal_default;
 var init_EditorQuestionModal2 = __esm({
   "src/components/core/editor/EditorQuestionModal.tsx"() {
     "use strict";
     init_EditorQuestionModal();
     EditorQuestionModal = ({ onClick }) => /* @__PURE__ */ jsxs11("div", { children: [
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qtarea id="" width="90%" />`), children: "Question textarea" }),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qt id="">${selectedText}</qt>`), children: "Question ouverte" }),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qs id="">${selectedText}</qs>`), children: 'Question "select"' }),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qc id="" />'), children: "Question checkbox" }),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qr id="" value="" />'), children: "Question radio" }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qtarea id="" width="90%" />`), children: "Question textarea" }),
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qt id="">${selectedText}</qt>`), children: "Question ouverte" }),
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qs id="">${selectedText}</qs>`), children: 'Question "select"' }),
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qc id="" />'), children: "Question checkbox" }),
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => '<qr id="" value="" />'), children: "Question radio" }),
+      /* @__PURE__ */ jsx18(
         "div",
         {
           className: src_components_core_editor_EditorQuestionModal_default.question,
@@ -1977,8 +2265,8 @@ var init_EditorQuestionModal2 = __esm({
           children: "Question DnD"
         }
       ),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qmath id="">${selectedText}</qmath>`), children: "Question maths" }),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick((selectedText) => `<qmath id="">${selectedText}</qmath>`), children: "Question maths" }),
+      /* @__PURE__ */ jsx18(
         "div",
         {
           className: src_components_core_editor_EditorQuestionModal_default.question,
@@ -1991,15 +2279,15 @@ var init_EditorQuestionModal2 = __esm({
           children: "Question maths select"
         }
       ),
-      /* @__PURE__ */ jsx17("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qdraw2 id=""/>`), children: "Question draw" })
+      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorQuestionModal_default.question, onClick: () => onClick(() => `<qdraw2 id=""/>`), children: "Question draw" })
     ] });
     EditorQuestionModal_default = EditorQuestionModal;
   }
 });
 
-// css-modules:css-modules://DniAyX3w8YOM864AikhU7_Oc8wGI75nhWfQ0Eb6A-zg.css
-var init_DniAyX3w8YOM864AikhU7_Oc8wGI75nhWfQ0Eb6A_zg = __esm({
-  "css-modules:css-modules://DniAyX3w8YOM864AikhU7_Oc8wGI75nhWfQ0Eb6A-zg.css"() {
+// css-modules:css-modules://aXP2yBEvDrqZAjdnvRWrB53787qw4y3ToSiBw04uiE8.css
+var init_aXP2yBEvDrqZAjdnvRWrB53787qw4y3ToSiBw04uiE8 = __esm({
+  "css-modules:css-modules://aXP2yBEvDrqZAjdnvRWrB53787qw4y3ToSiBw04uiE8.css"() {
   }
 });
 
@@ -2008,7 +2296,7 @@ var src_components_core_editor_EditorStampModal_default;
 var init_src_components_core_editor_EditorStampModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorStampModal.module.css"() {
     "use strict";
-    init_DniAyX3w8YOM864AikhU7_Oc8wGI75nhWfQ0Eb6A_zg();
+    init_aXP2yBEvDrqZAjdnvRWrB53787qw4y3ToSiBw04uiE8();
     src_components_core_editor_EditorStampModal_default = { "stamp": "vv-pmaK1a-stamp" };
   }
 });
@@ -2022,37 +2310,37 @@ var init_EditorStampModal = __esm({
 });
 
 // src/components/core/editor/EditorStampModal.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var EditorStampModal, EditorStampModal_default;
 var init_EditorStampModal2 = __esm({
   "src/components/core/editor/EditorStampModal.tsx"() {
     "use strict";
     init_EditorStampModal();
     EditorStampModal = ({ onClick }) => /* @__PURE__ */ jsxs12("div", { children: [
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick((selectedText) => `<stamp theme="" size="">${selectedText}</stamp>`), children: "Stamp classique" }),
-      /* @__PURE__ */ jsx18("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick(() => `<stamp theme="" icon="" size=""/>`), children: "Stamp avec icon" })
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick((selectedText) => `<stamp theme="" size="">${selectedText}</stamp>`), children: "Stamp classique" }),
+      /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorStampModal_default.stamp, onClick: () => onClick(() => `<stamp theme="" icon="" size=""/>`), children: "Stamp avec icon" })
     ] });
     EditorStampModal_default = EditorStampModal;
   }
 });
 
 // src/utils/table.ts
-import _14 from "lodash/fp.js";
+import _15 from "lodash/fp.js";
 var generateTable;
 var init_table = __esm({
   "src/utils/table.ts"() {
     "use strict";
     generateTable = ({ column, line }) => {
-      const headLine = _14.times(_14.constant("<th></th>"), column);
-      const bodyLine = _14.times(_14.constant("<td></td>"), column);
+      const headLine = _15.times(_15.constant("<th></th>"), column);
+      const bodyLine = _15.times(_15.constant("<td></td>"), column);
       const head = `<thead>
 		<tr>
-			${_14.join("\n			", headLine)}
+			${_15.join("\n			", headLine)}
 		</tr>
 	</thead>`;
       const body = `<tbody>
-		${_14.times(_14.constant(`<tr>
-			${_14.join("\n			", bodyLine)}
+		${_15.times(_15.constant(`<tr>
+			${_15.join("\n			", bodyLine)}
 		</tr>`), line - 1).join("\n		")}
 	</tbody>`;
       return `<table>
@@ -2064,9 +2352,9 @@ var init_table = __esm({
   }
 });
 
-// css-modules:css-modules://PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM.css
-var init_PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM = __esm({
-  "css-modules:css-modules://PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM.css"() {
+// css-modules:css-modules://l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ-auwa6d-qDY3s.css
+var init_l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ_auwa6d_qDY3s = __esm({
+  "css-modules:css-modules://l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ-auwa6d-qDY3s.css"() {
   }
 });
 
@@ -2075,8 +2363,8 @@ var src_components_core_editor_EditorTableModal_default;
 var init_src_components_core_editor_EditorTableModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTableModal.module.css"() {
     "use strict";
-    init_PUzC3cfirwsgprCC0t8XaW2Tcxdie8yFOj0O0VakWmM();
-    src_components_core_editor_EditorTableModal_default = { "line": "vv-VbIHYG-line", "cell": "vv-VbIHYG-cell", "header": "vv-VbIHYG-header", "grid": "vv-VbIHYG-grid" };
+    init_l9ewCrSeYzAUJUd9PfLHkZujTTXaJQ_auwa6d_qDY3s();
+    src_components_core_editor_EditorTableModal_default = { "line": "vv-VbIHYG-line", "cell": "vv-VbIHYG-cell", "grid": "vv-VbIHYG-grid", "header": "vv-VbIHYG-header" };
   }
 });
 
@@ -2089,9 +2377,9 @@ var init_EditorTableModal = __esm({
 });
 
 // src/components/core/editor/EditorTableModal.tsx
-import { useCallback as useCallback5, useState as useState6 } from "react";
-import _15 from "lodash/fp.js";
-import { jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useCallback as useCallback5, useState as useState7 } from "react";
+import _16 from "lodash/fp.js";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var LINE_COUNT, COLUMN_COUNT, CELL_WIDTH, CELL_HEIGHT, CELL_MARGIN, LINE_WIDTH, Cell, EditorTableModal, EditorTableModal_default;
 var init_EditorTableModal2 = __esm({
   "src/components/core/editor/EditorTableModal.tsx"() {
@@ -2111,7 +2399,7 @@ var init_EditorTableModal2 = __esm({
       const onClickCallback = useCallback5(() => {
         onClick({ column, line });
       }, [column, line, onClick]);
-      return /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx20(
         "div",
         {
           className: src_components_core_editor_EditorTableModal_default.cell,
@@ -2123,7 +2411,7 @@ var init_EditorTableModal2 = __esm({
       );
     };
     EditorTableModal = ({ onClick }) => {
-      const [selected, setSelected] = useState6({ line: 0, column: 0 });
+      const [selected, setSelected] = useState7({ line: 0, column: 0 });
       const onMouseEnter = useCallback5(({ column, line }) => {
         setSelected({ line, column });
       }, []);
@@ -2133,17 +2421,17 @@ var init_EditorTableModal2 = __esm({
         },
         [onClick]
       );
-      const selectedLine = _15.getOr(0, "line", selected);
-      const selectedColumn = _15.getOr(0, "column", selected);
+      const selectedLine = _16.getOr(0, "line", selected);
+      const selectedColumn = _16.getOr(0, "column", selected);
       return /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorTableModal_default.header, children: `${selectedLine} x ${selectedColumn}` }),
-        /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorTableModal_default.grid, style: { "--v-line-width": `${LINE_WIDTH}px` }, children: _15.flow(
-          _15.range(1),
-          _15.map((line) => /* @__PURE__ */ jsx19("div", { className: src_components_core_editor_EditorTableModal_default.line, style: { "--v-cell-margin": `${CELL_MARGIN}px` }, children: _15.flow(
-            _15.range(1),
-            _15.map((column) => {
+        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.header, children: `${selectedLine} x ${selectedColumn}` }),
+        /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.grid, style: { "--v-line-width": `${LINE_WIDTH}px` }, children: _16.flow(
+          _16.range(1),
+          _16.map((line) => /* @__PURE__ */ jsx20("div", { className: src_components_core_editor_EditorTableModal_default.line, style: { "--v-cell-margin": `${CELL_MARGIN}px` }, children: _16.flow(
+            _16.range(1),
+            _16.map((column) => {
               const isselected = line <= selectedLine && column <= selectedColumn;
-              return /* @__PURE__ */ jsx19(Cell, { isSelected: isselected, onMouseEnter, onClick: createTable, column, line }, column);
+              return /* @__PURE__ */ jsx20(Cell, { isSelected: isselected, onMouseEnter, onClick: createTable, column, line }, column);
             })
           )(COLUMN_COUNT) }, line))
         )(LINE_COUNT) })
@@ -2153,9 +2441,9 @@ var init_EditorTableModal2 = __esm({
   }
 });
 
-// css-modules:css-modules://cxKXXItV67ua_TIlhaSrnnrkoXVY8-Oh89yukaCrcmw.css
-var init_cxKXXItV67ua_TIlhaSrnnrkoXVY8_Oh89yukaCrcmw = __esm({
-  "css-modules:css-modules://cxKXXItV67ua_TIlhaSrnnrkoXVY8-Oh89yukaCrcmw.css"() {
+// css-modules:css-modules://V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib-oQ4.css
+var init_V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib_oQ4 = __esm({
+  "css-modules:css-modules://V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib-oQ4.css"() {
   }
 });
 
@@ -2164,8 +2452,8 @@ var src_components_core_editor_EditorTitleModal_default;
 var init_src_components_core_editor_EditorTitleModal = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorTitleModal.module.css"() {
     "use strict";
-    init_cxKXXItV67ua_TIlhaSrnnrkoXVY8_Oh89yukaCrcmw();
-    src_components_core_editor_EditorTitleModal_default = { "h2": "vv-_Pgo7W-h2", "h4": "vv-_Pgo7W-h4", "body2": "vv-_Pgo7W-body2", "h3": "vv-_Pgo7W-h3", "h1": "vv-_Pgo7W-h1", "body3": "vv-_Pgo7W-body3", "title": "vv-_Pgo7W-title", "body1": "vv-_Pgo7W-body1" };
+    init_V9YMxBzxg_bf_yrJnoKZc7V_grOZr8Z66I81mib_oQ4();
+    src_components_core_editor_EditorTitleModal_default = { "body3": "vv-_Pgo7W-body3", "title": "vv-_Pgo7W-title", "h2": "vv-_Pgo7W-h2", "h4": "vv-_Pgo7W-h4", "body1": "vv-_Pgo7W-body1", "body2": "vv-_Pgo7W-body2", "h1": "vv-_Pgo7W-h1", "h3": "vv-_Pgo7W-h3" };
   }
 });
 
@@ -2179,28 +2467,28 @@ var init_EditorTitleModal = __esm({
 
 // src/components/core/editor/EditorTitleModal.tsx
 import { cx as cx4 } from "@lls/utils";
-import { jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var EditorTitlesModal, EditorTitleModal_default;
 var init_EditorTitleModal2 = __esm({
   "src/components/core/editor/EditorTitleModal.tsx"() {
     "use strict";
     init_EditorTitleModal();
     EditorTitlesModal = ({ onClick }) => /* @__PURE__ */ jsxs14("div", { children: [
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h1>${selectedText}</h1>`), children: "h1" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h2>${selectedText}</h2>`), children: "h2" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h3>${selectedText}</h3>`), children: "h3" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h4, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h4>${selectedText}</h4>`), children: "h4" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body1>${selectedText}</body1>`), children: "body1" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body2>${selectedText}</body2>`), children: "body2" }),
-      /* @__PURE__ */ jsx20("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body3>${selectedText}</body3>`), children: "body3" })
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h1>${selectedText}</h1>`), children: "h1" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h2>${selectedText}</h2>`), children: "h2" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h3>${selectedText}</h3>`), children: "h3" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.h4, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<h4>${selectedText}</h4>`), children: "h4" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body1, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body1>${selectedText}</body1>`), children: "body1" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body2, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body2>${selectedText}</body2>`), children: "body2" }),
+      /* @__PURE__ */ jsx21("div", { className: cx4(src_components_core_editor_EditorTitleModal_default.body3, src_components_core_editor_EditorTitleModal_default.title), onClick: () => onClick((selectedText) => `<body3>${selectedText}</body3>`), children: "body3" })
     ] });
     EditorTitleModal_default = EditorTitlesModal;
   }
 });
 
-// css-modules:css-modules://YBH8CYiZVZGfw4n4G7PaCkm4JaDo0T7vSO2XxXTjS7s.css
-var init_YBH8CYiZVZGfw4n4G7PaCkm4JaDo0T7vSO2XxXTjS7s = __esm({
-  "css-modules:css-modules://YBH8CYiZVZGfw4n4G7PaCkm4JaDo0T7vSO2XxXTjS7s.css"() {
+// css-modules:css-modules://lMZNEEJTvWcOpUEI82Y2e_I9O1ERlgdLVk01D1TDHyU.css
+var init_lMZNEEJTvWcOpUEI82Y2e_I9O1ERlgdLVk01D1TDHyU = __esm({
+  "css-modules:css-modules://lMZNEEJTvWcOpUEI82Y2e_I9O1ERlgdLVk01D1TDHyU.css"() {
   }
 });
 
@@ -2209,8 +2497,8 @@ var src_components_core_editor_EditorToolbar_default;
 var init_src_components_core_editor_EditorToolbar = __esm({
   "tmp_esbuild/_src_components_core_editor_EditorToolbar.module.css"() {
     "use strict";
-    init_YBH8CYiZVZGfw4n4G7PaCkm4JaDo0T7vSO2XxXTjS7s();
-    src_components_core_editor_EditorToolbar_default = { "span": "vv-LGQOTG-span", "editorToolbar": "vv-LGQOTG-editorToolbar" };
+    init_lMZNEEJTvWcOpUEI82Y2e_I9O1ERlgdLVk01D1TDHyU();
+    src_components_core_editor_EditorToolbar_default = { "editorToolbar": "vv-LGQOTG-editorToolbar", "span": "vv-LGQOTG-span" };
   }
 });
 
@@ -2223,10 +2511,10 @@ var init_EditorToolbar = __esm({
 });
 
 // src/components/core/editor/EditorToolbar.tsx
-import { forwardRef, useCallback as useCallback6, useState as useState7 } from "react";
+import { forwardRef, useCallback as useCallback6, useState as useState8 } from "react";
 import xmlFormat from "xml-formatter";
 import { Button as Button3, ButtonsList, Tooltip as Tooltip2 } from "@lls/lls-kit";
-import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 import { createElement } from "react";
 var EDITOR_BUTTONS, Dropdown, EditorToolbar, EditorToolbar_default;
 var init_EditorToolbar2 = __esm({
@@ -2376,369 +2664,81 @@ ${selectedText}
       {
         icon: "music_note",
         action: (selectedText = "") => `<audio src="${selectedText}">Titre de l'audio</audio>`,
-        title: "Audio"
-      },
-      {
-        icon: "assignment",
-        action: (question) => question,
-        dropdown: EditorQuestionModal_default,
-        title: "Question"
-      },
-      {
-        icon: "functions",
-        dropdown: EditorMathsModal_default,
-        action: (maths) => maths,
-        title: "Maths"
-      },
-      {
-        icon: "view_compact",
-        action: (selectedText = "") => `<genially id="${selectedText}" />`,
-        title: "Genially"
-      },
-      {
-        icon: "superscript",
-        action: (selectedText = "") => `<sup>${selectedText}</sup>`,
-        title: "Superscript"
-      },
-      {
-        icon: "subscript",
-        action: (selectedText = "") => `<sub>${selectedText}</sub>`,
-        title: "Subscript"
-      },
-      {
-        icon: "mic",
-        action: () => "<recorder />",
-        title: "Recorder"
-      },
-      {
-        icon: "format_indent_increase",
-        action: (selectedText = "") => xmlFormat(selectedText),
-        title: "Prettify"
-      }
-    ];
-    Dropdown = ({ icon, title, dropdown: Overlay, action }) => {
-      const [visible, setVisible] = useState7(false);
-      const toggleVisible = () => {
-        setVisible((isVisible) => !isVisible);
-      };
-      const onClickOverlay = useCallback6(
-        (params) => {
-          action(params);
-          setVisible(false);
-        },
-        [action]
-      );
-      const listItems = [
-        {
-          type: "component",
-          content: /* @__PURE__ */ jsx21(Overlay, { onClick: onClickOverlay })
-        }
-      ];
-      return /* @__PURE__ */ jsxs15("span", { className: src_components_core_editor_EditorToolbar_default.span, onClick: toggleVisible, children: [
-        /* @__PURE__ */ jsx21(Tooltip2, { content: title, children: /* @__PURE__ */ jsx21(Button3, { theme: "gray", icon, children: " " }) }),
-        visible && /* @__PURE__ */ jsx21(ButtonsList, { listItems, className: src_components_core_editor_EditorToolbar_default.absoluteMenuButton, zIndex: 1, withMask: false })
-      ] });
-    };
-    EditorToolbar = forwardRef(({ replace }, menuRef) => /* @__PURE__ */ jsx21("div", { className: src_components_core_editor_EditorToolbar_default.editorToolbar, ref: menuRef, children: EDITOR_BUTTONS.map((button, i) => {
-      const { icon, action, title, dropdown } = button;
-      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx21(Tooltip2, { content: title, children: /* @__PURE__ */ jsx21(Button3, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
-    }) }));
-    EditorToolbar.displayName = "EditorToolbar";
-    EditorToolbar_default = EditorToolbar;
-  }
-});
-
-// css-modules:css-modules://gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU.css
-var init_gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU = __esm({
-  "css-modules:css-modules://gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU.css"() {
-  }
-});
-
-// tmp_esbuild/_home_ec2-user_github__work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize.module.css
-var home_ec2_user_github_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default;
-var init_home_ec2_user_github_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize = __esm({
-  "tmp_esbuild/_home_ec2-user_github__work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize.module.css"() {
-    "use strict";
-    init_gqbJUDvYRnw2EEqRHbuvHhtAP_p2lL0u8k92bx4wMAU();
-    home_ec2_user_github_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default = { "handle": "vv-gepzXq-handle" };
-  }
-});
-
-// ../viewer/src/hooks/useDragAndResize.module.css
-var init_useDragAndResize = __esm({
-  "../viewer/src/hooks/useDragAndResize.module.css"() {
-    "use strict";
-    init_home_ec2_user_github_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize();
-  }
-});
-
-// ../viewer/src/hooks/useDragAndResize.tsx
-import { useEffect as useEffect6, useRef as useRef5, useState as useState8 } from "react";
-import _16 from "lodash/fp.js";
-import { Fragment, jsx as jsx22 } from "react/jsx-runtime";
-var resizeHandlersProps, useDragAndResize, useDragAndResize_default;
-var init_useDragAndResize2 = __esm({
-  "../viewer/src/hooks/useDragAndResize.tsx"() {
-    "use strict";
-    init_useDragAndResize();
-    resizeHandlersProps = [
-      {
-        top: "-5px",
-        right: "0",
-        bottom: "calc(100% - 5px)",
-        left: "0",
-        cursor: "row-resize",
-        resizingProps: {
-          shouldSizeX: false,
-          shouldSizeY: true,
-          shouldMoveX: false,
-          shouldMoveY: true
-        }
-      },
-      {
-        top: "0",
-        right: "-5px",
-        bottom: "0",
-        left: "calc(100% - 5px)",
-        cursor: "col-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: false,
-          shouldMoveX: false,
-          shouldMoveY: false
-        }
-      },
-      {
-        top: "calc(100% - 5px)",
-        right: "0",
-        bottom: "-5px",
-        left: "0",
-        cursor: "row-resize",
-        resizingProps: {
-          shouldSizeX: false,
-          shouldSizeY: true,
-          shouldMoveX: false,
-          shouldMoveY: false
-        }
+        title: "Audio"
       },
       {
-        top: "0",
-        right: "calc(100% - 5px)",
-        bottom: "0",
-        left: "-5px",
-        cursor: "col-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: false,
-          shouldMoveX: true,
-          shouldMoveY: false
-        }
+        icon: "assignment",
+        action: (question) => question,
+        dropdown: EditorQuestionModal_default,
+        title: "Question"
       },
-      // corners
       {
-        top: "-10px",
-        right: "-10px",
-        bottom: "calc(100% - 10px)",
-        left: "calc(100% - 10px)",
-        cursor: "ne-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: true,
-          shouldMoveX: false,
-          shouldMoveY: true
-        }
+        icon: "functions",
+        dropdown: EditorMathsModal_default,
+        action: (maths) => maths,
+        title: "Maths"
       },
       {
-        top: "calc(100% - 10px)",
-        right: "-10px",
-        bottom: "-10px",
-        left: "calc(100% - 10px)",
-        cursor: "se-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: true,
-          shouldMoveX: false,
-          shouldMoveY: false
-        }
+        icon: "view_compact",
+        action: (selectedText = "") => `<genially id="${selectedText}" />`,
+        title: "Genially"
       },
       {
-        top: "calc(100% - 10px)",
-        right: "calc(100% - 10px)",
-        bottom: "-10px",
-        left: "-10px",
-        cursor: "sw-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: true,
-          shouldMoveX: true,
-          shouldMoveY: false
-        }
+        icon: "superscript",
+        action: (selectedText = "") => `<sup>${selectedText}</sup>`,
+        title: "Superscript"
       },
       {
-        top: "-10px",
-        right: "calc(100% - 10px)",
-        bottom: "calc(100% - 10px)",
-        left: "-10px",
-        cursor: "nw-resize",
-        resizingProps: {
-          shouldSizeX: true,
-          shouldSizeY: true,
-          shouldMoveX: true,
-          shouldMoveY: true
-        }
+        icon: "subscript",
+        action: (selectedText = "") => `<sub>${selectedText}</sub>`,
+        title: "Subscript"
+      },
+      {
+        icon: "mic",
+        action: () => "<recorder />",
+        title: "Recorder"
+      },
+      {
+        icon: "format_indent_increase",
+        action: (selectedText = "") => xmlFormat(selectedText),
+        title: "Prettify"
       }
     ];
-    useDragAndResize = ({ defaultPositions, defaultSize = {}, onResize, canResize = true }) => {
-      const rndRef = useRef5(null);
-      const defaultWidth = defaultSize.width || 0;
-      const defaultHeight = defaultSize.height || 0;
-      const [size, setSize] = useState8({
-        height: defaultHeight,
-        width: defaultWidth
-      });
-      const [resizingData, setResizingData] = useState8({
-        isActive: false,
-        shouldSizeX: false,
-        shouldSizeY: false,
-        shouldMoveX: false,
-        shouldMoveY: false
-      });
-      const positionX = _16.getOr(0, "x", defaultPositions);
-      const bodyWidth = _16.getOr(0, "body.offsetWidth", document);
-      const x = positionX + defaultWidth > bodyWidth ? positionX - defaultWidth : positionX;
-      const [translateData, setTranslateData] = useState8({
-        isActive: false,
-        x,
-        y: _16.getOr(0, "y", defaultPositions)
-      });
-      useEffect6(() => {
-        if (translateData.isActive) {
-          const onMouseUp = () => setTranslateData(_16.set("isActive", false));
-          const onMouseMove = (e) => setTranslateData(({ x: x2, y, ...translateData2 }) => ({
-            ...translateData2,
-            x: x2 + e.movementX,
-            y: y + e.movementY
-          }));
-          document.addEventListener("mouseup", onMouseUp);
-          document.addEventListener("mousemove", onMouseMove);
-          return () => {
-            document.removeEventListener("mouseup", onMouseUp);
-            document.removeEventListener("mousemove", onMouseMove);
-          };
-        }
-      }, [translateData]);
-      useEffect6(() => {
-        if (resizingData.isActive) {
-          if (rndRef.current && !(size.height !== 0 && size.width !== 0)) {
-            const { height, width } = rndRef.current.getBoundingClientRect();
-            setSize({
-              height,
-              width
-            });
-          }
-          const { shouldSizeX, shouldSizeY, shouldMoveX, shouldMoveY } = resizingData;
-          const onMouseUp = () => {
-            setResizingData(_16.set("isActive", false));
-          };
-          const getNewSizeValue = ({
-            shouldMove,
-            shouldSize,
-            value,
-            modifier
-          }) => {
-            switch (true) {
-              case (shouldSize && !shouldMove):
-                return value + modifier;
-              case (shouldSize && shouldMove):
-                return value - modifier;
-              default:
-                return value;
-            }
-          };
-          const onMouseMove = (e) => {
-            setTranslateData(({ x: x2, y, ...translateData2 }) => {
-              const newX = shouldMoveX ? x2 + e.movementX : x2;
-              const newY = shouldMoveY ? y + e.movementY : y;
-              return {
-                ...translateData2,
-                x: newX,
-                y: newY
-              };
-            });
-            setSize(({ height, width }) => {
-              const newSize = {
-                height: getNewSizeValue({
-                  shouldMove: shouldMoveY,
-                  shouldSize: shouldSizeY,
-                  value: height,
-                  modifier: e.movementY
-                }),
-                width: getNewSizeValue({
-                  shouldMove: shouldMoveX,
-                  shouldSize: shouldSizeX,
-                  value: width,
-                  modifier: e.movementX
-                })
-              };
-              onResize?.(newSize);
-              return newSize;
-            });
-          };
-          document.addEventListener("mouseup", onMouseUp);
-          document.addEventListener("mousemove", onMouseMove);
-          return () => {
-            document.removeEventListener("mouseup", onMouseUp);
-            document.removeEventListener("mousemove", onMouseMove);
-          };
-        }
-      }, [size, resizingData, onResize]);
-      const launchTranslate = () => setTranslateData(_16.set("isActive", true));
-      const handlersElement = canResize ? /* @__PURE__ */ jsx22("div", { children: resizeHandlersProps.map((handle, key) => {
-        return /* @__PURE__ */ jsx22(
-          "div",
-          {
-            className: home_ec2_user_github_work_monorepo_monorepo_libs_viewer_src_hooks_useDragAndResize_default.handle,
-            style: {
-              "--v-top": handle.top,
-              "--v-right": handle.right,
-              "--v-bottom": handle.bottom,
-              "--v-left": handle.left,
-              "--v-cursor": handle.cursor
-            },
-            ..._16.omit("resizingProps", handle),
-            onMouseDown: () => setResizingData({
-              isActive: true,
-              ..._16.get("resizingProps", handle)
-            })
-          },
-          key
-        );
-      }) }) : /* @__PURE__ */ jsx22(Fragment, {});
-      const isActive = translateData.isActive || resizingData.isActive;
-      useEffect6(() => {
-        if (!rndRef.current)
-          return;
-        rndRef.current.style.userSelect = isActive ? "none" : "unset";
-        rndRef.current.style.position = "fixed";
-        rndRef.current.style.top = "0";
-        rndRef.current.style.left = "0";
-        rndRef.current.style.transform = `translate3d(${translateData.x}px, ${translateData.y}px, 0)`;
-        rndRef.current.style.height = size.height ? `${size.height}px` : "auto";
-        rndRef.current.style.width = size.width ? `${size.width}px` : "auto";
-      }, [translateData, size, isActive]);
-      return {
-        launchTranslate,
-        handlersElement,
-        rndRef
+    Dropdown = ({ icon, title, dropdown: Overlay, action }) => {
+      const [visible, setVisible] = useState8(false);
+      const toggleVisible = () => {
+        setVisible((isVisible) => !isVisible);
       };
+      const onClickOverlay = useCallback6(
+        (params) => {
+          action(params);
+          setVisible(false);
+        },
+        [action]
+      );
+      const listItems = [
+        {
+          type: "component",
+          content: /* @__PURE__ */ jsx22(Overlay, { onClick: onClickOverlay })
+        }
+      ];
+      return /* @__PURE__ */ jsxs15("span", { className: src_components_core_editor_EditorToolbar_default.span, onClick: toggleVisible, children: [
+        /* @__PURE__ */ jsx22(Tooltip2, { content: title, children: /* @__PURE__ */ jsx22(Button3, { theme: "gray", icon, children: " " }) }),
+        visible && /* @__PURE__ */ jsx22(ButtonsList, { listItems, className: src_components_core_editor_EditorToolbar_default.absoluteMenuButton, zIndex: 1, withMask: false })
+      ] });
     };
-    useDragAndResize_default = useDragAndResize;
+    EditorToolbar = forwardRef(({ replace }, menuRef) => /* @__PURE__ */ jsx22("div", { className: src_components_core_editor_EditorToolbar_default.editorToolbar, ref: menuRef, children: EDITOR_BUTTONS.map((button, i) => {
+      const { icon, action, title, dropdown } = button;
+      return dropdown ? /* @__PURE__ */ createElement(Dropdown, { ...button, action: (callback) => replace(callback), key: i }) : /* @__PURE__ */ jsx22(Tooltip2, { content: title, children: /* @__PURE__ */ jsx22(Button3, { theme: "gray", onClick: () => replace(action, title), icon, children: " " }, i) });
+    }) }));
+    EditorToolbar.displayName = "EditorToolbar";
+    EditorToolbar_default = EditorToolbar;
   }
 });
 
-// css-modules:css-modules://4lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY.css
-var init_lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY = __esm({
-  "css-modules:css-modules://4lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY.css"() {
+// css-modules:css-modules://9NNguA--8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68.css
+var init_NNguA_8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68 = __esm({
+  "css-modules:css-modules://9NNguA--8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68.css"() {
   }
 });
 
@@ -2747,7 +2747,7 @@ var src_components_core_editor_Editor_default;
 var init_src_components_core_editor_Editor = __esm({
   "tmp_esbuild/_src_components_core_editor_Editor.module.css"() {
     "use strict";
-    init_lEiBk0nzPl8xepK8MhbhXKbNfra5VDReD417YnvGVY();
+    init_NNguA_8WOGh41wmBCm8AF1DJWa35r2rfRhLOxgn68();
     src_components_core_editor_Editor_default = { "wrapper": "vv-cGAezq-wrapper", "errorBanner": "vv-cGAezq-errorBanner", "rnd": "vv-cGAezq-rnd", "header": "vv-cGAezq-header" };
   }
 });
@@ -2769,9 +2769,9 @@ var DEFAULT_WIDTH, DEFAULT_HEIGHT, Editor, Editor_default;
 var init_Editor2 = __esm({
   "src/components/core/editor/Editor.tsx"() {
     "use strict";
+    init_useDragAndResize2();
     init_CodemirrorEditor();
     init_EditorToolbar2();
-    init_useDragAndResize2();
     init_Editor();
     DEFAULT_WIDTH = 800;
     DEFAULT_HEIGHT = 500;
@@ -2835,9 +2835,9 @@ var init_EditorSsr = __esm({
   }
 });
 
-// css-modules:css-modules://9kfKKHUK56aP19K9XjWXXhpwpX3AbTuXglKvZjMbuNc.css
-var init_kfKKHUK56aP19K9XjWXXhpwpX3AbTuXglKvZjMbuNc = __esm({
-  "css-modules:css-modules://9kfKKHUK56aP19K9XjWXXhpwpX3AbTuXglKvZjMbuNc.css"() {
+// css-modules:css-modules://1MKBW8PG8GbZe8tC6V4ud90v1VdZx3mRrwXlGya-pMc.css
+var init_MKBW8PG8GbZe8tC6V4ud90v1VdZx3mRrwXlGya_pMc = __esm({
+  "css-modules:css-modules://1MKBW8PG8GbZe8tC6V4ud90v1VdZx3mRrwXlGya-pMc.css"() {
   }
 });
 
@@ -2846,7 +2846,7 @@ var src_hooks_useDragAndResize_default;
 var init_src_hooks_useDragAndResize = __esm({
   "tmp_esbuild/_src_hooks_useDragAndResize.module.css"() {
     "use strict";
-    init_kfKKHUK56aP19K9XjWXXhpwpX3AbTuXglKvZjMbuNc();
+    init_MKBW8PG8GbZe8tC6V4ud90v1VdZx3mRrwXlGya_pMc();
     src_hooks_useDragAndResize_default = { "handle": "vv-Uv6i-a-handle" };
   }
 });
@@ -3123,9 +3123,9 @@ var init_useDragAndResize4 = __esm({
   }
 });
 
-// css-modules:css-modules://U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc.css
-var init_U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc = __esm({
-  "css-modules:css-modules://U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc.css"() {
+// css-modules:css-modules://Zb1cEYNT4eNwW8io0xWL7zXkOH8P26-7eImYlmla2wA.css
+var init_Zb1cEYNT4eNwW8io0xWL7zXkOH8P26_7eImYlmla2wA = __esm({
+  "css-modules:css-modules://Zb1cEYNT4eNwW8io0xWL7zXkOH8P26-7eImYlmla2wA.css"() {
   }
 });
 
@@ -3134,8 +3134,8 @@ var src_components_core_editor_MetadataEditor_default;
 var init_src_components_core_editor_MetadataEditor = __esm({
   "tmp_esbuild/_src_components_core_editor_MetadataEditor.module.css"() {
     "use strict";
-    init_U8V5nDBlqycdkp1CuS13BrEMfGN5Xkd0n60BqPKYbkc();
-    src_components_core_editor_MetadataEditor_default = { "fieldWrapper": "vv-ftXTRa-fieldWrapper", "header": "vv-ftXTRa-header", "uuid": "vv-ftXTRa-uuid", "rnd": "vv-ftXTRa-rnd", "body": "vv-ftXTRa-body", "field": "vv-ftXTRa-field", "select": "vv-ftXTRa-select" };
+    init_Zb1cEYNT4eNwW8io0xWL7zXkOH8P26_7eImYlmla2wA();
+    src_components_core_editor_MetadataEditor_default = { "field": "vv-ftXTRa-field", "select": "vv-ftXTRa-select", "rnd": "vv-ftXTRa-rnd", "body": "vv-ftXTRa-body", "uuid": "vv-ftXTRa-uuid", "header": "vv-ftXTRa-header", "fieldWrapper": "vv-ftXTRa-fieldWrapper" };
   }
 });
 
@@ -3149,8 +3149,8 @@ var init_MetadataEditor = __esm({
 
 // src/components/core/editor/MetadataEditor.tsx
 import _19 from "lodash/fp.js";
-import Select from "react-select";
 import { Button as Button5 } from "@lls/lls-kit";
+import Select from "react-select";
 import { jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 var MetadataEditor, MetadataEditor_default;
 var init_MetadataEditor2 = __esm({
@@ -3277,6 +3277,15 @@ var init_useEditor = __esm({
   }
 });
 
+// src/constants/config.ts
+var IS_PROD;
+var init_config = __esm({
+  "src/constants/config.ts"() {
+    "use strict";
+    IS_PROD = process.env.CONF_ENV === "prod";
+  }
+});
+
 // src/hooks/useScroll.tsx
 import { useMemo as useMemo3 } from "react";
 var useScroll, useScroll_default;
@@ -3300,18 +3309,9 @@ var init_useScroll = __esm({
   }
 });
 
-// src/constants/config.ts
-var IS_PROD;
-var init_config = __esm({
-  "src/constants/config.ts"() {
-    "use strict";
-    IS_PROD = process.env.CONF_ENV === "prod";
-  }
-});
-
-// css-modules:css-modules://5vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0.css
-var init_vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0 = __esm({
-  "css-modules:css-modules://5vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0.css"() {
+// css-modules:css-modules://N7qE5xz-356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU.css
+var init_N7qE5xz_356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU = __esm({
+  "css-modules:css-modules://N7qE5xz-356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU.css"() {
   }
 });
 
@@ -3320,8 +3320,8 @@ var src_components_lazy_index_editor_default;
 var init_src_components_lazy_index_editor = __esm({
   "tmp_esbuild/_src_components_lazy_index.editor.module.css"() {
     "use strict";
-    init_vBHtYTubWLIkQ7cwq88_cqGbPrRZDxVu51b9VQwno0();
-    src_components_lazy_index_editor_default = { "stickyBar": "vv-RUXZgW-stickyBar", "button": "vv-RUXZgW-button", "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation", "screen": "vv-RUXZgW-screen", "submit": "vv-RUXZgW-submit", "pageContainer": "vv-RUXZgW-pageContainer", "exitButton": "vv-RUXZgW-exitButton", "alert": "vv-RUXZgW-alert" };
+    init_N7qE5xz_356BL8FwluXb9SO0Q6g8pmP18e18R9y8bEU();
+    src_components_lazy_index_editor_default = { "submit": "vv-RUXZgW-submit", "pageContainer": "vv-RUXZgW-pageContainer", "screen": "vv-RUXZgW-screen", "alert": "vv-RUXZgW-alert", "alertOpenedAnimation": "vv-RUXZgW-alertOpenedAnimation", "exitButton": "vv-RUXZgW-exitButton", "stickyBar": "vv-RUXZgW-stickyBar", "button": "vv-RUXZgW-button" };
   }
 });
 
@@ -3338,7 +3338,7 @@ var index_editor_exports = {};
 __export(index_editor_exports, {
   default: () => index_editor_default
 });
-import React8, { useCallback as useCallback9, useEffect as useEffect9, useState as useState11 } from "react";
+import React7, { useCallback as useCallback9, useEffect as useEffect9, useState as useState11 } from "react";
 import _21 from "lodash/fp.js";
 import { Button as Button6, RadioButton, Snackbar } from "@lls/lls-kit";
 import { copyToClipboard } from "@lls/utils";
@@ -3356,8 +3356,8 @@ var init_index_editor2 = __esm({
     init_MetadataEditor2();
     init_ViewerMd2();
     init_useEditor();
-    init_useScroll();
     init_config();
+    init_useScroll();
     init_mode();
     init_index_editor();
     Editor2 = isSsr() ? EditorSsr_default : Editor_default;
@@ -3387,7 +3387,7 @@ var init_index_editor2 = __esm({
         /* @__PURE__ */ jsx27(CopyButton, { theme: stickyBarTheme, template, setCopied })
       ] });
     };
-    EditorNext = React8.forwardRef(({ template, onChange = _21.noop, onSubmit = _21.noop, notions, ...props }, ref) => {
+    EditorNext = React7.forwardRef(({ template, onChange = _21.noop, onSubmit = _21.noop, notions, ...props }, ref) => {
       const [isCompactMode, setIsCompactMode] = useState11(false);
       const [mode, setMode] = useState11("edit");
       const [copied, setCopied] = useState11(false);
@@ -3485,7 +3485,7 @@ ${JSON.stringify(
           } else {
             onChange(({ children, ...template2 } = {}) => ({
               ...template2,
-              children: React8.Children.map(children, (child) => typeof child === "object" && child !== null && _21.matches({ uuid }, child) ? doc : child)
+              children: React7.Children.map(children, (child) => typeof child === "object" && child !== null && _21.matches({ uuid }, child) ? doc : child)
             }));
           }
         },
@@ -3563,9 +3563,9 @@ ${JSON.stringify(
 });
 
 // src/index.editor.tsx
-import React9, { Suspense as Suspense2 } from "react";
+import React8, { Suspense as Suspense2 } from "react";
 import { jsx as jsx28 } from "react/jsx-runtime";
-var LazyEditor2 = React9.lazy(() => Promise.resolve().then(() => (init_index_editor2(), index_editor_exports)));
+var LazyEditor2 = React8.lazy(() => Promise.resolve().then(() => (init_index_editor2(), index_editor_exports)));
 var ViewerEditor = (props) => {
   return /* @__PURE__ */ jsx28(Suspense2, { children: /* @__PURE__ */ jsx28(LazyEditor2, { ...props }) });
 };