tetrons 2.3.54 → 2.3.56

package/dist/{index.cjs → index.node.mjs}

@@ -1,21 +1,21 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/tetrons/EditorContent.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-
-
-
-var _react3 = require('@tiptap/react');
+// src/components/tetrons/EditorContent.tsx
+import React14, { useEffect as useEffect8, useRef as useRef7, useState as useState9 } from "react";
+import {
+  useEditor,
+  EditorContent as TiptapEditorContent
+} from "@tiptap/react";
 
 // node_modules/@tiptap/extension-document/dist/index.js
-var _core = require('@tiptap/core');
-var Document = _core.Node.create({
+import { Node } from "@tiptap/core";
+var Document = Node.create({
   name: "doc",
   topNode: true,
   content: "block+"
 });
 
 // node_modules/@tiptap/extension-paragraph/dist/index.js
-
-var Paragraph = _core.Node.create({
+import { Node as Node2, mergeAttributes } from "@tiptap/core";
+var Paragraph = Node2.create({
   name: "paragraph",
   priority: 1e3,
   addOptions() {
@@ -31,7 +31,7 @@ var Paragraph = _core.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["p", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["p", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -48,14 +48,14 @@ var Paragraph = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-text/dist/index.js
-
-var Text = _core.Node.create({
+import { Node as Node3 } from "@tiptap/core";
+var Text = Node3.create({
   name: "text",
   group: "inline"
 });
 
 // node_modules/@tiptap/extension-history/dist/index.js
-
+import { Extension } from "@tiptap/core";
 
 // node_modules/rope-sequence/dist/index.js
 var GOOD_LEAF_SIZE = 200;
@@ -5675,7 +5675,7 @@ var undoNoScroll = buildCommand(false, false);
 var redoNoScroll = buildCommand(true, false);
 
 // node_modules/@tiptap/extension-history/dist/index.js
-var History = _core.Extension.create({
+var History = Extension.create({
   name: "history",
   addOptions() {
     return {
@@ -5711,12 +5711,12 @@ var History = _core.Extension.create({
 });
 
 // node_modules/@tiptap/extension-bold/dist/index.js
-
+import { Mark as Mark2, mergeAttributes as mergeAttributes2, markInputRule, markPasteRule } from "@tiptap/core";
 var starInputRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/;
 var starPasteRegex = /(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g;
 var underscoreInputRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/;
 var underscorePasteRegex = /(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g;
-var Bold = _core.Mark.create({
+var Bold = Mark2.create({
   name: "bold",
   addOptions() {
     return {
@@ -5743,7 +5743,7 @@ var Bold = _core.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["strong", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["strong", mergeAttributes2(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5766,11 +5766,11 @@ var Bold = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule({
         find: starInputRegex,
         type: this.type
       }),
-      _core.markInputRule.call(void 0, {
+      markInputRule({
         find: underscoreInputRegex,
         type: this.type
       })
@@ -5778,11 +5778,11 @@ var Bold = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule({
         find: starPasteRegex,
         type: this.type
       }),
-      _core.markPasteRule.call(void 0, {
+      markPasteRule({
         find: underscorePasteRegex,
         type: this.type
       })
@@ -5791,12 +5791,12 @@ var Bold = _core.Mark.create({
 });
 
 // node_modules/@tiptap/extension-italic/dist/index.js
-
+import { Mark as Mark3, mergeAttributes as mergeAttributes3, markInputRule as markInputRule2, markPasteRule as markPasteRule2 } from "@tiptap/core";
 var starInputRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/;
 var starPasteRegex2 = /(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g;
 var underscoreInputRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/;
 var underscorePasteRegex2 = /(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g;
-var Italic = _core.Mark.create({
+var Italic = Mark3.create({
   name: "italic",
   addOptions() {
     return {
@@ -5822,7 +5822,7 @@ var Italic = _core.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["em", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["em", mergeAttributes3(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5845,11 +5845,11 @@ var Italic = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule2({
         find: starInputRegex2,
         type: this.type
       }),
-      _core.markInputRule.call(void 0, {
+      markInputRule2({
         find: underscoreInputRegex2,
         type: this.type
       })
@@ -5857,11 +5857,11 @@ var Italic = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule2({
         find: starPasteRegex2,
         type: this.type
       }),
-      _core.markPasteRule.call(void 0, {
+      markPasteRule2({
         find: underscorePasteRegex2,
         type: this.type
       })
@@ -5870,13 +5870,13 @@ var Italic = _core.Mark.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-var _extensionunderline = require('@tiptap/extension-underline'); var _extensionunderline2 = _interopRequireDefault(_extensionunderline);
+import Underline from "@tiptap/extension-underline";
 
 // node_modules/@tiptap/extension-strike/dist/index.js
-
+import { Mark as Mark4, mergeAttributes as mergeAttributes4, markInputRule as markInputRule3, markPasteRule as markPasteRule3 } from "@tiptap/core";
 var inputRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/;
 var pasteRegex = /(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g;
-var Strike = _core.Mark.create({
+var Strike = Mark4.create({
   name: "strike",
   addOptions() {
     return {
@@ -5902,7 +5902,7 @@ var Strike = _core.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["s", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["s", mergeAttributes4(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5924,7 +5924,7 @@ var Strike = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule3({
         find: inputRegex,
         type: this.type
       })
@@ -5932,7 +5932,7 @@ var Strike = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule3({
         find: pasteRegex,
         type: this.type
       })
@@ -5941,10 +5941,10 @@ var Strike = _core.Mark.create({
 });
 
 // node_modules/@tiptap/extension-code/dist/index.js
-
+import { Mark as Mark5, mergeAttributes as mergeAttributes5, markInputRule as markInputRule4, markPasteRule as markPasteRule4 } from "@tiptap/core";
 var inputRegex2 = /(^|[^`])`([^`]+)`(?!`)/;
 var pasteRegex2 = /(^|[^`])`([^`]+)`(?!`)/g;
-var Code = _core.Mark.create({
+var Code = Mark5.create({
   name: "code",
   addOptions() {
     return {
@@ -5960,7 +5960,7 @@ var Code = _core.Mark.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["code", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["code", mergeAttributes5(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -5982,7 +5982,7 @@ var Code = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule4({
         find: inputRegex2,
         type: this.type
       })
@@ -5990,7 +5990,7 @@ var Code = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule4({
         find: pasteRegex2,
         type: this.type
       })
@@ -5999,9 +5999,9 @@ var Code = _core.Mark.create({
 });
 
 // node_modules/@tiptap/extension-blockquote/dist/index.js
-
+import { Node as Node5, mergeAttributes as mergeAttributes6, wrappingInputRule } from "@tiptap/core";
 var inputRegex3 = /^\s*>\s$/;
-var Blockquote = _core.Node.create({
+var Blockquote = Node5.create({
   name: "blockquote",
   addOptions() {
     return {
@@ -6017,7 +6017,7 @@ var Blockquote = _core.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["blockquote", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["blockquote", mergeAttributes6(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6039,7 +6039,7 @@ var Blockquote = _core.Node.create({
   },
   addInputRules() {
     return [
-      _core.wrappingInputRule.call(void 0, {
+      wrappingInputRule({
         find: inputRegex3,
         type: this.type
       })
@@ -6048,8 +6048,8 @@ var Blockquote = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-hard-break/dist/index.js
-
-var HardBreak = _core.Node.create({
+import { Node as Node6, mergeAttributes as mergeAttributes7 } from "@tiptap/core";
+var HardBreak = Node6.create({
   name: "hardBreak",
   addOptions() {
     return {
@@ -6067,7 +6067,7 @@ var HardBreak = _core.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["br", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes)];
+    return ["br", mergeAttributes7(this.options.HTMLAttributes, HTMLAttributes)];
   },
   renderText() {
     return "\n";
@@ -6106,8 +6106,8 @@ var HardBreak = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-heading/dist/index.js
-
-var Heading = _core.Node.create({
+import { Node as Node7, mergeAttributes as mergeAttributes8, textblockTypeInputRule } from "@tiptap/core";
+var Heading = Node7.create({
   name: "heading",
   addOptions() {
     return {
@@ -6135,7 +6135,7 @@ var Heading = _core.Node.create({
   renderHTML({ node, HTMLAttributes }) {
     const hasLevel = this.options.levels.includes(node.attrs.level);
     const level = hasLevel ? node.attrs.level : this.options.levels[0];
-    return [`h${level}`, _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return [`h${level}`, mergeAttributes8(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6163,7 +6163,7 @@ var Heading = _core.Node.create({
   },
   addInputRules() {
     return this.options.levels.map((level) => {
-      return _core.textblockTypeInputRule.call(void 0, {
+      return textblockTypeInputRule({
         find: new RegExp(`^(#{${Math.min(...this.options.levels)},${level}})\\s$`),
         type: this.type,
         getAttributes: {
@@ -6175,8 +6175,8 @@ var Heading = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-horizontal-rule/dist/index.js
-
-var HorizontalRule = _core.Node.create({
+import { Node as Node8, mergeAttributes as mergeAttributes9, canInsertNode, isNodeSelection, nodeInputRule } from "@tiptap/core";
+var HorizontalRule = Node8.create({
   name: "horizontalRule",
   addOptions() {
     return {
@@ -6188,12 +6188,12 @@ var HorizontalRule = _core.Node.create({
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["hr", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes)];
+    return ["hr", mergeAttributes9(this.options.HTMLAttributes, HTMLAttributes)];
   },
   addCommands() {
     return {
       setHorizontalRule: () => ({ chain, state }) => {
-        if (!_core.canInsertNode.call(void 0, state, state.schema.nodes[this.name])) {
+        if (!canInsertNode(state, state.schema.nodes[this.name])) {
           return false;
         }
         const { selection } = state;
@@ -6206,7 +6206,7 @@ var HorizontalRule = _core.Node.create({
           }, {
             type: this.name
           });
-        } else if (_core.isNodeSelection.call(void 0, selection)) {
+        } else if (isNodeSelection(selection)) {
           currentChain.insertContentAt($originTo.pos, {
             type: this.name
           });
@@ -6242,7 +6242,7 @@ var HorizontalRule = _core.Node.create({
   },
   addInputRules() {
     return [
-      _core.nodeInputRule.call(void 0, {
+      nodeInputRule({
         find: /^(?:---|—-|___\s|\*\*\*\s)$/,
         type: this.type
       })
@@ -6251,16 +6251,16 @@ var HorizontalRule = _core.Node.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-var _extensiontextalign = require('@tiptap/extension-text-align'); var _extensiontextalign2 = _interopRequireDefault(_extensiontextalign);
-var _extensioncolor = require('@tiptap/extension-color'); var _extensioncolor2 = _interopRequireDefault(_extensioncolor);
-var _extensionhighlight = require('@tiptap/extension-highlight'); var _extensionhighlight2 = _interopRequireDefault(_extensionhighlight);
-var _extensionimage = require('@tiptap/extension-image'); var _extensionimage2 = _interopRequireDefault(_extensionimage);
-var _extensionlink = require('@tiptap/extension-link'); var _extensionlink2 = _interopRequireDefault(_extensionlink);
-var _extensiontextstyle = require('@tiptap/extension-text-style'); var _extensiontextstyle2 = _interopRequireDefault(_extensiontextstyle);
+import TextAlign from "@tiptap/extension-text-align";
+import Color from "@tiptap/extension-color";
+import Highlight from "@tiptap/extension-highlight";
+import Image2 from "@tiptap/extension-image";
+import Link from "@tiptap/extension-link";
+import TextStyle from "@tiptap/extension-text-style";
 
 // node_modules/@tiptap/extension-list-item/dist/index.js
-
-var ListItem = _core.Node.create({
+import { Node as Node9, mergeAttributes as mergeAttributes10 } from "@tiptap/core";
+var ListItem = Node9.create({
   name: "listItem",
   addOptions() {
     return {
@@ -6279,7 +6279,7 @@ var ListItem = _core.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["li", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["li", mergeAttributes10(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -6291,11 +6291,11 @@ var ListItem = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-bullet-list/dist/index.js
-
+import { Node as Node10, mergeAttributes as mergeAttributes11, wrappingInputRule as wrappingInputRule2 } from "@tiptap/core";
 var ListItemName = "listItem";
 var TextStyleName = "textStyle";
 var inputRegex4 = /^\s*([-+*])\s$/;
-var BulletList = _core.Node.create({
+var BulletList = Node10.create({
   name: "bulletList",
   addOptions() {
     return {
@@ -6315,7 +6315,7 @@ var BulletList = _core.Node.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["ul", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return ["ul", mergeAttributes11(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6333,12 +6333,12 @@ var BulletList = _core.Node.create({
     };
   },
   addInputRules() {
-    let inputRule = _core.wrappingInputRule.call(void 0, {
+    let inputRule = wrappingInputRule2({
       find: inputRegex4,
       type: this.type
     });
     if (this.options.keepMarks || this.options.keepAttributes) {
-      inputRule = _core.wrappingInputRule.call(void 0, {
+      inputRule = wrappingInputRule2({
         find: inputRegex4,
         type: this.type,
         keepMarks: this.options.keepMarks,
@@ -6356,11 +6356,11 @@ var BulletList = _core.Node.create({
 });
 
 // node_modules/@tiptap/extension-ordered-list/dist/index.js
-
+import { Node as Node11, mergeAttributes as mergeAttributes12, wrappingInputRule as wrappingInputRule3 } from "@tiptap/core";
 var ListItemName2 = "listItem";
 var TextStyleName2 = "textStyle";
 var inputRegex5 = /^(\d+)\.\s$/;
-var OrderedList = _core.Node.create({
+var OrderedList = Node11.create({
   name: "orderedList",
   addOptions() {
     return {
@@ -6397,7 +6397,7 @@ var OrderedList = _core.Node.create({
   },
   renderHTML({ HTMLAttributes }) {
     const { start, ...attributesWithoutStart } = HTMLAttributes;
-    return start === 1 ? ["ol", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, attributesWithoutStart), 0] : ["ol", _core.mergeAttributes.call(void 0, this.options.HTMLAttributes, HTMLAttributes), 0];
+    return start === 1 ? ["ol", mergeAttributes12(this.options.HTMLAttributes, attributesWithoutStart), 0] : ["ol", mergeAttributes12(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -6415,14 +6415,14 @@ var OrderedList = _core.Node.create({
     };
   },
   addInputRules() {
-    let inputRule = _core.wrappingInputRule.call(void 0, {
+    let inputRule = wrappingInputRule3({
       find: inputRegex5,
       type: this.type,
       getAttributes: (match) => ({ start: +match[1] }),
       joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1]
     });
     if (this.options.keepMarks || this.options.keepAttributes) {
-      inputRule = _core.wrappingInputRule.call(void 0, {
+      inputRule = wrappingInputRule3({
         find: inputRegex5,
         type: this.type,
         keepMarks: this.options.keepMarks,
@@ -6439,10 +6439,10 @@ var OrderedList = _core.Node.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-var _extensiontablerow = require('@tiptap/extension-table-row'); var _extensiontablerow2 = _interopRequireDefault(_extensiontablerow);
-var _extensiontablecell = require('@tiptap/extension-table-cell'); var _extensiontablecell2 = _interopRequireDefault(_extensiontablecell);
-var _extensiontableheader = require('@tiptap/extension-table-header'); var _extensiontableheader2 = _interopRequireDefault(_extensiontableheader);
-var _extensioncodeblocklowlight = require('@tiptap/extension-code-block-lowlight'); var _extensioncodeblocklowlight2 = _interopRequireDefault(_extensioncodeblocklowlight);
+import TableRow from "@tiptap/extension-table-row";
+import TableCell from "@tiptap/extension-table-cell";
+import TableHeader from "@tiptap/extension-table-header";
+import CodeBlockLowlight from "@tiptap/extension-code-block-lowlight";
 
 // node_modules/highlight.js/es/languages/javascript.js
 var IDENT_RE = "[A-Za-z$_][0-9A-Za-z$_]*";
@@ -7960,14 +7960,14 @@ function typescript(hljs) {
 }
 
 // src/components/tetrons/EditorContent.tsx
-var _lowlight = require('lowlight');
+import { createLowlight } from "lowlight";
 
 // src/utils/useTypo.ts
-
-var _typojs = require('typo-js'); var _typojs2 = _interopRequireDefault(_typojs);
+import { useEffect, useState } from "react";
+import Typo from "typo-js";
 function useTypo() {
-  const [typo, setTypo] = _react.useState.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const [typo, setTypo] = useState(null);
+  useEffect(() => {
     async function loadDictionary() {
       const aff = await fetch("/dictionaries/index.aff").then(
         (res) => res.text()
@@ -7975,7 +7975,7 @@ function useTypo() {
       const dic = await fetch("/dictionaries/index.dic").then(
         (res) => res.text()
       );
-      const dictionary = new (0, _typojs2.default)("en_US", aff, dic, { platform: "any" });
+      const dictionary = new Typo("en_US", aff, dic, { platform: "any" });
       setTypo(dictionary);
     }
     loadDictionary();
@@ -7984,9 +7984,9 @@ function useTypo() {
 }
 
 // src/components/tetrons/extensions/Spellcheck.ts
-
+import { Mark as Mark6, markInputRule as markInputRule5 } from "@tiptap/core";
 var wordMatchRegex = () => /(?:^|\s)([a-zA-Z]{2,})(?=\s|$)/g;
-var Spellcheck = _core.Mark.create({
+var Spellcheck = Mark6.create({
   name: "spellcheck",
   addOptions() {
     return {
@@ -7995,7 +7995,7 @@ var Spellcheck = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule5({
         find: wordMatchRegex(),
         type: this.type,
         getAttributes: (match) => this.options.spellcheckFn(match[1]) ? false : { "data-spellcheck": "true" }
@@ -8023,8 +8023,8 @@ var Spellcheck = _core.Mark.create({
 });
 
 // src/components/tetrons/toolbar/extensions/Comment.ts
-
-var Comment = _core.Mark.create({
+import { Mark as Mark7, mergeAttributes as mergeAttributes13 } from "@tiptap/core";
+var Comment = Mark7.create({
   name: "comment",
   addOptions() {
     return {
@@ -8048,7 +8048,7 @@ var Comment = _core.Mark.create({
   renderHTML({ HTMLAttributes }) {
     return [
       "span",
-      _core.mergeAttributes.call(void 0, HTMLAttributes, {
+      mergeAttributes13(HTMLAttributes, {
         "data-comment": HTMLAttributes.comment,
         class: "comment-highlight",
         title: HTMLAttributes.comment,
@@ -8070,8 +8070,8 @@ var Comment = _core.Mark.create({
 });
 
 // src/components/tetrons/toolbar/marks/Subscript.ts
-
-var Subscript = _core.Mark.create({
+import { Mark as Mark8, markInputRule as markInputRule6, markPasteRule as markPasteRule5 } from "@tiptap/core";
+var Subscript = Mark8.create({
   name: "subscript",
   excludes: "superscript",
   parseHTML() {
@@ -8087,7 +8087,7 @@ var Subscript = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule6({
         find: /~([^~]+)~/,
         type: this.type
       })
@@ -8095,7 +8095,7 @@ var Subscript = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule5({
         find: /~([^~]+)~/g,
         type: this.type
       })
@@ -8104,8 +8104,8 @@ var Subscript = _core.Mark.create({
 });
 
 // src/components/tetrons/toolbar/marks/Superscript.ts
-
-var Superscript = _core.Mark.create({
+import { Mark as Mark9, markInputRule as markInputRule7, markPasteRule as markPasteRule6 } from "@tiptap/core";
+var Superscript = Mark9.create({
   name: "superscript",
   excludes: "subscript",
   parseHTML() {
@@ -8121,7 +8121,7 @@ var Superscript = _core.Mark.create({
   },
   addInputRules() {
     return [
-      _core.markInputRule.call(void 0, {
+      markInputRule7({
         find: /\^([^^]+)\^/,
         type: this.type
       })
@@ -8129,7 +8129,7 @@ var Superscript = _core.Mark.create({
   },
   addPasteRules() {
     return [
-      _core.markPasteRule.call(void 0, {
+      markPasteRule6({
         find: /\^([^^]+)\^/g,
         type: this.type
       })
@@ -8138,7 +8138,7 @@ var Superscript = _core.Mark.create({
 });
 
 // src/components/tetrons/toolbar/extensions/ResizableTable.ts
-var _extensiontable = require('@tiptap/extension-table');
+import { Table } from "@tiptap/extension-table";
 
 // node_modules/prosemirror-view/dist/index.js
 var domIndex = function(node) {
@@ -15195,10 +15195,10 @@ function tableEditing({
 }
 
 // src/components/tetrons/toolbar/extensions/ResizableTable.ts
-var ResizableTable = _extensiontable.Table.extend({
+var ResizableTable = Table.extend({
   addOptions() {
     return {
-      ..._optionalChain([this, 'access', _3 => _3.parent, 'optionalCall', _4 => _4()]),
+      ...this.parent?.(),
       resizable: true
     };
   },
@@ -15208,8 +15208,8 @@ var ResizableTable = _extensiontable.Table.extend({
 });
 
 // src/components/tetrons/toolbar/extensions/Embed.ts
-
-var Embed = _core.Node.create({
+import { Node as Node12, mergeAttributes as mergeAttributes14 } from "@tiptap/core";
+var Embed = Node12.create({
   name: "embed",
   group: "block",
   atom: true,
@@ -15224,7 +15224,7 @@ var Embed = _core.Node.create({
     return [{ tag: "iframe[src]" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["iframe", _core.mergeAttributes.call(void 0, HTMLAttributes)];
+    return ["iframe", mergeAttributes14(HTMLAttributes)];
   },
   addCommands() {
     return {
@@ -15302,8 +15302,8 @@ var Embed = _core.Node.create({
 });
 
 // src/components/tetrons/toolbar/extensions/FontFamily.ts
-
-var FontFamily = _core.Mark.create({
+import { Mark as Mark10, mergeAttributes as mergeAttributes15 } from "@tiptap/core";
+var FontFamily = Mark10.create({
   name: "fontFamily",
   addAttributes() {
     return {
@@ -15321,7 +15321,7 @@ var FontFamily = _core.Mark.create({
     return [{ style: "font-family" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["span", _core.mergeAttributes.call(void 0, HTMLAttributes), 0];
+    return ["span", mergeAttributes15(HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -15331,8 +15331,8 @@ var FontFamily = _core.Mark.create({
 });
 
 // src/components/tetrons/toolbar/extensions/FontSize.ts
-
-var FontSize = _core.Mark.create({
+import { Mark as Mark11, mergeAttributes as mergeAttributes16 } from "@tiptap/core";
+var FontSize = Mark11.create({
   name: "fontSize",
   addAttributes() {
     return {
@@ -15350,7 +15350,7 @@ var FontSize = _core.Mark.create({
     return [{ style: "font-size" }];
   },
   renderHTML({ HTMLAttributes }) {
-    return ["span", _core.mergeAttributes.call(void 0, HTMLAttributes), 0];
+    return ["span", mergeAttributes16(HTMLAttributes), 0];
   },
   addCommands() {
     return {
@@ -15360,24 +15360,24 @@ var FontSize = _core.Mark.create({
 });
 
 // src/components/tetrons/ResizableImage.ts
-
-
+import Image from "@tiptap/extension-image";
+import { ReactNodeViewRenderer } from "@tiptap/react";
 
 // src/components/tetrons/ResizableImageComponent.tsx
-
-
+import React, { useRef, useEffect as useEffect2, useState as useState2 } from "react";
+import { NodeViewWrapper } from "@tiptap/react";
 var ResizableImageComponent = ({
   node,
   updateAttributes,
   selected
 }) => {
   const { src, alt, title, width, height } = node.attrs;
-  const defaultWidth = _nullishCoalesce(width, () => ( 300));
-  const defaultHeight = _nullishCoalesce(height, () => ( 200));
+  const defaultWidth = width ?? 300;
+  const defaultHeight = height ?? 200;
   const aspectRatio = defaultHeight > 0 ? defaultWidth / defaultHeight : 4 / 3;
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const [isResizing, setIsResizing] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
+  const wrapperRef = useRef(null);
+  const [isResizing, setIsResizing] = useState2(false);
+  useEffect2(() => {
     const handleMouseMove2 = (e) => {
       if (!isResizing || !wrapperRef.current) return;
       const rect = wrapperRef.current.getBoundingClientRect();
@@ -15402,8 +15402,8 @@ var ResizableImageComponent = ({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [isResizing, updateAttributes, aspectRatio]);
-  return /* @__PURE__ */ _react2.default.createElement(
-    _react3.NodeViewWrapper,
+  return /* @__PURE__ */ React.createElement(
+    NodeViewWrapper,
     {
       ref: wrapperRef,
       contentEditable: false,
@@ -15421,12 +15421,12 @@ var ResizableImageComponent = ({
         padding: 2
       }
     },
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "img",
       {
         src,
-        alt: _nullishCoalesce(alt, () => ( "")),
-        title: _nullishCoalesce(title, () => ( "")),
+        alt: alt ?? "",
+        title: title ?? "",
         loading: "lazy",
         style: {
           width: "100%",
@@ -15439,7 +15439,7 @@ var ResizableImageComponent = ({
         draggable: false
       }
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React.createElement(
       "div",
       {
         onMouseDown: (e) => {
@@ -15464,11 +15464,11 @@ var ResizableImageComponent = ({
 var ResizableImageComponent_default = ResizableImageComponent;
 
 // src/components/tetrons/ResizableImage.ts
-var ResizableImage = _extensionimage2.default.extend({
+var ResizableImage = Image.extend({
   name: "resizableImage",
   addAttributes() {
     return {
-      ..._optionalChain([this, 'access', _5 => _5.parent, 'optionalCall', _6 => _6()]),
+      ...this.parent?.(),
       width: { default: null },
       height: { default: null }
     };
@@ -15487,26 +15487,26 @@ var ResizableImage = _extensionimage2.default.extend({
     ];
   },
   addNodeView() {
-    return _react3.ReactNodeViewRenderer.call(void 0, ResizableImageComponent_default);
+    return ReactNodeViewRenderer(ResizableImageComponent_default);
   }
 });
 
 // src/components/tetrons/ResizableVideo.ts
-
-
+import { Node as Node13 } from "@tiptap/core";
+import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/tetrons/ResizableVideoComponent.tsx
-
-
+import React2, { useRef as useRef2, useEffect as useEffect3 } from "react";
+import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
 var ResizableVideoComponent = ({
   node,
   updateAttributes,
   selected
 }) => {
   const { src, controls, width, height } = node.attrs;
-  const wrapperRef = _react.useRef.call(void 0, null);
-  const videoRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const wrapperRef = useRef2(null);
+  const videoRef = useRef2(null);
+  useEffect3(() => {
     const video = videoRef.current;
     if (!video) return;
     const observer = new ResizeObserver(() => {
@@ -15517,8 +15517,8 @@ var ResizableVideoComponent = ({
     observer.observe(video);
     return () => observer.disconnect();
   }, [updateAttributes]);
-  return /* @__PURE__ */ _react2.default.createElement(
-    _react3.NodeViewWrapper,
+  return /* @__PURE__ */ React2.createElement(
+    NodeViewWrapper2,
     {
       ref: wrapperRef,
       contentEditable: false,
@@ -15531,7 +15531,7 @@ var ResizableVideoComponent = ({
         display: "inline-block"
       }
     },
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React2.createElement(
       "video",
       {
         ref: videoRef,
@@ -15548,7 +15548,7 @@ var ResizableVideoComponent = ({
 var ResizableVideoComponent_default = ResizableVideoComponent;
 
 // src/components/tetrons/ResizableVideo.ts
-var ResizableVideo = _core.Node.create({
+var ResizableVideo = Node13.create({
   name: "video",
   group: "block",
   draggable: true,
@@ -15590,15 +15590,15 @@ var ResizableVideo = _core.Node.create({
     };
   },
   addNodeView() {
-    return _react3.ReactNodeViewRenderer.call(void 0, ResizableVideoComponent_default);
+    return ReactNodeViewRenderer2(ResizableVideoComponent_default);
   }
 });
 
 // src/components/tetrons/toolbar/TableContextMenu.tsx
-
+import React3, { useEffect as useEffect4, useState as useState3 } from "react";
 function TableContextMenu({ editor }) {
-  const [menuPosition, setMenuPosition] = _react.useState.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const [menuPosition, setMenuPosition] = useState3(null);
+  useEffect4(() => {
     const handleContextMenu = (event) => {
       const target = event.target;
       if (target.closest("td") || target.closest("th")) {
@@ -15623,13 +15623,13 @@ function TableContextMenu({ editor }) {
   const deleteRow = () => editor.chain().focus().deleteRow().run();
   const deleteCol = () => editor.chain().focus().deleteColumn().run();
   if (!menuPosition) return null;
-  return /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "ul",
     {
       className: "absolute bg-white shadow border rounded text-sm z-50",
       style: { top: menuPosition.y, left: menuPosition.x }
     },
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15637,7 +15637,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Row Above"
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15645,7 +15645,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Row Below"
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15653,7 +15653,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Column Left"
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15661,7 +15661,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Column Right"
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-red-100 cursor-pointer",
@@ -15669,7 +15669,7 @@ function TableContextMenu({ editor }) {
       },
       "Delete Row"
     ),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-red-100 cursor-pointer",
@@ -15681,34 +15681,34 @@ function TableContextMenu({ editor }) {
 }
 
 // src/components/tetrons/toolbar/TetronsToolbar.tsx
-
+import React13, { useEffect as useEffect7, useState as useState8 } from "react";
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
-
-
-
-
-
-
-
-var _md = require('react-icons/md');
+import React5, { useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
+import {
+  MdZoomIn,
+  MdZoomOut,
+  MdPrint,
+  MdSave,
+  MdDownload
+} from "react-icons/md";
 
 // src/components/tetrons/toolbar/ToolbarButton.tsx
-
-var ToolbarButton = _react2.default.forwardRef(
+import React4 from "react";
+var ToolbarButton = React4.forwardRef(
   ({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
-    return /* @__PURE__ */ _react2.default.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "button",
       {
         type: "button",
         ref,
         onClick,
         disabled,
-        title: _nullishCoalesce(title, () => ( label)),
-        "aria-label": _nullishCoalesce(title, () => ( label)),
+        title: title ?? label,
+        "aria-label": title ?? label,
         className: `toolbar-button ${isActive ? "active" : ""}`
       },
-      /* @__PURE__ */ _react2.default.createElement(Icon, { size: 20 })
+      /* @__PURE__ */ React4.createElement(Icon, { size: 20 })
     );
   }
 );
@@ -15717,9 +15717,9 @@ var ToolbarButton_default = ToolbarButton;
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
 function ActionGroup({ editor }) {
-  const [dropdownOpen, setDropdownOpen] = _react.useState.call(void 0, false);
-  const dropdownRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
+  const [dropdownOpen, setDropdownOpen] = useState4(false);
+  const dropdownRef = useRef3(null);
+  useEffect5(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setDropdownOpen(false);
@@ -15797,7 +15797,7 @@ function ActionGroup({ editor }) {
     container.classList.add("p-4", "prose");
     document.body.appendChild(container);
     try {
-      const domToPdf = (await Promise.resolve().then(() => _interopRequireWildcard(require("dom-to-pdf")))).default;
+      const domToPdf = (await import("dom-to-pdf")).default;
       const options = {
         filename: "document.pdf",
         overrideWidth: 800,
@@ -15824,7 +15824,7 @@ function ActionGroup({ editor }) {
     document.body.removeChild(link);
   };
   const handleDownloadDOCX = async () => {
-    const { Document: Document2, Packer, Paragraph: Paragraph2 } = await Promise.resolve().then(() => _interopRequireWildcard(require("docx")));
+    const { Document: Document2, Packer, Paragraph: Paragraph2 } = await import("docx");
     const text = editor.getText();
     const doc3 = new Document2({
       sections: [
@@ -15842,7 +15842,7 @@ function ActionGroup({ editor }) {
     link.click();
     document.body.removeChild(link);
   };
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "action-group", role: "group", "aria-label": "Editor actions" }, /* @__PURE__ */ _react2.default.createElement(ToolbarButton_default, { icon: _md.MdZoomIn, onClick: zoomIn, title: "Zoom In" }), /* @__PURE__ */ _react2.default.createElement(ToolbarButton_default, { icon: _md.MdZoomOut, onClick: zoomOut, title: "Zoom Out" }), /* @__PURE__ */ _react2.default.createElement(ToolbarButton_default, { icon: _md.MdPrint, onClick: handlePrint, title: "Print" }), /* @__PURE__ */ _react2.default.createElement(ToolbarButton_default, { icon: _md.MdSave, onClick: handleSave, title: "Save" }), /* @__PURE__ */ _react2.default.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React5.createElement("div", { className: "action-group", role: "group", "aria-label": "Editor actions" }, /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomIn, onClick: zoomIn, title: "Zoom In" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdZoomOut, onClick: zoomOut, title: "Zoom Out" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdPrint, onClick: handlePrint, title: "Print" }), /* @__PURE__ */ React5.createElement(ToolbarButton_default, { icon: MdSave, onClick: handleSave, title: "Save" }), /* @__PURE__ */ React5.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -15852,9 +15852,9 @@ function ActionGroup({ editor }) {
       className: "export-button",
       title: "Export"
     },
-    /* @__PURE__ */ _react2.default.createElement(_md.MdDownload, null),
-    /* @__PURE__ */ _react2.default.createElement("span", { className: "text-sm" })
-  ), dropdownOpen && /* @__PURE__ */ _react2.default.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React5.createElement(MdDownload, null),
+    /* @__PURE__ */ React5.createElement("span", { className: "text-sm" })
+  ), dropdownOpen && /* @__PURE__ */ React5.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -15864,7 +15864,7 @@ function ActionGroup({ editor }) {
       }
     },
     "Export as PDF"
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -15874,7 +15874,7 @@ function ActionGroup({ editor }) {
       }
     },
     "Export as HTML"
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -15888,18 +15888,18 @@ function ActionGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/ClipboardGroup.tsx
-
-
-
-
-
-
-
+import {
+  MdContentPaste,
+  MdContentCut,
+  MdContentCopy,
+  MdFormatPaint
+} from "react-icons/md";
+import React6 from "react";
 function ClipboardGroup({ editor }) {
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "clipboard-group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: "clipboard-group" }, /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdContentPaste,
+      icon: MdContentPaste,
       title: "Paste",
       onClick: async () => {
         try {
@@ -15910,10 +15910,10 @@ function ClipboardGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdContentCut,
+      icon: MdContentCut,
       title: "Cut",
       onClick: () => {
         const { from: from2, to } = editor.state.selection;
@@ -15924,10 +15924,10 @@ function ClipboardGroup({ editor }) {
         });
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdContentCopy,
+      icon: MdContentCopy,
       title: "Copy",
       onClick: () => {
         const { from: from2, to } = editor.state.selection;
@@ -15936,10 +15936,10 @@ function ClipboardGroup({ editor }) {
         navigator.clipboard.writeText(selectedText);
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatPaint,
+      icon: MdFormatPaint,
       title: "Format Painter",
       onClick: () => {
         const currentMarks = editor.getAttributes("textStyle");
@@ -15950,34 +15950,34 @@ function ClipboardGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/FontStyleGroup.tsx
-
-
-
-
-
-
-
-
-
-
-var _im = require('react-icons/im');
-var _bi = require('react-icons/bi');
-
+import {
+  MdFormatBold,
+  MdFormatItalic,
+  MdFormatUnderlined,
+  MdStrikethroughS,
+  MdSubscript,
+  MdSuperscript,
+  MdFormatClear,
+  MdFormatPaint as MdFormatPaint2
+} from "react-icons/md";
+import { ImTextColor } from "react-icons/im";
+import { BiSolidColorFill } from "react-icons/bi";
+import React7, { useEffect as useEffect6, useState as useState5 } from "react";
 function FontStyleGroup({ editor }) {
-  const [textColor, setTextColor] = _react.useState.call(void 0, "#000000");
-  const [highlightColor, setHighlightColor] = _react.useState.call(void 0, "#ffff00");
-  const [fontFamily, setFontFamily] = _react.useState.call(void 0, "Arial");
-  const [fontSize, setFontSize] = _react.useState.call(void 0, "16px");
-  _react.useEffect.call(void 0, () => {
+  const [textColor, setTextColor] = useState5("#000000");
+  const [highlightColor, setHighlightColor] = useState5("#ffff00");
+  const [fontFamily, setFontFamily] = useState5("Arial");
+  const [fontSize, setFontSize] = useState5("16px");
+  useEffect6(() => {
     if (!editor) return;
     const updateStates = () => {
       const highlight = editor.getAttributes("highlight");
-      setHighlightColor(_optionalChain([highlight, 'optionalAccess', _7 => _7.color]) || "#ffff00");
-      const color = _optionalChain([editor, 'access', _8 => _8.getAttributes, 'call', _9 => _9("textStyle"), 'optionalAccess', _10 => _10.color]);
+      setHighlightColor(highlight?.color || "#ffff00");
+      const color = editor.getAttributes("textStyle")?.color;
       setTextColor(color || "#000000");
-      const fontAttr = _optionalChain([editor, 'access', _11 => _11.getAttributes, 'call', _12 => _12("fontFamily"), 'optionalAccess', _13 => _13.font]) || "Arial";
+      const fontAttr = editor.getAttributes("fontFamily")?.font || "Arial";
       setFontFamily(fontAttr);
-      const sizeAttr = _optionalChain([editor, 'access', _14 => _14.getAttributes, 'call', _15 => _15("fontSize"), 'optionalAccess', _16 => _16.size]) || "16px";
+      const sizeAttr = editor.getAttributes("fontSize")?.size || "16px";
       setFontSize(sizeAttr);
     };
     updateStates();
@@ -15988,7 +15988,7 @@ function FontStyleGroup({ editor }) {
       editor.off("transaction", updateStates);
     };
   }, [editor]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "font-style-group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: "font-style-group" }, /* @__PURE__ */ React7.createElement(
     "select",
     {
       title: "Font Family",
@@ -15999,12 +15999,12 @@ function FontStyleGroup({ editor }) {
         editor.chain().focus().setFontFamily(value).run();
       }
     },
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "Arial" }, "Arial"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "Georgia" }, "Georgia"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "Times New Roman" }, "Times New Roman"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "Courier New" }, "Courier New"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "Verdana" }, "Verdana")
-  ), /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React7.createElement("option", { value: "Arial" }, "Arial"),
+    /* @__PURE__ */ React7.createElement("option", { value: "Georgia" }, "Georgia"),
+    /* @__PURE__ */ React7.createElement("option", { value: "Times New Roman" }, "Times New Roman"),
+    /* @__PURE__ */ React7.createElement("option", { value: "Courier New" }, "Courier New"),
+    /* @__PURE__ */ React7.createElement("option", { value: "Verdana" }, "Verdana")
+  ), /* @__PURE__ */ React7.createElement(
     "select",
     {
       title: "Font Size",
@@ -16015,64 +16015,64 @@ function FontStyleGroup({ editor }) {
         editor.chain().focus().setFontSize(value).run();
       }
     },
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "12px" }, "12"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "14px" }, "14"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "16px" }, "16"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "18px" }, "18"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "24px" }, "24"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "36px" }, "36"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "48px" }, "48"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "64px" }, "64"),
-    /* @__PURE__ */ _react2.default.createElement("option", { value: "72px" }, "72")
-  ), /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React7.createElement("option", { value: "12px" }, "12"),
+    /* @__PURE__ */ React7.createElement("option", { value: "14px" }, "14"),
+    /* @__PURE__ */ React7.createElement("option", { value: "16px" }, "16"),
+    /* @__PURE__ */ React7.createElement("option", { value: "18px" }, "18"),
+    /* @__PURE__ */ React7.createElement("option", { value: "24px" }, "24"),
+    /* @__PURE__ */ React7.createElement("option", { value: "36px" }, "36"),
+    /* @__PURE__ */ React7.createElement("option", { value: "48px" }, "48"),
+    /* @__PURE__ */ React7.createElement("option", { value: "64px" }, "64"),
+    /* @__PURE__ */ React7.createElement("option", { value: "72px" }, "72")
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatBold,
+      icon: MdFormatBold,
       label: "Bold",
       onClick: () => editor.chain().focus().toggleBold().run(),
       isActive: editor.isActive("bold")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatItalic,
+      icon: MdFormatItalic,
       label: "Italic",
       onClick: () => editor.chain().focus().toggleItalic().run(),
       isActive: editor.isActive("italic")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatUnderlined,
+      icon: MdFormatUnderlined,
       label: "Underline",
       onClick: () => editor.chain().focus().toggleUnderline().run(),
       isActive: editor.isActive("underline")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdStrikethroughS,
+      icon: MdStrikethroughS,
       label: "Strikethrough",
       onClick: () => editor.chain().focus().toggleStrike().run(),
       isActive: editor.isActive("strike")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdSubscript,
+      icon: MdSubscript,
       label: "Subscript",
       onClick: () => editor.chain().focus().toggleSubscript().run(),
       isActive: editor.isActive("subscript")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdSuperscript,
+      icon: MdSuperscript,
       label: "Superscript",
       onClick: () => editor.chain().focus().toggleSuperscript().run(),
       isActive: editor.isActive("superscript")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     "label",
     {
       title: "Font Color",
@@ -16080,9 +16080,9 @@ function FontStyleGroup({ editor }) {
       className: "color-label",
       style: { "--indicator-color": textColor }
     },
-    /* @__PURE__ */ _react2.default.createElement(_im.ImTextColor, { size: 20 }),
-    /* @__PURE__ */ _react2.default.createElement("div", { className: "color-indicator" }),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React7.createElement(ImTextColor, { size: 20 }),
+    /* @__PURE__ */ React7.createElement("div", { className: "color-indicator" }),
+    /* @__PURE__ */ React7.createElement(
       "input",
       {
         type: "color",
@@ -16094,7 +16094,7 @@ function FontStyleGroup({ editor }) {
         }
       }
     )
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     "label",
     {
       title: "Highlight Color",
@@ -16102,9 +16102,9 @@ function FontStyleGroup({ editor }) {
       className: "color-label",
       style: { "--indicator-color": highlightColor }
     },
-    /* @__PURE__ */ _react2.default.createElement(_bi.BiSolidColorFill, { size: 20 }),
-    /* @__PURE__ */ _react2.default.createElement("div", { className: "color-indicator" }),
-    /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React7.createElement(BiSolidColorFill, { size: 20 }),
+    /* @__PURE__ */ React7.createElement("div", { className: "color-indicator" }),
+    /* @__PURE__ */ React7.createElement(
       "input",
       {
         type: "color",
@@ -16116,17 +16116,17 @@ function FontStyleGroup({ editor }) {
         }
       }
     )
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatClear,
+      icon: MdFormatClear,
       label: "Clear Formatting",
       onClick: () => editor.chain().focus().unsetAllMarks().run()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatPaint,
+      icon: MdFormatPaint2,
       label: "Apply Painter Format",
       onClick: () => {
         const format = JSON.parse(
@@ -16142,25 +16142,25 @@ function FontStyleGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/InsertGroup.tsx
-
-
-
-
-
-
-
-
-
-
-
-var _react5 = require('@emoji-mart/react'); var _react6 = _interopRequireDefault(_react5);
+import React8, { useRef as useRef4, useState as useState6 } from "react";
+import {
+  MdTableChart,
+  MdInsertPhoto,
+  MdInsertLink,
+  MdInsertComment,
+  MdInsertEmoticon,
+  MdHorizontalRule,
+  MdVideoLibrary,
+  MdOutlineOndemandVideo
+} from "react-icons/md";
+import Picker from "@emoji-mart/react";
 function InsertGroup({ editor }) {
-  const [showTableGrid, setShowTableGrid] = _react.useState.call(void 0, false);
-  const [selectedRows, setSelectedRows] = _react.useState.call(void 0, 1);
-  const [selectedCols, setSelectedCols] = _react.useState.call(void 0, 1);
-  const imageInputRef = _react.useRef.call(void 0, null);
-  const videoInputRef = _react.useRef.call(void 0, null);
-  const [showPicker, setShowPicker] = _react.useState.call(void 0, false);
+  const [showTableGrid, setShowTableGrid] = useState6(false);
+  const [selectedRows, setSelectedRows] = useState6(1);
+  const [selectedCols, setSelectedCols] = useState6(1);
+  const imageInputRef = useRef4(null);
+  const videoInputRef = useRef4(null);
+  const [showPicker, setShowPicker] = useState6(false);
   const addEmoji = (emoji) => {
     editor.chain().focus().insertContent(emoji.native).run();
     setShowPicker(false);
@@ -16180,7 +16180,7 @@ function InsertGroup({ editor }) {
     setSelectedCols(1);
   };
   const handleImageUpload = (e) => {
-    const file = _optionalChain([e, 'access', _17 => _17.target, 'access', _18 => _18.files, 'optionalAccess', _19 => _19[0]]);
+    const file = e.target.files?.[0];
     if (file) {
       const reader = new FileReader();
       reader.onload = () => {
@@ -16190,7 +16190,7 @@ function InsertGroup({ editor }) {
     }
   };
   const handleVideoUpload = (e) => {
-    const file = _optionalChain([e, 'access', _20 => _20.target, 'access', _21 => _21.files, 'optionalAccess', _22 => _22[0]]);
+    const file = e.target.files?.[0];
     if (file) {
       const reader = new FileReader();
       reader.onload = () => {
@@ -16225,11 +16225,11 @@ function InsertGroup({ editor }) {
         return url.replace("/maps/", "/maps/embed/");
       }
       return url;
-    } catch (e2) {
+    } catch {
       return url;
     }
   }
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "insert-group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React8.createElement("div", { className: "insert-group" }, /* @__PURE__ */ React8.createElement(
     "input",
     {
       type: "file",
@@ -16240,7 +16240,7 @@ function InsertGroup({ editor }) {
       "aria-label": "Upload Image",
       title: "Upload Image"
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     "input",
     {
       type: "file",
@@ -16251,23 +16251,23 @@ function InsertGroup({ editor }) {
       "aria-label": "Upload Video",
       title: "Upload Video"
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdTableChart,
+      icon: MdTableChart,
       label: "Insert Table",
       onClick: () => setShowTableGrid(!showTableGrid)
     }
-  ), showTableGrid && /* @__PURE__ */ _react2.default.createElement(
+  ), showTableGrid && /* @__PURE__ */ React8.createElement(
     "div",
     {
       className: "table-grid-popup",
       onMouseLeave: () => setShowTableGrid(false)
     },
-    /* @__PURE__ */ _react2.default.createElement("div", { className: "table-grid" }, [...Array(10)].map(
+    /* @__PURE__ */ React8.createElement("div", { className: "table-grid" }, [...Array(10)].map(
       (_, row) => [...Array(10)].map((_2, col) => {
         const isSelected = row < selectedRows && col < selectedCols;
-        return /* @__PURE__ */ _react2.default.createElement(
+        return /* @__PURE__ */ React8.createElement(
           "div",
           {
             key: `${row}-${col}`,
@@ -16278,25 +16278,25 @@ function InsertGroup({ editor }) {
         );
       })
     )),
-    /* @__PURE__ */ _react2.default.createElement("div", { className: "table-grid-label" }, selectedRows, " x ", selectedCols)
-  ), /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React8.createElement("div", { className: "table-grid-label" }, selectedRows, " x ", selectedCols)
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdInsertPhoto,
+      icon: MdInsertPhoto,
       label: "Insert Image",
-      onClick: () => _optionalChain([imageInputRef, 'access', _23 => _23.current, 'optionalAccess', _24 => _24.click, 'call', _25 => _25()])
+      onClick: () => imageInputRef.current?.click()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdVideoLibrary,
+      icon: MdVideoLibrary,
       label: "Insert Video",
-      onClick: () => _optionalChain([videoInputRef, 'access', _26 => _26.current, 'optionalAccess', _27 => _27.click, 'call', _28 => _28()])
+      onClick: () => videoInputRef.current?.click()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdInsertLink,
+      icon: MdInsertLink,
       label: "Insert Link",
       onClick: () => {
         const url = prompt("Enter URL");
@@ -16305,10 +16305,10 @@ function InsertGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdInsertComment,
+      icon: MdInsertComment,
       label: "Insert Comment",
       onClick: () => {
         const comment = prompt("Enter your comment");
@@ -16319,15 +16319,15 @@ function InsertGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ _react2.default.createElement("div", { className: "relative" }, /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement("div", { className: "relative" }, /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdInsertEmoticon,
+      icon: MdInsertEmoticon,
       label: "Emoji",
       onClick: () => setShowPicker(!showPicker)
     }
-  ), showPicker && /* @__PURE__ */ _react2.default.createElement("div", { className: "emoji-picker" }, /* @__PURE__ */ _react2.default.createElement(
-    _react6.default,
+  ), showPicker && /* @__PURE__ */ React8.createElement("div", { className: "emoji-picker" }, /* @__PURE__ */ React8.createElement(
+    Picker,
     {
       onEmojiSelect: addEmoji,
       theme: "auto",
@@ -16336,17 +16336,17 @@ function InsertGroup({ editor }) {
       showSkinTones: true,
       emojiTooltip: true
     }
-  ))), /* @__PURE__ */ _react2.default.createElement(
+  ))), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdHorizontalRule,
+      icon: MdHorizontalRule,
       label: "Horizontal Line",
       onClick: () => editor.chain().focus().setHorizontalRule().run()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdOutlineOndemandVideo,
+      icon: MdOutlineOndemandVideo,
       label: "Embed",
       onClick: () => {
         const url = prompt(
@@ -16367,78 +16367,78 @@ function InsertGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/ListAlignGroup.tsx
-
-
-
-
-
-
-
-
-
-
-
+import React9 from "react";
+import {
+  MdFormatListBulleted,
+  MdFormatListNumbered,
+  MdFormatIndentDecrease,
+  MdFormatIndentIncrease,
+  MdFormatAlignLeft,
+  MdFormatAlignCenter,
+  MdFormatAlignRight,
+  MdFormatAlignJustify
+} from "react-icons/md";
 function ListAlignGroup({ editor }) {
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React9.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatListBulleted,
+      icon: MdFormatListBulleted,
       title: "Bulleted List",
       onClick: () => editor.chain().focus().toggleBulletList().run(),
       disabled: !editor.can().toggleBulletList()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatListNumbered,
+      icon: MdFormatListNumbered,
       title: "Numbered List",
       onClick: () => editor.chain().focus().toggleOrderedList().run(),
       disabled: !editor.can().toggleOrderedList()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatIndentIncrease,
+      icon: MdFormatIndentIncrease,
       title: "Increase Indent",
       onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
       disabled: !editor.can().sinkListItem("listItem")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatIndentDecrease,
+      icon: MdFormatIndentDecrease,
       title: "Decrease Indent",
       onClick: () => editor.chain().focus().liftListItem("listItem").run(),
       disabled: !editor.can().liftListItem("listItem")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatAlignLeft,
+      icon: MdFormatAlignLeft,
       title: "Align Left",
       onClick: () => editor.chain().focus().setTextAlign("left").run(),
       disabled: !editor.can().setTextAlign("left")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatAlignCenter,
+      icon: MdFormatAlignCenter,
       title: "Align Center",
       onClick: () => editor.chain().focus().setTextAlign("center").run(),
       disabled: !editor.can().setTextAlign("center")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatAlignRight,
+      icon: MdFormatAlignRight,
       title: "Align Right",
       onClick: () => editor.chain().focus().setTextAlign("right").run(),
       disabled: !editor.can().setTextAlign("right")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdFormatAlignJustify,
+      icon: MdFormatAlignJustify,
       title: "Justify",
       onClick: () => editor.chain().focus().setTextAlign("justify").run(),
       disabled: !editor.can().setTextAlign("justify")
@@ -16447,15 +16447,15 @@ function ListAlignGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/MiscGroup.tsx
-
-
-
-
-
-
-
-
-
+import React10 from "react";
+import {
+  MdUndo,
+  MdRedo,
+  MdRefresh,
+  MdVisibility,
+  MdCode,
+  MdSpellcheck
+} from "react-icons/md";
 
 // src/utils/checkGrammar.ts
 async function checkGrammar(text) {
@@ -16520,48 +16520,48 @@ Reason: ${issue.message}
       alert("\u274C Failed to check grammar. Please try again later.");
     }
   };
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "misc-group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React10.createElement("div", { className: "misc-group" }, /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdUndo,
+      icon: MdUndo,
       label: "Undo",
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdRedo,
+      icon: MdRedo,
       label: "Redo",
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdRefresh,
+      icon: MdRefresh,
       label: "Reset Formatting",
       onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run()
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdCode,
+      icon: MdCode,
       label: "Toggle Code Block",
       onClick: () => editor.chain().focus().toggleCodeBlock().run(),
       isActive: editor.isActive("codeBlock")
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdVisibility,
+      icon: MdVisibility,
       label: "Preview",
       onClick: handlePreview
     }
-  ), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
-      icon: _md.MdSpellcheck,
+      icon: MdSpellcheck,
       label: "Check Grammar",
       onClick: handleGrammarCheck
     }
@@ -16569,11 +16569,11 @@ Reason: ${issue.message}
 }
 
 // src/components/tetrons/toolbar/FileGroup.tsx
-var _fa = require('react-icons/fa');
-var _vsc = require('react-icons/vsc');
-
+import { FaRegFolderOpen } from "react-icons/fa";
+import { VscNewFile } from "react-icons/vsc";
+import React11, { useRef as useRef5 } from "react";
 function FileGroup({ editor }) {
-  const fileInputRef = _react.useRef.call(void 0, null);
+  const fileInputRef = useRef5(null);
   const handleNew = () => {
     if (confirm(
       "Are you sure you want to create a new document? Unsaved changes will be lost."
@@ -16582,10 +16582,10 @@ function FileGroup({ editor }) {
     }
   };
   const handleOpen = () => {
-    _optionalChain([fileInputRef, 'access', _29 => _29.current, 'optionalAccess', _30 => _30.click, 'call', _31 => _31()]);
+    fileInputRef.current?.click();
   };
   const handleFileChange = async (e) => {
-    const file = _optionalChain([e, 'access', _32 => _32.target, 'access', _33 => _33.files, 'optionalAccess', _34 => _34[0]]);
+    const file = e.target.files?.[0];
     if (!file) return;
     try {
       const text = await file.text();
@@ -16600,7 +16600,7 @@ function FileGroup({ editor }) {
       e.target.value = "";
     }
   };
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "file-group", role: "group", "aria-label": "File actions" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React11.createElement("div", { className: "file-group", role: "group", "aria-label": "File actions" }, /* @__PURE__ */ React11.createElement(
     "input",
     {
       type: "file",
@@ -16610,10 +16610,10 @@ function FileGroup({ editor }) {
       className: "hidden",
       "aria-label": "Open JSON file"
     }
-  ), /* @__PURE__ */ _react2.default.createElement(ToolbarButton_default, { icon: _vsc.VscNewFile, onClick: handleNew, title: "New" }), /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React11.createElement(ToolbarButton_default, { icon: VscNewFile, onClick: handleNew, title: "New" }), /* @__PURE__ */ React11.createElement(
     ToolbarButton_default,
     {
-      icon: _fa.FaRegFolderOpen,
+      icon: FaRegFolderOpen,
       onClick: handleOpen,
       title: "Open File"
     }
@@ -16621,21 +16621,21 @@ function FileGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/AIGroup.tsx
-
-
-var _loaders = require('@uiball/loaders');
-var _framermotion = require('framer-motion');
+import React12, { useState as useState7, useRef as useRef6 } from "react";
+import { FaMicrophone, FaStop } from "react-icons/fa";
+import { Waveform } from "@uiball/loaders";
+import { motion, AnimatePresence } from "framer-motion";
 function AiGroup({ editor }) {
-  const [isRecording, setIsRecording] = _react.useState.call(void 0, false);
-  const [audioBlob, setAudioBlob] = _react.useState.call(void 0, null);
-  const [isTranscribing, setIsTranscribing] = _react.useState.call(void 0, false);
-  const [transcriptionError, setTranscriptionError] = _react.useState.call(void 0, "");
-  const [showPromptInput, setShowPromptInput] = _react.useState.call(void 0, false);
-  const [prompt2, setPrompt] = _react.useState.call(void 0, "");
-  const [isLoadingAI, setIsLoadingAI] = _react.useState.call(void 0, false);
-  const [aiError, setAiError] = _react.useState.call(void 0, "");
-  const mediaRecorderRef = _react.useRef.call(void 0, null);
-  const chunksRef = _react.useRef.call(void 0, []);
+  const [isRecording, setIsRecording] = useState7(false);
+  const [audioBlob, setAudioBlob] = useState7(null);
+  const [isTranscribing, setIsTranscribing] = useState7(false);
+  const [transcriptionError, setTranscriptionError] = useState7("");
+  const [showPromptInput, setShowPromptInput] = useState7(false);
+  const [prompt2, setPrompt] = useState7("");
+  const [isLoadingAI, setIsLoadingAI] = useState7(false);
+  const [aiError, setAiError] = useState7("");
+  const mediaRecorderRef = useRef6(null);
+  const chunksRef = useRef6([]);
   const startRecording = async () => {
     setTranscriptionError("");
     setAudioBlob(null);
@@ -16655,7 +16655,7 @@ function AiGroup({ editor }) {
     setIsRecording(true);
   };
   const stopRecording = () => {
-    _optionalChain([mediaRecorderRef, 'access', _35 => _35.current, 'optionalAccess', _36 => _36.stop, 'call', _37 => _37()]);
+    mediaRecorderRef.current?.stop();
     setIsRecording(false);
   };
   const transcribeAudio = async (blob) => {
@@ -16708,7 +16708,7 @@ function AiGroup({ editor }) {
       setIsLoadingAI(false);
     }
   };
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "group relative space-y-3" }, /* @__PURE__ */ _react2.default.createElement("div", { className: "flex gap-2 items-center" }, !isRecording ? /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React12.createElement("div", { className: "group relative space-y-3" }, /* @__PURE__ */ React12.createElement("div", { className: "flex gap-2 items-center" }, !isRecording ? /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -16716,8 +16716,8 @@ function AiGroup({ editor }) {
       className: "icon-btn",
       title: "Start Voice Input"
     },
-    /* @__PURE__ */ _react2.default.createElement(_fa.FaMicrophone, { size: 18 })
-  ) : /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React12.createElement(FaMicrophone, { size: 18 })
+  ) : /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -16725,8 +16725,8 @@ function AiGroup({ editor }) {
       className: "icon-btn stop-btn",
       title: "Stop Recording"
     },
-    /* @__PURE__ */ _react2.default.createElement(_fa.FaStop, { size: 18 })
-  ), /* @__PURE__ */ _react2.default.createElement(
+    /* @__PURE__ */ React12.createElement(FaStop, { size: 18 })
+  ), /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -16735,24 +16735,24 @@ function AiGroup({ editor }) {
       title: "AI Assist"
     },
     "AI"
-  )), isRecording && /* @__PURE__ */ _react2.default.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ _react2.default.createElement(_loaders.Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ _react2.default.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ _react2.default.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ _react2.default.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ _react2.default.createElement("div", { className: "mt-2" }, /* @__PURE__ */ _react2.default.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ _react2.default.createElement(_framermotion.AnimatePresence, null, showPromptInput && /* @__PURE__ */ _react2.default.createElement(
-    _framermotion.motion.div,
+  )), isRecording && /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React12.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React12.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React12.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React12.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React12.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ React12.createElement(AnimatePresence, null, showPromptInput && /* @__PURE__ */ React12.createElement(
+    motion.div,
     {
       className: "ai-modal-backdrop",
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       exit: { opacity: 0 }
     },
-    /* @__PURE__ */ _react2.default.createElement(
-      _framermotion.motion.div,
+    /* @__PURE__ */ React12.createElement(
+      motion.div,
       {
         className: "ai-modal-content",
         initial: { scale: 0.9, opacity: 0 },
         animate: { scale: 1, opacity: 1 },
         exit: { scale: 0.9, opacity: 0 }
       },
-      /* @__PURE__ */ _react2.default.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
-      /* @__PURE__ */ _react2.default.createElement(
+      /* @__PURE__ */ React12.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
+      /* @__PURE__ */ React12.createElement(
         "textarea",
         {
           className: "ai-modal-textarea",
@@ -16761,15 +16761,15 @@ function AiGroup({ editor }) {
           placeholder: "Enter your prompt here..."
         }
       ),
-      aiError && /* @__PURE__ */ _react2.default.createElement("p", { className: "ai-modal-error" }, aiError),
-      /* @__PURE__ */ _react2.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ _react2.default.createElement(
+      aiError && /* @__PURE__ */ React12.createElement("p", { className: "ai-modal-error" }, aiError),
+      /* @__PURE__ */ React12.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React12.createElement(
         "button",
         {
           onClick: () => setShowPromptInput(false),
           className: "ai-cancel-btn"
         },
         "Cancel"
-      ), /* @__PURE__ */ _react2.default.createElement(
+      ), /* @__PURE__ */ React12.createElement(
         "button",
         {
           onClick: handlePromptSubmit,
@@ -16787,8 +16787,8 @@ function TetronsToolbar({
   editor,
   version
 }) {
-  const [autoSave, setAutoSave] = _react.useState.call(void 0, false);
-  _react.useEffect.call(void 0, () => {
+  const [autoSave, setAutoSave] = useState8(false);
+  useEffect7(() => {
     if (!editor) return;
     const handleUpdate = () => {
       if (!autoSave) return;
@@ -16804,7 +16804,7 @@ function TetronsToolbar({
       editor.off("update", handleUpdate);
     };
   }, [autoSave, editor]);
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ _react2.default.createElement("div", { className: "group" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ React13.createElement("div", { className: "group" }, /* @__PURE__ */ React13.createElement(
     "input",
     {
       type: "checkbox",
@@ -16812,34 +16812,34 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ _react2.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ _react2.default.createElement(FileGroup, { editor }), /* @__PURE__ */ _react2.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ _react2.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ _react2.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ _react2.default.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(MiscGroup, { editor }), /* @__PURE__ */ _react2.default.createElement(AiGroup, { editor })));
+  ), /* @__PURE__ */ React13.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React13.createElement(FileGroup, { editor }), /* @__PURE__ */ React13.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React13.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React13.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(InsertGroup, { editor }), /* @__PURE__ */ React13.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(MiscGroup, { editor }), /* @__PURE__ */ React13.createElement(AiGroup, { editor })));
 }
 
 // src/components/tetrons/EditorContent.tsx
-var lowlight = _lowlight.createLowlight.call(void 0, );
+var lowlight = createLowlight();
 lowlight.register("js", javascript);
 lowlight.register("ts", typescript);
 function EditorContent({ apiKey }) {
   const typo = useTypo();
-  const [isValid, setIsValid] = _react.useState.call(void 0, null);
-  const [error, setError] = _react.useState.call(void 0, null);
-  const [versions, setVersions] = _react.useState.call(void 0, []);
-  const [userVersion, setUserVersion] = _react.useState.call(void 0, null);
-  const [currentVersionIndex, setCurrentVersionIndex] = _react.useState.call(void 0, 
+  const [isValid, setIsValid] = useState9(null);
+  const [error, setError] = useState9(null);
+  const [versions, setVersions] = useState9([]);
+  const [userVersion, setUserVersion] = useState9(null);
+  const [currentVersionIndex, setCurrentVersionIndex] = useState9(
     null
   );
-  const wrapperRef = _react.useRef.call(void 0, null);
+  const wrapperRef = useRef7(null);
   function getApiBaseUrl() {
-    if (typeof import.meta !== "undefined" && _optionalChain([import.meta, 'access', _38 => _38.env, 'optionalAccess', _39 => _39.VITE_TETRONS_API_URL])) {
+    if (typeof import.meta !== "undefined" && import.meta.env?.VITE_TETRONS_API_URL) {
       return import.meta.env.VITE_TETRONS_API_URL;
     }
-    if (typeof process !== "undefined" && _optionalChain([process, 'access', _40 => _40.env, 'optionalAccess', _41 => _41.NEXT_PUBLIC_TETRONS_API_URL])) {
+    if (typeof process !== "undefined" && process.env?.NEXT_PUBLIC_TETRONS_API_URL) {
       return process.env.NEXT_PUBLIC_TETRONS_API_URL;
     }
     return "https://staging.tetrons.com";
   }
   const API_BASE_URL = getApiBaseUrl();
-  _react.useEffect.call(void 0, () => {
+  useEffect8(() => {
     const validateKey = async () => {
       try {
         const res = await fetch(`${API_BASE_URL}/api/validate`, {
@@ -16860,7 +16860,7 @@ function EditorContent({ apiKey }) {
     };
     validateKey();
   }, [apiKey, API_BASE_URL]);
-  const editor = _react3.useEditor.call(void 0, {
+  const editor = useEditor({
     extensions: [
       Document,
       Paragraph,
@@ -16868,39 +16868,39 @@ function EditorContent({ apiKey }) {
       History,
       Bold,
       Italic,
-      _extensionunderline2.default,
+      Underline,
       Strike,
       Code,
       Blockquote,
       HardBreak,
       Heading.configure({ levels: [1, 2, 3, 4, 5, 6] }),
       HorizontalRule,
-      _extensiontextstyle2.default,
-      _extensioncolor2.default,
-      _extensionhighlight2.default.configure({ multicolor: true }),
+      TextStyle,
+      Color,
+      Highlight.configure({ multicolor: true }),
       FontFamily,
       FontSize,
-      _extensiontextalign2.default.configure({ types: ["heading", "paragraph"] }),
+      TextAlign.configure({ types: ["heading", "paragraph"] }),
       ListItem,
       BulletList,
       OrderedList,
       Subscript,
       Superscript,
-      _extensionimage2.default,
-      _extensionlink2.default.configure({
+      Image2,
+      Link.configure({
         openOnClick: false,
         autolink: true,
         linkOnPaste: true
       }),
       ResizableTable.configure({ resizable: true }),
-      _extensiontablerow2.default,
-      _extensiontablecell2.default,
-      _extensiontableheader2.default,
+      TableRow,
+      TableCell,
+      TableHeader,
       Embed,
       ResizableImage,
       ResizableVideo,
       Comment,
-      _extensioncodeblocklowlight2.default.configure({
+      CodeBlockLowlight.configure({
         lowlight,
         HTMLAttributes: {
           class: "bg-gray-100 p-2 rounded font-mono text-sm overflow-auto"
@@ -16921,9 +16921,9 @@ function EditorContent({ apiKey }) {
     },
     immediatelyRender: false
   });
-  _react.useEffect.call(void 0, () => {
+  useEffect8(() => {
     return () => {
-      _optionalChain([editor, 'optionalAccess', _42 => _42.destroy, 'call', _43 => _43()]);
+      editor?.destroy();
     };
   }, [editor]);
   const handleEditorClick = () => {
@@ -16946,15 +16946,15 @@ function EditorContent({ apiKey }) {
     }
   };
   if (isValid === false) {
-    return /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
+    return /* @__PURE__ */ React14.createElement("div", { className: "editor-error" }, "\u26A0\uFE0F ", error);
   }
   if (isValid === null) {
-    return /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
+    return /* @__PURE__ */ React14.createElement("div", { className: "editor-loading" }, "\u{1F50D} Validating license...");
   }
   if (!typo) {
-    return /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
+    return /* @__PURE__ */ React14.createElement("div", { className: "editor-loading" }, "\u{1F4D6} Loading dictionary...");
   }
-  return /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ _react2.default.createElement(
+  return /* @__PURE__ */ React14.createElement("div", { className: "editor-container" }, userVersion !== "free" && /* @__PURE__ */ React14.createElement("div", { className: "editor-toolbar" }, /* @__PURE__ */ React14.createElement(
     "button",
     {
       type: "button",
@@ -16963,7 +16963,7 @@ function EditorContent({ apiKey }) {
       className: "editor-save-btn"
     },
     "Save Version"
-  ), /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ _react2.default.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ _react2.default.createElement(
+  ), /* @__PURE__ */ React14.createElement("div", { className: "editor-versions-wrapper" }, versions.length === 0 ? /* @__PURE__ */ React14.createElement("span", { className: "editor-no-versions" }, "No saved versions") : versions.map((_, idx) => /* @__PURE__ */ React14.createElement(
     "button",
     {
       key: idx,
@@ -16973,14 +16973,14 @@ function EditorContent({ apiKey }) {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && userVersion && /* @__PURE__ */ _react2.default.createElement(TetronsToolbar, { editor, version: userVersion }), /* @__PURE__ */ _react2.default.createElement(
+  )))), editor && userVersion && /* @__PURE__ */ React14.createElement(TetronsToolbar, { editor, version: userVersion }), /* @__PURE__ */ React14.createElement(
     "div",
     {
       ref: wrapperRef,
       className: "editor-content-wrapper",
       onClick: handleEditorClick
     },
-    editor ? /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(_react3.EditorContent, { editor }), /* @__PURE__ */ _react2.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ _react2.default.createElement("div", { className: "editor-loading" }, "Loading editor...")
+    editor ? /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(TiptapEditorContent, { editor }), /* @__PURE__ */ React14.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ React14.createElement("div", { className: "editor-loading" }, "Loading editor...")
   ));
 }
 
@@ -17000,8 +17000,8 @@ function getInstallDateKey() {
 async function getOrCreateInstallDate() {
   const key = getInstallDateKey();
   if (isNode) {
-    const fs = await Promise.resolve().then(() => _interopRequireWildcard(require("fs")));
-    const path = await Promise.resolve().then(() => _interopRequireWildcard(require("path")));
+    const fs = await import("fs");
+    const path = await import("path");
     const usagePath = path.join(process.cwd(), ".tetrons-usage.json");
     if (fs.existsSync(usagePath)) {
       const data = JSON.parse(fs.readFileSync(usagePath, "utf-8"));
@@ -17069,11 +17069,11 @@ async function getTetronsRemainingDays() {
   return getRemainingDays(installedAt, validityDays);
 }
 var index_default = EditorContent;
-
-
-
-
-
-
-
-exports.EditorContent = EditorContent; exports.default = index_default; exports.getTetronsRemainingDays = getTetronsRemainingDays; exports.getTetronsVersion = getTetronsVersion; exports.initializeTetrons = initializeTetrons; exports.isApiKeyValid = isApiKeyValid;
+export {
+  EditorContent,
+  index_default as default,
+  getTetronsRemainingDays,
+  getTetronsVersion,
+  initializeTetrons,
+  isApiKeyValid
+};