diff --git a/.changeset/three-flies-add.md b/.changeset/three-flies-add.md
new file mode 100644
index 0000000..5fe28e1
--- /dev/null
+++ b/.changeset/three-flies-add.md
@@ -0,0 +1,5 @@
+---
+"@studiocms/wysiwyg": patch
+---
+
+Merge grapesJS OSS plugins due to build error from all external plugins
diff --git a/.vscode/settings.json b/.vscode/settings.json
index f698a1c..96cc254 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -4,29 +4,51 @@
     "alignjustify",
     "alignleft",
     "alignright",
+    "Arseniev",
+    "Artur",
     "astroenv",
     "atproto",
     "Avenir",
     "backcolor",
     "bsky",
     "bullist",
+    "classactive",
     "cmdm",
     "CMSWYSIWYG",
+    "cnts",
     "compkeys",
+    "Cropzone",
+    "domc",
+    "endtext",
+    "fontn",
     "forecolor",
     "fslightbox",
     "grapesjs",
     "grayscale",
+    "highlightable",
+    "hilite",
     "iconify",
+    "labelledby",
+    "layerable",
     "Lightbox",
     "numlist",
+    "olist",
     "outdent",
+    "pallete",
     "projectdata",
+    "resizer",
+    "selectortab",
     "socialposter",
+    "startfrom",
     "strikethrough",
     "studiocms",
     "studiosdk",
+    "textnode",
     "toastr",
+    "typedsrc",
+    "ulist",
+    "undoredo",
+    "unstylable",
     "virtuals",
     "withstudiocms",
     "WYSIWYGDB"
diff --git a/packages/studiocms_wysiwyg/package.json b/packages/studiocms_wysiwyg/package.json
index 7f8963d..d136cdf 100644
--- a/packages/studiocms_wysiwyg/package.json
+++ b/packages/studiocms_wysiwyg/package.json
@@ -67,20 +67,8 @@
     "@studiocms/ui": "^0.4.16",
     "astro-integration-kit": "catalog:",
     "grapesjs": "^0.22.6",
-    "grapesjs-blocks-basic": "^1.0.2",
-    "grapesjs-plugin-forms": "^2.0.6",
-    "grapesjs-component-countdown": "1.0.2",
-    "grapesjs-plugin-export": "^1.0.12",
-    "grapesjs-tabs": "^1.0.6",
-    "grapesjs-custom-code": "^1.0.2",
-    "grapesjs-touch": "^0.1.1",
-    "grapesjs-parser-postcss": "^1.0.3",
-    "grapesjs-tooltip": "0.1.8",
-    "grapesjs-tui-image-editor": "^1.0.2",
-    "grapesjs-typed": "^2.0.1",
-    "grapesjs-style-bg": "^2.0.2",
-    "grapesjs-rte-extensions": "^1.0.10",
-    "ultrahtml": "^1.5.3"
+    "ultrahtml": "^1.5.3",
+    "tui-image-editor": "^3.15.3"
   },
   "devDependencies": {
     "@types/node": "catalog:"
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/components/Editor.astro b/packages/studiocms_wysiwyg/src/wysiwyg/components/Editor.astro
index 0ba2961..8ccd9f8 100644
--- a/packages/studiocms_wysiwyg/src/wysiwyg/components/Editor.astro
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/components/Editor.astro
@@ -1,7 +1,7 @@
 ---
 import '@studiocms/ui/css/colors.css';
 import 'grapesjs/dist/css/grapes.min.css';
-import 'grapesjs-rte-extensions/dist/grapesjs-rte-extensions.min.css';
+import '../editorPlugins/rte/styles.css';
 import '../styles/main.css';
 import { importComponentsKeys } from 'studiocms/lib/renderer/runtime.js';
 import type { PluginPageTypeEditorProps } from 'studiocms/types';
@@ -41,24 +41,19 @@ interface Props extends PluginPageTypeEditorProps {}
 <script>
   import { toast } from "@studiocms/ui/components/Toast/toast.js";
   import grapesjs, { type Editor, usePlugin } from "grapesjs";
-  import "@studiocms/grapesjs-plugin";
-  import blocks from "grapesjs-blocks-basic";
-  import countdown from "grapesjs-component-countdown";
-  import exporter from "grapesjs-plugin-export";
-  import customCode from "grapesjs-custom-code";
-  import postcss from "grapesjs-parser-postcss";
-  import tooltip from "grapesjs-tooltip";
-  import tuiImage from "grapesjs-tui-image-editor";
-  import typed from "grapesjs-typed";
-  import styleBg from "grapesjs-style-bg";
-  import forms from "grapesjs-plugin-forms";
-  // @ts-ignore
-  import rte from "grapesjs-rte-extensions";
-  // @ts-ignore
-  import tabs from "grapesjs-tabs";
-  // @ts-ignore
-  import touch from "grapesjs-touch";
   import { parse } from "../../utils.js";
+  import { 
+    blocks, 
+    customCode, 
+    countdown, 
+    forms, 
+    rte, 
+    tabs, 
+    tooltip, 
+    tuiImageEditor, 
+    typed 
+  } from '../editorPlugins/index.js';
+  import "@studiocms/grapesjs-plugin";
 
   /**
    * Represents an array of Astro component blocks, where each block contains metadata
@@ -199,21 +194,19 @@ interface Props extends PluginPageTypeEditorProps {}
     panels: { defaults: [] },
     plugins: [
       usePlugin(getPlugin(componentKeys)),
-      usePlugin(blocks, { flexGrid: true }),
-      usePlugin(tabs, {
-        tabsBlock: { category: "Extra" },
+      usePlugin(inlineStorage),
+      usePlugin(blocks, { 
+        flexGrid: true 
       }),
-      usePlugin(touch, {
-        block: {
-          category: "Extra",
-          content: {
-            type: "typed",
-            "type-speed": 40,
-            strings: ["Text row one", "Text row two", "Text row three"],
-          },
+      usePlugin(tabs, {
+        tabsBlock: { 
+          category: 'Extra' 
         },
       }),
-      usePlugin(tuiImage, {
+      usePlugin(countdown),
+      usePlugin(customCode),
+      usePlugin(tooltip),
+      usePlugin(tuiImageEditor, {
         script: [
           "https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js",
           "https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.js",
@@ -224,17 +217,10 @@ interface Props extends PluginPageTypeEditorProps {}
           "https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.css",
         ],
       }),
-      usePlugin(countdown),
-      usePlugin(exporter),
-      usePlugin(customCode),
-      usePlugin(postcss),
-      usePlugin(tooltip),
       usePlugin(typed),
-      usePlugin(styleBg),
-      usePlugin(inlineStorage),
       usePlugin(forms),
       usePlugin(rte),
-      "@studiocms/grapesjs-plugin",
+      '@studiocms/grapesjs-plugin',
     ],
     blockManager: {
       blocks: convertComponentBlocks(rawBlocks),
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/LICENSE
new file mode 100644
index 0000000..a319428
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/LICENSE
@@ -0,0 +1,28 @@
+Copyright (c) 2017-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/blocks.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/blocks.ts
new file mode 100644
index 0000000..9d143e7
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/blocks.ts
@@ -0,0 +1,294 @@
+import type { Editor, BlockProperties } from 'grapesjs';
+import type { PluginOptions } from './index.js';
+
+export default function (editor: Editor, opts: Required<PluginOptions>) {
+	const bm = editor.BlockManager;
+	const { category, blocks, stylePrefix, flexGrid, rowHeight, addBasicStyle } = opts;
+	const clsRow = `${stylePrefix}row`;
+	const clsCell = `${stylePrefix}cell`;
+	const styleRow = flexGrid
+		? `
+    .${clsRow} {
+      display: flex;
+      justify-content: flex-start;
+      align-items: stretch;
+      flex-wrap: nowrap;
+      padding: 10px;
+    }
+    @media (max-width: 768px) {
+      .${clsRow} {
+        flex-wrap: wrap;
+      }
+    }`
+		: `
+    .${clsRow} {
+      display: table;
+      padding: 10px;
+      width: 100%;
+    }
+    @media (max-width: 768px) {
+      .${stylePrefix}cell, .${stylePrefix}cell30, .${stylePrefix}cell70 {
+        width: 100%;
+        display: block;
+      }
+    }`;
+	const styleClm = flexGrid
+		? `
+    .${clsCell} {
+      min-height: ${rowHeight}px;
+      flex-grow: 1;
+      flex-basis: 100%;
+    }`
+		: `
+    .${clsCell} {
+      width: 8%;
+      display: table-cell;
+      height: ${rowHeight}px;
+    }`;
+	const styleClm30 = `
+  .${stylePrefix}cell30 {
+    width: 30%;
+  }`;
+	const styleClm70 = `
+  .${stylePrefix}cell70 {
+    width: 70%;
+  }`;
+
+	const step = 0.2;
+	const minDim = 1;
+	const currentUnit = 1;
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const resizerBtm: Record<string, any> = {
+		tl: 0,
+		tc: 0,
+		tr: 0,
+		cl: 0,
+		cr: 0,
+		bl: 0,
+		br: 0,
+		minDim,
+	};
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const resizerRight: Record<string, any> = {
+		...resizerBtm,
+		cr: 1,
+		bc: 0,
+		currentUnit,
+		minDim,
+		step,
+	};
+
+	// Flex elements do not react on width style change therefore I use
+	// 'flex-basis' as keyWidth for the resizer on columns
+	if (flexGrid) {
+		resizerRight.keyWidth = 'flex-basis';
+	}
+
+	const rowAttr = {
+		class: clsRow,
+		'data-gjs-droppable': `.${clsCell}`,
+		'data-gjs-resizable': resizerBtm,
+		'data-gjs-name': 'Row',
+	};
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const colAttr: Record<string, any> = {
+		class: clsCell,
+		'data-gjs-draggable': `.${clsRow}`,
+		'data-gjs-resizable': resizerRight,
+		'data-gjs-name': 'Cell',
+	};
+
+	if (flexGrid) {
+		colAttr['data-gjs-unstylable'] = ['width'];
+		colAttr['data-gjs-stylable-require'] = ['flex-basis'];
+	}
+
+	// Make row and column classes private
+	const privateCls = [`.${clsRow}`, `.${clsCell}`];
+	editor.on(
+		'selector:add',
+		(selector) => privateCls.indexOf(selector.getFullName()) >= 0 && selector.set('private', 1)
+	);
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const attrsToString = (attrs: Record<string, any>) => {
+		const result = [];
+
+		for (const key in attrs) {
+			let value = attrs[key];
+			const toParse = Array.isArray(value) || value instanceof Object;
+			value = toParse ? JSON.stringify(value) : value;
+			result.push(`${key}=${toParse ? `'${value}'` : `'${value}'`}`);
+		}
+
+		return result.length ? ` ${result.join(' ')}` : '';
+	};
+
+	const toAdd = (name: string) => blocks.indexOf(name) >= 0;
+	const attrsRow = attrsToString(rowAttr);
+	const attrsCell = attrsToString(colAttr);
+	const commonBlockProps: Partial<BlockProperties> = {
+		category,
+		select: true,
+	};
+
+	toAdd('column1') &&
+		bm.add('column1', {
+			...commonBlockProps,
+			label: opts.labelColumn1,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M2 20h20V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1Z"/>
+      </svg>`,
+			content: `<div ${attrsRow}>
+        <div ${attrsCell}></div>
+      </div>
+      ${
+				addBasicStyle
+					? `<style>
+          ${styleRow}
+          ${styleClm}
+        </style>`
+					: ''
+			}`,
+		});
+
+	toAdd('column2') &&
+		bm.add('column2', {
+			...commonBlockProps,
+			label: opts.labelColumn2,
+			media: `<svg viewBox="0 0 23 24">
+        <path fill="currentColor" d="M2 20h8V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM13 20h8V4h-8v16Zm-1 0V4a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-8a1 1 0 0 1-1-1Z"/>
+      </svg>`,
+			content: `<div ${attrsRow}>
+        <div ${attrsCell}></div>
+        <div ${attrsCell}></div>
+      </div>
+      ${
+				addBasicStyle
+					? `<style>
+          ${styleRow}
+          ${styleClm}
+        </style>`
+					: ''
+			}`,
+		});
+
+	toAdd('column3') &&
+		bm.add('column3', {
+			...commonBlockProps,
+			label: opts.labelColumn3,
+			media: `<svg viewBox="0 0 23 24">
+        <path fill="currentColor" d="M2 20h4V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM17 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1ZM9.5 20h4V4h-4v16Zm-1 0V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1Z"/>
+      </svg>`,
+			content: `<div ${attrsRow}>
+        <div ${attrsCell}></div>
+        <div ${attrsCell}></div>
+        <div ${attrsCell}></div>
+      </div>
+      ${
+				addBasicStyle
+					? `<style>
+          ${styleRow}
+          ${styleClm}
+        </style>`
+					: ''
+			}`,
+		});
+
+	toAdd('column3-7') &&
+		bm.add('column3-7', {
+			...commonBlockProps,
+			label: opts.labelColumn37,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M2 20h5V4H2v16Zm-1 0V4a1 1 0 0 1 1-1h5a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1ZM10 20h12V4H10v16Zm-1 0V4a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1Z"/>
+      </svg>`,
+			content: `<div ${attrsRow}>
+        <div ${attrsCell} style='${flexGrid ? 'flex-basis' : 'width'}: 30%;'></div>
+        <div ${attrsCell} style='${flexGrid ? 'flex-basis' : 'width'}: 70%;'></div>
+      </div>
+      ${
+				addBasicStyle
+					? `<style>
+          ${styleRow}
+          ${styleClm}
+          ${styleClm30}
+          ${styleClm70}
+        </style>`
+					: ''
+			}`,
+		});
+
+	toAdd('text') &&
+		bm.add('text', {
+			...commonBlockProps,
+			activate: true,
+			label: opts.labelText,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M18.5,4L19.66,8.35L18.7,8.61C18.25,7.74 17.79,6.87 17.26,6.43C16.73,6 16.11,6 15.5,6H13V16.5C13,17 13,17.5 13.33,17.75C13.67,18 14.33,18 15,18V19H9V18C9.67,18 10.33,18 10.67,17.75C11,17.5 11,17 11,16.5V6H8.5C7.89,6 7.27,6 6.74,6.43C6.21,6.87 5.75,7.74 5.3,8.61L4.34,8.35L5.5,4H18.5Z" />
+      </svg>`,
+			content: {
+				type: 'text',
+				content: 'Insert your text here',
+				style: { padding: '10px' },
+			},
+		});
+
+	toAdd('link') &&
+		bm.add('link', {
+			...commonBlockProps,
+			label: opts.labelLink,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z" />
+      </svg>`,
+			content: {
+				type: 'link',
+				content: 'Link',
+				style: { color: '#d983a6' },
+			},
+		});
+
+	toAdd('image') &&
+		bm.add('image', {
+			...commonBlockProps,
+			activate: true,
+			label: opts.labelImage,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M21,3H3C2,3 1,4 1,5V19A2,2 0 0,0 3,21H21C22,21 23,20 23,19V5C23,4 22,3 21,3M5,17L8.5,12.5L11,15.5L14.5,11L19,17H5Z" />
+      </svg>`,
+			content: {
+				style: { color: 'black' },
+				type: 'image',
+			},
+		});
+
+	toAdd('video') &&
+		bm.add('video', {
+			...commonBlockProps,
+			label: opts.labelVideo,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z" />
+      </svg>`,
+			content: {
+				type: 'video',
+				src: 'img/video2.webm',
+				style: {
+					height: '350px',
+					width: '615px',
+				},
+			},
+		});
+
+	toAdd('map') &&
+		bm.add('map', {
+			...commonBlockProps,
+			label: opts.labelMap,
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M20.5,3L20.34,3.03L15,5.1L9,3L3.36,4.9C3.15,4.97 3,5.15 3,5.38V20.5A0.5,0.5 0 0,0 3.5,21L3.66,20.97L9,18.9L15,21L20.64,19.1C20.85,19.03 21,18.85 21,18.62V3.5A0.5,0.5 0 0,0 20.5,3M10,5.47L14,6.87V18.53L10,17.13V5.47M5,6.46L8,5.45V17.15L5,18.31V6.46M19,17.54L16,18.55V6.86L19,5.7V17.54Z" />
+      </svg>`,
+			content: {
+				type: 'map',
+				style: { height: '350px' },
+			},
+		});
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/index.ts
new file mode 100644
index 0000000..31530f8
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/blocks/index.ts
@@ -0,0 +1,119 @@
+import type { Plugin } from 'grapesjs';
+import loadBlocks from './blocks.js';
+
+export type PluginOptions = {
+	/**
+	 * Which blocks to add.
+	 * @default ['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map']
+	 */
+	blocks?: string[];
+
+	/**
+	 * Make use of flexbox for the grid
+	 * @default false
+	 */
+	flexGrid?: boolean;
+
+	/**
+	 * Classes prefix
+	 * @default 'gjs-'
+	 */
+	stylePrefix?: string;
+
+	/**
+	 * Use basic CSS for blocks
+	 * @default true
+	 */
+	addBasicStyle?: boolean;
+
+	/**
+	 * Blocks category name
+	 * @default 'Basic'
+	 */
+	category?: string;
+
+	/**
+	 * 1 Column label
+	 * @default '1 Column'
+	 */
+	labelColumn1?: string;
+
+	/**
+	 * 2 Columns label
+	 * @default '2 Columns'
+	 */
+	labelColumn2?: string;
+
+	/**
+	 * 3 Columns label
+	 * @default '3 Columns'
+	 */
+	labelColumn3?: string;
+
+	/**
+	 * 3/7 Columns label
+	 * @default '2 Columns 3/7'
+	 */
+	labelColumn37?: string;
+
+	/**
+	 * Text label
+	 * @default 'Text'
+	 */
+	labelText?: string;
+
+	/**
+	 * Link label
+	 * @default 'Link'
+	 */
+	labelLink?: string;
+
+	/**
+	 * Image label
+	 * @default 'Image'
+	 */
+	labelImage?: string;
+
+	/**
+	 * Video label
+	 * @default 'Video'
+	 */
+	labelVideo?: string;
+
+	/**
+	 * Map label
+	 * @default 'Map'
+	 */
+	labelMap?: string;
+
+	/**
+	 * Initial row height
+	 * @default 75
+	 */
+	rowHeight?: number;
+};
+
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
+	const config: Required<PluginOptions> = {
+		blocks: ['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map'],
+		flexGrid: false,
+		stylePrefix: 'gjs-',
+		addBasicStyle: true,
+		category: 'Basic',
+		labelColumn1: '1 Column',
+		labelColumn2: '2 Columns',
+		labelColumn3: '3 Columns',
+		labelColumn37: '2 Columns 3/7',
+		labelText: 'Text',
+		labelLink: 'Link',
+		labelImage: 'Image',
+		labelVideo: 'Video',
+		labelMap: 'Map',
+		rowHeight: 75,
+		...opts,
+	};
+
+	loadBlocks(editor, config);
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/LICENSE
new file mode 100644
index 0000000..1156b3d
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/LICENSE
@@ -0,0 +1,28 @@
+Copyright (c) 2018-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/blocks.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/blocks.ts
new file mode 100644
index 0000000..b8454f3
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/blocks.ts
@@ -0,0 +1,22 @@
+import type { Editor } from 'grapesjs';
+import type { PluginOptions } from './index.js';
+import { typeCustomCode } from './utils.js';
+
+export default (editor: Editor, { blockCustomCode }: PluginOptions = {}) => {
+	const { Blocks } = editor;
+
+	blockCustomCode &&
+		Blocks.add(typeCustomCode, {
+			label: 'Custom Code',
+			media: `
+      <svg viewBox="0 0 24 24">
+        <path d="M14.6 16.6l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4z"></path>
+      </svg>
+    `,
+			category: 'Extra',
+			activate: true,
+			select: true,
+			content: { type: typeCustomCode },
+			...blockCustomCode,
+		});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/commands.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/commands.ts
new file mode 100644
index 0000000..4209528
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/commands.ts
@@ -0,0 +1,127 @@
+import type { Editor, Component } from 'grapesjs';
+import type { PluginOptions } from './index.js';
+import { commandNameCustomCode, keyCustomCode } from './utils.js';
+
+type ContentTypes = HTMLElement | string | undefined;
+
+export default (editor: Editor, opts: PluginOptions = {}) => {
+	const { modalTitle, codeViewOptions, commandCustomCode } = opts;
+
+	const appendToContent = (target: HTMLElement, content?: ContentTypes) => {
+		if (content instanceof HTMLElement) {
+			target.appendChild(content);
+		} else if (content) {
+			target.insertAdjacentHTML('beforeend', content);
+		}
+	};
+
+	// Add the custom code command
+	editor.Commands.add(commandNameCustomCode, {
+		keyCustomCode,
+		target: null as null | Component,
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		codeViewer: null as any,
+
+		run(editor, s, opts = {}) {
+			const target = opts.target || editor.getSelected();
+			this.target = target;
+
+			if (target?.get('editable')) {
+				this.showCustomCode(target, opts);
+			}
+		},
+
+		stop(editor) {
+			editor.Modal.close();
+		},
+
+		/**
+		 * Method which tells how to show the custom code
+		 * @param  {Component} target
+		 */
+
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		showCustomCode(target: Component, options: any) {
+			const title = options.title || modalTitle;
+			const code = target.get(keyCustomCode) || '';
+			const content = this.getContent();
+			editor.Modal.open({ title, content }).onceClose(() =>
+				editor.stopCommand(commandNameCustomCode)
+			);
+			this.getCodeViewer().setContent(code);
+		},
+
+		/**
+		 * Custom pre-content. Can be a simple string or an HTMLElement
+		 */
+		getPreContent() {},
+
+		/**
+		 * Custom post-content. Can be a simple string or an HTMLElement
+		 */
+		getPostContent() {},
+
+		/**
+		 * Get all the content for the custom code
+		 * @return {HTMLElement}
+		 */
+		getContent() {
+			const codeViewer = this.getCodeViewer();
+			const content = document.createElement('div');
+			const pfx = editor.getConfig('stylePrefix');
+			content.className = `${pfx}custom-code`;
+			appendToContent(content, this.getPreContent() as ContentTypes);
+			content.appendChild(codeViewer.getElement());
+			appendToContent(content, this.getPostContent() as ContentTypes);
+			appendToContent(content, this.getContentActions());
+			codeViewer.refresh();
+			setTimeout(() => codeViewer.focus(), 0);
+
+			return content;
+		},
+
+		/**
+		 * Get the actions content. Can be a simple string or an HTMLElement
+		 * @return {HTMLElement|String}
+		 */
+		getContentActions() {
+			const btn = document.createElement('button');
+			btn.setAttribute('type', 'button');
+			const pfx = editor.getConfig('stylePrefix');
+			// biome-ignore lint/style/noNonNullAssertion: <explanation>
+			btn.innerHTML = opts.buttonLabel!;
+			btn.className = `${pfx}btn-prim ${pfx}btn-import__custom-code`;
+			btn.onclick = () => this.handleSave();
+
+			return btn;
+		},
+
+		/**
+		 * Handle the main save task
+		 */
+		handleSave() {
+			const { target } = this;
+			const code = this.getCodeViewer().getContent();
+			target?.set(keyCustomCode, code);
+			editor.Modal.close();
+		},
+
+		/**
+		 * Return the code viewer instance
+		 * @return {CodeViewer}
+		 */
+		getCodeViewer() {
+			if (!this.codeViewer) {
+				this.codeViewer = editor.CodeManager.createViewer({
+					codeName: 'htmlmixed',
+					theme: 'hopscotch',
+					readOnly: 0,
+					...codeViewOptions,
+				});
+			}
+			return this.codeViewer;
+		},
+
+		...commandCustomCode,
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/components.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/components.ts
new file mode 100644
index 0000000..855f878
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/components.ts
@@ -0,0 +1,103 @@
+import type { Editor } from 'grapesjs';
+import type { PluginOptions } from './index.js';
+import { keyCustomCode, commandNameCustomCode, typeCustomCode } from './utils.js';
+
+export default (editor: Editor, opts: PluginOptions = {}) => {
+	const { Components } = editor;
+	const { toolbarBtnCustomCode } = opts;
+	let timedInterval: NodeJS.Timeout;
+
+	Components.addType('script', {
+		view: {
+			onRender() {
+				const { model, el } = this;
+				const isCC = model.closestType(typeCustomCode);
+				// biome-ignore lint/suspicious/noAssignInExpressions: <explanation>
+				isCC && (el.innerHTML = '');
+			},
+		},
+	});
+
+	Components.addType(typeCustomCode, {
+		model: {
+			defaults: {
+				name: 'Custom Code',
+				editable: true,
+				components: {
+					tagName: 'span',
+					components: { type: 'textnode', content: 'Insert here your custom code' },
+					// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				} as any,
+				...opts.propsCustomCode,
+			},
+
+			/**
+			 * Initilize the component
+			 */
+			init() {
+				this.on(`change:${keyCustomCode}`, this.onCustomCodeChange);
+				const initialCode = this.get(keyCustomCode);
+				!this.components().length && this.components(initialCode);
+				// biome-ignore lint/style/noNonNullAssertion: <explanation>
+				const toolbar = this.get('toolbar')!;
+				const id = 'custom-code';
+
+				// Add the custom code toolbar button if requested and it's not already in
+				if (toolbarBtnCustomCode && !toolbar.filter((tlb) => tlb.id === id).length) {
+					toolbar.unshift({
+						id,
+						command: commandNameCustomCode,
+						label: `<svg viewBox="0 0 24 24">
+              <path d="M14.6 16.6l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4m-5.2 0L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4z"></path>
+            </svg>`,
+						...toolbarBtnCustomCode,
+					});
+				}
+			},
+
+			/**
+			 * Callback to launch on keyCustomCode change
+			 */
+			onCustomCodeChange() {
+				this.components(this.get(keyCustomCode));
+			},
+		},
+
+		view: {
+			events: {
+				dblclick: 'onActive',
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			} as any,
+
+			init() {
+				this.listenTo(this.model.components(), 'add remove reset', this.onComponentsChange);
+				this.onComponentsChange();
+			},
+
+			/**
+			 * Things to do once inner components of custom code are changed
+			 */
+			onComponentsChange() {
+				timedInterval && clearInterval(timedInterval);
+				timedInterval = setTimeout(() => {
+					const { model, el } = this;
+					const content = model.get(keyCustomCode) || '';
+					let droppable = true;
+
+					// Avoid rendering codes with scripts
+					if (content.indexOf('<script') >= 0 && opts.placeholderScript) {
+						el.innerHTML = opts.placeholderScript;
+						droppable = false;
+					}
+
+					model.set({ droppable });
+				}, 0);
+			},
+
+			onActive() {
+				const { model, em } = this;
+				em.get('Commands').run(commandNameCustomCode, { target: model });
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/index.ts
new file mode 100644
index 0000000..e303b3b
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/index.ts
@@ -0,0 +1,92 @@
+import type { BlockProperties, ComponentDefinition, Plugin } from 'grapesjs';
+import loadBlocks from './blocks.js';
+import loadCommands from './commands.js';
+import loadComponents from './components.js';
+
+export type PluginOptions = {
+	/**
+	 * Object to extend the default custom code block. Pass a falsy value to avoid adding the block
+	 * @example
+	 * { label: 'Custom Code', category: 'Extra', ... }
+	 */
+	blockCustomCode?: Partial<BlockProperties>;
+
+	/**
+	 * Object to extend the default custom code properties.
+	 * @example
+	 * { name: 'Custom Code', droppable: false, ... }
+	 */
+	propsCustomCode?: ComponentDefinition;
+
+	/**
+	 * Object to extend the default component's toolbar button for the code. Pass a falsy value to avoid adding the button
+	 * @example
+	 * { label: '</>', attributes: { title: 'Open custom code' } }
+	 */
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	toolbarBtnCustomCode?: Record<string, any>;
+
+	/**
+	 * Content to show when the custom code contains `<script>`
+	 */
+	placeholderScript?: string;
+
+	/**
+	 * Title for the custom code modal
+	 * @default 'Insert your code'
+	 */
+	modalTitle?: string;
+
+	/**
+	 * Additional options for the code viewer.
+	 * @example
+	 * { theme: 'hopscotch', readOnly: 0 }
+	 */
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	codeViewOptions?: Record<string, any>;
+
+	/**
+	 * Label for the default save button
+	 * @default 'Save'
+	 */
+	buttonLabel?: string;
+
+	/**
+	 * Object to extend the default custom code command.
+	 */
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	commandCustomCode?: Record<string, any>;
+};
+
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
+	const options: PluginOptions = {
+		blockCustomCode: {},
+		propsCustomCode: {},
+		toolbarBtnCustomCode: {},
+		placeholderScript: `<div style="pointer-events: none; padding: 10px;">
+      <svg viewBox="0 0 24 24" style="height: 30px; vertical-align: middle;">
+        <path d="M13 14h-2v-4h2m0 8h-2v-2h2M1 21h22L12 2 1 21z"></path>
+        </svg>
+      Custom code with <i>&lt;script&gt;</i> can't be rendered on the canvas
+    </div>`,
+		modalTitle: 'Insert your code',
+		codeViewOptions: {},
+		buttonLabel: 'Save',
+		commandCustomCode: {},
+		...opts,
+	};
+
+	// Add components
+	loadComponents(editor, options);
+
+	// Add blocks
+	loadBlocks(editor, options);
+
+	// Add commands
+	loadCommands(editor, options);
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/utils.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/utils.ts
new file mode 100644
index 0000000..750f4ab
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/code/utils.ts
@@ -0,0 +1,3 @@
+export const keyCustomCode = 'custom-code-plugin__code';
+export const typeCustomCode = 'custom-code';
+export const commandNameCustomCode = 'custom-code:open-modal';
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/countdown.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/countdown.ts
new file mode 100644
index 0000000..bf85c4d
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/countdown.ts
@@ -0,0 +1,319 @@
+/*
+Copyright (c) 2017, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*/
+
+import type { Plugin, BlockProperties, ComponentDefinition } from 'grapesjs';
+
+export type PluginOptions = {
+	/**
+	 * The ID used to create the block and component
+	 * @default 'countdown'
+	 */
+	id?: string;
+
+	/**
+	 * The label used for the block and the component.
+	 * @default 'Countdown'
+	 */
+	label?: string;
+
+	/**
+	 * Object to extend the default block. Pass a falsy value to avoid adding the block.
+	 * @example
+	 * { label: 'Countdown', category: 'Extra', ... }
+	 */
+	block?: Partial<BlockProperties>;
+
+	/**
+	 * Object to extend the default component properties.
+	 * @example
+	 * { name: 'Countdown', droppable: false, ... }
+	 */
+	props?: ComponentDefinition;
+
+	/**
+	 * Custom CSS styles for the component. This will replace the default one.
+	 * @default ''
+	 */
+	style?: string;
+
+	/**
+	 * Additional CSS styles for the component. These will be appended to the default one.
+	 * @default ''
+	 */
+	styleAdditional?: string;
+
+	/**
+	 * Default start time.
+	 * @default ''
+	 * @example '2018-01-25 00:00'
+	 */
+	startTime?: string;
+
+	/**
+	 * Text to show when the countdown is ended.
+	 * @default 'EXPIRED'
+	 */
+	endText?: string;
+
+	/**
+	 * Date input type, eg. `date`, `datetime-local`
+	 * @default 'date'
+	 */
+	dateInputType?: string;
+
+	/**
+	 * Days label text used in component.
+	 * @default 'days'
+	 */
+	labelDays?: string;
+
+	/**
+	 * Hours label text used in component.
+	 * @default 'hours'
+	 */
+	labelHours?: string;
+
+	/**
+	 * Minutes label text used in component.
+	 * @default 'minutes'
+	 */
+	labelMinutes?: string;
+
+	/**
+	 * Seconds label text used in component.
+	 * @default 'seconds'
+	 */
+	labelSeconds?: string;
+
+	/**
+	 * Countdown component class prefix.
+	 * @default 'countdown'
+	 */
+	classPrefix?: string;
+};
+
+type TElement = HTMLElement & { __gjsCountdownInterval: NodeJS.Timer };
+
+declare global {
+	interface Window {
+		__gjsCountdownIntervals: TElement[];
+	}
+}
+
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
+	const options: PluginOptions = {
+		id: 'countdown',
+		label: 'Countdown',
+		block: {},
+		props: {},
+		style: '',
+		styleAdditional: '',
+		startTime: '',
+		endText: 'EXPIRED',
+		dateInputType: 'date',
+		labelDays: 'days',
+		labelHours: 'hours',
+		labelMinutes: 'minutes',
+		labelSeconds: 'seconds',
+		classPrefix: 'countdown',
+		...opts,
+	};
+
+	const { block, props, style } = options;
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const id = options.id!;
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const label = options.label!;
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const pfx = options.classPrefix!;
+
+	// Create block
+	if (block) {
+		editor.Blocks.add(id, {
+			media: `<svg viewBox="0 0 24 24">
+        <path fill="currentColor" d="M12 20C16.4 20 20 16.4 20 12S16.4 4 12 4 4 7.6 4 12 7.6 20 12 20M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2M17 11.5V13H11V7H12.5V11.5H17Z" />
+      </svg>`,
+			label,
+			category: 'Extra',
+			select: true,
+			content: { type: id },
+			...block,
+		});
+	}
+
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	const countdownScript = function (props: Record<string, any>) {
+		const startfrom: string = props.startfrom;
+		const endTxt: string = props.endText;
+		// @ts-ignore
+		// biome-ignore lint/complexity/noUselessThisAlias: <explanation>
+		const el: TElement = this;
+		const countDownDate = new Date(startfrom).getTime();
+		const countdownEl = el.querySelector('[data-js=countdown]') as HTMLElement;
+		const endTextEl = el.querySelector('[data-js=countdown-endtext]') as HTMLElement;
+		// biome-ignore lint/style/noNonNullAssertion: <explanation>
+		const dayEl = el.querySelector('[data-js=countdown-day]')!;
+		// biome-ignore lint/style/noNonNullAssertion: <explanation>
+		const hourEl = el.querySelector('[data-js=countdown-hour]')!;
+		// biome-ignore lint/style/noNonNullAssertion: <explanation>
+		const minuteEl = el.querySelector('[data-js=countdown-minute]')!;
+		// biome-ignore lint/style/noNonNullAssertion: <explanation>
+		const secondEl = el.querySelector('[data-js=countdown-second]')!;
+		const oldInterval = el.__gjsCountdownInterval;
+		// @ts-ignore
+		oldInterval && clearInterval(oldInterval);
+
+		const connected: TElement[] = window.__gjsCountdownIntervals || [];
+		const toClean: TElement[] = [];
+		// biome-ignore lint/complexity/noForEach: <explanation>
+		connected.forEach((item: TElement) => {
+			if (!item.isConnected) {
+				// @ts-ignore
+				clearInterval(item.__gjsCountdownInterval);
+				toClean.push(item);
+			}
+		});
+		connected.indexOf(el) < 0 && connected.push(el);
+		window.__gjsCountdownIntervals = connected.filter((item) => toClean.indexOf(item) < 0);
+
+		const setTimer = (days: number, hours: number, minutes: number, seconds: number) => {
+			dayEl.innerHTML = `${days < 10 ? `0${days}` : days}`;
+			hourEl.innerHTML = `${hours < 10 ? `0${hours}` : hours}`;
+			minuteEl.innerHTML = `${minutes < 10 ? `0${minutes}` : minutes}`;
+			secondEl.innerHTML = `${seconds < 10 ? `0${seconds}` : seconds}`;
+		};
+
+		const moveTimer = () => {
+			const now = new Date().getTime();
+			const distance = countDownDate - now;
+			const days = Math.floor(distance / 86400000);
+			const hours = Math.floor((distance % 86400000) / 3600000);
+			const minutes = Math.floor((distance % 3600000) / 60000);
+			const seconds = Math.floor((distance % 60000) / 1000);
+
+			setTimer(days, hours, minutes, seconds);
+
+			if (distance < 0) {
+				// @ts-ignore
+				clearInterval(el.__gjsCountdownInterval);
+				endTextEl.innerHTML = endTxt;
+				countdownEl.style.display = 'none';
+				endTextEl.style.display = '';
+			}
+		};
+
+		if (countDownDate) {
+			el.__gjsCountdownInterval = setInterval(moveTimer, 1000);
+			endTextEl.style.display = 'none';
+			countdownEl.style.display = '';
+			moveTimer();
+		} else {
+			setTimer(0, 0, 0, 0);
+		}
+	};
+
+	// Create component
+	editor.Components.addType(id, {
+		model: {
+			defaults: {
+				startfrom: options.startTime,
+				classes: [pfx],
+				endText: options.endText,
+				droppable: false,
+				script: countdownScript,
+				'script-props': ['startfrom', 'endText'],
+				traits: [
+					{
+						label: 'Start',
+						name: 'startfrom',
+						changeProp: true,
+						type: options.dateInputType,
+					},
+					{
+						label: 'End text',
+						name: 'endText',
+						changeProp: true,
+					},
+				],
+				// @ts-ignore
+				components: `
+          <span data-js="countdown" class="${pfx}-cont">
+            <div class="${pfx}-block">
+              <div data-js="countdown-day" class="${pfx}-digit"></div>
+              <div class="${pfx}-label">${options.labelDays}</div>
+            </div>
+            <div class="${pfx}-block">
+              <div data-js="countdown-hour" class="${pfx}-digit"></div>
+              <div class="${pfx}-label">${options.labelHours}</div>
+            </div>
+            <div class="${pfx}-block">
+              <div data-js="countdown-minute" class="${pfx}-digit"></div>
+              <div class="${pfx}-label">${options.labelMinutes}</div>
+            </div>
+            <div class="${pfx}-block">
+              <div data-js="countdown-second" class="${pfx}-digit"></div>
+              <div class="${pfx}-label">${options.labelSeconds}</div>
+            </div>
+          </span>
+          <span data-js="countdown-endtext" class="${pfx}-endtext"></span>
+        `,
+				styles:
+					(style ||
+						`
+          .${pfx} {
+            text-align: center;
+          }
+
+          .${pfx}-block {
+            display: inline-block;
+            margin: 0 10px;
+            padding: 10px;
+          }
+
+          .${pfx}-digit {
+            font-size: 5rem;
+          }
+
+          .${pfx}-endtext {
+            font-size: 5rem;
+          }
+
+          .${pfx}-cont {
+            display: inline-block;
+          }
+        `) + options.styleAdditional,
+				...props,
+			},
+		},
+	});
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/LICENSE
new file mode 100644
index 0000000..a319428
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/LICENSE
@@ -0,0 +1,28 @@
+Copyright (c) 2017-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/blocks.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/blocks.ts
new file mode 100644
index 0000000..29da89d
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/blocks.ts
@@ -0,0 +1,111 @@
+import type { BlockProperties, Editor } from 'grapesjs';
+import type { PluginOptions } from './index.js';
+import {
+	typeButton,
+	typeCheckbox,
+	typeForm,
+	typeInput,
+	typeLabel,
+	typeRadio,
+	typeSelect,
+	typeTextarea,
+} from './components.js';
+
+export default function (editor: Editor, opt: Required<PluginOptions>) {
+	const opts = opt;
+	const bm = editor.BlockManager;
+	const addBlock = (id: string, def: BlockProperties) => {
+		// biome-ignore lint/style/noNonNullAssertion: <explanation>
+		opts.blocks?.indexOf(id)! >= 0 &&
+			bm.add(id, {
+				...def,
+				category: opts.category,
+				select: true,
+				...opt.block(id),
+			});
+	};
+
+	addBlock(typeForm, {
+		label: 'Form',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 5.5c0-.3-.5-.5-1.3-.5H3.4c-.8 0-1.3.2-1.3.5v3c0 .3.5.5 1.3.5h17.4c.8 0 1.3-.2 1.3-.5v-3zM21 8H3V6h18v2zM22 10.5c0-.3-.5-.5-1.3-.5H3.4c-.8 0-1.3.2-1.3.5v3c0 .3.5.5 1.3.5h17.4c.8 0 1.3-.2 1.3-.5v-3zM21 13H3v-2h18v2z"/><rect width="10" height="3" x="2" y="15" rx=".5"/></svg>',
+		content: {
+			type: typeForm,
+			components: [
+				{
+					components: [{ type: typeLabel, components: 'Name' }, { type: typeInput }],
+				},
+				{
+					components: [
+						{ type: typeLabel, components: 'Email' },
+						{ type: typeInput, attributes: { type: 'email' } },
+					],
+				},
+				{
+					components: [
+						{ type: typeLabel, components: 'Gender' },
+						{ type: typeCheckbox, attributes: { value: 'M' } },
+						{ type: typeLabel, components: 'M' },
+						{ type: typeCheckbox, attributes: { value: 'F' } },
+						{ type: typeLabel, components: 'F' },
+					],
+				},
+				{
+					components: [{ type: typeLabel, components: 'Message' }, { type: typeTextarea }],
+				},
+				{
+					components: [{ type: typeButton }],
+				},
+			],
+		},
+	});
+
+	addBlock(typeInput, {
+		label: 'Input',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 9c0-.6-.5-1-1.3-1H3.4C2.5 8 2 8.4 2 9v6c0 .6.5 1 1.3 1h17.4c.8 0 1.3-.4 1.3-1V9zm-1 6H3V9h18v6z"/><path d="M4 10h1v4H4z"/></svg>',
+		content: { type: typeInput },
+	});
+
+	addBlock(typeTextarea, {
+		label: 'Textarea',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 7.5c0-.9-.5-1.5-1.3-1.5H3.4C2.5 6 2 6.6 2 7.5v9c0 .9.5 1.5 1.3 1.5h17.4c.8 0 1.3-.6 1.3-1.5v-9zM21 17H3V7h18v10z"/><path d="M4 8h1v4H4zM19 7h1v10h-1zM20 8h1v1h-1zM20 15h1v1h-1z"/></svg>',
+		content: { type: typeTextarea },
+	});
+
+	addBlock(typeSelect, {
+		label: 'Select',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 9c0-.6-.5-1-1.3-1H3.4C2.5 8 2 8.4 2 9v6c0 .6.5 1 1.3 1h17.4c.8 0 1.3-.4 1.3-1V9zm-1 6H3V9h18v6z"/><path d="M18.5 13l1.5-2h-3zM4 11.5h11v1H4z"/></svg>',
+		content: { type: typeSelect },
+	});
+
+	addBlock(typeButton, {
+		label: 'Button',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 9c0-.6-.5-1-1.3-1H3.4C2.5 8 2 8.4 2 9v6c0 .6.5 1 1.3 1h17.4c.8 0 1.3-.4 1.3-1V9zm-1 6H3V9h18v6z"/><path d="M4 11.5h16v1H4z"/></svg>',
+		content: { type: typeButton },
+	});
+
+	addBlock(typeLabel, {
+		label: 'Label',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22 11.9c0-.6-.5-.9-1.3-.9H3.4c-.8 0-1.3.3-1.3.9V17c0 .5.5.9 1.3.9h17.4c.8 0 1.3-.4 1.3-.9V12zM21 17H3v-5h18v5z"/><rect width="14" height="5" x="2" y="5" rx=".5"/><path d="M4 13h1v3H4z"/></svg>',
+		content: { type: typeLabel },
+	});
+
+	addBlock(typeCheckbox, {
+		label: 'Checkbox',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 17l-5-5 1.41-1.42L10 14.17l7.59-7.59L19 8m0-5H5c-1.11 0-2 .89-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5a2 2 0 0 0-2-2z"></path></svg>',
+		content: { type: typeCheckbox },
+	});
+
+	addBlock(typeRadio, {
+		label: 'Radio',
+		media:
+			'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8m0-18C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 5c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5z"></path></svg>',
+		content: { type: typeRadio },
+	});
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/components.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/components.ts
new file mode 100644
index 0000000..d7602cd
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/components.ts
@@ -0,0 +1,320 @@
+import type { Editor } from 'grapesjs';
+
+export const typeForm = 'form';
+export const typeInput = 'input';
+export const typeTextarea = 'textarea';
+export const typeSelect = 'select';
+export const typeCheckbox = 'checkbox';
+export const typeRadio = 'radio';
+export const typeButton = 'button';
+export const typeLabel = 'label';
+export const typeOption = 'option';
+
+export default function (editor: Editor) {
+	const { Components } = editor;
+
+	const idTrait = {
+		name: 'id',
+	};
+
+	const forTrait = {
+		name: 'for',
+	};
+
+	const nameTrait = {
+		name: 'name',
+	};
+
+	const placeholderTrait = {
+		name: 'placeholder',
+	};
+
+	const valueTrait = {
+		name: 'value',
+	};
+
+	const requiredTrait = {
+		type: 'checkbox',
+		name: 'required',
+	};
+
+	const checkedTrait = {
+		type: 'checkbox',
+		name: 'checked',
+	};
+
+	const createOption = (value: string, content: string) => {
+		return { type: typeOption, content, attributes: { value } };
+	};
+
+	const checkIfInPreview = (ev: Event) => {
+		if (!editor.Commands.isActive('preview')) {
+			ev.preventDefault();
+		}
+	};
+
+	Components.addType(typeForm, {
+		isComponent: (el) => el.tagName === 'FORM',
+
+		model: {
+			defaults: {
+				tagName: 'form',
+				droppable: ':not(form)',
+				draggable: ':not(form)',
+				attributes: { method: 'get' },
+				traits: [
+					{
+						type: 'select',
+						name: 'method',
+						options: [
+							{
+								value: 'get',
+								name: 'GET',
+								id: '',
+							},
+							{
+								value: 'post',
+								name: 'POST',
+								id: '',
+							},
+						],
+					},
+					{
+						name: 'action',
+					},
+				],
+			},
+		},
+
+		view: {
+			events: {
+				// The submit of the form might redirect the user from the editor so
+				// we should always prevent the default here.
+				submit: (e: Event) => e.preventDefault(),
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			} as any,
+		},
+	});
+
+	// INPUT
+	Components.addType(typeInput, {
+		isComponent: (el) => el.tagName === 'INPUT',
+
+		model: {
+			defaults: {
+				tagName: 'input',
+				droppable: false,
+				highlightable: false,
+				attributes: { type: 'text' },
+				traits: [
+					nameTrait,
+					placeholderTrait,
+					{
+						type: 'select',
+						name: 'type',
+						options: [
+							{
+								value: 'text',
+								id: '',
+							},
+							{
+								value: 'email',
+								id: '',
+							},
+							{
+								value: 'password',
+								id: '',
+							},
+							{
+								value: 'number',
+								id: '',
+							},
+						],
+					},
+					requiredTrait,
+				],
+			},
+		},
+
+		extendFnView: ['updateAttributes'],
+		view: {
+			updateAttributes() {
+				this.el.setAttribute('autocomplete', 'off');
+			},
+		},
+	});
+
+	// TEXTAREA
+	Components.addType(typeTextarea, {
+		extend: typeInput,
+		isComponent: (el) => el.tagName === 'TEXTAREA',
+
+		model: {
+			defaults: {
+				tagName: 'textarea',
+				attributes: {},
+				traits: [nameTrait, placeholderTrait, requiredTrait],
+			},
+		},
+	});
+
+	// OPTION
+	Components.addType(typeOption, {
+		isComponent: (el) => el.tagName === 'OPTION',
+
+		model: {
+			defaults: {
+				tagName: 'option',
+				layerable: false,
+				droppable: false,
+				draggable: false,
+				highlightable: false,
+			},
+		},
+	});
+
+	// SELECT
+	Components.addType(typeSelect, {
+		isComponent: (el) => el.tagName === 'SELECT',
+
+		model: {
+			defaults: {
+				tagName: 'select',
+				droppable: false,
+				highlightable: false,
+				components: [createOption('opt1', 'Option 1'), createOption('opt2', 'Option 2')],
+				traits: [
+					nameTrait,
+					{
+						name: 'options',
+						type: 'select-options',
+					},
+					requiredTrait,
+				],
+			},
+		},
+
+		view: {
+			events: {
+				mousedown: checkIfInPreview,
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			} as any,
+		},
+	});
+
+	// CHECKBOX
+	Components.addType(typeCheckbox, {
+		extend: typeInput,
+		isComponent: (el) => el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'checkbox',
+
+		model: {
+			defaults: {
+				copyable: false,
+				attributes: { type: 'checkbox' },
+				traits: [idTrait, nameTrait, valueTrait, requiredTrait, checkedTrait],
+			},
+		},
+
+		view: {
+			events: {
+				click: checkIfInPreview,
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			} as any,
+
+			init() {
+				this.listenTo(this.model, 'change:attributes:checked', this.handleChecked);
+			},
+
+			handleChecked() {
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				(this.el as any).checked = !!this.model.get('attributes')?.checked;
+			},
+		},
+	});
+
+	// RADIO
+	Components.addType(typeRadio, {
+		extend: typeCheckbox,
+		isComponent: (el) => el.tagName === 'INPUT' && (el as HTMLInputElement).type === 'radio',
+
+		model: {
+			defaults: {
+				attributes: { type: 'radio' },
+			},
+		},
+	});
+
+	Components.addType(typeButton, {
+		extend: typeInput,
+		isComponent: (el) => el.tagName === 'BUTTON',
+
+		model: {
+			defaults: {
+				tagName: 'button',
+				attributes: { type: 'button' },
+				text: 'Send',
+				traits: [
+					{
+						name: 'text',
+						changeProp: true,
+					},
+					{
+						type: 'select',
+						name: 'type',
+						options: [
+							{
+								value: 'button',
+								id: '',
+							},
+							{
+								value: 'submit',
+								id: '',
+							},
+							{
+								value: 'reset',
+								id: '',
+							},
+						],
+					},
+				],
+			},
+
+			init() {
+				const comps = this.components();
+				const tChild = comps.length === 1 && comps.models[0];
+				// biome-ignore lint/complexity/useOptionalChain: <explanation>
+				const chCnt = (tChild && tChild.is('textnode') && tChild.get('content')) || '';
+				const text = chCnt || this.get('text');
+				this.set('text', text);
+				this.on('change:text', this.__onTextChange);
+				text !== chCnt && this.__onTextChange();
+			},
+
+			__onTextChange() {
+				this.components(this.get('text'));
+			},
+		},
+
+		view: {
+			events: {
+				click: checkIfInPreview,
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			} as any,
+		},
+	});
+
+	// LABEL
+	Components.addType(typeLabel, {
+		extend: 'text',
+		isComponent: (el) => el.tagName === 'LABEL',
+
+		model: {
+			defaults: {
+				tagName: 'label',
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				components: 'Label' as any,
+				traits: [forTrait],
+			},
+		},
+	});
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/index.ts
new file mode 100644
index 0000000..78ec1a7
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/index.ts
@@ -0,0 +1,42 @@
+import type { BlockProperties, Plugin } from 'grapesjs';
+import loadBlocks from './blocks.js';
+import loadComponents from './components.js';
+import loadTraits from './traits.js';
+
+export type PluginOptions = {
+	/**
+	 * Which blocks to add.
+	 * @default ['form', 'input', 'textarea', 'select', 'button', 'label', 'checkbox', 'radio']
+	 */
+	blocks?: string[];
+
+	/**
+	 * Category name for blocks.
+	 * @default 'Forms'
+	 */
+	category?: BlockProperties['category'];
+
+	/**
+	 * Add custom block options, based on block id.
+	 * @default (blockId) => ({})
+	 * @example (blockId) => blockId === 'input' ? { attributes: {...} } : {};
+	 */
+
+	// biome-ignore lint/complexity/noBannedTypes: <explanation>
+	block?: (blockId: string) => {};
+};
+
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
+	const config: Required<PluginOptions> = {
+		blocks: ['form', 'input', 'textarea', 'select', 'button', 'label', 'checkbox', 'radio'],
+		category: { id: 'forms', label: 'Forms' },
+		block: () => ({}),
+		...opts,
+	};
+
+	loadComponents(editor);
+	loadTraits(editor);
+	loadBlocks(editor, config);
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/traits.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/traits.ts
new file mode 100644
index 0000000..92dc8a6
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/forms/traits.ts
@@ -0,0 +1,55 @@
+import type { Editor } from 'grapesjs';
+import { typeOption } from './components.js';
+
+export default function (editor: Editor) {
+	const trm = editor.TraitManager;
+
+	trm.addType('select-options', {
+		events: {
+			keyup: 'onChange',
+		},
+
+		onValueChange() {
+			const { model, target } = this;
+			const optionsStr = model.get('value').trim();
+			const options = optionsStr.split('\n');
+			const optComps = [];
+
+			for (let i = 0; i < options.length; i++) {
+				const optionStr = options[i];
+				const option = optionStr.split('::');
+				optComps.push({
+					type: typeOption,
+					components: option[1] || option[0],
+					attributes: { value: option[0] },
+				});
+			}
+
+			target.components().reset(optComps);
+			target.view?.render();
+		},
+
+		getInputEl() {
+			if (!this.$input) {
+				const optionsArr = [];
+				const options = this.target.components();
+
+				for (let i = 0; i < options.length; i++) {
+					const option = options.models[i];
+					const optAttr = option.get('attributes');
+					const optValue = optAttr?.value || '';
+					const optTxtNode = option.components().models[0];
+					const optLabel = optTxtNode?.get('content') || '';
+					optionsArr.push(`${optValue}::${optLabel}`);
+				}
+
+				const el = document.createElement('textarea');
+				el.value = optionsArr.join('\n');
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				this.$input = el as any;
+			}
+
+			return this.$input;
+		},
+	});
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/index.ts
new file mode 100644
index 0000000..a6f7843
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/index.ts
@@ -0,0 +1,9 @@
+export { default as blocks } from './blocks/index.js';
+export { default as customCode } from './code/index.js';
+export { default as forms } from './forms/index.js';
+export { default as rte } from './rte/index.js';
+export { default as tabs } from './tabs/index.js';
+export { default as typed } from './typed/index.js';
+export { default as countdown } from './countdown.js';
+export { default as tooltip } from './tooltip.js';
+export { default as tuiImageEditor } from './tuiImageEditor.js';
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/LICENSE
new file mode 100644
index 0000000..fe7ea6a
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/LICENSE
@@ -0,0 +1,9 @@
+MIT License Copyright (c) 2020-current Grapesjs Rte Extensions
+
+Modified 2025, withStudioCMS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/colorPicker.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/colorPicker.ts
new file mode 100644
index 0000000..6033234
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/colorPicker.ts
@@ -0,0 +1,228 @@
+//The MIT License (MIT)
+//
+//Copyright (c) 2015-16 jillix <contact@jillix.com>, https://github.com/jillix/piklor.js/
+//Modified to work Copyright (c) 2020-21 Brendon Ngirazi
+//Modified to Typescript Copyright (c) 2025 withstudiocms
+
+interface ColorPickerOptions {
+	open?: HTMLElement | string;
+	openEvent?: string;
+	style?: {
+		display?: string;
+		[key: string]: string | undefined;
+	};
+	template?: string;
+	autoclose?: boolean;
+	closeOnBlur?: boolean;
+}
+
+export default class ColorPicker {
+	private elm: HTMLElement;
+	private cbs: Array<(color: string) => void>;
+	private color: string;
+	private isOpen: boolean;
+	private colors: string[];
+	private options: ColorPickerOptions;
+
+	/**
+	 * ColorPicker
+	 * Creates a new `ColorPicker` instance.
+	 *
+	 * @name ColorPicker
+	 * @function
+	 * @param {String|HTMLElement} sel The element where the color picker will live.
+	 * @param {Array<string>} colors An array of strings representing colors.
+	 * @param {Object} options An object containing the following fields:
+	 *
+	 *  - `open` (String|HTMLElement): The HTML element or query selector which will open the picker.
+	 *  - `openEvent` (String): The open event (default: `"click"`).
+	 *  - `style` (Object): Some style options:
+	 *    - `display` (String): The display value when the picker is opened (default: `"block"`).
+	 *  - `template` (String): The color item template. The `{color}` snippet will be replaced
+	 *    with the color value (default: `"<div data-col=\"{color}\" style=\"background-color: {color}\"></div>"`).
+	 *  - `autoclose` (Boolean): If `false`, the color picker will not be hided by default (default: `true`).
+	 *  - `closeOnBlur` (Boolean): If `true`, the color picker will be closed when clicked outside of it (default: `false`).
+	 *
+	 * @return {ColorPicker} The `ColorPicker` instance.
+	 */
+	constructor(sel: string | HTMLElement, colors?: string[], options: ColorPickerOptions = {}) {
+		const defaultColors = [
+			'#1abc9c',
+			'#2ecc71',
+			'#3498db',
+			'#9b59b6',
+			'#34495e',
+			'#16a085',
+			'#27ae60',
+			'#2980b9',
+			'#8e44ad',
+			'#2c3e50',
+			'#f1c40f',
+			'#e67e22',
+			'#e74c3c',
+			'#ecf0f1',
+			'#95a5a6',
+			'#f39c12',
+			'#d35400',
+			'#c0392b',
+			'#bdc3c7',
+			'#7f8c8d',
+		];
+
+		this.colors = colors || defaultColors;
+
+		// Initialize options with defaults
+		this.options = {
+			openEvent: 'click',
+			style: {
+				display: 'block',
+			},
+			closeOnBlur: false,
+			template: '<div data-col="{color}" style="background-color: {color}" title="{color}" ></div>',
+			autoclose: true,
+			...options,
+		};
+
+		// Convert open element string to HTML element if needed
+		if (typeof this.options.open === 'string') {
+			this.options.open = this.getElm(this.options.open);
+		}
+
+		// Initialize properties
+		this.elm = this.getElm(sel);
+		this.cbs = [];
+		this.color = '';
+		this.isOpen = true;
+
+		this.render();
+
+		// Handle the open element and event.
+		if (this.options.open) {
+			this.options.open.addEventListener(this.options.openEvent || 'click', () => {
+				this.isOpen ? this.close() : this.open();
+			});
+		}
+
+		// Click on colors
+		this.elm.addEventListener('click', (ev: MouseEvent) => {
+			const target = ev.target as HTMLElement;
+			const col = target.getAttribute('data-col');
+			if (!col) {
+				return;
+			}
+			this.color = col;
+			this.set(col);
+			this.close();
+		});
+
+		if (this.options.closeOnBlur) {
+			window.addEventListener('click', (ev: MouseEvent) => {
+				const target = ev.target as HTMLElement;
+				// check if we didn't click 'open' and 'color pallete' elements
+				if (target !== this.options.open && target !== this.elm && this.isOpen) {
+					this.close();
+				}
+			});
+		}
+
+		if (this.options.autoclose !== false) {
+			this.close();
+		}
+	}
+
+	/**
+	 * getElm
+	 * Finds the HTML element.
+	 *
+	 * @name getElm
+	 * @function
+	 * @param {String|HTMLElement} el The HTML element or query selector.
+	 * @return {HTMLElement} The selected HTML element.
+	 */
+	private getElm(el: string | HTMLElement): HTMLElement {
+		if (typeof el === 'string') {
+			const element = document.querySelector(el);
+			if (!element) {
+				throw new Error(`Element ${el} not found`);
+			}
+			return element as HTMLElement;
+		}
+		return el;
+	}
+
+	/**
+	 * render
+	 * Renders the colors.
+	 *
+	 * @name render
+	 * @function
+	 */
+	render(): void {
+		let html = '';
+
+		// biome-ignore lint/complexity/noForEach: <explanation>
+		this.colors.forEach((color) => {
+			html += this.options.template?.replace(/\{color\}/g, color) || '';
+		});
+
+		this.elm.innerHTML = html;
+	}
+
+	/**
+	 * close
+	 * Closes the color picker.
+	 *
+	 * @name close
+	 * @function
+	 */
+	close(): void {
+		this.elm.style.display = 'none';
+		this.isOpen = false;
+	}
+
+	/**
+	 * open
+	 * Opens the color picker.
+	 *
+	 * @name open
+	 * @function
+	 */
+	open(): void {
+		this.elm.style.display = this.options.style?.display || 'block';
+		this.isOpen = true;
+	}
+
+	/**
+	 * colorChosen
+	 * Adds a new callback in the colorChosen callback buffer.
+	 *
+	 * @name colorChosen
+	 * @function
+	 * @param {Function} cb The callback function called with the selected color.
+	 */
+	colorChosen(cb: (color: string) => void): void {
+		this.cbs.push(cb);
+	}
+
+	/**
+	 * set
+	 * Sets the color picker color.
+	 *
+	 * @name set
+	 * @function
+	 * @param {String} c The color to set.
+	 * @param {Boolean} p If `false`, the `colorChosen` callbacks will not be called.
+	 */
+	set(c: string, p = true): void {
+		this.color = c;
+
+		if (p === false) {
+			return;
+		}
+
+		// biome-ignore lint/complexity/noForEach: <explanation>
+		this.cbs.forEach((cb) => {
+			cb?.(c);
+		});
+	}
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/index.ts
new file mode 100644
index 0000000..3bfc9d3
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/index.ts
@@ -0,0 +1,510 @@
+import ColorPicker from './colorPicker.js';
+import type { Plugin } from 'grapesjs';
+
+interface FontOptions {
+	fontName?: string[] | boolean;
+	fontSize?: boolean;
+	fontColor?: string[] | boolean;
+	hilite?: string[] | boolean;
+}
+
+interface BaseOptions {
+	bold?: boolean;
+	italic?: boolean;
+	underline?: boolean;
+	strikethrough?: boolean;
+	link?: boolean;
+}
+
+interface FormatOptions {
+	heading1?: boolean;
+	heading2?: boolean;
+	heading3?: boolean;
+	heading4?: boolean;
+	heading5?: boolean;
+	heading6?: boolean;
+	paragraph?: boolean;
+	quote?: boolean;
+	clearFormatting?: boolean;
+}
+
+interface ActionOptions {
+	copy?: boolean;
+	cut?: boolean;
+	paste?: boolean;
+	delete?: boolean;
+}
+
+interface RichTextEditorOptions {
+	base?: BaseOptions | boolean;
+	fonts?: FontOptions;
+	format?: FormatOptions | boolean;
+	subscriptSuperscript?: boolean;
+	indentOutdent?: boolean;
+	list?: boolean;
+	align?: boolean;
+	actions?: ActionOptions | boolean;
+	undoredo?: boolean;
+	extra?: boolean;
+	icons?: Record<string, string>;
+	darkColorPicker?: boolean;
+	maxWidth?: string;
+}
+
+const plugin: Plugin<RichTextEditorOptions> = (editor, opts = {}) => {
+	const options: RichTextEditorOptions = {
+		...{
+			// default options
+			base: {
+				bold: true,
+				italic: true,
+				underline: true,
+				strikethrough: true,
+				link: true,
+			},
+			//fonts: {
+			//  fontName: ['font1',...,'fontn'],
+			//  fontSize: true,
+			//  //An array of strings representing colors
+			//  fontColor: [],
+			//  //An array of strings representing colors
+			//  hilite: [],
+			//}
+			fonts: {
+				fontColor: true,
+				hilite: true,
+			},
+			format: {
+				heading1: true,
+				heading2: true,
+				heading3: true,
+				//heading4: false,
+				//heading5: false,
+				//heading6: false,
+				paragraph: true,
+				//quote: false,
+				clearFormatting: true,
+			},
+			subscriptSuperscript: false,
+			indentOutdent: false,
+			list: false,
+			align: true,
+			//actions: {
+			//  copy: true,
+			//  cut: true,
+			//  paste: true,
+			//  delete: true,
+			//},
+			actions: false,
+			undoredo: false,
+			extra: false,
+			icons: {},
+			darkColorPicker: true,
+		},
+		...opts,
+	};
+
+	const { icons } = options;
+	const formatBlock = 'formatBlock';
+	const rte = editor.RichTextEditor;
+
+	const fontNames = options.fonts?.fontName
+		? Array.isArray(options.fonts.fontName)
+			? options.fonts.fontName
+			: false
+		: false;
+
+	if (options.fonts) {
+		options.fonts.fontName = fontNames;
+	}
+
+	const fontOptionsEl = fontNames
+		? fontNames.map((font) => `<option>${font.toString()}</option>`).join('')
+		: '';
+
+	const fontNamesEl = `<select style="height:1.8rem;color:inherit;" class="gjs-field gjs-field-select">
+            ${fontOptionsEl}
+        </select>`;
+
+	editor.onReady(() => {
+		// @ts-ignore
+		if (options.maxWidth) rte.getToolbarEl().firstChild.style.maxWidth = options.maxWidth;
+
+		//remove defaults if not required
+		if (!options.base || typeof options.base === 'object') {
+			const baseOpts = options.base as BaseOptions;
+			!baseOpts.bold && rte.remove('bold');
+			!baseOpts.italic && rte.remove('italic');
+			!baseOpts.underline && rte.remove('underline');
+			!baseOpts.strikethrough && rte.remove('strikethrough');
+			!baseOpts.link && rte.remove('link');
+		}
+
+		options.fonts?.fontName &&
+			rte.add('fontName', {
+				icon: fontNamesEl,
+				// Bind the 'result' on 'change' listener
+				event: 'change',
+				attributes: {
+					style: 'padding: 0 4px 2px;',
+					title: 'Font Name',
+				},
+				// @ts-ignore
+				result: (rte, action) => rte.exec('fontName', action.btn?.firstChild?.value),
+				// Callback on any input change (mousedown, keydown, etc..)
+				// @ts-ignore
+				update: (rte, action) => {
+					const value = rte.doc.queryCommandValue(action.name);
+					if (value !== 'false') {
+						// value is a string
+						// @ts-ignore
+						if (action.btn?.firstChild) action.btn.firstChild.value = value;
+					}
+				},
+			});
+
+		options.fonts?.fontSize &&
+			rte.add('fontSize', {
+				icon: `<select style="height:1.8rem;color:inherit;" class="gjs-field gjs-field-select">
+              <option value="1">xx-small</option>
+              <option value="2">x-small</option>
+              <option value="3">small</option>
+              <option value="4">medium</option>
+              <option value="5">large</option>
+              <option value="6">x-large</option>
+              <option value="7">xx-large</option>
+            </select>`,
+				// Bind the 'result' on 'change' listener
+				event: 'change',
+				attributes: {
+					style: 'padding: 0 4px 2px;',
+					title: 'Font Size',
+				},
+				// @ts-ignore
+				result: (rte, action) => rte.exec('fontSize', action.btn?.firstChild?.value),
+				// Callback on any input change (mousedown, keydown, etc..)
+				// @ts-ignore
+				update: (rte, action) => {
+					const value = rte.doc.queryCommandValue(action.name);
+					if (value !== 'false') {
+						// value is a string
+						// @ts-ignore
+						action.btn.firstChild.value = value;
+					}
+				},
+			});
+
+		const pk1: Record<string, ColorPicker> = {};
+		options.fonts?.fontColor &&
+			rte.add('fontColor', {
+				icon: `${icons?.fontColor || '<b style="pointer-events:none;border-bottom:2px solid">A</b>'}
+          <div id="foreColor-picker-${
+						// @ts-ignore
+						editor.Config.container?.replace('#', '')
+					}"
+              class="${
+								options.darkColorPicker ? 'rte-color-picker dark' : 'rte-color-picker light'
+							}">
+          </div>`,
+				attributes: {
+					id: 'rte-font-color',
+					title: 'Font Color',
+				},
+				result: (rte) => {
+					const pikerEle = `#foreColor-picker-${
+						// @ts-ignore
+						editor.Config.container?.replace('#', '')
+					}`;
+					if (!pk1[pikerEle])
+						pk1[pikerEle] = new ColorPicker(
+							pikerEle,
+							options.fonts?.fontColor
+								? Array.isArray(options.fonts.fontColor)
+									? options.fonts.fontColor
+									: undefined
+								: undefined,
+							{
+								open: 'span#rte-font-color.gjs-rte-action',
+								closeOnBlur: true,
+							}
+						);
+					pk1[pikerEle].colorChosen((col: string) => rte.exec('foreColor', col));
+				},
+			});
+
+		const pk2: Record<string, ColorPicker> = {};
+		options.fonts?.hilite &&
+			rte.add('hiliteColor', {
+				icon: `${
+					icons?.hiliteColor || '<b style="pointer-events:none;" class="rte-hilite-btn">A</b>'
+				}
+          <div id="hilite-picker-${
+						// @ts-ignore
+						editor.Config.container?.replace('#', '')
+					}"
+            class="${options.darkColorPicker ? 'rte-color-picker dark' : 'rte-color-picker light'}">
+          </div>`,
+				attributes: {
+					id: 'rte-font-hilite',
+					title: 'Font Highlight',
+				},
+				result: (rte) => {
+					const pikerEle = `#hilite-picker-${
+						// @ts-ignore
+						editor.Config.container?.replace('#', '')
+					}`;
+					if (!pk2[pikerEle])
+						pk2[pikerEle] = new ColorPicker(
+							pikerEle,
+							options.fonts?.hilite
+								? Array.isArray(options.fonts.hilite)
+									? options.fonts.hilite
+									: undefined
+								: undefined,
+							{
+								open: 'span#rte-font-hilite.gjs-rte-action',
+								closeOnBlur: true,
+							}
+						);
+					pk2[pikerEle].colorChosen((col: string) => rte.exec('hiliteColor', col));
+				},
+			});
+
+		const formatOpts = options.format as FormatOptions;
+
+		options.format &&
+			formatOpts.heading1 &&
+			rte.add('heading1', {
+				icon: icons?.heading1 || '<div>H1</div>',
+				attributes: {
+					title: 'Heading 1',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h1>'),
+			});
+		options.format &&
+			formatOpts.heading2 &&
+			rte.add('heading2', {
+				icon: icons?.heading2 || '<div>H2</div>',
+				attributes: {
+					title: 'Heading 2',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h2>'),
+			});
+		options.format &&
+			formatOpts.heading3 &&
+			rte.add('heading3', {
+				icon: icons?.heading3 || '<div>H3</div>',
+				attributes: {
+					title: 'Heading 3',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h3>'),
+			});
+		options.format &&
+			formatOpts.heading4 &&
+			rte.add('heading4', {
+				icon: icons?.heading4 || '<div>H4</div>',
+				attributes: {
+					title: 'Heading 4',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h4>'),
+			});
+		options.format &&
+			formatOpts.heading5 &&
+			rte.add('heading5', {
+				icon: icons?.heading5 || '<div>H5</div>',
+				attributes: {
+					title: 'Heading 5',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h5>'),
+			});
+		options.format &&
+			formatOpts.heading6 &&
+			rte.add('heading6', {
+				icon: icons?.heading6 || '<div>H6</div>',
+				attributes: {
+					title: 'Heading 6',
+				},
+				result: (rte) => rte.exec(formatBlock, '<h6>'),
+			});
+		options.format &&
+			formatOpts.paragraph &&
+			rte.add('paragraph', {
+				icon: icons?.paragraph || '&#182;',
+				attributes: {
+					title: 'Paragraph',
+				},
+				result: (rte) => rte.exec(formatBlock, '<p>'),
+			});
+		options.format &&
+			formatOpts.quote &&
+			rte.add('quote', {
+				icon: icons?.quote || '<i class="fa fa-quote-left"></i>',
+				attributes: {
+					title: 'Quote',
+				},
+				result: (rte) => rte.exec(formatBlock, '<blockquote>'),
+			});
+		options.format &&
+			formatOpts.clearFormatting &&
+			rte.add('clearFormatting', {
+				icon: icons?.clear || '<i class="fa fa-eraser"></i>',
+				attributes: {
+					title: 'Clear Formatting',
+				},
+				result: (rte) => rte.exec('removeFormat'),
+			});
+		options.indentOutdent &&
+			rte.add('indent', {
+				icon: icons?.indent || '<i class="fa fa-indent"></i>',
+				attributes: {
+					title: 'Indent',
+				},
+				result: (rte) => rte.exec('indent'),
+			});
+		options.indentOutdent &&
+			rte.add('outdent', {
+				icon: icons?.outdent || '<i class="fa fa-outdent"></i>',
+				attributes: {
+					title: 'Outdent',
+				},
+				result: (rte) => rte.exec('outdent'),
+			});
+		options.subscriptSuperscript &&
+			rte.add('subscript', {
+				icon: icons?.subscript || '<div>X<sub>2</sub></div>',
+				attributes: {
+					title: 'Subscript',
+				},
+				result: (rte) => rte.exec('subscript'),
+			});
+		options.subscriptSuperscript &&
+			rte.add('superscript', {
+				icon: icons?.superscript || '<div>X<sup>2</sup></div>',
+				attributes: {
+					title: 'Superscript',
+				},
+				result: (rte) => rte.exec('superscript'),
+			});
+		options.list &&
+			rte.add('olist', {
+				icon: icons?.olist || '<i class="fa fa-list-ol"></i>',
+				attributes: {
+					title: 'Ordered List',
+				},
+				result: (rte) => rte.exec('insertOrderedList'),
+			});
+		options.list &&
+			rte.add('ulist', {
+				icon: icons?.ulist || '<i class="fa fa-list-ul"></i>',
+				attributes: {
+					title: 'Unordered List',
+				},
+				result: (rte) => rte.exec('insertUnorderedList'),
+			});
+		options.align &&
+			rte.add('justifyLeft', {
+				icon: icons?.justifyLeft || '<i class="fa fa-align-left"></i>',
+				attributes: {
+					title: 'Align Left',
+				},
+				result: (rte) => rte.exec('justifyLeft'),
+			});
+		options.align &&
+			rte.add('justifyCenter', {
+				icon: icons?.justifyRight || '<i class="fa fa-align-center"></i>',
+				attributes: {
+					title: 'Align Center',
+				},
+				result: (rte) => rte.exec('justifyCenter'),
+			});
+		options.align &&
+			rte.add('justifyFull', {
+				icon: icons?.justifyFull || '<i class="fa fa-align-justify"></i>',
+				attributes: {
+					title: 'Align Justify',
+				},
+				result: (rte) => rte.exec('justifyFull'),
+			});
+		options.align &&
+			rte.add('justifyRight', {
+				icon: icons?.justifyRight || '<i class="fa fa-align-right"></i>',
+				attributes: {
+					title: 'Align Right',
+				},
+				result: (rte) => rte.exec('justifyRight'),
+			});
+
+		const actionOpts = options.actions as ActionOptions;
+
+		options.actions &&
+			actionOpts.copy &&
+			rte.add('copy', {
+				icon: icons?.copy || '<i class="fa fa-files-o"></i>',
+				attributes: {
+					title: 'Copy',
+				},
+				result: (rte) => rte.exec('copy'),
+			});
+		options.actions &&
+			actionOpts.cut &&
+			rte.add('cut', {
+				icon: icons?.cut || '<i class="fa fa-scissors"></i>',
+				attributes: {
+					title: 'Cut',
+				},
+				result: (rte) => rte.exec('cut'),
+			});
+		options.actions &&
+			actionOpts.paste &&
+			rte.add('paste', {
+				icon: icons?.paste || '<i class="fa fa-clipboard"></i>',
+				attributes: {
+					title: 'Paste',
+				},
+				result: (rte) => rte.exec('paste'),
+			});
+		options.actions &&
+			actionOpts.delete &&
+			rte.add('delete', {
+				icon: icons?.delete || '<i class="fa fa-trash-o"></i>',
+				attributes: {
+					title: 'Delete',
+				},
+				result: (rte) => rte.exec('delete'),
+			});
+		options.extra &&
+			rte.add('code', {
+				icon: icons?.code || '<i class="fa fa-code"></i>',
+				attributes: {
+					title: 'Code',
+				},
+				result: (rte) => rte.exec(formatBlock, '<pre>'),
+			});
+		options.extra &&
+			rte.add('line', {
+				icon: icons?.line || '<b>&#8213;</b>',
+				attributes: {
+					title: 'Horizontal Line',
+				},
+				result: (rte) => rte.exec('insertHorizontalRule'),
+			});
+		options.undoredo &&
+			rte.add('undo', {
+				icon: icons?.undo || '<i class="fa fa-reply"></i>',
+				attributes: {
+					title: 'Undo',
+				},
+				result: (rte) => rte.exec('undo'),
+			});
+		options.undoredo &&
+			rte.add('redo', {
+				icon: icons?.redo || '<i class="fa fa-share"></i>',
+				attributes: {
+					title: 'Redo',
+				},
+				result: (rte) => rte.exec('redo'),
+			});
+	});
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/styles.css b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/styles.css
new file mode 100644
index 0000000..ae73ad0
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/rte/styles.css
@@ -0,0 +1,63 @@
+.gjs-rte-toolbar {
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.44);
+	border-radius: 3px;
+}
+.gjs-rte-action {
+	font-size: 1rem;
+	border-right: none;
+	padding: 10px;
+	min-width: 35px;
+}
+.gjs-rte-actionbar {
+	max-width: 600px;
+	flex-wrap: wrap;
+}
+.rte-hilite-btn {
+	padding: 3px 6px;
+	border-radius: 3px;
+	background: rgba(210, 120, 201, 0.3);
+}
+.rte-color-picker {
+	display: none;
+	padding: 10px;
+	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2), 0 2px 5px rgba(0, 0, 0, 0.34);
+	border-radius: 5px;
+	position: absolute;
+	top: 55px;
+	width: 250px;
+	transition: all 2s ease;
+}
+.rte-color-picker:before {
+	content: "";
+	position: absolute;
+	top: -20px;
+	left: 46%;
+	border-width: 10px;
+	border-style: solid;
+}
+.rte-color-picker.dark {
+	background: rgba(0, 0, 0, 0.8);
+}
+.rte-color-picker.dark:before {
+	border-color: transparent transparent rgba(0, 0, 0, 0.75) transparent;
+}
+.rte-color-picker.light {
+	background: rgba(255, 255, 255, 0.75);
+}
+.rte-color-picker.light:before {
+	border-color: transparent transparent rgba(255, 255, 255, 0.75) transparent;
+}
+.rte-color-picker > div {
+	width: 30px;
+	display: inline-block;
+	height: 30px;
+	margin: 5px;
+	border-radius: 100%;
+	opacity: 0.7;
+}
+.rte-color-picker > div:hover {
+	opacity: 1;
+}
+.picker-wrapper {
+	padding: 20px;
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/LICENSE
new file mode 100644
index 0000000..1156b3d
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/LICENSE
@@ -0,0 +1,28 @@
+Copyright (c) 2018-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/blocks.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/blocks.ts
new file mode 100644
index 0000000..7789b1c
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/blocks.ts
@@ -0,0 +1,24 @@
+import type { Editor, BlockProperties } from 'grapesjs';
+import type { TabsOptions } from './types.js';
+
+export default function loadBlocks(
+	editor: Editor,
+	{ tabsBlock, typeTabs }: Pick<TabsOptions, 'tabsBlock' | 'typeTabs'>
+): void {
+	const { Blocks } = editor;
+
+	if (tabsBlock) {
+		const blockConfig: BlockProperties = {
+			media: `
+        <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+          <path d="M22 9.3c0-.8-.5-1.3-1.3-1.3H3.4C2.5 8 2 8.5 2 9.3v7.4c0 .8.5 1.3 1.3 1.3h17.4c.8 0 1.3-.5 1.3-1.3V9.3zM21 17H3V9h18v8z" fill-rule="nonzero"/><rect x="3" y="5" width="4" height="2" rx=".5"/><rect x="8" y="5" width="4" height="2" rx=".5"/><rect x="13" y="5" width="4" height="2" rx=".5"/>
+        </svg>
+      `,
+			label: 'Tabs',
+			content: { type: typeTabs },
+			...tabsBlock,
+		};
+
+		Blocks.add(typeTabs, blockConfig);
+	}
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tab.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tab.ts
new file mode 100644
index 0000000..0065394
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tab.ts
@@ -0,0 +1,119 @@
+import type { Editor, Component } from 'grapesjs';
+import type { TabConfig } from '../types.js';
+import { resolveTemplate } from '../options.js';
+
+export interface TabComponent extends Component {
+	tabContent?: Component;
+	__initTab(index: number): void;
+	__onRemove(): void;
+	getTabContent(): Component | undefined;
+}
+
+export default (editor: Editor, config: TabConfig) => {
+	const { Components } = editor;
+
+	const prevSelectorTab = 'data-prev';
+	const getPrevCntId = (comp: Component) => comp.getAttributes()[prevSelectorTab];
+	const defaultModel = editor.DomComponents.getType('default').model;
+
+	Components.addType(config.typeTab, {
+		model: {
+			defaults: {
+				name: 'Tab',
+				tagName: 'div',
+				draggable: `[data-gjs-type="${config.typeTabContainer}"]`,
+				droppable: false,
+				attributes: { role: 'tab' },
+				classes: [config.classTab],
+				traits: [
+					{
+						type: 'button',
+						label: false,
+						text: 'Style Active',
+						full: true,
+						command: (editor: Editor) => {
+							const sm = editor.StyleManager;
+							sm.select(`.${config.classTab}.${config.classTabActive}`);
+						},
+					},
+				],
+				...config.tabProps,
+			},
+
+			init() {
+				this.on('removed', this.__onRemove);
+			},
+
+			__initTab(index: number) {
+				if (this.tabContent) return;
+
+				let content = this.getTabContent();
+
+				if (content && getPrevCntId(content)) {
+					const id = content.getId();
+					const tabId = this.getId();
+					content.addAttributes({ id, 'aria-labelledby': tabId, hidden: true });
+					content.removeAttributes(prevSelectorTab);
+					this.addAttributes({ [config.selectorTab]: id, id: tabId });
+				}
+
+				if (!content) {
+					const tabs = this.getTabsType();
+					const cnts = tabs.getContentsType();
+					content = cnts.append({
+						type: config.typeTabContent,
+						components: resolveTemplate(config.templateTabContent, {
+							index: index,
+						}),
+					})[0];
+					const id = content.getId();
+					const tabId = this.getId();
+					content.addAttributes({ id, 'aria-labelledby': tabId, hidden: true });
+					this.addAttributes({ [config.selectorTab]: id, id: tabId });
+					this.tabContent = content;
+				}
+
+				this.tabContent = content;
+			},
+
+			__onRemove() {
+				const content = this.getTabContent();
+				if (content) {
+					content.remove();
+				}
+				this.getTabsType().trigger('rerender');
+			},
+
+			getTabsType() {
+				return this.closestType(config.typeTabs);
+			},
+
+			getTabContent() {
+				const id = this.getAttributes()[config.selectorTab];
+				const tabs = this.getTabsType();
+				if (!tabs || !id) return;
+				const contents = tabs.findContents();
+				const content = contents.filter(
+					(c: Component) => c.getId() === id || getPrevCntId(c) === id
+				)[0];
+				return content;
+			},
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			clone(opt: { _inner?: boolean; symbol?: boolean; symbolInv?: boolean } = {}, ...args: any[]) {
+				const fromParent = opt._inner;
+				if (fromParent) {
+					const tabCont = this.getTabContent();
+					if (tabCont) {
+						tabCont.addAttributes({ [prevSelectorTab]: tabCont.getId() });
+					}
+				}
+				const cloned = defaultModel.prototype.clone.apply(this, [opt, ...args]);
+				if (!fromParent) {
+					cloned.addAttributes({ [config.selectorTab]: '' });
+				}
+				return cloned;
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContainer.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContainer.ts
new file mode 100644
index 0000000..58fa48c
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContainer.ts
@@ -0,0 +1,24 @@
+import type { Editor } from 'grapesjs';
+import type { TabContainerConfig } from '../types.js';
+
+export const role = 'tablist';
+
+export default (editor: Editor, config: TabContainerConfig): void => {
+	const { Components } = editor;
+
+	Components.addType(config.typeTabContainer, {
+		model: {
+			defaults: {
+				name: 'Tab Container',
+				draggable: `[data-gjs-type="${config.typeTabs}"]`,
+				droppable: `[data-gjs-type="${config.typeTab}"]`,
+				copyable: false,
+				removable: false,
+				highlightable: false,
+				attributes: { role },
+				classes: config.classTabContainer,
+				...config.tabContainerProps,
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContent.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContent.ts
new file mode 100644
index 0000000..9125b7e
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContent.ts
@@ -0,0 +1,24 @@
+import type { Editor } from 'grapesjs';
+import type { TabContentConfig } from '../types.js';
+
+export const role = 'tabpanel';
+
+export default (editor: Editor, config: TabContentConfig): void => {
+	const { Components } = editor;
+
+	Components.addType(config.typeTabContent, {
+		model: {
+			defaults: {
+				name: 'Tab Content',
+				draggable: false,
+				copyable: false,
+				removable: false,
+				highlightable: false,
+				attributes: { role },
+				classes: config.classTabContent,
+				traits: [],
+				...config.tabContentProps,
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContents.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContents.ts
new file mode 100644
index 0000000..bb36cb8
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/TabContents.ts
@@ -0,0 +1,20 @@
+import type { Editor } from 'grapesjs';
+import type { TabContentsConfig } from '../types.js';
+
+export default (editor: Editor, config: TabContentsConfig): void => {
+	const { Components } = editor;
+
+	Components.addType(config.typeTabContents, {
+		model: {
+			defaults: {
+				name: 'Tab Contents',
+				draggable: false,
+				droppable: false,
+				copyable: false,
+				removable: false,
+				classes: config.classTabContents,
+				...config.tabContentsProps,
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tabs.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tabs.ts
new file mode 100644
index 0000000..ac5f121
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/Tabs.ts
@@ -0,0 +1,227 @@
+import type { Editor, Component } from 'grapesjs';
+import type { TabComponent } from './Tab.js';
+import type { TabsOptions, TabComponentProps, CustomWindow, TabTemplate } from '../types.js';
+import { resolveTemplate } from '../options.js';
+
+interface TabsComponent extends Component {
+	addTab(): void;
+	getTabContainerType(): Component;
+	getContentsType(): Component;
+	findTabs(): Component[];
+	findContents(): Component[];
+}
+
+export default (editor: Editor, config: TabsOptions): void => {
+	const { Components } = editor;
+
+	const script = function (this: HTMLElement, props: TabComponentProps): void {
+		// biome-ignore lint/complexity/noUselessThisAlias: <explanation>
+		const el = this;
+		const classTabActive = props.classactive;
+		const selectorTab = props.selectortab;
+		const { history } = window;
+		const _isEditor = (window as CustomWindow)._isEditor;
+		const attrSelected = 'ariaSelected';
+		const roleTab = '[role=tab]';
+		const roleTabContent = '[role=tabpanel]';
+		const { body, location } = document;
+
+		const matches =
+			(body as HTMLElement).matches ||
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			(body as any).webkitMatchesSelector ||
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			(body as any).mozMatchesSelector ||
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			(body as any).msMatchesSelector;
+
+		const each = (
+			items: NodeListOf<HTMLElement>,
+			clb: (item: HTMLElement, index: number) => void
+		): void => {
+			Array.from(items).forEach(clb);
+		};
+
+		const hideContents = (): void => {
+			each(el.querySelectorAll(roleTabContent), (i) => {
+				(i as HTMLElement).hidden = true;
+			});
+		};
+
+		const getTabId = (item: HTMLElement): string => item.getAttribute(selectorTab) || '';
+
+		const qS = (elem: HTMLElement, qs: string): HTMLElement | null => elem.querySelector(qs);
+
+		const getAllTabs = (): NodeListOf<HTMLElement> => el.querySelectorAll(roleTab);
+
+		const upTabIdx = (item: HTMLElement, val: string): void => {
+			if (!_isEditor) {
+				(item as HTMLElement).tabIndex = Number.parseInt(val);
+			}
+		};
+
+		const activeTab = (tabEl: HTMLElement): void => {
+			each(getAllTabs(), (item) => {
+				item.className = item.className.replace(classTabActive, '').trim();
+				item.setAttribute(attrSelected, 'false');
+				upTabIdx(item, '-1');
+			});
+			hideContents();
+			tabEl.className += ` ${classTabActive}`;
+			tabEl.setAttribute(attrSelected, 'true');
+			upTabIdx(tabEl, '0');
+			const tabContentId = getTabId(tabEl);
+			const tabContent = tabContentId && qS(el, `#${tabContentId}`);
+			if (tabContent) {
+				(tabContent as HTMLElement).hidden = false;
+			}
+		};
+
+		const getTabByHash = (): Element | null => {
+			const hashId = (location.hash || '').replace('#', '');
+			const qrStr = (att: string): string => `${roleTab}[${att}=${hashId}]`;
+			return hashId ? qS(el, qrStr(selectorTab)) : null;
+		};
+
+		const getSelectedTab = (target: HTMLElement): HTMLElement | undefined => {
+			return Array.from(getAllTabs()).find((item) => item.contains(target));
+		};
+
+		let tabToActive = qS(el, `.${classTabActive}${roleTab}`) as HTMLElement | null;
+		tabToActive =
+			tabToActive ||
+			(getTabByHash() as HTMLElement | null) ||
+			(qS(el, roleTab) as HTMLElement | null);
+		if (tabToActive) activeTab(tabToActive as HTMLElement);
+
+		el.addEventListener('click', (ev: MouseEvent & { __trg?: number }) => {
+			let target = ev.target as HTMLElement | null;
+			if (!target) return;
+
+			let found = matches.call(target, roleTab);
+
+			if (!found) {
+				const selectedTab = getSelectedTab(target);
+				if (selectedTab) {
+					target = selectedTab;
+					found = true;
+				}
+			}
+
+			if (found && !ev.__trg && (target as HTMLElement).className.indexOf(classTabActive) < 0) {
+				ev.preventDefault();
+				ev.__trg = 1;
+				activeTab(target as HTMLElement);
+				const id = getTabId(target as HTMLElement);
+				try {
+					history?.pushState(null, '', `#${id}`);
+				} catch (e) {
+					console.error('History API is not supported', e);
+				}
+			}
+		});
+	};
+
+	const styleText = config.style ? config.style(config) : '';
+
+	const defTabs = [1, 2, 3].map((i) => ({
+		type: config.typeTab,
+		components: resolveTemplate(config.templateTab, { index: i }),
+	}));
+
+	Components.addType(config.typeTabs, {
+		model: {
+			defaults: {
+				name: 'Tabs',
+				classactive: config.classTabActive,
+				selectortab: config.selectorTab,
+				'script-props': ['classactive', 'selectortab'],
+				script,
+				traits: [
+					{
+						type: 'button',
+						label: 'Add Tab',
+						text: 'Add Tab',
+						full: true,
+						command: (editor: Editor) => {
+							const selected = editor.getSelected() as TabsComponent;
+							selected?.addTab();
+						},
+					},
+				],
+				components: [
+					{ type: config.typeTabContainer, components: defTabs },
+					{ type: config.typeTabContents },
+				],
+				styles: styleText,
+				...config.tabsProps,
+			},
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			isTabsComponent(comp: any): comp is TabsComponent {
+				return comp.findTabs !== undefined;
+			},
+
+			init() {
+				// biome-ignore lint/complexity/noUselessThisAlias: <explanation>
+				const component = this;
+
+				component.findTabs().forEach((tab: TabComponent, index: number) => {
+					this.__onTab(tab, index + 1, {});
+				});
+
+				const container = component.getTabContainerType();
+				let tabCount = component.findTabs().length;
+
+				this.listenTo(container?.components(), 'add', (tab: TabComponent) => {
+					tabCount++;
+					tab.__initTab?.(tabCount);
+				});
+			},
+
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			__onTab(tab: TabComponent, index: number, v: any, opts: any = {}) {
+				if (!opts.avoidStore && !opts.temporary) {
+					tab.__initTab(index);
+				}
+			},
+
+			getTabContainerType() {
+				return this.findType(config.typeTabContainer)[0];
+			},
+
+			getContentsType() {
+				return this.findType(config.typeTabContents)[0] || this;
+			},
+
+			findTabs() {
+				return this.findType(config.typeTab);
+			},
+
+			findContents() {
+				return this.findType(config.typeTabContent);
+			},
+
+			addTab(content?: string | TabTemplate) {
+				const component = this as unknown as TabsComponent;
+				const container = component.getTabContainerType();
+				const currentTabs = component.findTabs();
+
+				const templateProps = {
+					index: currentTabs.length + 1,
+				};
+
+				const finalContent = content
+					? typeof content === 'function'
+						? content(templateProps)
+						: content
+					: resolveTemplate(config.templateTab, templateProps);
+
+				container?.append({
+					type: config.typeTab,
+					components: finalContent,
+				});
+			},
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/index.ts
new file mode 100644
index 0000000..9e48441
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/components/index.ts
@@ -0,0 +1,30 @@
+import type { Editor } from 'grapesjs';
+import type { TabsOptions } from '../types.js';
+import Tab from './Tab.js';
+import Tabs from './Tabs.js';
+import TabContent from './TabContent.js';
+import TabContents from './TabContents.js';
+import TabContainer from './TabContainer.js';
+
+type ComponentLoader = (editor: Editor, config: TabsOptions) => void;
+
+// Define loading order for proper dependency resolution
+const components: ComponentLoader[] = [
+	TabContainer, // Load container first
+	TabContent, // Then content components
+	TabContents,
+	Tab, // Then individual tabs
+	Tabs, // Finally the main tabs component
+];
+
+export default (editor: Editor, config: TabsOptions): void => {
+	const opts = {
+		...config,
+		defaultModel: editor.DomComponents.getType('default').model,
+		editor,
+	};
+
+	for (const component of components) {
+		component(editor, opts);
+	}
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/index.ts
new file mode 100644
index 0000000..a43e1f4
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/index.ts
@@ -0,0 +1,22 @@
+import type { Editor, Plugin } from 'grapesjs';
+import loadComponents from './components/index.js';
+import loadBlocks from './blocks.js';
+import type { TabsOptions } from './types.js';
+import defaultOptions from './options.js';
+
+export type PluginOptions = TabsOptions;
+
+const plugin: Plugin<Partial<PluginOptions>> = (editor, opts = {}) => {
+	const options = {
+		...defaultOptions,
+		...opts,
+	};
+
+	// Add components
+	loadComponents(editor, options);
+
+	// Add blocks
+	loadBlocks(editor, options);
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/options.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/options.ts
new file mode 100644
index 0000000..ea05f15
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/options.ts
@@ -0,0 +1,89 @@
+import type { TabsOptions, TabTemplate, TabTemplateProps } from './types.js';
+
+const defaultStyle = (config: TabsOptions): string => `
+  .${config.classTab} {
+    padding: 7px 14px;
+    display: inline-block;
+    border-radius: 3px;
+    margin-right: 10px;
+  }
+
+  .${config.classTab}:focus {
+    outline: none;
+  }
+
+  .${config.classTab}.${config.classTabActive} {
+    background-color: #0d94e6;
+    color: white;
+  }
+
+  .${config.classTabContainer} {
+    display: inline-block;
+  }
+
+  .${config.classTabContent} {
+    animation: fadeEffect 1s;
+  }
+
+  .${config.classTabContents} {
+    min-height: 100px;
+    padding: 10px;
+  }
+
+  @keyframes fadeEffect {
+    from {opacity: 0;}
+    to {opacity: 1;}
+  }
+`;
+
+const defaultOptions: TabsOptions = {
+	// Block settings
+	tabsBlock: {},
+	tabsProps: {},
+	tabContainerProps: {},
+	tabProps: {},
+	tabContentProps: {},
+	tabContentsProps: {},
+
+	// Class names
+	classTab: 'tab',
+	classTabContainer: 'tab-container',
+	classTabActive: 'tab-active',
+	classTabContent: 'tab-content',
+	classTabContents: 'tab-contents',
+
+	// Selectors and types
+	selectorTab: 'aria-controls',
+	typeTabs: 'tabs',
+	typeTabContainer: 'tab-container',
+	typeTab: 'tab',
+	typeTabContent: 'tab-content',
+	typeTabContents: 'tab-contents',
+
+	// Templates
+	templateTab: ({ index }) => `<span data-gjs-highlightable="false">Tab ${index}</span>`,
+	templateTabContent: ({ index }) => `<div>Tab Content ${index}</div>`,
+
+	// Style
+	style: defaultStyle,
+};
+
+export const resolveTemplate = (
+	template: TabTemplate | undefined,
+	props: TabTemplateProps
+): string | undefined => {
+	if (!template) {
+		return undefined;
+	}
+
+	if (typeof template === 'function') {
+		return template(props);
+	}
+	return template;
+};
+
+export const mergeStyles = (userStyle?: (config: TabsOptions) => string) => {
+	return userStyle || defaultStyle;
+};
+
+export default defaultOptions;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/types.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/types.ts
new file mode 100644
index 0000000..2c97e3c
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tabs/types.ts
@@ -0,0 +1,100 @@
+import type { ComponentDefinition } from 'grapesjs';
+
+export interface TabsOptions {
+	// Block and props settings
+	tabsBlock?: ComponentDefinition | null;
+	tabsProps?: ComponentDefinition;
+	tabContainerProps?: ComponentDefinition;
+	tabProps?: ComponentDefinition;
+	tabContentProps?: ComponentDefinition;
+	tabContentsProps?: ComponentDefinition;
+
+	// Class names
+	classTab: string;
+	classTabContainer: string;
+	classTabActive: string;
+	classTabContent: string;
+	classTabContents: string;
+
+	// Selectors and types
+	selectorTab: string;
+	typeTabs: string;
+	typeTabContainer: string;
+	typeTab: string;
+	typeTabContent: string;
+	typeTabContents: string;
+
+	// Templates
+	templateTab: TabTemplate;
+	templateTabContent?: TabTemplate;
+	style?: (config: TabsOptions) => string;
+}
+
+export interface TabTemplateProps {
+	index: number;
+}
+
+export type TabTemplate = string | ((props: TabTemplateProps) => string);
+
+export interface TabConfig {
+	selectorTab: string;
+	typeTab: string;
+	typeTabContainer: string;
+	classTab: string;
+	classTabActive: string;
+	typeTabs: string;
+	templateTab: TabTemplate;
+	typeTabContent: string;
+	templateTabContent?: TabTemplate;
+	tabProps?: ComponentDefinition;
+}
+
+export interface TabContainerConfig {
+	typeTabContainer: string;
+	typeTabs: string;
+	typeTab: string;
+	classTabContainer: string;
+	tabContainerProps?: ComponentDefinition;
+}
+
+export interface TabContentConfig {
+	typeTabContent: string;
+	classTabContent: string;
+	tabContentProps?: ComponentDefinition;
+}
+
+export interface TabContentsConfig {
+	typeTabContents: string;
+	classTabContents: string;
+	tabContentsProps?: ComponentDefinition;
+}
+
+export interface TabsConfig {
+	typeTabs: string;
+	typeTab: string;
+	typeTabContent: string;
+	typeTabContents: string;
+	typeTabContainer: string;
+	classTabActive: string;
+	selectorTab: string;
+	tabsProps?: ComponentDefinition;
+	style?: (config: TabsOptions) => string;
+}
+
+export interface TabComponentProps {
+	classactive: string;
+	selectortab: string;
+}
+
+export interface TabAttributes {
+	role?: string;
+	id?: string;
+	'aria-labelledby'?: string;
+	hidden?: boolean;
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	[key: string]: any;
+}
+
+export interface CustomWindow extends Window {
+	_isEditor?: boolean;
+}
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tooltip.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tooltip.ts
new file mode 100644
index 0000000..ec1e905
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tooltip.ts
@@ -0,0 +1,455 @@
+/*
+Copyright (c) 2018-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*/
+
+import type { BlockProperties, ComponentDefinition, Plugin } from 'grapesjs';
+
+type TraitsProperty = ComponentDefinition['traits'];
+
+export type PluginOptions = {
+	/**
+	 * The ID used to create tooltip block and component
+	 * @default 'tooltip'
+	 */
+	id?: string;
+
+	/**
+	 * The ID used to create tooltip block and component
+	 * @default 'Tooltip'
+	 */
+	labelTooltip?: string;
+
+	/**
+	 * Object to extend the default tooltip block. Pass a falsy value to avoid adding the block.
+	 * @example
+	 * { label: 'Tooltip', category: 'Extra', ... }
+	 */
+	blockTooltip?: Partial<BlockProperties>;
+
+	/**
+	 * Object to extend the default tooltip properties.
+	 * @example
+	 * { name: 'Tooltip', droppable: false, ... }
+	 */
+	propsTooltip?: ComponentDefinition;
+
+	/**
+	 * A function which allows to extend default traits by receiving the original array and returning a new one.
+	 */
+	extendTraits?: (traits: TraitsProperty) => TraitsProperty;
+
+	/**
+	 * Tooltip attribute prefix.
+	 * @default 'data-tooltip'
+	 */
+	attrTooltip?: string;
+
+	/**
+	 * Tooltip class prefix.
+	 * @default 'tooltip-component'
+	 */
+	classTooltip?: string;
+
+	/**
+	 * Custom CSS styles for the tooltip component, this will replace the default one.
+	 * @default 'tooltip-component'
+	 */
+	style?: string;
+
+	/**
+	 * Additional CSS styles for the tooltip component.
+	 * @default 'tooltip-component'
+	 */
+	styleAdditional?: string;
+
+	/**
+	 * Make all tooltip relative classes private.
+	 * @default true
+	 */
+	privateClasses?: boolean;
+
+	/**
+	 * Indicate if the tooltip can be styled.
+	 * You can pass an array of which properties can be styled.
+	 * @example ['color', 'background-color']
+	 */
+	stylableTooltip?: string[] | boolean;
+
+	/**
+	 * If true, force the tooltip to be shown when the default "Style tooltip" trait button is clicked.
+	 * @default true
+	 */
+	showTooltipOnStyle?: boolean;
+};
+
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
+	const options: PluginOptions = {
+		// The ID used to create tooltip block and component
+		id: 'tooltip',
+
+		// Label of the tooltip. Used for the block and component name
+		labelTooltip: 'Tooltip',
+
+		// Object to extend the default tooltip block, eg. { label: 'Tooltip', category: 'Extra', ... }.
+		// Pass a falsy value to avoid adding the block
+		blockTooltip: {},
+
+		// Object to extend the default tooltip properties, eg. `{ name: 'Tooltip', droppable: false, ... }`
+		propsTooltip: {},
+
+		// A function which allows to extend default traits by receiving the original array and returning a new one
+		extendTraits: (traits) => traits,
+
+		// Tooltip attribute prefix
+		attrTooltip: 'data-tooltip',
+
+		// Tooltip class prefix
+		classTooltip: 'tooltip-component',
+
+		// Custom CSS styles, this will replace the default one
+		style: '',
+
+		// Additional CSS styles
+		styleAdditional: '',
+
+		// Make all tooltip relative classes private
+		privateClasses: true,
+
+		// Indicate if the tooltip can be styled. You can also pass an array
+		// of which properties can be styled. Eg. `['color', 'background-color']`
+		stylableTooltip: [
+			'background-color',
+			'padding',
+			'padding-top',
+			'padding-right',
+			'padding-bottom',
+			'padding-left',
+			'font-family',
+			'font-size',
+			'font-weight',
+			'letter-spacing',
+			'color',
+			'line-height',
+			'text-align',
+			'border-radius',
+			'border-top-left-radius',
+			'border-top-right-radius',
+			'border-bottom-left-radius',
+			'border-bottom-right-radius',
+			'border',
+			'border-width',
+			'border-style',
+			'border-color',
+		],
+
+		// If true, force the tooltip to be shown
+		showTooltipOnStyle: true,
+		...opts,
+	};
+
+	const {
+		propsTooltip,
+		classTooltip,
+		style,
+		styleAdditional,
+		privateClasses,
+		stylableTooltip,
+		showTooltipOnStyle,
+		blockTooltip,
+		extendTraits,
+	} = options;
+
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const id = options.id!;
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const labelTooltip = options.labelTooltip!;
+	// biome-ignore lint/style/noNonNullAssertion: <explanation>
+	const attrTooltip = options.attrTooltip!;
+
+	// Create block
+	if (blockTooltip) {
+		editor.BlockManager.add(id, {
+			media: `<svg viewBox="0 0 24 24">
+          <path d="M4 2h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2h-4l-4 4-4-4H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2m0 2v12h4.83L12 19.17 15.17 16H20V4H4z"></path>
+        </svg>`,
+			label: labelTooltip,
+			category: 'Extra',
+			select: true,
+			content: { type: id },
+			...blockTooltip,
+		});
+	}
+
+	const classTooltipBody = `${classTooltip}__body`;
+	const classTooltipEmpty = `${classTooltip}--empty`;
+	const attrTooltipVis = `${attrTooltip}-visible`;
+	const attrTooltipPos = `${attrTooltip}-pos`;
+	const attrTooltipLen = `${attrTooltip}-length`;
+	const traitIdStyleTooltip = 'style-tooltip';
+
+	if (privateClasses) {
+		editor.SelectorManager.getAll().add([
+			{ private: 1, name: classTooltip },
+			{ private: 1, name: classTooltipBody },
+			{ private: 1, name: classTooltipEmpty },
+		]);
+	}
+
+	// Create component
+	editor.Components.addType(id, {
+		isComponent: (el) => el.hasAttribute?.(attrTooltip),
+		model: {
+			defaults: {
+				name: labelTooltip,
+				classes: [classTooltip],
+				attributes: { [attrTooltip]: labelTooltip },
+				styles:
+					(style ||
+						`
+          .${classTooltip} {
+            position: relative;
+            display: inline-block;
+            vertical-align: top;
+          }
+
+          .${classTooltipEmpty} {
+            width: 50px;
+            height: 50px;
+          }
+
+          .${classTooltipBody},
+          [${attrTooltip}]::after {
+            font-family: Helvetica, sans-serif;
+            background: rgba(55, 61, 73, 0.95);
+            border-radius: 3px;
+            bottom: 100%;
+            color: #fff;
+            content: attr(${attrTooltip});
+            display: block;
+            font-size: 12px;
+            left: 50%;
+            line-height: normal;
+            max-width: 32rem;
+            opacity: 0;
+            overflow: hidden;
+            padding: 8px 16px;
+            pointer-events: none;
+            position: absolute;
+            text-overflow: ellipsis;
+            transform: translate(-50%, 0);
+            transition: opacity 0.25s, transform 0.25s;
+            white-space: nowrap;
+            box-sizing: border-box;
+            z-index: 10;
+          }
+
+          [${attrTooltipVis}=true]::after,
+          [${attrTooltip}]:focus::after,
+          [${attrTooltip}]:hover::after {
+            opacity: 1;
+            transform: translate(-50%, -0.5rem);
+          }
+
+          [${attrTooltipPos}=right]::after {
+            bottom: 50%;
+            left: 100%;
+            transform: translate(0, 50%);
+          }
+
+          [${attrTooltipPos}=right]:focus::after,
+          [${attrTooltipPos}=right]:hover::after,
+          [${attrTooltipVis}=true][${attrTooltipPos}=right]::after {
+            transform: translate(0.5rem, 50%);
+          }
+
+          [${attrTooltipPos}=bottom]::after {
+            bottom: auto;
+            top: 100%;
+            transform: translate(-50%, 0);
+          }
+
+          [${attrTooltipPos}=bottom]:focus::after,
+          [${attrTooltipPos}=bottom]:hover::after,
+          [${attrTooltipVis}=true][${attrTooltipPos}=bottom]::after {
+            transform: translate(-50%, 0.5rem);
+          }
+
+          [${attrTooltipPos}=left]::after {
+            bottom: 50%;
+            left: auto;
+            right: 100%;
+            transform: translate(0, 50%);
+          }
+
+          [${attrTooltipPos}=left]:focus::after,
+          [${attrTooltipPos}=left]:hover::after,
+          [${attrTooltipVis}=true][${attrTooltipPos}=left]::after {
+            transform: translate(-0.5rem, 50%);
+          }
+
+          [${attrTooltipLen}=small]::after {
+            white-space: normal;
+            width: 80px;
+          }
+
+          [${attrTooltipLen}=medium]::after {
+            white-space: normal;
+            width: 150px;
+          }
+
+          [${attrTooltipLen}=large]::after {
+            white-space: normal;
+            width: 300px;
+          }
+
+          [${attrTooltipLen}=fit]::after {
+            white-space: normal;
+            width: 100%;
+          }
+
+          // IE 11 bugfix
+          button[${attrTooltip}] {
+            overflow: visible;
+          }
+        `) + styleAdditional,
+				// biome-ignore lint/style/noNonNullAssertion: <explanation>
+				traits: extendTraits!([
+					{
+						name: attrTooltip,
+						label: 'Text',
+					},
+					{
+						name: attrTooltipPos,
+						label: 'Position',
+						type: 'select',
+						options: [
+							{
+								value: 'top',
+								name: 'Top',
+								id: '',
+							},
+							{
+								value: 'right',
+								name: 'Right',
+								id: '',
+							},
+							{
+								value: 'bottom',
+								name: 'Bottom',
+								id: '',
+							},
+							{
+								value: 'left',
+								name: 'Left',
+								id: '',
+							},
+						],
+					},
+					{
+						name: attrTooltipLen,
+						label: 'Length',
+						type: 'select',
+						options: [
+							{
+								value: '',
+								name: 'One line',
+								id: '',
+							},
+							{
+								value: 'small',
+								name: 'Small',
+								id: '',
+							},
+							{
+								value: 'medium',
+								name: 'Medium',
+								id: '',
+							},
+							{
+								value: 'large',
+								name: 'Large',
+								id: '',
+							},
+							{
+								value: 'fit',
+								name: 'Fit',
+								id: '',
+							},
+						],
+					},
+					{
+						name: attrTooltipVis,
+						label: 'Visible',
+						type: 'checkbox',
+						valueTrue: 'true',
+					},
+					{
+						name: traitIdStyleTooltip,
+						labelButton: 'Style tooltip',
+						type: 'button',
+						full: true,
+						command: (editor) => {
+							const openSm = editor.Panels.getButton('views', 'open-sm');
+							openSm?.set('active', true);
+							const ruleTooltip = editor.Css.getRules(`.${classTooltipBody}`)[0];
+							ruleTooltip.set('stylable', stylableTooltip);
+							editor.StyleManager.select(ruleTooltip);
+
+							if (showTooltipOnStyle) {
+								const selected = editor.getSelected();
+								if (selected?.is(id)) {
+									selected.addAttributes({ [attrTooltipVis]: 'true' });
+									// @ts-ignore
+									editor.once('style:target', () => {
+										selected.addAttributes({ [attrTooltipVis]: 'false' });
+									});
+								}
+							}
+						},
+					},
+				]),
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+				...(propsTooltip as any),
+			},
+
+			init() {
+				this.listenTo(this.components(), 'add remove', this.checkEmpty);
+				this.checkEmpty();
+			},
+
+			checkEmpty() {
+				const empty = !this.components().length;
+				this[empty ? 'addClass' : 'removeClass'](`${classTooltipEmpty}`);
+			},
+		},
+	});
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tuiImageEditor.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tuiImageEditor.ts
new file mode 100644
index 0000000..92d81a0
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/tuiImageEditor.ts
@@ -0,0 +1,374 @@
+/*
+Copyright (c) 2019-current, Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without modification,
+are permitted provided that the following conditions are met:
+
+- Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+- Redistributions in binary form must reproduce the above copyright notice, this
+  list of conditions and the following disclaimer in the documentation and/or
+  other materials provided with the distribution.
+- Neither the name "GrapesJS" nor the names of its contributors may be
+  used to endorse or promote products derived from this software without
+  specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*/
+
+import type { Component, Plugin } from 'grapesjs';
+import type tuiImageEditor from 'tui-image-editor';
+
+type ImageEditor = tuiImageEditor.ImageEditor;
+type IOptions = tuiImageEditor.IOptions;
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+type Constructor<K> = { new (...any: any): K };
+
+export type PluginOptions = {
+	/**
+	 * TOAST UI's configurations
+	 * https://nhn.github.io/tui.image-editor/latest/ImageEditor
+	 */
+	config?: IOptions;
+
+	/**
+	 * Pass the editor constructor.
+	 * By default, the `tui.ImageEditor` will be used.
+	 */
+	// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+	constructor?: any;
+
+	/**
+	 * Label for the image editor (used in the modal)
+	 * @default 'Image Editor'
+	 */
+	labelImageEditor?: string;
+
+	/**
+	 * Label used on the apply button
+	 * @default 'Apply'
+	 */
+	labelApply?: string;
+
+	/**
+	 * Default editor height
+	 * @default '650px'
+	 */
+	height?: string;
+
+	/**
+	 * Default editor width
+	 * @default '100%'
+	 */
+	width?: string;
+
+	/**
+	 * Id to use to create the image editor command
+	 * @default 'tui-image-editor'
+	 */
+	commandId?: string;
+
+	/**
+	 * Icon used in the image component toolbar. Pass an empty string to avoid adding the icon.
+	 */
+	toolbarIcon?: string;
+
+	/**
+	 * Hide the default editor header
+	 * @default true
+	 */
+	hideHeader?: boolean;
+
+	/**
+	 * By default, GrapesJS takes the modified image, adds it to the Asset Manager and update the target.
+	 * If you need some custom logic you can use this custom 'onApply' function.
+	 * @example
+	 * onApply: (imageEditor, imageModel) => {
+	 *    const dataUrl = imageEditor.toDataURL();
+	 *    editor.AssetManager.add({ src: dataUrl }); // Add it to Assets
+	 *    imageModel.set('src', dataUrl); // Update the image component
+	 * }
+	 */
+	onApply?: ((imageEditor: ImageEditor, imageModel: Component) => void) | null;
+
+	/**
+	 * If no custom `onApply` is passed and this option is `true`, the result image will be added to assets
+	 * @default true
+	 */
+	addToAssets?: boolean;
+
+	/**
+	 * If no custom `onApply` is passed, on confirm, the edited image, will be passed to the
+	 * AssetManager's uploader and the result (eg. instead of having the dataURL you'll have the URL)
+	 * will be passed to the default `onApply` process (update target, etc.)
+	 */
+	upload?: boolean;
+
+	/**
+	 * The apply button (HTMLElement) will be passed as an argument to this function, once created.
+	 * This will allow you a higher customization.
+	 */
+	onApplyButton?: (btn: HTMLElement) => void;
+
+	/**
+	 * Scripts to load dynamically in case no TOAST UI editor instance was found
+	 */
+	script?: string[];
+
+	/**
+	 * In case the script is loaded this style will be loaded too
+	 */
+	style?: string[];
+};
+
+const plugin: Plugin<PluginOptions> = (editor, options = {}) => {
+	const opts: Required<PluginOptions> = {
+		config: {},
+		constructor: '',
+		labelImageEditor: 'Image Editor',
+		labelApply: 'Apply',
+		height: '650px',
+		width: '100%',
+		commandId: 'tui-image-editor',
+		toolbarIcon: `<svg viewBox="0 0 24 24">
+                    <path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z">
+                    </path>
+                  </svg>`,
+		hideHeader: true,
+		addToAssets: true,
+		upload: false,
+		onApplyButton: () => {},
+		onApply: null,
+		script: [
+			'https://uicdn.toast.com/tui.code-snippet/v1.5.2/tui-code-snippet.min.js',
+			'https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.js',
+			'https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.js',
+		],
+		style: [
+			'https://uicdn.toast.com/tui-color-picker/v2.2.7/tui-color-picker.min.css',
+			'https://uicdn.toast.com/tui-image-editor/v3.15.2/tui-image-editor.min.css',
+		],
+		...options,
+	};
+
+	const { script, style, height, width, hideHeader, onApply, upload, addToAssets, commandId } =
+		opts;
+	const hasWindow = typeof window !== 'undefined';
+
+	const getConstructor = (): Constructor<ImageEditor> => {
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		return opts.constructor || (hasWindow && (window as any).tui?.ImageEditor);
+	};
+
+	let constr = getConstructor();
+
+	// Dynamic loading of the image editor scripts and styles
+	if (!constr && script?.length && hasWindow) {
+		const { head } = document;
+		const scripts = Array.isArray(script) ? [...script] : [script];
+		const styles = (Array.isArray(style) ? [...style] : [style]) as string[];
+		const appendStyle = (styles: string[]) => {
+			if (styles.length) {
+				const link = document.createElement('link');
+				// biome-ignore lint/style/noNonNullAssertion: <explanation>
+				link.href = styles.shift()!;
+				link.rel = 'stylesheet';
+				head.appendChild(link);
+				appendStyle(styles);
+			}
+		};
+		const appendScript = (scripts: string[]) => {
+			if (scripts.length) {
+				const scr = document.createElement('script');
+				// biome-ignore lint/style/noNonNullAssertion: <explanation>
+				scr.src = scripts.shift()!;
+				scr.onerror = scr.onload = appendScript.bind(null, scripts);
+				head.appendChild(scr);
+			} else {
+				constr = getConstructor();
+			}
+		};
+		appendStyle(styles);
+		appendScript(scripts);
+	}
+
+	// Update image component toolbar
+	if (opts.toolbarIcon) {
+		editor.Components.addType('image', {
+			extendFn: ['initToolbar'],
+			model: {
+				initToolbar() {
+					const tb = this.get('toolbar');
+					const tbExists = tb?.some((item) => item.command === commandId);
+
+					if (!tbExists) {
+						tb?.unshift({
+							command: commandId,
+							label: opts.toolbarIcon,
+						});
+						this.set('toolbar', tb);
+					}
+				},
+			},
+		});
+	}
+
+	// Add the image editor command
+	const errorOpts = { level: 'error', ns: commandId };
+	editor.Commands.add(commandId, {
+		imageEditor: null as tuiImageEditor | null,
+
+		run(ed, s, options = {}) {
+			if (!constr) {
+				ed.log('TOAST UI Image editor not found', errorOpts);
+				return ed.stopCommand(commandId);
+			}
+
+			const target = (options.target || ed.getSelected()) as Component;
+
+			if (!target) {
+				ed.log('Target not available', errorOpts);
+				return ed.stopCommand(commandId);
+			}
+
+			const content = this.createContent();
+			const title = opts.labelImageEditor;
+			const btn = content.children[1] as HTMLElement;
+			ed.Modal.open({ title, content }).onceClose(() => ed.stopCommand(commandId));
+
+			const editorConfig = this.getEditorConfig(target.get('src'));
+			this.imageEditor = new constr(content.children[0], editorConfig);
+			ed.getModel().setEditing(true);
+			btn.onclick = () => this.applyChanges(target);
+			opts.onApplyButton(btn);
+		},
+
+		stop(ed) {
+			(this.imageEditor as tuiImageEditor)?.destroy();
+			ed.getModel().setEditing(false);
+		},
+
+		getEditorConfig(path: string): IOptions {
+			const config: IOptions = { ...opts.config };
+
+			if (!config.includeUI) config.includeUI = {};
+
+			config.includeUI = {
+				theme: {},
+				...config.includeUI,
+				loadImage: { path, name: '1' },
+				uiSize: { height, width },
+			};
+
+			if (hideHeader) {
+				// @ts-ignore
+				config.includeUI.theme['header.display'] = 'none';
+			}
+
+			return config;
+		},
+
+		createContent(): HTMLDivElement {
+			const content = document.createElement('div');
+			content.style.position = 'relative';
+			content.innerHTML = `
+        <div></div>
+        <button class="tui-image-editor__apply-btn" style="
+          position: absolute;
+          top: 0; right: 0;
+          margin: 10px;
+          background-color: #fff;
+          font-size: 1rem;
+          border-radius: 3px;
+          border: none;
+          padding: 10px 20px;
+          cursor: pointer
+        ">
+          ${opts.labelApply}
+        </button>
+      `;
+
+			return content;
+		},
+
+		applyChanges(target: Component) {
+			const ied = this.imageEditor as tuiImageEditor;
+
+			if (onApply) {
+				onApply(ied, target);
+			} else {
+				if (ied.getDrawingMode() === 'CROPPER') {
+					ied.crop(ied.getCropzoneRect()).then(() => {
+						this.uploadImage(ied, target);
+					});
+				} else {
+					this.uploadImage(ied, target);
+				}
+			}
+		},
+
+		uploadImage(imageEditor: ImageEditor, target: Component) {
+			const am = editor.Assets;
+			const dataURL = imageEditor.toDataURL();
+
+			if (upload) {
+				const file = this.dataUrlToBlob(dataURL);
+				am.FileUploader().uploadFile(
+					{
+						dataTransfer: {
+							// @ts-ignore
+							files: [file],
+						},
+					},
+					// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+					(res: any) => {
+						const obj = res?.data?.[0];
+						const src = obj && (typeof obj === 'string' ? obj : obj.src);
+						src && this.applyToTarget(src, target);
+					}
+				);
+			} else {
+				addToAssets &&
+					am.add({
+						src: dataURL,
+						name: (target.get('src') || '').split('/').pop(),
+					});
+				this.applyToTarget(dataURL, target);
+			}
+		},
+
+		applyToTarget(result: string, target: Component) {
+			target.set('src', result);
+			editor.Modal.close();
+		},
+
+		dataUrlToBlob(dataURL: string) {
+			const data = dataURL.split(',');
+			const byteStr = window.atob(data[1]);
+			const type = data[0].split(':')[1].split(';')[0];
+			const ab = new ArrayBuffer(byteStr.length);
+			const ia = new Uint8Array(ab);
+
+			for (let i = 0; i < byteStr.length; i++) {
+				ia[i] = byteStr.charCodeAt(i);
+			}
+
+			return new Blob([ab], { type });
+		},
+	});
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/LICENSE b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/LICENSE
new file mode 100644
index 0000000..1e539e4
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/LICENSE
@@ -0,0 +1,9 @@
+MIT License Copyright (c) 2019-current Artur Arseniev
+
+Modified 2025, withStudioCMS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice (including the next paragraph) shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/blocks.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/blocks.ts
new file mode 100644
index 0000000..2e261b3
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/blocks.ts
@@ -0,0 +1,18 @@
+import type { Editor } from 'grapesjs';
+import type { RequiredPluginOptions } from './index.js';
+import { cmpId } from './utils.js';
+
+export default (editor: Editor, opts: RequiredPluginOptions) => {
+	const bm = editor.BlockManager;
+	const { block } = opts;
+
+	block &&
+		bm.add(cmpId, {
+			label: 'Typed',
+			media:
+				'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300"><path d="M212.3 44l2.3 49.6h-6A60 60 0 00204 75c-3.2-6-7.5-10.5-12.9-13.3a44.9 44.9 0 00-21.1-4.3h-29.8V219c0 13 1.4 21 4.2 24.3 4 4.4 10 6.6 18.2 6.6h7.4v5.7H80.2V250h7.5c9 0 15.3-2.7 19-8.2 2.4-3.3 3.5-10.9 3.5-22.7V57.3H84.8a71 71 0 00-21.1 2.2 29 29 0 00-13.9 11.3 46.1 46.1 0 00-6.9 22.8H37L39.5 44h172.8zM245 22h18v256h-18z"/></svg>',
+			content: { type: cmpId },
+			select: true,
+			...block,
+		});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/components.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/components.ts
new file mode 100644
index 0000000..e4e0c6d
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/components.ts
@@ -0,0 +1,132 @@
+import type { Editor, TraitProperties } from 'grapesjs';
+import type { RequiredPluginOptions } from './index.js';
+import { cmpId, traitStringId } from './utils.js';
+
+declare global {
+	interface Window {
+		// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+		Typed: any;
+	}
+}
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+const getTraitType = (value: any): string => {
+	if (typeof value === 'number') return 'number';
+	if (typeof value === 'boolean') return 'checkbox';
+	return 'text';
+};
+
+export default (editor: Editor, opts: RequiredPluginOptions) => {
+	const domc = editor.DomComponents;
+	const { keys } = Object;
+
+	// Same options of the library
+	// https://github.com/mattboldt/typed.js#customization
+	const typedProps = {
+		strings: [],
+		'type-speed': 0,
+		'start-delay': 0,
+		'back-speed': 0,
+		'smart-backspace': true,
+		'back-delay': 700,
+		'fade-out': false,
+		'fade-out-class': 'typed-fade-out',
+		'fade-out-delay': 500,
+		'show-cursor': true,
+		'cursor-char': '|',
+		'auto-insert-css': true,
+		'bind-input-focus-events': false,
+		'content-type': 'html',
+		loop: false,
+		'loop-count': Number.POSITIVE_INFINITY,
+		shuffle: false,
+		attr: '',
+	};
+
+	const typedPropsKeys = keys(typedProps);
+	const traits: TraitProperties[] = typedPropsKeys
+		.filter((item) => ['strings'].indexOf(item) < 0)
+		.map((name) => ({
+			changeProp: true,
+			// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			type: getTraitType((typedProps as any)[name]),
+			min: 0,
+			name,
+		}));
+
+	traits.unshift({
+		changeProp: true,
+		name: 'strings',
+		type: traitStringId,
+	});
+
+	domc.addType(cmpId, {
+		model: {
+			defaults: opts.props({
+				...typedProps,
+				typedsrc: opts.script,
+				droppable: 0,
+				traits,
+				'script-props': [...typedPropsKeys, 'typedsrc'],
+				script(props: typeof typedProps & { typedsrc: string }) {
+					const getStrings = (value: string | string[]) => {
+						if (Array.isArray(value)) {
+							return value;
+						}
+						if (value.indexOf('\n') >= 0) {
+							return value.split('\n');
+						}
+						return [];
+					};
+					const strings = getStrings(props.strings);
+					// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+					const int = (num: any) => Number.parseInt(num, 10) || 0;
+					// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+					const bool = (val: any) => !!val;
+					const init = () => {
+						const el = this as unknown as HTMLElement;
+						el.innerHTML = '<span></span>';
+						const loopCount = Number.parseInt(`${props['loop-count']}`, 10);
+						`${props['type-speed']}`;
+						const config = {
+							typeSpeed: int(props['type-speed']),
+							startDelay: int(props['start-delay']),
+							backDelay: int(props['back-delay']),
+							backSpeed: int(props['back-speed']),
+							smartBackspace: bool(props['smart-backspace']),
+							fadeOut: bool(props['fade-out']),
+							fadeOutClass: props['fade-out-class'],
+							fadeOutDelay: int(props['fade-out-delay']),
+							shuffle: bool(props.shuffle),
+							loop: bool(props.loop),
+							loopCount: Number.isNaN(loopCount) ? Number.POSITIVE_INFINITY : loopCount,
+							showCursor: bool(props['show-cursor']),
+							cursorChar: props['cursor-char'],
+							autoInsertCss: bool(props['auto-insert-css']),
+							bindInputFocusEvents: bool(props['bind-input-focus-events']),
+							attr: props.attr,
+							contentType: props['content-type'],
+						};
+
+						if (strings?.length) {
+							// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+							(config as any).strings = strings;
+						}
+
+						new window.Typed(el.children[0], config);
+					};
+
+					if (!window.Typed) {
+						const scr = document.createElement('script');
+						scr.src = props.typedsrc;
+						scr.onload = init;
+						document.head.appendChild(scr);
+					} else {
+						init();
+					}
+				},
+				// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+			}) as any,
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/index.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/index.ts
new file mode 100644
index 0000000..7afb1d2
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/index.ts
@@ -0,0 +1,55 @@
+import type { Plugin, BlockProperties, ComponentDefinition } from 'grapesjs';
+import loadComponents from './components.js';
+import loadBlocks from './blocks.js';
+import loadTraits from './traits.js';
+
+export interface PluginOptions {
+	/**
+	 * Library to load asynchronously in case `Typed` is not found.
+	 * @default 'https://cdn.jsdelivr.net/npm/typed.js@2.0.11'
+	 */
+	script?: string;
+
+	/**
+	 * Object to extend the default block, eg. `{ label: 'Typed', ... }`.
+	 * Pass a falsy value to avoid adding the block
+	 * @default {}
+	 */
+	block?: Partial<BlockProperties>;
+
+	/**
+	 * Customize the component props. The final object should be returned.
+	 * @default (props) => props
+	 * @example
+	 * props: props => {
+	 *    props.traits = props.traits.map(trait => {
+	 *      if (trait.name == 'strings') {
+	 *        trait.label = 'Custom <b>trait<b/> label';
+	 *      }
+	 *      // this trait will be removed
+	 *      if (trait.name == 'fade-out-class') return;
+	 *      return trait;
+	 *    }).filter(Boolean);
+	 *
+	 *    return props;
+	 * }
+	 */
+	props?: (p: ComponentDefinition) => ComponentDefinition;
+}
+
+export type RequiredPluginOptions = Required<PluginOptions>;
+
+const plugin: Plugin<PluginOptions> = (editor, opts: Partial<PluginOptions> = {}) => {
+	const options: RequiredPluginOptions = {
+		script: 'https://cdn.jsdelivr.net/npm/typed.js@2.0.11',
+		block: {},
+		props: (p) => p,
+		...opts,
+	};
+
+	loadComponents(editor, options);
+	loadBlocks(editor, options);
+	loadTraits(editor);
+};
+
+export default plugin;
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/traits.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/traits.ts
new file mode 100644
index 0000000..e1ccfdd
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/traits.ts
@@ -0,0 +1,19 @@
+import type { Editor } from 'grapesjs';
+import { traitStringId } from './utils.js';
+
+export default (editor: Editor) => {
+	editor.TraitManager.addType(traitStringId, {
+		createInput({ component }) {
+			return `<textarea>${component.get('strings').join('\n')}</textarea>`;
+		},
+
+		onUpdate({ component, elInput }) {
+			elInput.value = component.get('strings').join('\n');
+		},
+
+		onEvent({ component, elInput }) {
+			const value = (elInput.value || '').split('\n');
+			component.set('strings', value);
+		},
+	});
+};
diff --git a/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/utils.ts b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/utils.ts
new file mode 100644
index 0000000..53698f6
--- /dev/null
+++ b/packages/studiocms_wysiwyg/src/wysiwyg/editorPlugins/typed/utils.ts
@@ -0,0 +1,2 @@
+export const cmpId = 'typed';
+export const traitStringId = 'typed-strings';
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 13bdbad..3af8749 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -157,48 +157,12 @@ importers:
       grapesjs:
         specifier: ^0.22.6
         version: 0.22.6
-      grapesjs-blocks-basic:
-        specifier: ^1.0.2
-        version: 1.0.2
-      grapesjs-component-countdown:
-        specifier: 1.0.2
-        version: 1.0.2
-      grapesjs-custom-code:
-        specifier: ^1.0.2
-        version: 1.0.2
-      grapesjs-parser-postcss:
-        specifier: ^1.0.3
-        version: 1.0.3
-      grapesjs-plugin-export:
-        specifier: ^1.0.12
-        version: 1.0.12
-      grapesjs-plugin-forms:
-        specifier: ^2.0.6
-        version: 2.0.6
-      grapesjs-rte-extensions:
-        specifier: ^1.0.10
-        version: 1.0.10
-      grapesjs-style-bg:
-        specifier: ^2.0.2
-        version: 2.0.2
-      grapesjs-tabs:
-        specifier: ^1.0.6
-        version: 1.0.6
-      grapesjs-tooltip:
-        specifier: 0.1.8
-        version: 0.1.8
-      grapesjs-touch:
-        specifier: ^0.1.1
-        version: 0.1.1
-      grapesjs-tui-image-editor:
-        specifier: ^1.0.2
-        version: 1.0.2
-      grapesjs-typed:
-        specifier: ^2.0.1
-        version: 2.0.1
       studiocms:
         specifier: catalog:min
         version: 0.1.0-beta.15(@astrojs/db@0.14.10(@types/react@19.0.12)(react@19.0.0))(@astrojs/markdown-remark@6.3.1)(@types/react@19.0.12)(astro@5.6.1(@types/node@22.13.13)(jiti@2.4.2)(rollup@4.37.0)(terser@5.39.0)(typescript@5.8.2))(react@19.0.0)(vite@6.2.6(@types/node@22.13.13)(jiti@2.4.2)(terser@5.39.0))
+      tui-image-editor:
+        specifier: ^3.15.3
+        version: 3.15.3
       ultrahtml:
         specifier: ^1.5.3
         version: 1.5.3
@@ -1437,6 +1401,10 @@ packages:
   '@manypkg/get-packages@1.1.3':
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
 
+  '@mapbox/node-pre-gyp@1.0.11':
+    resolution: {integrity: sha512-Yhlar6v9WQgUp/He7BdgzOz8lqMQ8sU+jkCq7Wx8Myc5YFJLbEe7lgui/V7G1qB1DJykHSGwreceSaD60Y0PUQ==}
+    hasBin: true
+
   '@mixmark-io/domino@2.2.0':
     resolution: {integrity: sha512-Y28PR25bHXUg88kCV7nivXrP2Nj2RueZ3/l/jdx6J9f8J4nsEGcgX0Qe6lt7Pa+J79+kPiJU3LguR6O/6zrLOw==}
 
@@ -1778,9 +1746,6 @@ packages:
   '@types/express@4.17.21':
     resolution: {integrity: sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==}
 
-  '@types/file-saver@2.0.7':
-    resolution: {integrity: sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==}
-
   '@types/hast@3.0.4':
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
 
@@ -1946,6 +1911,10 @@ packages:
   '@xtuc/long@4.2.2':
     resolution: {integrity: sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==}
 
+  abab@2.0.6:
+    resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
+    deprecated: Use your platform's native atob() and btoa() methods instead
+
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
 
@@ -1953,15 +1922,36 @@ packages:
     resolution: {integrity: sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==}
     engines: {node: '>= 0.6'}
 
+  acorn-globals@4.3.4:
+    resolution: {integrity: sha512-clfQEh21R+D0leSbUdWf3OcfqyaCSAQ8Ryq00bofSekfr9W8u1jyYZo6ir0xu9Gtcf7BjcHJpnbZH7JOCpP60A==}
+
+  acorn-walk@6.2.0:
+    resolution: {integrity: sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==}
+    engines: {node: '>=0.4.0'}
+
   acorn-walk@8.3.4:
     resolution: {integrity: sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==}
     engines: {node: '>=0.4.0'}
 
+  acorn@6.4.2:
+    resolution: {integrity: sha512-XtGIhXwF8YM8bJhGxG5kXgjkEuNGLTkoYqVE+KMR+aspr4KGYmKYg7yUe3KghyQ9yheNwLnjmzh/7+gfDBmHCQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   acorn@8.14.1:
     resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
     engines: {node: '>=0.4.0'}
     hasBin: true
 
+  agent-base@6.0.2:
+    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
+    engines: {node: '>= 6.0.0'}
+
   aggregate-error@3.1.0:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
@@ -1979,6 +1969,9 @@ packages:
     peerDependencies:
       ajv: ^8.8.2
 
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
@@ -2054,9 +2047,17 @@ packages:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
+  aproba@2.0.0:
+    resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}
+
   arctic@3.5.0:
     resolution: {integrity: sha512-SR2BnMinzA5X4qsMR5wFMqELeKfMKNAThpRJyuPFJpCZIqvAMW0VbVSacycgIBV56XQLCLtUMwdohKEMaR2y1g==}
 
+  are-we-there-yet@2.0.0:
+    resolution: {integrity: sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==}
+    engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
+
   arg@4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
 
@@ -2070,6 +2071,9 @@ packages:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
 
+  array-equal@1.0.2:
+    resolution: {integrity: sha512-gUHx76KtnhEgB3HOuFYiCm3FIdEs6ocM2asHvNTkfu/Y09qQVrrVVaOKENmS2KkSaGoxgXNqC+ZVtR/n0MOkSA==}
+
   array-flatten@1.1.1:
     resolution: {integrity: sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==}
 
@@ -2080,6 +2084,13 @@ packages:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
+  asn1@0.2.6:
+    resolution: {integrity: sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==}
+
+  assert-plus@1.0.0:
+    resolution: {integrity: sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==}
+    engines: {node: '>=0.8'}
+
   ast-types@0.16.1:
     resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
     engines: {node: '>=4'}
@@ -2103,9 +2114,18 @@ packages:
     resolution: {integrity: sha512-TkOhqze98lP+6e7SPbrBpyhTpfvqqX8VYKGn4uckrgPan4WQIHnTaUD2zZzZS18eVVDj4rHPcIZa1PGgvo1DfA==}
     engines: {node: '>= 14'}
 
+  asynckit@0.4.0:
+    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
   await-lock@2.2.2:
     resolution: {integrity: sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw==}
 
+  aws-sign2@0.7.0:
+    resolution: {integrity: sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==}
+
+  aws4@1.13.2:
+    resolution: {integrity: sha512-lHe62zvbTB5eEABUVi/AwVh0ZKY9rMMDhmm+eeyuuUQbQ3+J+fONVQOZyj+DdrvD4BY33uYniyRJ4UJIaSKAfw==}
+
   axobject-query@4.1.0:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
@@ -2154,6 +2174,9 @@ packages:
   batch@0.6.1:
     resolution: {integrity: sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==}
 
+  bcrypt-pbkdf@1.0.2:
+    resolution: {integrity: sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==}
+
   before-after-hook@2.2.3:
     resolution: {integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==}
 
@@ -2192,6 +2215,9 @@ packages:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
 
+  browser-process-hrtime@1.0.0:
+    resolution: {integrity: sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==}
+
   browserslist@4.24.4:
     resolution: {integrity: sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
@@ -2232,6 +2258,13 @@ packages:
   caniuse-lite@1.0.30001707:
     resolution: {integrity: sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==}
 
+  canvas@2.11.2:
+    resolution: {integrity: sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==}
+    engines: {node: '>=6'}
+
+  caseless@0.12.0:
+    resolution: {integrity: sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw==}
+
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
@@ -2278,6 +2311,10 @@ packages:
     resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
     engines: {node: '>= 14.16.0'}
 
+  chownr@2.0.0:
+    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
+    engines: {node: '>=10'}
+
   chrome-trace-event@1.0.4:
     resolution: {integrity: sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==}
     engines: {node: '>=6.0'}
@@ -2371,6 +2408,10 @@ packages:
   color-string@1.9.1:
     resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
 
+  color-support@1.1.3:
+    resolution: {integrity: sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==}
+    hasBin: true
+
   color@4.2.3:
     resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
     engines: {node: '>=12.5.0'}
@@ -2378,6 +2419,10 @@ packages:
   colorette@2.0.20:
     resolution: {integrity: sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w==}
 
+  combined-stream@1.0.8:
+    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+    engines: {node: '>= 0.8'}
+
   comma-separated-tokens@2.0.3:
     resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
 
@@ -2424,6 +2469,9 @@ packages:
     resolution: {integrity: sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==}
     engines: {node: '>=0.8'}
 
+  console-control-strings@1.1.0:
+    resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
+
   content-disposition@0.5.4:
     resolution: {integrity: sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==}
     engines: {node: '>= 0.6'}
@@ -2455,6 +2503,9 @@ packages:
   core-js@3.41.0:
     resolution: {integrity: sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==}
 
+  core-util-is@1.0.2:
+    resolution: {integrity: sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ==}
+
   core-util-is@1.0.3:
     resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
 
@@ -2483,13 +2534,30 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  cssom@0.3.8:
+    resolution: {integrity: sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==}
+
+  cssom@0.4.4:
+    resolution: {integrity: sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw==}
+
+  cssstyle@2.3.0:
+    resolution: {integrity: sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==}
+    engines: {node: '>=8'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
+  dashdash@1.14.1:
+    resolution: {integrity: sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==}
+    engines: {node: '>=0.10'}
+
   data-uri-to-buffer@4.0.1:
     resolution: {integrity: sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A==}
     engines: {node: '>= 12'}
 
+  data-urls@1.1.0:
+    resolution: {integrity: sha512-YTWYI9se1P55u58gL5GkQHW4P6VJBJ5iBT+B5a7i2Tjadhv52paJG0qHX4A0OR6/t52odI64KP2YvFpkDOi3eQ==}
+
   dataloader@1.4.0:
     resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
 
@@ -2520,9 +2588,16 @@ packages:
     resolution: {integrity: sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==}
     engines: {node: '>=14.16'}
 
+  decompress-response@4.2.1:
+    resolution: {integrity: sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==}
+    engines: {node: '>=8'}
+
   deep-diff@1.0.2:
     resolution: {integrity: sha512-aWS3UIVH+NPGCD1kki+DCU9Dua032iSsO43LqQpcs4R3+dVv7tX0qBGjiVHJHjplsoUM2XRO/KB92glqc68awg==}
 
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
   default-browser-id@5.0.0:
     resolution: {integrity: sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==}
     engines: {node: '>=18'}
@@ -2549,6 +2624,13 @@ packages:
   defu@6.1.4:
     resolution: {integrity: sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==}
 
+  delayed-stream@1.0.0:
+    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+    engines: {node: '>=0.4.0'}
+
+  delegates@1.0.0:
+    resolution: {integrity: sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ==}
+
   depd@1.1.2:
     resolution: {integrity: sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==}
     engines: {node: '>= 0.6'}
@@ -2635,6 +2717,10 @@ packages:
   domelementtype@2.3.0:
     resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
 
+  domexception@1.0.1:
+    resolution: {integrity: sha512-raigMkn7CJNNo6Ihro1fzG7wr3fHuYVytzquZKX5n0yizGsTcYgzdIUwj1X9pK0VvjeihV+XiclP+DjwbsSKug==}
+    deprecated: Use your platform's native DOMException instead
+
   domhandler@4.3.1:
     resolution: {integrity: sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==}
     engines: {node: '>= 4'}
@@ -2768,6 +2854,9 @@ packages:
   easy-table@1.2.0:
     resolution: {integrity: sha512-OFzVOv03YpvtcWGe5AayU5G2hgybsg3iqA6drU8UaoZyB9jLGMTrz9+asnLp/E+6qPh88yEI1gvyZFZ41dmgww==}
 
+  ecc-jsbn@0.1.2:
+    resolution: {integrity: sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==}
+
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
@@ -2857,6 +2946,11 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  escodegen@1.14.3:
+    resolution: {integrity: sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==}
+    engines: {node: '>=4.0'}
+    hasBin: true
+
   eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -2920,6 +3014,14 @@ packages:
     resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
     engines: {node: '>=4'}
 
+  extsprintf@1.3.0:
+    resolution: {integrity: sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==}
+    engines: {'0': node >=0.6.0}
+
+  fabric@4.6.0:
+    resolution: {integrity: sha512-MhJXCD/ZugOGV5aPHIG0MY1q2EfrlzC2sasrAHj0HHXN50JTe1bHFrlRdkXBijCJ0dG81fGu/A/Pct9DyuwCzQ==}
+    engines: {node: '>=8.0.0'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2930,6 +3032,12 @@ packages:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
 
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
   fast-uri@3.0.6:
     resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==}
 
@@ -3018,6 +3126,13 @@ packages:
       debug:
         optional: true
 
+  forever-agent@0.6.1:
+    resolution: {integrity: sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==}
+
+  form-data@2.3.3:
+    resolution: {integrity: sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==}
+    engines: {node: '>= 0.12'}
+
   formdata-polyfill@4.0.10:
     resolution: {integrity: sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g==}
     engines: {node: '>=12.20.0'}
@@ -3038,6 +3153,10 @@ packages:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
     engines: {node: '>=6 <7 || >=8'}
 
+  fs-minipass@2.1.0:
+    resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
+    engines: {node: '>= 8'}
+
   fs-monkey@1.0.6:
     resolution: {integrity: sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg==}
 
@@ -3056,6 +3175,11 @@ packages:
     resolution: {integrity: sha512-trLf4SzuuUxfusZADLINj+dE8clK1frKdmqiJNb1Es75fmI5oY6X2mxLVUciLLjxqw/xr72Dhy+lER6dGd02FQ==}
     engines: {node: '>=10'}
 
+  gauge@3.0.2:
+    resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
+    engines: {node: '>=10'}
+    deprecated: This package is no longer supported.
+
   gensync@1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -3080,6 +3204,9 @@ packages:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
     engines: {node: '>=10'}
 
+  getpass@0.1.7:
+    resolution: {integrity: sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==}
+
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
@@ -3113,68 +3240,32 @@ packages:
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
-  grapesjs-blocks-basic@1.0.2:
-    resolution: {integrity: sha512-SsPKf/CvQkZ+kABOsN01auAPHXh/2J20g0AWYF7fHR3Gw3TZLtdIxT1mk90Qzi76u/7sUYi3CTI+i3ZaTtXHRA==}
-
   grapesjs-cli@4.1.3:
     resolution: {integrity: sha512-T5Rbl2dHi6pD7RIS7WqE8fdt9CmZcy+jVFHEuBHd9CIFKN520E06cFIIE86bhFMymlYpbdmTsG7R2dVDqqKrWQ==}
     engines: {node: '>=14.15.0'}
     hasBin: true
 
-  grapesjs-component-countdown@1.0.2:
-    resolution: {integrity: sha512-YEDlDY8AxUvNNHojDgOFv76jqDwo49LyFf9ES/Yrda1ou0ohQfoouxRXS+3RzDDN5NEBKkM1PggZlcbiIQfr8Q==}
-
-  grapesjs-custom-code@1.0.2:
-    resolution: {integrity: sha512-B8IZQyB+HjLb9HkHzQ+RVHE5Q6zqX7Ry8b+kYk8Jh7vjmPawe+/kL0pXYxYQ2bSmdaUEuq8mLngiNY+l6EFEVQ==}
-
-  grapesjs-parser-postcss@1.0.3:
-    resolution: {integrity: sha512-lfiNRDGdYQT259fUudYD0Z9EKB0DeS9GdCjVqGuJo28rv0WPAdGlpFnvlYgNGurX38ZjIi8qnbEuSSDl8AXFSw==}
-
-  grapesjs-plugin-export@1.0.12:
-    resolution: {integrity: sha512-q5rn1dwUYqPwDVnL9dhMxInk2SXWbrJ7OUUjFYk2LGJoT1laN3TZSDlDn/DVp9pCQd7fyHDgLdy8mvaVVmSh6g==}
-
-  grapesjs-plugin-forms@2.0.6:
-    resolution: {integrity: sha512-4rDob01NLiJWas5JW1FCpQc/4R4oS4wc/qr7pQwjGUiDzHNPKZLix10FqUKEv7hnzPmBaR2ejBL87sMwz11Tlw==}
-
-  grapesjs-rte-extensions@1.0.10:
-    resolution: {integrity: sha512-zP4UqgRAFpMH8JEIFy0JUhDpGOWtcR+AsXln7Mf4CNvhMI4o+IELMF4ZDD9Tuu+4wAml1rOX5S0w9fbj0Bbh9g==}
-
-  grapesjs-style-bg@2.0.2:
-    resolution: {integrity: sha512-LFPRjWeGpnwW6WbbxvbQIG6F52RAFuHyO5L7Rov39rltvERlyrE1n/xaZW8arFAF4yxylPHQ/hhxJaVlILf2Iw==}
-
-  grapesjs-style-gradient@3.0.3:
-    resolution: {integrity: sha512-FDXPvFFg2a+2hh6IyGlPhdFVj2UYzOGd4lRsY3sb6057U0/tmLrzPAPDC2IpmaSddICOEYfJiAW/oMIci/SShQ==}
-
-  grapesjs-tabs@1.0.6:
-    resolution: {integrity: sha512-Xmdte7jMvmGDHIL29t8jlGWL/oSmXOEgswmlKSaYKc7z4ZJEfF0Vr+YTfF6MZq/FFYjzk+0kOad6dnS3TDgZ5Q==}
-
-  grapesjs-tooltip@0.1.8:
-    resolution: {integrity: sha512-8q8ck/Ri167fPCAtyXslyRQ88wWk3w6pXKEcd1va5hIy/YNierZQ7AbKkdmXwbd2mR65lJWRv8tjhFsEDE3ZoQ==}
-
-  grapesjs-touch@0.1.1:
-    resolution: {integrity: sha512-rtuxdAhlfGW2XXYY3O04C2Q27X9dtB8P0jcA75rAP/TmwC0kaJKTKHihXAW0VVjx3M8IsC9RSxvhA1Q44QcjmA==}
-
-  grapesjs-tui-image-editor@1.0.2:
-    resolution: {integrity: sha512-cnKSYzzQV8m5mdvVGhhO9aO5tmtOZLR1O+12z2LqnBcYCvA1eN7ecEYqHT7qpRVH8Q84Nj2mmCn+2t4TvrkI8g==}
-
-  grapesjs-typed@2.0.1:
-    resolution: {integrity: sha512-3Z5hATX/Zp9PkdOv94RtIzqB/n1mMUdTO5X/ZyNUMzSmGZG4CHtTmw3bIQDIkrSTWdbcqInlbFPzvzKYr4rKaw==}
-
   grapesjs@0.22.6:
     resolution: {integrity: sha512-V4sD0jDhE95bz3bwC3gD+DmZzelwgozlarcFrEQFGv7HwYmKOIVXni7i8NVj/DLRGCD5jVHmr4k/sV5oSXPajw==}
 
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
-  grapick@0.1.13:
-    resolution: {integrity: sha512-2v7DdmXKbl9+GsL2ZRl2qEMD+PeczYJBSifwx+5SGbaSh0pZ+b6GLya87cBfN953wwXsZqyzuSVPBzqRz8F12g==}
-
   h3@1.15.1:
     resolution: {integrity: sha512-+ORaOBttdUm1E2Uu/obAyCguiI7MbBvsLTndc3gyK3zU+SYLoZXlyCP9Xgy0gikkGufFLTZXCXD6+4BsufnmHA==}
 
   handle-thing@2.0.1:
     resolution: {integrity: sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==}
 
+  har-schema@2.0.0:
+    resolution: {integrity: sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q==}
+    engines: {node: '>=4'}
+
+  har-validator@5.1.5:
+    resolution: {integrity: sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==}
+    engines: {node: '>=6'}
+    deprecated: this library is no longer supported
+
   has-ansi@2.0.0:
     resolution: {integrity: sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==}
     engines: {node: '>=0.10.0'}
@@ -3191,6 +3282,9 @@ packages:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
 
+  has-unicode@2.0.1:
+    resolution: {integrity: sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ==}
+
   hasown@2.0.2:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
@@ -3246,6 +3340,9 @@ packages:
   hpack.js@2.1.6:
     resolution: {integrity: sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==}
 
+  html-encoding-sniffer@1.0.2:
+    resolution: {integrity: sha512-71lZziiDnsuabfdYiUeWdCVyKuqwWi23L8YeIgV9jSSZHCtb6wB1BKWooH7L3tn4/FuZJMVWyNaIDr4RGmaSYw==}
+
   html-entities@1.4.0:
     resolution: {integrity: sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==}
 
@@ -3311,6 +3408,14 @@ packages:
     resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
     engines: {node: '>=8.0.0'}
 
+  http-signature@1.2.0:
+    resolution: {integrity: sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ==}
+    engines: {node: '>=0.8', npm: '>=1.3.7'}
+
+  https-proxy-agent@5.0.1:
+    resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
+    engines: {node: '>= 6'}
+
   human-id@4.1.1:
     resolution: {integrity: sha512-3gKm/gCSUipeLsRYZbbdA1BD83lBoWUkZ7G9VFrhWPAU76KwYo5KR8V28bpoPm/ygy0x5/GCbpRQdY7VLYCoIg==}
     hasBin: true
@@ -3372,6 +3477,10 @@ packages:
     resolution: {integrity: sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==}
     engines: {node: '>= 12'}
 
+  ip-regex@2.1.0:
+    resolution: {integrity: sha512-58yWmlHpp7VYfcdTwMTvwMmqx/Elfxjd9RXTDyMsbL7lLWmhMylLEqiYVLKuLzOZqVgiWXD9MfR62Vv89VRxkw==}
+    engines: {node: '>=4'}
+
   ipaddr.js@1.9.1:
     resolution: {integrity: sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==}
     engines: {node: '>= 0.10'}
@@ -3472,6 +3581,9 @@ packages:
     resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
     engines: {node: '>=4'}
 
+  is-typedarray@1.0.0:
+    resolution: {integrity: sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA==}
+
   is-unicode-supported@0.1.0:
     resolution: {integrity: sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==}
     engines: {node: '>=10'}
@@ -3509,6 +3621,9 @@ packages:
     resolution: {integrity: sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==}
     engines: {node: '>=0.10.0'}
 
+  isstream@0.1.2:
+    resolution: {integrity: sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g==}
+
   jest-worker@27.5.1:
     resolution: {integrity: sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==}
     engines: {node: '>= 10.13.0'}
@@ -3531,9 +3646,21 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
+  jsbn@0.1.1:
+    resolution: {integrity: sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg==}
+
   jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
 
+  jsdom@15.2.1:
+    resolution: {integrity: sha512-fAl1W0/7T2G5vURSyxBzrJ1LSdQn6Tr5UX/xD4PXDx/PDgwygedfW6El/KIj3xJ7FU61TTYnc/l/B7P49Eqt6g==}
+    engines: {node: '>=8'}
+    peerDependencies:
+      canvas: ^2.5.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
   jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
     engines: {node: '>=6'}
@@ -3547,9 +3674,18 @@ packages:
   json-parse-even-better-errors@2.3.1:
     resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
 
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
   json-schema-traverse@1.0.0:
     resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
 
+  json-schema@0.4.0:
+    resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
+
+  json-stringify-safe@5.0.1:
+    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -3558,6 +3694,10 @@ packages:
   jsonfile@4.0.0:
     resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
 
+  jsprim@1.4.2:
+    resolution: {integrity: sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==}
+    engines: {node: '>=0.6.0'}
+
   katex@0.16.21:
     resolution: {integrity: sha512-XvqR7FgOHtWupfMiigNzmh+MgUVmDGU2kXZm899ZkPfcuoPuFxyHmXsgATDpFZDAXCI8tvinaVcDo8PIIJSo4A==}
     hasBin: true
@@ -3585,6 +3725,10 @@ packages:
   launch-editor@2.10.0:
     resolution: {integrity: sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==}
 
+  levn@0.3.0:
+    resolution: {integrity: sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==}
+    engines: {node: '>= 0.8.0'}
+
   libsql@0.5.5:
     resolution: {integrity: sha512-TEFJ1X6lP0yDZIUYznlvQnzdajQ7TEPAAw1C9AvFiDp4OSBiH//yj3VHbYQSFkeHtFvL+6O4waOWQM1LA5Qggw==}
     os: [darwin, linux, win32]
@@ -3635,6 +3779,9 @@ packages:
     resolution: {integrity: sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==}
     deprecated: This package is deprecated. Use require('node:util').isDeepStrictEqual instead.
 
+  lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+
   lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
 
@@ -3678,6 +3825,10 @@ packages:
   magicast@0.3.5:
     resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
 
+  make-dir@3.1.0:
+    resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
+    engines: {node: '>=8'}
+
   make-error@1.3.6:
     resolution: {integrity: sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==}
 
@@ -3862,6 +4013,10 @@ packages:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
 
+  mimic-response@2.1.0:
+    resolution: {integrity: sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==}
+    engines: {node: '>=8'}
+
   minimalistic-assert@1.0.1:
     resolution: {integrity: sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==}
 
@@ -3875,18 +4030,35 @@ packages:
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
+  minipass@3.3.6:
+    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
+    engines: {node: '>=8'}
+
   minipass@4.2.8:
     resolution: {integrity: sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==}
     engines: {node: '>=8'}
 
+  minipass@5.0.0:
+    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
+    engines: {node: '>=8'}
+
   minipass@7.1.2:
     resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
     engines: {node: '>=16 || 14 >=14.17'}
 
+  minizlib@2.1.2:
+    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
+    engines: {node: '>= 8'}
+
   mkdirp@0.3.0:
     resolution: {integrity: sha512-OHsdUcVAQ6pOtg5JYWpCBo9W/GySVuwvP9hueRMW7UqshC0tbfzLv8wjySTPm3tfUZ/21CE9E1pJagOA91Pxew==}
     deprecated: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
 
+  mkdirp@1.0.4:
+    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   mlly@1.7.4:
     resolution: {integrity: sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==}
 
@@ -3914,6 +4086,9 @@ packages:
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
+  nan@2.22.2:
+    resolution: {integrity: sha512-DANghxFkS1plDdRsX0X9pm0Z6SJNN6gBdtXfanwoZ8hooC5gosGFSBGRYHUVPz1asKA/kMRqDRdHrluZ61SpBQ==}
+
   nanoid@3.3.11:
     resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -3987,6 +4162,11 @@ packages:
     resolution: {integrity: sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==}
     hasBin: true
 
+  nopt@5.0.0:
+    resolution: {integrity: sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==}
+    engines: {node: '>=6'}
+    hasBin: true
+
   normalize-path@3.0.0:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
@@ -3995,6 +4175,10 @@ packages:
     resolution: {integrity: sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==}
     engines: {node: '>=8'}
 
+  npmlog@5.0.1:
+    resolution: {integrity: sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==}
+    deprecated: This package is no longer supported.
+
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
@@ -4002,6 +4186,12 @@ packages:
     resolution: {integrity: sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==}
     engines: {node: '>=0.10.0'}
 
+  nwsapi@2.2.20:
+    resolution: {integrity: sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==}
+
+  oauth-sign@0.9.0:
+    resolution: {integrity: sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==}
+
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -4053,6 +4243,10 @@ packages:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
 
+  optionator@0.8.3:
+    resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
+    engines: {node: '>= 0.8.0'}
+
   ora@5.4.1:
     resolution: {integrity: sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==}
     engines: {node: '>=10'}
@@ -4140,6 +4334,9 @@ packages:
   parse5-parser-stream@7.1.2:
     resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
 
+  parse5@5.1.0:
+    resolution: {integrity: sha512-fxNG2sQjHvlVAYmzBZS9YlDp6PTSSDwa98vkD4QgVDDCAo84z5X1t5XyJQ62ImdLXx5NdIIfihey6xpum9/gRQ==}
+
   parse5@7.2.1:
     resolution: {integrity: sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==}
 
@@ -4186,6 +4383,9 @@ packages:
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
+  performance-now@2.1.0:
+    resolution: {integrity: sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==}
+
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -4216,10 +4416,17 @@ packages:
   pkg-types@1.3.1:
     resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
 
+  pn@1.1.0:
+    resolution: {integrity: sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==}
+
   postcss@8.5.3:
     resolution: {integrity: sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==}
     engines: {node: ^10 || ^12 || >=14}
 
+  prelude-ls@1.1.2:
+    resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
+    engines: {node: '>= 0.8.0'}
+
   prettier@2.8.8:
     resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
     engines: {node: '>=10.13.0'}
@@ -4289,10 +4496,21 @@ packages:
     resolution: {integrity: sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==}
     engines: {node: '>= 0.10'}
 
+  psl@1.15.0:
+    resolution: {integrity: sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
     engines: {node: '>=0.6'}
 
+  qs@6.5.3:
+    resolution: {integrity: sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==}
+    engines: {node: '>=0.6'}
+
   quansync@0.2.10:
     resolution: {integrity: sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A==}
 
@@ -4440,6 +4658,24 @@ packages:
   renderkid@3.0.0:
     resolution: {integrity: sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==}
 
+  request-promise-core@1.1.4:
+    resolution: {integrity: sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==}
+    engines: {node: '>=0.10.0'}
+    peerDependencies:
+      request: ^2.34
+
+  request-promise-native@1.0.9:
+    resolution: {integrity: sha512-wcW+sIUiWnKgNY0dqCpOZkUbF/I+YPi+f09JZIDa39Ec+q82CpSYniDp+ISgTTbKmnpJWASeJBPZmoxH84wt3g==}
+    engines: {node: '>=0.12.0'}
+    deprecated: request-promise-native has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142
+    peerDependencies:
+      request: ^2.34
+
+  request@2.88.2:
+    resolution: {integrity: sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==}
+    engines: {node: '>= 6'}
+    deprecated: request has been deprecated, see https://github.com/request/request/issues/3142
+
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -4541,6 +4777,10 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  saxes@3.1.11:
+    resolution: {integrity: sha512-Ydydq3zC+WYDJK1+gRxRapLIED9PWeSuuS41wqyoRmzvhhh9nc+QQrVMKJYzJFULazeGhzSV0QleN2wD3boh2g==}
+    engines: {node: '>=8'}
+
   scheduler@0.25.0:
     resolution: {integrity: sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==}
 
@@ -4586,6 +4826,9 @@ packages:
   server-destroy@1.0.1:
     resolution: {integrity: sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ==}
 
+  set-blocking@2.0.0:
+    resolution: {integrity: sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==}
+
   setprototypeof@1.1.0:
     resolution: {integrity: sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==}
 
@@ -4642,6 +4885,12 @@ packages:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
 
+  simple-concat@1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+
+  simple-get@3.1.1:
+    resolution: {integrity: sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==}
+
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
 
@@ -4717,6 +4966,11 @@ packages:
   sprintf-js@1.1.3:
     resolution: {integrity: sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==}
 
+  sshpk@1.18.0:
+    resolution: {integrity: sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+
   statuses@1.5.0:
     resolution: {integrity: sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==}
     engines: {node: '>= 0.6'}
@@ -4725,6 +4979,10 @@ packages:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
+  stealthy-require@1.1.1:
+    resolution: {integrity: sha512-ZnWpYnYugiOVEY5GkcuJK1io5V8QmNYChG62gSit9pQVGErXtrKuPC55ITaVSukmMta5qpMU7vqLt2Lnni4f/g==}
+    engines: {node: '>=0.10.0'}
+
   string-argv@0.3.2:
     resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
     engines: {node: '>=0.6.19'}
@@ -4828,10 +5086,17 @@ packages:
     resolution: {integrity: sha512-e900nM8RRtGhlV36KGEU9k65K3mPb1WV70OdjfxlG2EAuM1noi/E/BaW/uMhL7bPEssK8QV57vN3esixjUvcXQ==}
     engines: {node: '>=0.10.0'}
 
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
   tapable@2.2.1:
     resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
     engines: {node: '>=6'}
 
+  tar@6.2.1:
+    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
+    engines: {node: '>=10'}
+
   term-size@2.2.1:
     resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
     engines: {node: '>=8'}
@@ -4892,9 +5157,20 @@ packages:
     resolution: {integrity: sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==}
     engines: {node: '>=0.6'}
 
+  tough-cookie@2.5.0:
+    resolution: {integrity: sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==}
+    engines: {node: '>=0.8'}
+
+  tough-cookie@3.0.1:
+    resolution: {integrity: sha512-yQyJ0u4pZsv9D4clxO69OEjLWYw+jbgspjTue4lTQZLfV0c5l1VmK2y1JK8E9ahdpltPOaAThPcp5nKPUgSnsg==}
+    engines: {node: '>=6'}
+
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
+  tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+
   trim-lines@3.0.1:
     resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
 
@@ -4938,12 +5214,31 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tui-code-snippet@2.3.3:
+    resolution: {integrity: sha512-5NEHTDFKillDNPy6MCgpXDNBTB7SZkHBFOF6vXfCDIFZcBdFYFXTd2xvAVvIeM3UYFRWu27xUf/Kxl5f9+RooQ==}
+
+  tui-color-picker@2.2.8:
+    resolution: {integrity: sha512-q5sE9NQ5NR9lYpilYjcI7Sdv0KCogo+W8fZY+AYTj/HYg+9fscYy3UuJ6UQiV1bF+ARCLwFRWC8UcOt9kuUctQ==}
+
+  tui-image-editor@3.15.3:
+    resolution: {integrity: sha512-7B5YUxe2eSSh+8YrlREmjqkgeFFKrVkdy0D/G0dWCJIQ2WLPQ/Bkm02WXQeWJiFPzgvargZjn7eAe80p3qBHPQ==}
+
+  tunnel-agent@0.6.0:
+    resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
+
   turndown@7.2.0:
     resolution: {integrity: sha512-eCZGBN4nNNqM9Owkv9HAtWRYfLA4h909E/WGAWWBpmB275ehNhZyk87/Tpvjbp0jjNl9XwCsbe6bm6CqFsgD+A==}
 
+  tweetnacl@0.14.5:
+    resolution: {integrity: sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA==}
+
   twitter-api-v2@1.22.0:
     resolution: {integrity: sha512-KlcRL9vcBzjeS/PwxX33NziP+SHp9n35DOclKtpOmnNes7nNVnK7WG4pKlHfBqGrY5kAz/8J5ERS8DWkYOaiWw==}
 
+  type-check@0.3.2:
+    resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==}
+    engines: {node: '>= 0.8.0'}
+
   type-detect@4.1.0:
     resolution: {integrity: sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==}
     engines: {node: '>=4'}
@@ -5115,6 +5410,9 @@ packages:
     peerDependencies:
       browserslist: '>= 4.21.0'
 
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
   url-join@5.0.0:
     resolution: {integrity: sha512-n2huDr9h9yzd6exQVnH/jU5mr+Pfx08LRXXZhkLLetAMESRj+anQsTAh940iMrIetKAmry9coFuZQ2jY8/p3WA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@@ -5129,6 +5427,11 @@ packages:
     resolution: {integrity: sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==}
     engines: {node: '>= 0.4.0'}
 
+  uuid@3.4.0:
+    resolution: {integrity: sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==}
+    deprecated: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+    hasBin: true
+
   uuid@8.3.2:
     resolution: {integrity: sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==}
     hasBin: true
@@ -5144,6 +5447,10 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
+  verror@1.10.0:
+    resolution: {integrity: sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==}
+    engines: {'0': node >=0.6.0}
+
   vfile-location@5.0.3:
     resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
 
@@ -5201,9 +5508,16 @@ packages:
       vite:
         optional: true
 
+  w3c-hr-time@1.0.2:
+    resolution: {integrity: sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==}
+    deprecated: Use your platform's native performance.now() and performance.timeOrigin.
+
   w3c-keyname@2.2.8:
     resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
 
+  w3c-xmlserializer@1.1.2:
+    resolution: {integrity: sha512-p10l/ayESzrBMYWRID6xbuCKh2Fp77+sA0doRuGn4tTIMrrZVeqfpKjXHY+oDh3K4nLdPgNwMTVP6Vp4pvqbNg==}
+
   watchpack@2.4.2:
     resolution: {integrity: sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==}
     engines: {node: '>=10.13.0'}
@@ -5224,6 +5538,9 @@ packages:
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
+  webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+
   webpack-cli@5.1.4:
     resolution: {integrity: sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==}
     engines: {node: '>=14.15.0'}
@@ -5286,10 +5603,16 @@ packages:
     resolution: {integrity: sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==}
     engines: {node: '>=0.8.0'}
 
+  whatwg-encoding@1.0.5:
+    resolution: {integrity: sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==}
+
   whatwg-encoding@3.1.1:
     resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
     engines: {node: '>=18'}
 
+  whatwg-mimetype@2.3.0:
+    resolution: {integrity: sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g==}
+
   whatwg-mimetype@4.0.0:
     resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
     engines: {node: '>=18'}
@@ -5297,6 +5620,9 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+
   which-pm-runs@1.1.0:
     resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
     engines: {node: '>=4'}
@@ -5306,6 +5632,9 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
+  wide-align@1.1.5:
+    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+
   widest-line@5.0.0:
     resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
     engines: {node: '>=18'}
@@ -5313,6 +5642,10 @@ packages:
   wildcard@2.0.1:
     resolution: {integrity: sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ==}
 
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
   wrap-ansi@3.0.1:
     resolution: {integrity: sha512-iXR3tDXpbnTpzjKSylUJRkLuOrEC7hwEB221cgn6wtF8wpmz28puFXAEfPT5zrjM3wahygB//VuWEr1vTkDcNQ==}
     engines: {node: '>=4'}
@@ -5332,6 +5665,18 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
+  ws@7.5.10:
+    resolution: {integrity: sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==}
+    engines: {node: '>=8.3.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: ^5.0.2
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   ws@8.18.1:
     resolution: {integrity: sha512-RKW2aJZMXeMxVpnZ6bck+RswznaxmzdULiBr6KY7XkTnW8uvt0iT9H5DkHUChXrc+uurzwa0rVI16n/Xzjdz1w==}
     engines: {node: '>=10.0.0'}
@@ -5344,6 +5689,12 @@ packages:
       utf-8-validate:
         optional: true
 
+  xml-name-validator@3.0.0:
+    resolution: {integrity: sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw==}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
   xxhash-wasm@1.1.0:
     resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
 
@@ -5354,6 +5705,9 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -6849,6 +7203,22 @@ snapshots:
       globby: 11.1.0
       read-yaml-file: 1.1.0
 
+  '@mapbox/node-pre-gyp@1.0.11':
+    dependencies:
+      detect-libc: 2.0.3
+      https-proxy-agent: 5.0.1
+      make-dir: 3.1.0
+      node-fetch: 2.7.0
+      nopt: 5.0.0
+      npmlog: 5.0.1
+      rimraf: 3.0.2
+      semver: 7.7.1
+      tar: 6.2.1
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    optional: true
+
   '@mixmark-io/domino@2.2.0': {}
 
   '@nanostores/i18n@0.12.2(nanostores@0.11.4)':
@@ -7222,8 +7592,6 @@ snapshots:
       '@types/qs': 6.9.18
       '@types/serve-static': 1.15.7
 
-  '@types/file-saver@2.0.7': {}
-
   '@types/hast@3.0.4':
     dependencies:
       '@types/unist': 3.0.3
@@ -7413,6 +7781,9 @@ snapshots:
 
   '@xtuc/long@4.2.2': {}
 
+  abab@2.0.6:
+    optional: true
+
   abbrev@1.1.1: {}
 
   accepts@1.3.8:
@@ -7420,12 +7791,34 @@ snapshots:
       mime-types: 2.1.35
       negotiator: 0.6.3
 
+  acorn-globals@4.3.4:
+    dependencies:
+      acorn: 6.4.2
+      acorn-walk: 6.2.0
+    optional: true
+
+  acorn-walk@6.2.0:
+    optional: true
+
   acorn-walk@8.3.4:
     dependencies:
       acorn: 8.14.1
 
+  acorn@6.4.2:
+    optional: true
+
+  acorn@7.4.1:
+    optional: true
+
   acorn@8.14.1: {}
 
+  agent-base@6.0.2:
+    dependencies:
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   aggregate-error@3.1.0:
     dependencies:
       clean-stack: 2.2.0
@@ -7440,6 +7833,14 @@ snapshots:
       ajv: 8.17.1
       fast-deep-equal: 3.1.3
 
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+    optional: true
+
   ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -7494,12 +7895,21 @@ snapshots:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
+  aproba@2.0.0:
+    optional: true
+
   arctic@3.5.0:
     dependencies:
       '@oslojs/crypto': 1.0.1
       '@oslojs/encoding': 1.1.0
       '@oslojs/jwt': 0.2.0
 
+  are-we-there-yet@2.0.0:
+    dependencies:
+      delegates: 1.0.0
+      readable-stream: 3.6.2
+    optional: true
+
   arg@4.1.3: {}
 
   argparse@1.0.10:
@@ -7510,12 +7920,23 @@ snapshots:
 
   aria-query@5.3.2: {}
 
+  array-equal@1.0.2:
+    optional: true
+
   array-flatten@1.1.1: {}
 
   array-iterate@2.0.1: {}
 
   array-union@2.1.0: {}
 
+  asn1@0.2.6:
+    dependencies:
+      safer-buffer: 2.1.2
+    optional: true
+
+  assert-plus@1.0.0:
+    optional: true
+
   ast-types@0.16.1:
     dependencies:
       tslib: 2.8.1
@@ -7629,8 +8050,17 @@ snapshots:
 
   async-listen@3.1.0: {}
 
+  asynckit@0.4.0:
+    optional: true
+
   await-lock@2.2.2: {}
 
+  aws-sign2@0.7.0:
+    optional: true
+
+  aws4@1.13.2:
+    optional: true
+
   axobject-query@4.1.0: {}
 
   babel-loader@9.2.1(@babel/core@7.26.10)(webpack@5.98.0(webpack-cli@5.1.4)):
@@ -7683,6 +8113,11 @@ snapshots:
 
   batch@0.6.1: {}
 
+  bcrypt-pbkdf@1.0.2:
+    dependencies:
+      tweetnacl: 0.14.5
+    optional: true
+
   before-after-hook@2.2.3: {}
 
   better-path-resolve@1.0.0:
@@ -7745,6 +8180,9 @@ snapshots:
     dependencies:
       fill-range: 7.1.1
 
+  browser-process-hrtime@1.0.0:
+    optional: true
+
   browserslist@4.24.4:
     dependencies:
       caniuse-lite: 1.0.30001707
@@ -7786,7 +8224,20 @@ snapshots:
 
   caniuse-lite@1.0.30001707: {}
 
-  ccount@2.0.1: {}
+  canvas@2.11.2:
+    dependencies:
+      '@mapbox/node-pre-gyp': 1.0.11
+      nan: 2.22.2
+      simple-get: 3.1.1
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    optional: true
+
+  caseless@0.12.0:
+    optional: true
+
+  ccount@2.0.1: {}
 
   chalk@1.1.3:
     dependencies:
@@ -7856,6 +8307,9 @@ snapshots:
     dependencies:
       readdirp: 4.1.2
 
+  chownr@2.0.0:
+    optional: true
+
   chrome-trace-event@1.0.4: {}
 
   ci-info@3.9.0: {}
@@ -7932,6 +8386,9 @@ snapshots:
       color-name: 1.1.4
       simple-swizzle: 0.2.2
 
+  color-support@1.1.3:
+    optional: true
+
   color@4.2.3:
     dependencies:
       color-convert: 2.0.1
@@ -7939,6 +8396,11 @@ snapshots:
 
   colorette@2.0.20: {}
 
+  combined-stream@1.0.8:
+    dependencies:
+      delayed-stream: 1.0.0
+    optional: true
+
   comma-separated-tokens@2.0.3: {}
 
   commander@10.0.1: {}
@@ -7977,6 +8439,9 @@ snapshots:
 
   connect-history-api-fallback@2.0.0: {}
 
+  console-control-strings@1.1.0:
+    optional: true
+
   content-disposition@0.5.4:
     dependencies:
       safe-buffer: 5.2.1
@@ -7999,6 +8464,9 @@ snapshots:
 
   core-js@3.41.0: {}
 
+  core-util-is@1.0.2:
+    optional: true
+
   core-util-is@1.0.3: {}
 
   create-require@1.1.1: {}
@@ -8033,10 +8501,33 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  cssom@0.3.8:
+    optional: true
+
+  cssom@0.4.4:
+    optional: true
+
+  cssstyle@2.3.0:
+    dependencies:
+      cssom: 0.3.8
+    optional: true
+
   csstype@3.1.3: {}
 
+  dashdash@1.14.1:
+    dependencies:
+      assert-plus: 1.0.0
+    optional: true
+
   data-uri-to-buffer@4.0.1: {}
 
+  data-urls@1.1.0:
+    dependencies:
+      abab: 2.0.6
+      whatwg-mimetype: 2.3.0
+      whatwg-url: 7.1.0
+    optional: true
+
   dataloader@1.4.0: {}
 
   date-fns@1.30.1: {}
@@ -8055,8 +8546,16 @@ snapshots:
 
   decode-uri-component@0.4.1: {}
 
+  decompress-response@4.2.1:
+    dependencies:
+      mimic-response: 2.1.0
+    optional: true
+
   deep-diff@1.0.2: {}
 
+  deep-is@0.1.4:
+    optional: true
+
   default-browser-id@5.0.0: {}
 
   default-browser@5.2.1:
@@ -8078,6 +8577,12 @@ snapshots:
 
   defu@6.1.4: {}
 
+  delayed-stream@1.0.0:
+    optional: true
+
+  delegates@1.0.0:
+    optional: true
+
   depd@1.1.2: {}
 
   depd@2.0.0: {}
@@ -8149,6 +8654,11 @@ snapshots:
 
   domelementtype@2.3.0: {}
 
+  domexception@1.0.1:
+    dependencies:
+      webidl-conversions: 4.0.2
+    optional: true
+
   domhandler@4.3.1:
     dependencies:
       domelementtype: 2.3.0
@@ -8207,6 +8717,12 @@ snapshots:
     optionalDependencies:
       wcwidth: 1.0.1
 
+  ecc-jsbn@0.1.2:
+    dependencies:
+      jsbn: 0.1.1
+      safer-buffer: 2.1.2
+    optional: true
+
   ee-first@1.1.1: {}
 
   electron-to-chromium@1.5.128: {}
@@ -8292,6 +8808,16 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
+  escodegen@1.14.3:
+    dependencies:
+      esprima: 4.0.1
+      estraverse: 4.3.0
+      esutils: 2.0.3
+      optionator: 0.8.3
+    optionalDependencies:
+      source-map: 0.6.1
+    optional: true
+
   eslint-scope@5.1.1:
     dependencies:
       esrecurse: 4.3.0
@@ -8381,6 +8907,19 @@ snapshots:
       iconv-lite: 0.4.24
       tmp: 0.0.33
 
+  extsprintf@1.3.0:
+    optional: true
+
+  fabric@4.6.0:
+    optionalDependencies:
+      canvas: 2.11.2
+      jsdom: 15.2.1(canvas@2.11.2)
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - supports-color
+      - utf-8-validate
+
   fast-deep-equal@3.1.3: {}
 
   fast-diff@1.3.0: {}
@@ -8393,6 +8932,12 @@ snapshots:
       merge2: 1.4.1
       micromatch: 4.0.8
 
+  fast-json-stable-stringify@2.1.0:
+    optional: true
+
+  fast-levenshtein@2.0.6:
+    optional: true
+
   fast-uri@3.0.6: {}
 
   fast-xml-parser@4.5.3:
@@ -8472,6 +9017,16 @@ snapshots:
 
   follow-redirects@1.15.9: {}
 
+  forever-agent@0.6.1:
+    optional: true
+
+  form-data@2.3.3:
+    dependencies:
+      asynckit: 0.4.0
+      combined-stream: 1.0.8
+      mime-types: 2.1.35
+    optional: true
+
   formdata-polyfill@4.0.10:
     dependencies:
       fetch-blob: 3.2.0
@@ -8492,6 +9047,11 @@ snapshots:
       jsonfile: 4.0.0
       universalify: 0.1.2
 
+  fs-minipass@2.1.0:
+    dependencies:
+      minipass: 3.3.6
+    optional: true
+
   fs-monkey@1.0.6: {}
 
   fs.realpath@1.0.0: {}
@@ -8503,6 +9063,19 @@ snapshots:
 
   fuse.js@7.1.0: {}
 
+  gauge@3.0.2:
+    dependencies:
+      aproba: 2.0.0
+      color-support: 1.1.3
+      console-control-strings: 1.1.0
+      has-unicode: 2.0.1
+      object-assign: 4.1.1
+      signal-exit: 3.0.7
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wide-align: 1.1.5
+    optional: true
+
   gensync@1.0.0-beta.2: {}
 
   get-caller-file@2.0.5: {}
@@ -8529,6 +9102,11 @@ snapshots:
 
   get-stream@6.0.1: {}
 
+  getpass@0.1.7:
+    dependencies:
+      assert-plus: 1.0.0
+    optional: true
+
   github-slugger@2.0.0: {}
 
   glob-parent@5.1.2:
@@ -8568,8 +9146,6 @@ snapshots:
 
   graceful-fs@4.2.11: {}
 
-  grapesjs-blocks-basic@1.0.2: {}
-
   grapesjs-cli@4.1.3(@types/node@22.13.13)(typescript@5.8.2):
     dependencies:
       '@babel/core': 7.26.10
@@ -8609,38 +9185,6 @@ snapshots:
       - zen-observable
       - zenObservable
 
-  grapesjs-component-countdown@1.0.2: {}
-
-  grapesjs-custom-code@1.0.2: {}
-
-  grapesjs-parser-postcss@1.0.3: {}
-
-  grapesjs-plugin-export@1.0.12:
-    dependencies:
-      '@types/file-saver': 2.0.7
-
-  grapesjs-plugin-forms@2.0.6: {}
-
-  grapesjs-rte-extensions@1.0.10: {}
-
-  grapesjs-style-bg@2.0.2:
-    dependencies:
-      grapesjs-style-gradient: 3.0.3
-
-  grapesjs-style-gradient@3.0.3:
-    dependencies:
-      grapick: 0.1.13
-
-  grapesjs-tabs@1.0.6: {}
-
-  grapesjs-tooltip@0.1.8: {}
-
-  grapesjs-touch@0.1.1: {}
-
-  grapesjs-tui-image-editor@1.0.2: {}
-
-  grapesjs-typed@2.0.1: {}
-
   grapesjs@0.22.6:
     dependencies:
       '@types/backbone': 1.4.15
@@ -8654,8 +9198,6 @@ snapshots:
 
   graphemer@1.4.0: {}
 
-  grapick@0.1.13: {}
-
   h3@1.15.1:
     dependencies:
       cookie-es: 1.2.2
@@ -8670,6 +9212,15 @@ snapshots:
 
   handle-thing@2.0.1: {}
 
+  har-schema@2.0.0:
+    optional: true
+
+  har-validator@5.1.5:
+    dependencies:
+      ajv: 6.12.6
+      har-schema: 2.0.0
+    optional: true
+
   has-ansi@2.0.0:
     dependencies:
       ansi-regex: 2.1.1
@@ -8680,6 +9231,9 @@ snapshots:
 
   has-symbols@1.1.0: {}
 
+  has-unicode@2.0.1:
+    optional: true
+
   hasown@2.0.2:
     dependencies:
       function-bind: 1.1.2
@@ -8796,6 +9350,11 @@ snapshots:
       readable-stream: 2.3.8
       wbuf: 1.7.3
 
+  html-encoding-sniffer@1.0.2:
+    dependencies:
+      whatwg-encoding: 1.0.5
+    optional: true
+
   html-entities@1.4.0: {}
 
   html-entities@2.5.3: {}
@@ -8879,6 +9438,21 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  http-signature@1.2.0:
+    dependencies:
+      assert-plus: 1.0.0
+      jsprim: 1.4.2
+      sshpk: 1.18.0
+    optional: true
+
+  https-proxy-agent@5.0.1:
+    dependencies:
+      agent-base: 6.0.2
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
   human-id@4.1.1: {}
 
   human-signals@2.1.0: {}
@@ -8940,6 +9514,9 @@ snapshots:
       jsbn: 1.1.0
       sprintf-js: 1.1.3
 
+  ip-regex@2.1.0:
+    optional: true
+
   ipaddr.js@1.9.1: {}
 
   ipaddr.js@2.2.0: {}
@@ -9008,6 +9585,9 @@ snapshots:
     dependencies:
       better-path-resolve: 1.0.0
 
+  is-typedarray@1.0.0:
+    optional: true
+
   is-unicode-supported@0.1.0: {}
 
   is-unicode-supported@2.1.0: {}
@@ -9032,6 +9612,9 @@ snapshots:
 
   isobject@3.0.1: {}
 
+  isstream@0.1.2:
+    optional: true
+
   jest-worker@27.5.1:
     dependencies:
       '@types/node': 22.13.13
@@ -9053,22 +9636,77 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
+  jsbn@0.1.1:
+    optional: true
+
   jsbn@1.1.0: {}
 
+  jsdom@15.2.1(canvas@2.11.2):
+    dependencies:
+      abab: 2.0.6
+      acorn: 7.4.1
+      acorn-globals: 4.3.4
+      array-equal: 1.0.2
+      cssom: 0.4.4
+      cssstyle: 2.3.0
+      data-urls: 1.1.0
+      domexception: 1.0.1
+      escodegen: 1.14.3
+      html-encoding-sniffer: 1.0.2
+      nwsapi: 2.2.20
+      parse5: 5.1.0
+      pn: 1.1.0
+      request: 2.88.2
+      request-promise-native: 1.0.9(request@2.88.2)
+      saxes: 3.1.11
+      symbol-tree: 3.2.4
+      tough-cookie: 3.0.1
+      w3c-hr-time: 1.0.2
+      w3c-xmlserializer: 1.1.2
+      webidl-conversions: 4.0.2
+      whatwg-encoding: 1.0.5
+      whatwg-mimetype: 2.3.0
+      whatwg-url: 7.1.0
+      ws: 7.5.10
+      xml-name-validator: 3.0.0
+    optionalDependencies:
+      canvas: 2.11.2
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+    optional: true
+
   jsesc@3.0.2: {}
 
   jsesc@3.1.0: {}
 
   json-parse-even-better-errors@2.3.1: {}
 
+  json-schema-traverse@0.4.1:
+    optional: true
+
   json-schema-traverse@1.0.0: {}
 
+  json-schema@0.4.0:
+    optional: true
+
+  json-stringify-safe@5.0.1:
+    optional: true
+
   json5@2.2.3: {}
 
   jsonfile@4.0.0:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsprim@1.4.2:
+    dependencies:
+      assert-plus: 1.0.0
+      extsprintf: 1.3.0
+      json-schema: 0.4.0
+      verror: 1.10.0
+    optional: true
+
   katex@0.16.21:
     dependencies:
       commander: 8.3.0
@@ -9105,6 +9743,12 @@ snapshots:
       picocolors: 1.1.1
       shell-quote: 1.8.2
 
+  levn@0.3.0:
+    dependencies:
+      prelude-ls: 1.1.2
+      type-check: 0.3.2
+    optional: true
+
   libsql@0.5.5:
     dependencies:
       '@neon-rs/load': 0.0.4
@@ -9174,6 +9818,9 @@ snapshots:
 
   lodash.isequal@4.5.0: {}
 
+  lodash.sortby@4.7.0:
+    optional: true
+
   lodash.startcase@4.4.0: {}
 
   lodash.template@4.5.0:
@@ -9224,6 +9871,11 @@ snapshots:
       '@babel/types': 7.27.0
       source-map-js: 1.2.1
 
+  make-dir@3.1.0:
+    dependencies:
+      semver: 6.3.1
+    optional: true
+
   make-error@1.3.6: {}
 
   markdown-table@3.0.4: {}
@@ -9574,6 +10226,9 @@ snapshots:
 
   mimic-function@5.0.1: {}
 
+  mimic-response@2.1.0:
+    optional: true
+
   minimalistic-assert@1.0.1: {}
 
   minimatch@3.1.2:
@@ -9586,12 +10241,29 @@ snapshots:
 
   minimist@1.2.8: {}
 
+  minipass@3.3.6:
+    dependencies:
+      yallist: 4.0.0
+    optional: true
+
   minipass@4.2.8: {}
 
+  minipass@5.0.0:
+    optional: true
+
   minipass@7.1.2: {}
 
+  minizlib@2.1.2:
+    dependencies:
+      minipass: 3.3.6
+      yallist: 4.0.0
+    optional: true
+
   mkdirp@0.3.0: {}
 
+  mkdirp@1.0.4:
+    optional: true
+
   mlly@1.7.4:
     dependencies:
       acorn: 8.14.1
@@ -9616,6 +10288,9 @@ snapshots:
 
   mute-stream@0.0.8: {}
 
+  nan@2.22.2:
+    optional: true
+
   nanoid@3.3.11: {}
 
   nanoid@5.1.5: {}
@@ -9665,18 +10340,37 @@ snapshots:
     dependencies:
       abbrev: 1.1.1
 
+  nopt@5.0.0:
+    dependencies:
+      abbrev: 1.1.1
+    optional: true
+
   normalize-path@3.0.0: {}
 
   npm-run-path@4.0.1:
     dependencies:
       path-key: 3.1.1
 
+  npmlog@5.0.1:
+    dependencies:
+      are-we-there-yet: 2.0.0
+      console-control-strings: 1.1.0
+      gauge: 3.0.2
+      set-blocking: 2.0.0
+    optional: true
+
   nth-check@2.1.1:
     dependencies:
       boolbase: 1.0.0
 
   number-is-nan@1.0.1: {}
 
+  nwsapi@2.2.20:
+    optional: true
+
+  oauth-sign@0.9.0:
+    optional: true
+
   object-assign@4.1.1: {}
 
   object-inspect@1.13.4: {}
@@ -9733,6 +10427,16 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
+  optionator@0.8.3:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.3.0
+      prelude-ls: 1.1.2
+      type-check: 0.3.2
+      word-wrap: 1.2.5
+    optional: true
+
   ora@5.4.1:
     dependencies:
       bl: 4.1.0
@@ -9828,6 +10532,9 @@ snapshots:
     dependencies:
       parse5: 7.2.1
 
+  parse5@5.1.0:
+    optional: true
+
   parse5@7.2.1:
     dependencies:
       entities: 4.5.0
@@ -9862,6 +10569,9 @@ snapshots:
 
   pathe@2.0.3: {}
 
+  performance-now@2.1.0:
+    optional: true
+
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -9894,12 +10604,18 @@ snapshots:
       mlly: 1.7.4
       pathe: 2.0.3
 
+  pn@1.1.0:
+    optional: true
+
   postcss@8.5.3:
     dependencies:
       nanoid: 3.3.11
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
+  prelude-ls@1.1.2:
+    optional: true
+
   prettier@2.8.8: {}
 
   pretty-error@4.0.0:
@@ -9990,10 +10706,21 @@ snapshots:
       forwarded: 0.2.0
       ipaddr.js: 1.9.1
 
+  psl@1.15.0:
+    dependencies:
+      punycode: 2.3.1
+    optional: true
+
+  punycode@2.3.1:
+    optional: true
+
   qs@6.13.0:
     dependencies:
       side-channel: 1.1.0
 
+  qs@6.5.3:
+    optional: true
+
   quansync@0.2.10: {}
 
   query-registry@3.0.1:
@@ -10213,6 +10940,44 @@ snapshots:
       lodash: 4.17.21
       strip-ansi: 6.0.1
 
+  request-promise-core@1.1.4(request@2.88.2):
+    dependencies:
+      lodash: 4.17.21
+      request: 2.88.2
+    optional: true
+
+  request-promise-native@1.0.9(request@2.88.2):
+    dependencies:
+      request: 2.88.2
+      request-promise-core: 1.1.4(request@2.88.2)
+      stealthy-require: 1.1.1
+      tough-cookie: 2.5.0
+    optional: true
+
+  request@2.88.2:
+    dependencies:
+      aws-sign2: 0.7.0
+      aws4: 1.13.2
+      caseless: 0.12.0
+      combined-stream: 1.0.8
+      extend: 3.0.2
+      forever-agent: 0.6.1
+      form-data: 2.3.3
+      har-validator: 5.1.5
+      http-signature: 1.2.0
+      is-typedarray: 1.0.0
+      isstream: 0.1.2
+      json-stringify-safe: 5.0.1
+      mime-types: 2.1.35
+      oauth-sign: 0.9.0
+      performance-now: 2.1.0
+      qs: 6.5.3
+      safe-buffer: 5.2.1
+      tough-cookie: 2.5.0
+      tunnel-agent: 0.6.0
+      uuid: 3.4.0
+    optional: true
+
   require-directory@2.1.1: {}
 
   require-from-string@2.0.2: {}
@@ -10333,6 +11098,11 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  saxes@3.1.11:
+    dependencies:
+      xmlchars: 2.2.0
+    optional: true
+
   scheduler@0.25.0: {}
 
   schema-utils@4.3.0:
@@ -10415,6 +11185,9 @@ snapshots:
 
   server-destroy@1.0.1: {}
 
+  set-blocking@2.0.0:
+    optional: true
+
   setprototypeof@1.1.0: {}
 
   setprototypeof@1.2.0: {}
@@ -10528,6 +11301,16 @@ snapshots:
 
   signal-exit@4.1.0: {}
 
+  simple-concat@1.0.1:
+    optional: true
+
+  simple-get@3.1.1:
+    dependencies:
+      decompress-response: 4.2.1
+      once: 1.4.0
+      simple-concat: 1.0.1
+    optional: true
+
   simple-swizzle@0.2.2:
     dependencies:
       is-arrayish: 0.3.2
@@ -10605,10 +11388,26 @@ snapshots:
 
   sprintf-js@1.1.3: {}
 
+  sshpk@1.18.0:
+    dependencies:
+      asn1: 0.2.6
+      assert-plus: 1.0.0
+      bcrypt-pbkdf: 1.0.2
+      dashdash: 1.14.1
+      ecc-jsbn: 0.1.2
+      getpass: 0.1.7
+      jsbn: 0.1.1
+      safer-buffer: 2.1.2
+      tweetnacl: 0.14.5
+    optional: true
+
   statuses@1.5.0: {}
 
   statuses@2.0.1: {}
 
+  stealthy-require@1.1.1:
+    optional: true
+
   string-argv@0.3.2: {}
 
   string-width@1.0.2:
@@ -10781,8 +11580,21 @@ snapshots:
 
   symbol-observable@1.2.0: {}
 
+  symbol-tree@3.2.4:
+    optional: true
+
   tapable@2.2.1: {}
 
+  tar@6.2.1:
+    dependencies:
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      minipass: 5.0.0
+      minizlib: 2.1.2
+      mkdirp: 1.0.4
+      yallist: 4.0.0
+    optional: true
+
   term-size@2.2.1: {}
 
   terser-webpack-plugin@5.3.14(webpack@5.98.0(webpack-cli@5.1.4)):
@@ -10828,8 +11640,26 @@ snapshots:
 
   toidentifier@1.0.1: {}
 
+  tough-cookie@2.5.0:
+    dependencies:
+      psl: 1.15.0
+      punycode: 2.3.1
+    optional: true
+
+  tough-cookie@3.0.1:
+    dependencies:
+      ip-regex: 2.1.0
+      psl: 1.15.0
+      punycode: 2.3.1
+    optional: true
+
   tr46@0.0.3: {}
 
+  tr46@1.0.1:
+    dependencies:
+      punycode: 2.3.1
+    optional: true
+
   trim-lines@3.0.1: {}
 
   trough@2.2.0: {}
@@ -10870,12 +11700,40 @@ snapshots:
 
   tslib@2.8.1: {}
 
+  tui-code-snippet@2.3.3: {}
+
+  tui-color-picker@2.2.8: {}
+
+  tui-image-editor@3.15.3:
+    dependencies:
+      fabric: 4.6.0
+      tui-code-snippet: 2.3.3
+      tui-color-picker: 2.2.8
+    transitivePeerDependencies:
+      - bufferutil
+      - encoding
+      - supports-color
+      - utf-8-validate
+
+  tunnel-agent@0.6.0:
+    dependencies:
+      safe-buffer: 5.2.1
+    optional: true
+
   turndown@7.2.0:
     dependencies:
       '@mixmark-io/domino': 2.2.0
 
+  tweetnacl@0.14.5:
+    optional: true
+
   twitter-api-v2@1.22.0: {}
 
+  type-check@0.3.2:
+    dependencies:
+      prelude-ls: 1.1.2
+    optional: true
+
   type-detect@4.1.0: {}
 
   type-fest@0.21.3: {}
@@ -10995,6 +11853,11 @@ snapshots:
       escalade: 3.2.0
       picocolors: 1.1.1
 
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+    optional: true
+
   url-join@5.0.0: {}
 
   util-deprecate@1.0.2: {}
@@ -11003,6 +11866,9 @@ snapshots:
 
   utils-merge@1.0.1: {}
 
+  uuid@3.4.0:
+    optional: true
+
   uuid@8.3.2: {}
 
   v8-compile-cache-lib@3.0.1: {}
@@ -11011,6 +11877,13 @@ snapshots:
 
   vary@1.1.2: {}
 
+  verror@1.10.0:
+    dependencies:
+      assert-plus: 1.0.0
+      core-util-is: 1.0.2
+      extsprintf: 1.3.0
+    optional: true
+
   vfile-location@5.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -11041,8 +11914,20 @@ snapshots:
     optionalDependencies:
       vite: 6.2.6(@types/node@22.13.13)(jiti@2.4.2)(terser@5.39.0)
 
+  w3c-hr-time@1.0.2:
+    dependencies:
+      browser-process-hrtime: 1.0.0
+    optional: true
+
   w3c-keyname@2.2.8: {}
 
+  w3c-xmlserializer@1.1.2:
+    dependencies:
+      domexception: 1.0.1
+      webidl-conversions: 4.0.2
+      xml-name-validator: 3.0.0
+    optional: true
+
   watchpack@2.4.2:
     dependencies:
       glob-to-regexp: 0.4.1
@@ -11062,6 +11947,9 @@ snapshots:
 
   webidl-conversions@3.0.1: {}
 
+  webidl-conversions@4.0.2:
+    optional: true
+
   webpack-cli@5.1.4(webpack-dev-server@4.15.2)(webpack@5.98.0):
     dependencies:
       '@discoveryjs/json-ext': 0.5.7
@@ -11179,10 +12067,18 @@ snapshots:
 
   websocket-extensions@0.1.4: {}
 
+  whatwg-encoding@1.0.5:
+    dependencies:
+      iconv-lite: 0.4.24
+    optional: true
+
   whatwg-encoding@3.1.1:
     dependencies:
       iconv-lite: 0.6.3
 
+  whatwg-mimetype@2.3.0:
+    optional: true
+
   whatwg-mimetype@4.0.0: {}
 
   whatwg-url@5.0.0:
@@ -11190,18 +12086,33 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  whatwg-url@7.1.0:
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+    optional: true
+
   which-pm-runs@1.1.0: {}
 
   which@2.0.2:
     dependencies:
       isexe: 2.0.0
 
+  wide-align@1.1.5:
+    dependencies:
+      string-width: 4.2.3
+    optional: true
+
   widest-line@5.0.0:
     dependencies:
       string-width: 7.2.0
 
   wildcard@2.0.1: {}
 
+  word-wrap@1.2.5:
+    optional: true
+
   wrap-ansi@3.0.1:
     dependencies:
       string-width: 2.1.1
@@ -11227,14 +12138,26 @@ snapshots:
 
   wrappy@1.0.2: {}
 
+  ws@7.5.10:
+    optional: true
+
   ws@8.18.1: {}
 
+  xml-name-validator@3.0.0:
+    optional: true
+
+  xmlchars@2.2.0:
+    optional: true
+
   xxhash-wasm@1.1.0: {}
 
   y18n@5.0.8: {}
 
   yallist@3.1.1: {}
 
+  yallist@4.0.0:
+    optional: true
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2: