tetrons 2.1.6 → 2.1.7

package/dist/index.js

@@ -1,39 +1,10 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -64,6 +35,9 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/components/tetrons/EditorContent.tsx
+var import_react15 = __toESM(require("react"));
+
 // node_modules/orderedmap/dist/index.js
 function OrderedMap(content) {
   this.content = content;
@@ -8640,7 +8614,8 @@ function createChainableState(config) {
   let { selection } = transaction;
   let { doc: doc3 } = transaction;
   let { storedMarks } = transaction;
-  return __spreadProps(__spreadValues({}, state), {
+  return {
+    ...state,
     apply: state.apply.bind(state),
     applyTransaction: state.applyTransaction.bind(state),
     plugins: state.plugins,
@@ -8662,7 +8637,7 @@ function createChainableState(config) {
       storedMarks = transaction.storedMarks;
       return transaction;
     }
-  });
+  };
 }
 var CommandManager = class {
   constructor(props) {
@@ -8710,17 +8685,18 @@ var CommandManager = class {
       }
       return callbacks.every((callback) => callback === true);
     };
-    const chain = __spreadProps(__spreadValues({}, Object.fromEntries(Object.entries(rawCommands).map(([name, command2]) => {
-      const chainedCommand = (...args) => {
-        const props = this.buildProps(tr, shouldDispatch);
-        const callback = command2(...args)(props);
-        callbacks.push(callback);
-        return chain;
-      };
-      return [name, chainedCommand];
-    }))), {
+    const chain = {
+      ...Object.fromEntries(Object.entries(rawCommands).map(([name, command2]) => {
+        const chainedCommand = (...args) => {
+          const props = this.buildProps(tr, shouldDispatch);
+          const callback = command2(...args)(props);
+          callbacks.push(callback);
+          return chain;
+        };
+        return [name, chainedCommand];
+      })),
       run
-    });
+    };
     return chain;
   }
   createCan(startTr) {
@@ -8729,11 +8705,12 @@ var CommandManager = class {
     const tr = startTr || state.tr;
     const props = this.buildProps(tr, dispatch);
     const formattedCommands = Object.fromEntries(Object.entries(rawCommands).map(([name, command2]) => {
-      return [name, (...args) => command2(...args)(__spreadProps(__spreadValues({}, props), { dispatch: void 0 }))];
+      return [name, (...args) => command2(...args)({ ...props, dispatch: void 0 })];
     }));
-    return __spreadProps(__spreadValues({}, formattedCommands), {
+    return {
+      ...formattedCommands,
       chain: () => this.createChain(tr, dispatch)
-    });
+    };
   }
   buildProps(tr, shouldDispatch = true) {
     const { rawCommands, editor, state } = this;
@@ -8763,9 +8740,10 @@ function getExtensionField(extension, field, context) {
     return getExtensionField(extension.parent, field, context);
   }
   if (typeof extension.config[field] === "function") {
-    const value = extension.config[field].bind(__spreadProps(__spreadValues({}, context), {
+    const value = extension.config[field].bind({
+      ...context,
       parent: extension.parent ? getExtensionField(extension.parent, field, context) : null
-    }));
+    });
     return value;
   }
   return extension.config[field];
@@ -8791,7 +8769,7 @@ function getNodeType(nameOrType, schema) {
 }
 function mergeAttributes(...objects) {
   return objects.filter((item) => !!item).reduce((items, item) => {
-    const mergedAttributes = __spreadValues({}, items);
+    const mergedAttributes = { ...items };
     Object.entries(item).forEach(([key, value]) => {
       const exists = mergedAttributes[key];
       if (!exists) {
@@ -8854,7 +8832,7 @@ function isPlainObject(value) {
   return value.constructor === Object && Object.getPrototypeOf(value) === Object.prototype;
 }
 function mergeDeep(target, source) {
-  const output = __spreadValues({}, target);
+  const output = { ...target };
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach((key) => {
       if (isPlainObject(source[key]) && isPlainObject(target[key])) {
@@ -8876,7 +8854,10 @@ var Mark2 = class _Mark {
       name: this.name,
       defaultOptions: {}
     };
-    this.config = __spreadValues(__spreadValues({}, this.config), config);
+    this.config = {
+      ...this.config,
+      ...config
+    };
     this.name = this.config.name;
     if (config.defaultOptions && Object.keys(config.defaultOptions).length > 0) {
       console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`);
@@ -8896,11 +8877,12 @@ var Mark2 = class _Mark {
     return new _Mark(config);
   }
   configure(options = {}) {
-    const extension = this.extend(__spreadProps(__spreadValues({}, this.config), {
+    const extension = this.extend({
+      ...this.config,
       addOptions: () => {
         return mergeDeep(this.options, options);
       }
-    }));
+    });
     extension.name = this.name;
     extension.parent = this.parent;
     return extension;
@@ -8959,7 +8941,10 @@ var Extension = class _Extension {
       name: this.name,
       defaultOptions: {}
     };
-    this.config = __spreadValues(__spreadValues({}, this.config), config);
+    this.config = {
+      ...this.config,
+      ...config
+    };
     this.name = this.config.name;
     if (config.defaultOptions && Object.keys(config.defaultOptions).length > 0) {
       console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`);
@@ -8979,17 +8964,18 @@ var Extension = class _Extension {
     return new _Extension(config);
   }
   configure(options = {}) {
-    const extension = this.extend(__spreadProps(__spreadValues({}, this.config), {
+    const extension = this.extend({
+      ...this.config,
       addOptions: () => {
         return mergeDeep(this.options, options);
       }
-    }));
+    });
     extension.name = this.name;
     extension.parent = this.parent;
     return extension;
   }
   extend(extendedConfig = {}) {
-    const extension = new _Extension(__spreadValues(__spreadValues({}, this.config), extendedConfig));
+    const extension = new _Extension({ ...this.config, ...extendedConfig });
     extension.parent = this;
     this.child = extension;
     extension.name = extendedConfig.name ? extendedConfig.name : extension.parent.name;
@@ -9058,9 +9044,10 @@ var ClipboardTextSerializer = Extension.create({
             const to = Math.max(...ranges.map((range2) => range2.$to.pos));
             const textSerializers = getTextSerializersFromSchema(schema);
             const range = { from: from2, to };
-            return getTextBetween(doc3, range, __spreadProps(__spreadValues({}, this.options.blockSeparator !== void 0 ? { blockSeparator: this.options.blockSeparator } : {}), {
+            return getTextBetween(doc3, range, {
+              ...this.options.blockSeparator !== void 0 ? { blockSeparator: this.options.blockSeparator } : {},
               textSerializers
-            }));
+            });
           }
         }
       })
@@ -9308,9 +9295,10 @@ function isiOS() {
   ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
 }
 var focus = (position = null, options = {}) => ({ editor, view, tr, dispatch }) => {
-  options = __spreadValues({
-    scrollIntoView: true
-  }, options);
+  options = {
+    scrollIntoView: true,
+    ...options
+  };
   const delayedFocus = () => {
     if (isiOS() || isAndroid()) {
       view.dom.focus();
@@ -9345,7 +9333,7 @@ var focus = (position = null, options = {}) => ({ editor, view, tr, dispatch })
   return true;
 };
 var forEach = (items, fn) => (props) => {
-  return items.every((item, index) => fn(item, __spreadProps(__spreadValues({}, props), { index })));
+  return items.every((item, index) => fn(item, { ...props, index }));
 };
 var insertContent = (value, options) => ({ tr, commands: commands2 }) => {
   return commands2.insertContentAt({ from: tr.selection.from, to: tr.selection.to }, value, options);
@@ -9371,10 +9359,11 @@ function createNodeFromContent(content, schema, options) {
   if (content instanceof Node || content instanceof Fragment) {
     return content;
   }
-  options = __spreadValues({
+  options = {
     slice: true,
-    parseOptions: {}
-  }, options);
+    parseOptions: {},
+    ...options
+  };
   const isJSONContent = typeof content === "object" && content !== null;
   const isTextContent = typeof content === "string";
   if (isJSONContent) {
@@ -9463,18 +9452,20 @@ var isFragment = (nodeOrFragment) => {
 var insertContentAt = (position, value, options) => ({ tr, dispatch, editor }) => {
   var _a;
   if (dispatch) {
-    options = __spreadValues({
+    options = {
       parseOptions: editor.options.parseOptions,
       updateSelection: true,
       applyInputRules: false,
-      applyPasteRules: false
-    }, options);
+      applyPasteRules: false,
+      ...options
+    };
     let content;
     try {
       content = createNodeFromContent(value, editor.schema, {
-        parseOptions: __spreadValues({
-          preserveWhitespace: "full"
-        }, options.parseOptions),
+        parseOptions: {
+          preserveWhitespace: "full",
+          ...options.parseOptions
+        },
         errorOnInvalidContent: (_a = options.errorOnInvalidContent) !== null && _a !== void 0 ? _a : editor.options.enableContentCheck
       });
     } catch (e) {
@@ -9563,7 +9554,7 @@ var joinItemBackward = () => ({ state, dispatch, tr }) => {
       dispatch(tr);
     }
     return true;
-  } catch (e) {
+  } catch {
     return false;
   }
 };
@@ -9578,7 +9569,7 @@ var joinItemForward = () => ({ state, dispatch, tr }) => {
       dispatch(tr);
     }
     return true;
-  } catch (e) {
+  } catch {
     return false;
   }
 };
@@ -9827,7 +9818,7 @@ function getMarkAttributes(state, typeOrName) {
   if (!mark) {
     return {};
   }
-  return __spreadValues({}, mark.attrs);
+  return { ...mark.attrs };
 }
 function defaultBlockAt2(match) {
   for (let i = 0; i < match.edgeCount; i += 1) {
@@ -9863,9 +9854,10 @@ function getMarksBetween(from2, to, doc3) {
       if (!range) {
         return;
       }
-      marks.push(__spreadValues({
-        mark
-      }, range));
+      marks.push({
+        mark,
+        ...range
+      });
     });
   } else {
     doc3.nodesBetween(from2, to, (node, pos) => {
@@ -10029,7 +10021,10 @@ var setMark = (typeOrName, attributes = {}) => ({ tr, state, dispatch }) => {
   if (dispatch) {
     if (empty2) {
       const oldAttributes = getMarkAttributes(state, type);
-      tr.addStoredMark(type.create(__spreadValues(__spreadValues({}, oldAttributes), attributes)));
+      tr.addStoredMark(type.create({
+        ...oldAttributes,
+        ...attributes
+      }));
     } else {
       ranges.forEach((range) => {
         const from2 = range.$from.pos;
@@ -10041,7 +10036,10 @@ var setMark = (typeOrName, attributes = {}) => ({ tr, state, dispatch }) => {
           if (someHasMark) {
             node.marks.forEach((mark) => {
               if (type === mark.type) {
-                tr.addMark(trimmedFrom, trimmedTo, type.create(__spreadValues(__spreadValues({}, mark.attrs), attributes)));
+                tr.addMark(trimmedFrom, trimmedTo, type.create({
+                  ...mark.attrs,
+                  ...attributes
+                }));
               }
             });
           } else {
@@ -10068,13 +10066,13 @@ var setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) => {
     return false;
   }
   return chain().command(({ commands: commands2 }) => {
-    const canSetBlock = setBlockType2(type, __spreadValues(__spreadValues({}, attributesToCopy), attributes))(state);
+    const canSetBlock = setBlockType2(type, { ...attributesToCopy, ...attributes })(state);
     if (canSetBlock) {
       return true;
     }
     return commands2.clearNodes();
   }).command(({ state: updatedState }) => {
-    return setBlockType2(type, __spreadValues(__spreadValues({}, attributesToCopy), attributes))(updatedState, dispatch);
+    return setBlockType2(type, { ...attributesToCopy, ...attributes })(updatedState, dispatch);
   }).run();
 };
 var setNodeSelection = (position) => ({ tr, dispatch }) => {
@@ -10193,7 +10191,10 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr, state, dispatch,
         wrap2 = Fragment.from($from.node(d).copy(wrap2));
       }
       const depthAfter = $from.indexAfter(-1) < $from.node(-2).childCount ? 1 : $from.indexAfter(-2) < $from.node(-3).childCount ? 2 : 3;
-      const newNextTypeAttributes2 = __spreadValues(__spreadValues({}, getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs)), overrideAttrs);
+      const newNextTypeAttributes2 = {
+        ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+        ...overrideAttrs
+      };
       const nextType2 = ((_a = type.contentMatch.defaultType) === null || _a === void 0 ? void 0 : _a.createAndFill(newNextTypeAttributes2)) || void 0;
       wrap2 = wrap2.append(Fragment.from(type.createAndFill(null, nextType2) || void 0));
       const start = $from.before($from.depth - (depthBefore - 1));
@@ -10215,8 +10216,14 @@ var splitListItem = (typeOrName, overrideAttrs = {}) => ({ tr, state, dispatch,
     return true;
   }
   const nextType = $to.pos === $from.end() ? grandParent.contentMatchAt(0).defaultType : null;
-  const newTypeAttributes = __spreadValues(__spreadValues({}, getSplittedAttributes(extensionAttributes, grandParent.type.name, grandParent.attrs)), overrideAttrs);
-  const newNextTypeAttributes = __spreadValues(__spreadValues({}, getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs)), overrideAttrs);
+  const newTypeAttributes = {
+    ...getSplittedAttributes(extensionAttributes, grandParent.type.name, grandParent.attrs),
+    ...overrideAttrs
+  };
+  const newNextTypeAttributes = {
+    ...getSplittedAttributes(extensionAttributes, $from.node().type.name, $from.node().attrs),
+    ...overrideAttrs
+  };
   tr.delete($from.pos, $to.pos);
   const types = nextType ? [
     { type, attrs: newTypeAttributes },
@@ -10334,7 +10341,7 @@ var toggleNode = (typeOrName, toggleTypeOrName, attributes = {}) => ({ state, co
   if (isActive) {
     return commands2.setNode(toggleType, attributesToCopy);
   }
-  return commands2.setNode(type, __spreadValues(__spreadValues({}, attributesToCopy), attributes));
+  return commands2.setNode(type, { ...attributesToCopy, ...attributes });
 };
 var toggleWrap = (typeOrName, attributes = {}) => ({ state, commands: commands2 }) => {
   const type = getNodeType(typeOrName, state.schema);
@@ -10447,14 +10454,20 @@ var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }
           }
           if (pos >= from2 && pos <= to) {
             if (nodeType && nodeType === node.type) {
-              tr.setNodeMarkup(pos, void 0, __spreadValues(__spreadValues({}, node.attrs), attributes));
+              tr.setNodeMarkup(pos, void 0, {
+                ...node.attrs,
+                ...attributes
+              });
             }
             if (markType && node.marks.length) {
               node.marks.forEach((mark) => {
                 if (markType === mark.type) {
                   const trimmedFrom2 = Math.max(pos, from2);
                   const trimmedTo2 = Math.min(pos + node.nodeSize, to);
-                  tr.addMark(trimmedFrom2, trimmedTo2, markType.create(__spreadValues(__spreadValues({}, mark.attrs), attributes)));
+                  tr.addMark(trimmedFrom2, trimmedTo2, markType.create({
+                    ...mark.attrs,
+                    ...attributes
+                  }));
                 }
               });
             }
@@ -10463,12 +10476,18 @@ var updateAttributes = (typeOrName, attributes = {}) => ({ tr, state, dispatch }
       }
       if (lastNode) {
         if (lastPos !== void 0) {
-          tr.setNodeMarkup(lastPos, void 0, __spreadValues(__spreadValues({}, lastNode.attrs), attributes));
+          tr.setNodeMarkup(lastPos, void 0, {
+            ...lastNode.attrs,
+            ...attributes
+          });
         }
         if (markType && lastNode.marks.length) {
           lastNode.marks.forEach((mark) => {
             if (markType === mark.type) {
-              tr.addMark(trimmedFrom, trimmedTo, markType.create(__spreadValues(__spreadValues({}, mark.attrs), attributes)));
+              tr.addMark(trimmedFrom, trimmedTo, markType.create({
+                ...mark.attrs,
+                ...attributes
+              }));
             }
           });
         }
@@ -10549,7 +10568,9 @@ var commands = /* @__PURE__ */ Object.freeze({
 var Commands = Extension.create({
   name: "commands",
   addCommands() {
-    return __spreadValues({}, commands);
+    return {
+      ...commands
+    };
   }
 });
 var Drop = Extension.create({
@@ -10658,8 +10679,11 @@ var Keymap = Extension.create({
       "Mod-Delete": handleDelete,
       "Mod-a": () => this.editor.commands.selectAll()
     };
-    const pcKeymap = __spreadValues({}, baseKeymap);
-    const macKeymap = __spreadProps(__spreadValues({}, baseKeymap), {
+    const pcKeymap = {
+      ...baseKeymap
+    };
+    const macKeymap = {
+      ...baseKeymap,
       "Ctrl-h": handleBackspace,
       "Alt-Backspace": handleBackspace,
       "Ctrl-d": handleDelete,
@@ -10668,7 +10692,7 @@ var Keymap = Extension.create({
       "Alt-d": handleDelete,
       "Ctrl-a": () => this.editor.commands.selectTextblockStart(),
       "Ctrl-e": () => this.editor.commands.selectTextblockEnd()
-    });
+    };
     if (isiOS() || isMacOS()) {
       return macKeymap;
     }
@@ -10873,7 +10897,10 @@ var Node2 = class _Node {
       name: this.name,
       defaultOptions: {}
     };
-    this.config = __spreadValues(__spreadValues({}, this.config), config);
+    this.config = {
+      ...this.config,
+      ...config
+    };
     this.name = this.config.name;
     if (config.defaultOptions && Object.keys(config.defaultOptions).length > 0) {
       console.warn(`[tiptap warn]: BREAKING CHANGE: "defaultOptions" is deprecated. Please use "addOptions" instead. Found in extension: "${this.name}".`);
@@ -10893,11 +10920,12 @@ var Node2 = class _Node {
     return new _Node(config);
   }
   configure(options = {}) {
-    const extension = this.extend(__spreadProps(__spreadValues({}, this.config), {
+    const extension = this.extend({
+      ...this.config,
       addOptions: () => {
         return mergeDeep(this.options, options);
       }
-    }));
+    });
     extension.name = this.name;
     extension.parent = this.parent;
     return extension;
@@ -11004,8 +11032,8 @@ var Comment = Mark2.create({
 });
 
 // src/components/tetrons/EditorContent.tsx
-var import_react15 = require("react");
-var import_react16 = require("@tiptap/react");
+var import_react16 = require("react");
+var import_react17 = require("@tiptap/react");
 
 // node_modules/@tiptap/extension-document/dist/index.js
 var Document = Node2.create({
@@ -12062,8 +12090,11 @@ var Heading = Node2.create({
     };
   },
   addKeyboardShortcuts() {
-    return this.options.levels.reduce((items, level) => __spreadValues(__spreadValues({}, items), {
-      [`Mod-Alt-${level}`]: () => this.editor.commands.toggleHeading({ level })
+    return this.options.levels.reduce((items, level) => ({
+      ...items,
+      ...{
+        [`Mod-Alt-${level}`]: () => this.editor.commands.toggleHeading({ level })
+      }
     }), {});
   },
   addInputRules() {
@@ -12356,7 +12387,7 @@ var OrderedList = Node2.create({
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    const _a = HTMLAttributes, { start } = _a, attributesWithoutStart = __objRest(_a, ["start"]);
+    const { start, ...attributesWithoutStart } = HTMLAttributes;
     return start === 1 ? ["ol", mergeAttributes(this.options.HTMLAttributes, attributesWithoutStart), 0] : ["ol", mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
   },
   addCommands() {
@@ -12387,7 +12418,7 @@ var OrderedList = Node2.create({
         type: this.type,
         keepMarks: this.options.keepMarks,
         keepAttributes: this.options.keepAttributes,
-        getAttributes: (match) => __spreadValues({ start: +match[1] }, this.editor.getAttributes(TextStyleName2)),
+        getAttributes: (match) => ({ start: +match[1], ...this.editor.getAttributes(TextStyleName2) }),
         joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
         editor: this.editor
       });
@@ -12783,7 +12814,7 @@ function nextCell($pos, axis, dir) {
   return moved == null ? null : $pos.node(0).resolve(tableStart + moved);
 }
 function removeColSpan(attrs, pos, n = 1) {
-  const result = __spreadProps(__spreadValues({}, attrs), { colspan: attrs.colspan - n });
+  const result = { ...attrs, colspan: attrs.colspan - n };
   if (result.colwidth) {
     result.colwidth = result.colwidth.slice();
     result.colwidth.splice(pos, n);
@@ -12884,9 +12915,10 @@ var CellSelection = class _CellSelection extends Selection {
           }
         }
         if (cellRect.top < rect.top || cellRect.bottom > rect.bottom) {
-          const attrs = __spreadProps(__spreadValues({}, cell.attrs), {
+          const attrs = {
+            ...cell.attrs,
             rowspan: Math.min(cellRect.bottom, rect.bottom) - Math.max(cellRect.top, rect.top)
-          });
+          };
           if (cellRect.top < rect.top) {
             cell = cell.type.createAndFill(attrs);
           } else {
@@ -13165,15 +13197,17 @@ function fixTable(state, table, tablePos, tr) {
     } else if (prob.type == "overlong_rowspan") {
       const cell = table.nodeAt(prob.pos);
       if (!cell) continue;
-      tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, __spreadProps(__spreadValues({}, cell.attrs), {
+      tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, {
+        ...cell.attrs,
         rowspan: cell.attrs.rowspan - prob.n
-      }));
+      });
     } else if (prob.type == "colwidth mismatch") {
       const cell = table.nodeAt(prob.pos);
       if (!cell) continue;
-      tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, __spreadProps(__spreadValues({}, cell.attrs), {
+      tr.setNodeMarkup(tr.mapping.map(tablePos + 1 + prob.pos), null, {
+        ...cell.attrs,
         colwidth: prob.colwidth
-      }));
+      });
     } else if (prob.type == "zero_sized") {
       const pos = tr.mapping.map(tablePos);
       tr.delete(pos, pos + table.nodeSize);
@@ -13216,7 +13250,7 @@ function selectedRect(state) {
     sel.$anchorCell.pos - tableStart,
     sel.$headCell.pos - tableStart
   ) : map2.findCell($pos.pos - tableStart);
-  return __spreadProps(__spreadValues({}, rect), { tableStart, map: map2, table });
+  return { ...rect, tableStart, map: map2, table };
 }
 function deprecated_toggleHeader(type) {
   return function(state, dispatch) {
@@ -13439,9 +13473,10 @@ function clipCells({ width, height, rows }, newWidth, newHeight) {
         let cell = source.child(j);
         if (row + cell.attrs.rowspan > newHeight)
           cell = cell.type.create(
-            __spreadProps(__spreadValues({}, cell.attrs), {
+            {
+              ...cell.attrs,
               rowspan: Math.max(1, newHeight - cell.attrs.rowspan)
-            }),
+            },
             cell.content
           );
         cells.push(cell);
@@ -13494,14 +13529,16 @@ function isolateHorizontal(tr, map2, table, start, left, right, top, mapFrom) {
       found2 = true;
       const cell = table.nodeAt(pos);
       const { top: cellTop, left: cellLeft } = map2.findCell(pos);
-      tr.setNodeMarkup(tr.mapping.slice(mapFrom).map(pos + start), null, __spreadProps(__spreadValues({}, cell.attrs), {
+      tr.setNodeMarkup(tr.mapping.slice(mapFrom).map(pos + start), null, {
+        ...cell.attrs,
         rowspan: top - cellTop
-      }));
+      });
       tr.insert(
         tr.mapping.slice(mapFrom).map(map2.positionAt(top, cellLeft, table)),
-        cell.type.createAndFill(__spreadProps(__spreadValues({}, cell.attrs), {
+        cell.type.createAndFill({
+          ...cell.attrs,
           rowspan: cellTop + cell.attrs.rowspan - top
-        }))
+        })
       );
       col += cell.attrs.colspan - 1;
     }
@@ -14073,7 +14110,7 @@ function updateColumnWidth(view, cell, width) {
     if (attrs.colwidth && attrs.colwidth[index] == width) continue;
     const colwidth = attrs.colwidth ? attrs.colwidth.slice() : zeroes(attrs.colspan);
     colwidth[index] = width;
-    tr.setNodeMarkup(start + pos, null, __spreadProps(__spreadValues({}, attrs), { colwidth }));
+    tr.setNodeMarkup(start + pos, null, { ...attrs, colwidth });
   }
   if (tr.docChanged) view.dispatch(tr);
 }
@@ -14177,10 +14214,10 @@ function tableEditing({
 // src/components/tetrons/toolbar/extensions/ResizableTable.ts
 var ResizableTable = import_extension_table.Table.extend({
   addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+    return {
+      ...this.parent?.(),
       resizable: true
-    });
+    };
   },
   addProseMirrorPlugins() {
     return [columnResizing({ handleWidth: 5 }), tableEditing()];
@@ -14261,10 +14298,11 @@ var Embed = Node2.create({
         window.removeEventListener("mousemove", onMouseMove);
         window.removeEventListener("mouseup", onMouseUp);
         editor.commands.command(({ tr }) => {
-          tr.setNodeMarkup(getPos(), void 0, __spreadProps(__spreadValues({}, node.attrs), {
+          tr.setNodeMarkup(getPos(), void 0, {
+            ...node.attrs,
             width: container.offsetWidth,
             height: container.offsetHeight
-          }));
+          });
           return true;
         });
       };
@@ -14358,8 +14396,8 @@ var ToolbarButton = import_react.default.forwardRef(
         ref,
         onClick,
         disabled,
-        title: title != null ? title : label,
-        "aria-label": title != null ? title : label,
+        title: title ?? label,
+        "aria-label": title ?? label,
         className: `p-2 rounded hover:bg-gray-200 disabled:opacity-50 disabled:cursor-not-allowed ${isActive ? "bg-gray-300" : ""}`
       },
       /* @__PURE__ */ import_react.default.createElement(Icon, { size: 20 })
@@ -14623,14 +14661,13 @@ function FontStyleGroup({ editor }) {
   (0, import_react3.useEffect)(() => {
     if (!editor) return;
     const updateStates = () => {
-      var _a, _b, _c;
       const highlight = editor.getAttributes("highlight");
-      setHighlightColor((highlight == null ? void 0 : highlight.color) || "#ffff00");
-      const color = (_a = editor.getAttributes("textStyle")) == null ? void 0 : _a.color;
+      setHighlightColor(highlight?.color || "#ffff00");
+      const color = editor.getAttributes("textStyle")?.color;
       setTextColor(color || "#000000");
-      const fontAttr = ((_b = editor.getAttributes("fontFamily")) == null ? void 0 : _b.font) || "Arial";
+      const fontAttr = editor.getAttributes("fontFamily")?.font || "Arial";
       setFontFamily(fontAttr);
-      const sizeAttr = ((_c = editor.getAttributes("fontSize")) == null ? void 0 : _c.size) || "16px";
+      const sizeAttr = editor.getAttributes("fontSize")?.size || "16px";
       setFontSize(sizeAttr);
     };
     updateStates();
@@ -14828,8 +14865,7 @@ function InsertGroup({ editor }) {
     setSelectedCols(1);
   };
   const handleImageUpload = (e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    const file = e.target.files?.[0];
     if (file) {
       const reader = new FileReader();
       reader.onload = () => {
@@ -14839,8 +14875,7 @@ function InsertGroup({ editor }) {
     }
   };
   const handleVideoUpload = (e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    const file = e.target.files?.[0];
     if (file) {
       const reader = new FileReader();
       reader.onload = () => {
@@ -14875,7 +14910,7 @@ function InsertGroup({ editor }) {
         return url.replace("/maps/", "/maps/embed/");
       }
       return url;
-    } catch (e) {
+    } catch {
       return url;
     }
   }
@@ -14934,20 +14969,14 @@ function InsertGroup({ editor }) {
     {
       icon: import_md4.MdInsertPhoto,
       label: "Insert Image",
-      onClick: () => {
-        var _a;
-        return (_a = imageInputRef.current) == null ? void 0 : _a.click();
-      }
+      onClick: () => imageInputRef.current?.click()
     }
   ), /* @__PURE__ */ import_react4.default.createElement(
     ToolbarButton_default,
     {
       icon: import_md4.MdVideoLibrary,
       label: "Insert Video",
-      onClick: () => {
-        var _a;
-        return (_a = videoInputRef.current) == null ? void 0 : _a.click();
-      }
+      onClick: () => videoInputRef.current?.click()
     }
   ), /* @__PURE__ */ import_react4.default.createElement(
     ToolbarButton_default,
@@ -15168,12 +15197,10 @@ function FileGroup({ editor }) {
     }
   };
   const handleOpen = () => {
-    var _a;
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+    fileInputRef.current?.click();
   };
   const handleFileChange = async (e) => {
-    var _a;
-    const file = (_a = e.target.files) == null ? void 0 : _a[0];
+    const file = e.target.files?.[0];
     if (!file) return;
     try {
       const text = await file.text();
@@ -15295,8 +15322,8 @@ var ResizableImageComponent = ({
       {
         ref: imgRef,
         src,
-        alt: alt != null ? alt : "",
-        title: title != null ? title : "",
+        alt: alt ?? "",
+        title: title ?? "",
         loading: "lazy",
         style: {
           width: width ? `${width}px` : "auto",
@@ -15316,26 +15343,27 @@ var ResizableImageComponent_default = ResizableImageComponent;
 var ResizableImage = import_extension_image.default.extend({
   name: "resizableImage",
   addAttributes() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+    return {
+      ...this.parent?.(),
       width: {
         default: null
       },
       height: {
         default: null
       }
-    });
+    };
   },
   renderHTML({ HTMLAttributes }) {
-    const _a = HTMLAttributes, { width, height } = _a, rest = __objRest(_a, ["width", "height"]);
+    const { width, height, ...rest } = HTMLAttributes;
     const style = [];
     if (width) style.push(`width: ${width}px`);
     if (height) style.push(`height: ${height}px`);
     return [
       "img",
-      __spreadProps(__spreadValues({}, rest), {
+      {
+        ...rest,
         style: style.join("; ")
-      })
+      }
     ];
   },
   addNodeView() {
@@ -15424,11 +15452,11 @@ var ResizableVideo = Node2.create({
     return [{ tag: "video[src]" }];
   },
   renderHTML({ HTMLAttributes }) {
-    const _a = HTMLAttributes, { width, height } = _a, rest = __objRest(_a, ["width", "height"]);
+    const { width, height, ...rest } = HTMLAttributes;
     const style = [];
     if (width) style.push(`width: ${width}px`);
     if (height) style.push(`height: ${height}px`);
-    return ["video", __spreadProps(__spreadValues({}, rest), { style: style.join("; ") })];
+    return ["video", { ...rest, style: style.join("; ") }];
   },
   addCommands() {
     return {
@@ -17055,11 +17083,9 @@ var lowlight = (0, import_lowlight.createLowlight)();
 lowlight.register("js", javascript);
 lowlight.register("ts", typescript);
 function EditorContent() {
-  const [versions, setVersions] = (0, import_react15.useState)([]);
-  const [currentVersionIndex, setCurrentVersionIndex] = (0, import_react15.useState)(
-    null
-  );
-  const editor = (0, import_react16.useEditor)({
+  const [versions, setVersions] = import_react15.default.useState([]);
+  const [currentVersionIndex, setCurrentVersionIndex] = import_react15.default.useState(null);
+  const editor = (0, import_react17.useEditor)({
     extensions: [
       Document,
       Paragraph,
@@ -17114,12 +17140,13 @@ function EditorContent() {
         class: "min-h-full focus:outline-none p-0",
         "data-placeholder": "Start typing here..."
       }
-    }
+    },
+    immediatelyRender: false
   });
-  const wrapperRef = (0, import_react15.useRef)(null);
-  (0, import_react15.useEffect)(() => {
+  const wrapperRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
     return () => {
-      editor == null ? void 0 : editor.destroy();
+      editor?.destroy();
     };
   }, [editor]);
   const handleEditorClick = () => {
@@ -17141,7 +17168,7 @@ function EditorContent() {
       setCurrentVersionIndex(index);
     }
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ React.createElement("div", { className: "p-2 border-b border-gray-300 bg-gray-50 flex flex-wrap items-center gap-3" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col h-full" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "p-2 border-b border-gray-300 bg-gray-50 flex flex-wrap items-center gap-3" }, /* @__PURE__ */ import_react15.default.createElement(
     "button",
     {
       onClick: saveVersion,
@@ -17149,7 +17176,7 @@ function EditorContent() {
       className: "px-3 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
     },
     "Save Version"
-  ), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 overflow-x-auto max-w-full" }, versions.length === 0 && /* @__PURE__ */ React.createElement("span", { className: "text-gray-500 text-sm" }, "No saved versions"), versions.map((_, idx) => /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2 overflow-x-auto max-w-full" }, versions.length === 0 && /* @__PURE__ */ import_react15.default.createElement("span", { className: "text-gray-500 text-sm" }, "No saved versions"), versions.map((_, idx) => /* @__PURE__ */ import_react15.default.createElement(
     "button",
     {
       key: idx,
@@ -17158,14 +17185,14 @@ function EditorContent() {
       title: `Restore Version ${idx + 1}`
     },
     `V${idx + 1}`
-  )))), editor && /* @__PURE__ */ React.createElement(TetronsToolbar, { editor }), /* @__PURE__ */ React.createElement(
+  )))), editor && /* @__PURE__ */ import_react15.default.createElement(TetronsToolbar, { editor }), /* @__PURE__ */ import_react15.default.createElement(
     "div",
     {
       ref: wrapperRef,
       className: "flex-grow p-4 md:p-6 bg-white border border-gray-300 rounded shadow-sm overflow-auto min-h-0 prose relative",
       onClick: handleEditorClick
     },
-    editor ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react16.EditorContent, { editor }), editor && /* @__PURE__ */ React.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ React.createElement("div", { className: "text-gray-500" }, "Loading editor...")
+    editor ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react17.EditorContent, { editor }), editor && /* @__PURE__ */ import_react15.default.createElement(TableContextMenu, { editor })) : /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-gray-500" }, "Loading editor...")
   ));
 }