tetrons 2.3.86 → 2.3.88

package/dist/index.cjs

@@ -52,7 +52,7 @@ function MathModal({
     return () => window.removeEventListener("keydown", onEsc);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ import_react19.default.createElement(
     "textarea",
     {
       className: "ai-modal-textarea",
@@ -60,7 +60,7 @@ function MathModal({
       value,
       onChange: (e) => setValue(e.target.value)
     }
-  ), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React.createElement("strong", null, "Preview:"), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ import_react19.default.createElement("strong", null, "Preview:"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ import_react19.default.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ import_react19.default.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ import_react19.default.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ import_react19.default.createElement(
     "button",
     {
       className: "ai-submit-btn",
@@ -84,7 +84,7 @@ var import_react19, import_katex2, import_katex_min;
 var init_MathModal = __esm({
   "src/components/tetrons/toolbar/MathModal.js"() {
     "use strict";
-    import_react19 = require("react");
+    import_react19 = __toESM(require("react"));
     import_katex2 = __toESM(require("katex"));
     import_katex_min = require("katex/dist/katex.min.css");
   }
@@ -17144,6 +17144,7 @@ function TetronsToolbar({
       editor.off("update", handleUpdate);
     };
   }, [autoSave, editor]);
+  const effectiveAddOns = version === "platinum" ? [...addOns, "math", "code"] : addOns;
   return /* @__PURE__ */ import_react23.default.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ import_react23.default.createElement("div", { className: "group" }, /* @__PURE__ */ import_react23.default.createElement(
     "input",
     {
@@ -17152,7 +17153,7 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(MiscGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(AiGroup, { editor })), addOns.length > 0 && /* @__PURE__ */ import_react23.default.createElement(AddOnGroup_default, { editor }));
+  ), /* @__PURE__ */ import_react23.default.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(FileGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(InsertGroup, { editor }), /* @__PURE__ */ import_react23.default.createElement(ActionGroup, { editor })), (["pro", "premium"].includes(version) && effectiveAddOns.includes("grammar") || version === "platinum") && /* @__PURE__ */ import_react23.default.createElement(MiscGroup, { editor }), (version === "premium" && effectiveAddOns.includes("ai") || version === "platinum") && /* @__PURE__ */ import_react23.default.createElement(AiGroup, { editor }), effectiveAddOns.length > 0 && /* @__PURE__ */ import_react23.default.createElement(AddOnGroup_default, { editor }));
 }
 
 // src/components/tetrons/EditorContent.tsx

package/dist/index.mjs

@@ -13,7 +13,7 @@ var MathModal_exports = {};
 __export(MathModal_exports, {
   default: () => MathModal
 });
-import { useEffect as useEffect7 } from "react";
+import React13, { useEffect as useEffect7 } from "react";
 import katex2 from "katex";
 import "katex/dist/katex.min.css";
 function MathModal({
@@ -33,7 +33,7 @@ function MathModal({
     return () => window.removeEventListener("keydown", onEsc);
   }, [isOpen, onClose]);
   if (!isOpen) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-backdrop" }, /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-content" }, /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-title" }, "Insert LaTeX Equation"), /* @__PURE__ */ React13.createElement(
     "textarea",
     {
       className: "ai-modal-textarea",
@@ -41,7 +41,7 @@ function MathModal({
       value,
       onChange: (e) => setValue(e.target.value)
     }
-  ), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React.createElement("strong", null, "Preview:"), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-preview" }, /* @__PURE__ */ React13.createElement("strong", null, "Preview:"), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-preview-output" }, /* @__PURE__ */ React13.createElement("span", { dangerouslySetInnerHTML: { __html: renderLatex(value) } }))), /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React13.createElement("button", { type: "button", className: "ai-cancel-btn", onClick: onClose }, "Cancel"), /* @__PURE__ */ React13.createElement(
     "button",
     {
       className: "ai-submit-btn",
@@ -15625,7 +15625,7 @@ import Image from "@tiptap/extension-image";
 import { ReactNodeViewRenderer } from "@tiptap/react";
 
 // src/components/tetrons/ResizableImageComponent.tsx
-import React2, { useRef, useEffect as useEffect2, useState as useState2 } from "react";
+import React, { useRef, useEffect as useEffect2, useState as useState2 } from "react";
 import { NodeViewWrapper } from "@tiptap/react";
 var ResizableImageComponent = ({
   node,
@@ -15663,7 +15663,7 @@ var ResizableImageComponent = ({
       window.removeEventListener("mouseup", handleMouseUp);
     };
   }, [isResizing, updateAttributes, aspectRatio]);
-  return /* @__PURE__ */ React2.createElement(
+  return /* @__PURE__ */ React.createElement(
     NodeViewWrapper,
     {
       ref: wrapperRef,
@@ -15682,7 +15682,7 @@ var ResizableImageComponent = ({
         padding: 2
       }
     },
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React.createElement(
       "img",
       {
         src,
@@ -15700,7 +15700,7 @@ var ResizableImageComponent = ({
         draggable: false
       }
     ),
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React.createElement(
       "div",
       {
         onMouseDown: (e) => {
@@ -15757,7 +15757,7 @@ import { Node as Node14 } from "@tiptap/core";
 import { ReactNodeViewRenderer as ReactNodeViewRenderer2 } from "@tiptap/react";
 
 // src/components/tetrons/ResizableVideoComponent.tsx
-import React3, { useRef as useRef2, useEffect as useEffect3 } from "react";
+import React2, { useRef as useRef2, useEffect as useEffect3 } from "react";
 import { NodeViewWrapper as NodeViewWrapper2 } from "@tiptap/react";
 var ResizableVideoComponent = ({
   node,
@@ -15778,7 +15778,7 @@ var ResizableVideoComponent = ({
     observer.observe(video);
     return () => observer.disconnect();
   }, [updateAttributes]);
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React2.createElement(
     NodeViewWrapper2,
     {
       ref: wrapperRef,
@@ -15792,7 +15792,7 @@ var ResizableVideoComponent = ({
         display: "inline-block"
       }
     },
-    /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React2.createElement(
       "video",
       {
         ref: videoRef,
@@ -15856,7 +15856,7 @@ var ResizableVideo = Node14.create({
 });
 
 // src/components/tetrons/toolbar/TableContextMenu.tsx
-import React4, { useEffect as useEffect4, useState as useState3 } from "react";
+import React3, { useEffect as useEffect4, useState as useState3 } from "react";
 function TableContextMenu({ editor }) {
   const [menuPosition, setMenuPosition] = useState3(null);
   useEffect4(() => {
@@ -15884,13 +15884,13 @@ function TableContextMenu({ editor }) {
   const deleteRow = () => editor.chain().focus().deleteRow().run();
   const deleteCol = () => editor.chain().focus().deleteColumn().run();
   if (!menuPosition) return null;
-  return /* @__PURE__ */ React4.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__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15898,7 +15898,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Row Above"
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15906,7 +15906,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Row Below"
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15914,7 +15914,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Column Left"
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-gray-100 cursor-pointer",
@@ -15922,7 +15922,7 @@ function TableContextMenu({ editor }) {
       },
       "Insert Column Right"
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-red-100 cursor-pointer",
@@ -15930,7 +15930,7 @@ function TableContextMenu({ editor }) {
       },
       "Delete Row"
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "li",
       {
         className: "px-3 py-1 hover:bg-red-100 cursor-pointer",
@@ -15945,7 +15945,7 @@ function TableContextMenu({ editor }) {
 import React16, { useEffect as useEffect8, useState as useState10 } from "react";
 
 // src/components/tetrons/toolbar/ActionGroup.tsx
-import React6, { useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
+import React5, { useEffect as useEffect5, useRef as useRef3, useState as useState4 } from "react";
 import {
   MdZoomIn,
   MdZoomOut,
@@ -15955,10 +15955,10 @@ import {
 } from "react-icons/md";
 
 // src/components/tetrons/toolbar/ToolbarButton.tsx
-import React5 from "react";
-var ToolbarButton = React5.forwardRef(
+import React4 from "react";
+var ToolbarButton = React4.forwardRef(
   ({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
-    return /* @__PURE__ */ React5.createElement(
+    return /* @__PURE__ */ React4.createElement(
       "button",
       {
         type: "button",
@@ -15969,7 +15969,7 @@ var ToolbarButton = React5.forwardRef(
         "aria-label": title ?? label,
         className: `toolbar-button ${isActive ? "active" : ""}`
       },
-      /* @__PURE__ */ React5.createElement(Icon, { size: 20 })
+      /* @__PURE__ */ React4.createElement(Icon, { size: 20 })
     );
   }
 );
@@ -16103,7 +16103,7 @@ function ActionGroup({ editor }) {
     link.click();
     document.body.removeChild(link);
   };
-  return /* @__PURE__ */ React6.createElement("div", { className: "action-group", role: "group", "aria-label": "Editor actions" }, /* @__PURE__ */ React6.createElement(ToolbarButton_default, { icon: MdZoomIn, onClick: zoomIn, title: "Zoom In" }), /* @__PURE__ */ React6.createElement(ToolbarButton_default, { icon: MdZoomOut, onClick: zoomOut, title: "Zoom Out" }), /* @__PURE__ */ React6.createElement(ToolbarButton_default, { icon: MdPrint, onClick: handlePrint, title: "Print" }), /* @__PURE__ */ React6.createElement(ToolbarButton_default, { icon: MdSave, onClick: handleSave, title: "Save" }), /* @__PURE__ */ React6.createElement("div", { className: "relative", ref: dropdownRef }, /* @__PURE__ */ React6.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",
@@ -16113,9 +16113,9 @@ function ActionGroup({ editor }) {
       className: "export-button",
       title: "Export"
     },
-    /* @__PURE__ */ React6.createElement(MdDownload, null),
-    /* @__PURE__ */ React6.createElement("span", { className: "text-sm" })
-  ), dropdownOpen && /* @__PURE__ */ React6.createElement("div", { className: "export-dropdown" }, /* @__PURE__ */ React6.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",
@@ -16125,7 +16125,7 @@ function ActionGroup({ editor }) {
       }
     },
     "Export as PDF"
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -16135,7 +16135,7 @@ function ActionGroup({ editor }) {
       }
     },
     "Export as HTML"
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React5.createElement(
     "button",
     {
       type: "button",
@@ -16155,9 +16155,9 @@ import {
   MdContentCopy,
   MdFormatPaint
 } from "react-icons/md";
-import React7 from "react";
+import React6 from "react";
 function ClipboardGroup({ editor }) {
-  return /* @__PURE__ */ React7.createElement("div", { className: "clipboard-group" }, /* @__PURE__ */ React7.createElement(
+  return /* @__PURE__ */ React6.createElement("div", { className: "clipboard-group" }, /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
       icon: MdContentPaste,
@@ -16171,7 +16171,7 @@ function ClipboardGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
       icon: MdContentCut,
@@ -16185,7 +16185,7 @@ function ClipboardGroup({ editor }) {
         });
       }
     }
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
       icon: MdContentCopy,
@@ -16197,7 +16197,7 @@ function ClipboardGroup({ editor }) {
         navigator.clipboard.writeText(selectedText);
       }
     }
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatPaint,
@@ -16223,7 +16223,7 @@ import {
 } from "react-icons/md";
 import { ImTextColor } from "react-icons/im";
 import { BiSolidColorFill } from "react-icons/bi";
-import React8, { useEffect as useEffect6, useState as useState5 } from "react";
+import React7, { useEffect as useEffect6, useState as useState5 } from "react";
 function FontStyleGroup({ editor }) {
   const [textColor, setTextColor] = useState5("#000000");
   const [highlightColor, setHighlightColor] = useState5("#ffff00");
@@ -16249,7 +16249,7 @@ function FontStyleGroup({ editor }) {
       editor.off("transaction", updateStates);
     };
   }, [editor]);
-  return /* @__PURE__ */ React8.createElement("div", { className: "font-style-group" }, /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React7.createElement("div", { className: "font-style-group" }, /* @__PURE__ */ React7.createElement(
     "select",
     {
       title: "Font Family",
@@ -16260,12 +16260,12 @@ function FontStyleGroup({ editor }) {
         editor.chain().focus().setFontFamily(value).run();
       }
     },
-    /* @__PURE__ */ React8.createElement("option", { value: "Arial" }, "Arial"),
-    /* @__PURE__ */ React8.createElement("option", { value: "Georgia" }, "Georgia"),
-    /* @__PURE__ */ React8.createElement("option", { value: "Times New Roman" }, "Times New Roman"),
-    /* @__PURE__ */ React8.createElement("option", { value: "Courier New" }, "Courier New"),
-    /* @__PURE__ */ React8.createElement("option", { value: "Verdana" }, "Verdana")
-  ), /* @__PURE__ */ React8.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",
@@ -16276,16 +16276,16 @@ function FontStyleGroup({ editor }) {
         editor.chain().focus().setFontSize(value).run();
       }
     },
-    /* @__PURE__ */ React8.createElement("option", { value: "12px" }, "12"),
-    /* @__PURE__ */ React8.createElement("option", { value: "14px" }, "14"),
-    /* @__PURE__ */ React8.createElement("option", { value: "16px" }, "16"),
-    /* @__PURE__ */ React8.createElement("option", { value: "18px" }, "18"),
-    /* @__PURE__ */ React8.createElement("option", { value: "24px" }, "24"),
-    /* @__PURE__ */ React8.createElement("option", { value: "36px" }, "36"),
-    /* @__PURE__ */ React8.createElement("option", { value: "48px" }, "48"),
-    /* @__PURE__ */ React8.createElement("option", { value: "64px" }, "64"),
-    /* @__PURE__ */ React8.createElement("option", { value: "72px" }, "72")
-  ), /* @__PURE__ */ React8.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: MdFormatBold,
@@ -16293,7 +16293,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleBold().run(),
       isActive: editor.isActive("bold")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatItalic,
@@ -16301,7 +16301,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleItalic().run(),
       isActive: editor.isActive("italic")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatUnderlined,
@@ -16309,7 +16309,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleUnderline().run(),
       isActive: editor.isActive("underline")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdStrikethroughS,
@@ -16317,7 +16317,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleStrike().run(),
       isActive: editor.isActive("strike")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdSubscript,
@@ -16325,7 +16325,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleSubscript().run(),
       isActive: editor.isActive("subscript")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdSuperscript,
@@ -16333,7 +16333,7 @@ function FontStyleGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleSuperscript().run(),
       isActive: editor.isActive("superscript")
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     "label",
     {
       title: "Font Color",
@@ -16341,9 +16341,9 @@ function FontStyleGroup({ editor }) {
       className: "color-label",
       style: { "--indicator-color": textColor }
     },
-    /* @__PURE__ */ React8.createElement(ImTextColor, { size: 20 }),
-    /* @__PURE__ */ React8.createElement("div", { className: "color-indicator" }),
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React7.createElement(ImTextColor, { size: 20 }),
+    /* @__PURE__ */ React7.createElement("div", { className: "color-indicator" }),
+    /* @__PURE__ */ React7.createElement(
       "input",
       {
         type: "color",
@@ -16355,7 +16355,7 @@ function FontStyleGroup({ editor }) {
         }
       }
     )
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     "label",
     {
       title: "Highlight Color",
@@ -16363,9 +16363,9 @@ function FontStyleGroup({ editor }) {
       className: "color-label",
       style: { "--indicator-color": highlightColor }
     },
-    /* @__PURE__ */ React8.createElement(BiSolidColorFill, { size: 20 }),
-    /* @__PURE__ */ React8.createElement("div", { className: "color-indicator" }),
-    /* @__PURE__ */ React8.createElement(
+    /* @__PURE__ */ React7.createElement(BiSolidColorFill, { size: 20 }),
+    /* @__PURE__ */ React7.createElement("div", { className: "color-indicator" }),
+    /* @__PURE__ */ React7.createElement(
       "input",
       {
         type: "color",
@@ -16377,14 +16377,14 @@ function FontStyleGroup({ editor }) {
         }
       }
     )
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatClear,
       label: "Clear Formatting",
       onClick: () => editor.chain().focus().unsetAllMarks().run()
     }
-  ), /* @__PURE__ */ React8.createElement(
+  ), /* @__PURE__ */ React7.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatPaint2,
@@ -16403,7 +16403,7 @@ function FontStyleGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/InsertGroup.tsx
-import React9, { useRef as useRef4, useState as useState6 } from "react";
+import React8, { useRef as useRef4, useState as useState6 } from "react";
 import {
   MdTableChart,
   MdInsertPhoto,
@@ -16490,7 +16490,7 @@ function InsertGroup({ editor }) {
       return url;
     }
   }
-  return /* @__PURE__ */ React9.createElement("div", { className: "insert-group" }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement("div", { className: "insert-group" }, /* @__PURE__ */ React8.createElement(
     "input",
     {
       type: "file",
@@ -16501,7 +16501,7 @@ function InsertGroup({ editor }) {
       "aria-label": "Upload Image",
       title: "Upload Image"
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     "input",
     {
       type: "file",
@@ -16512,23 +16512,23 @@ function InsertGroup({ editor }) {
       "aria-label": "Upload Video",
       title: "Upload Video"
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdTableChart,
       label: "Insert Table",
       onClick: () => setShowTableGrid(!showTableGrid)
     }
-  ), showTableGrid && /* @__PURE__ */ React9.createElement(
+  ), showTableGrid && /* @__PURE__ */ React8.createElement(
     "div",
     {
       className: "table-grid-popup",
       onMouseLeave: () => setShowTableGrid(false)
     },
-    /* @__PURE__ */ React9.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__ */ React9.createElement(
+        return /* @__PURE__ */ React8.createElement(
           "div",
           {
             key: `${row}-${col}`,
@@ -16539,22 +16539,22 @@ function InsertGroup({ editor }) {
         );
       })
     )),
-    /* @__PURE__ */ React9.createElement("div", { className: "table-grid-label" }, selectedRows, " x ", selectedCols)
-  ), /* @__PURE__ */ React9.createElement(
+    /* @__PURE__ */ React8.createElement("div", { className: "table-grid-label" }, selectedRows, " x ", selectedCols)
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdInsertPhoto,
       label: "Insert Image",
       onClick: () => imageInputRef.current?.click()
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdVideoLibrary,
       label: "Insert Video",
       onClick: () => videoInputRef.current?.click()
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdInsertLink,
@@ -16566,7 +16566,7 @@ function InsertGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdInsertComment,
@@ -16580,14 +16580,14 @@ function InsertGroup({ editor }) {
         }
       }
     }
-  ), /* @__PURE__ */ React9.createElement("div", { className: "relative" }, /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement("div", { className: "relative" }, /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdInsertEmoticon,
       label: "Emoji",
       onClick: () => setShowPicker(!showPicker)
     }
-  ), showPicker && /* @__PURE__ */ React9.createElement("div", { className: "emoji-picker" }, /* @__PURE__ */ React9.createElement(
+  ), showPicker && /* @__PURE__ */ React8.createElement("div", { className: "emoji-picker" }, /* @__PURE__ */ React8.createElement(
     Picker,
     {
       onEmojiSelect: addEmoji,
@@ -16597,14 +16597,14 @@ function InsertGroup({ editor }) {
       showSkinTones: true,
       emojiTooltip: true
     }
-  ))), /* @__PURE__ */ React9.createElement(
+  ))), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdHorizontalRule,
       label: "Horizontal Line",
       onClick: () => editor.chain().focus().setHorizontalRule().run()
     }
-  ), /* @__PURE__ */ React9.createElement(
+  ), /* @__PURE__ */ React8.createElement(
     ToolbarButton_default,
     {
       icon: MdOutlineOndemandVideo,
@@ -16628,7 +16628,7 @@ function InsertGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/ListAlignGroup.tsx
-import React10 from "react";
+import React9 from "react";
 import {
   MdFormatListBulleted,
   MdFormatListNumbered,
@@ -16640,7 +16640,7 @@ import {
   MdFormatAlignJustify
 } from "react-icons/md";
 function ListAlignGroup({ editor }) {
-  return /* @__PURE__ */ React10.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ React10.createElement(
+  return /* @__PURE__ */ React9.createElement("div", { className: "list-align-group" }, /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatListBulleted,
@@ -16648,7 +16648,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleBulletList().run(),
       disabled: !editor.can().toggleBulletList()
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatListNumbered,
@@ -16656,7 +16656,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().toggleOrderedList().run(),
       disabled: !editor.can().toggleOrderedList()
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatIndentIncrease,
@@ -16664,7 +16664,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().sinkListItem("listItem").run(),
       disabled: !editor.can().sinkListItem("listItem")
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatIndentDecrease,
@@ -16672,7 +16672,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().liftListItem("listItem").run(),
       disabled: !editor.can().liftListItem("listItem")
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatAlignLeft,
@@ -16680,7 +16680,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().setTextAlign("left").run(),
       disabled: !editor.can().setTextAlign("left")
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatAlignCenter,
@@ -16688,7 +16688,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().setTextAlign("center").run(),
       disabled: !editor.can().setTextAlign("center")
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatAlignRight,
@@ -16696,7 +16696,7 @@ function ListAlignGroup({ editor }) {
       onClick: () => editor.chain().focus().setTextAlign("right").run(),
       disabled: !editor.can().setTextAlign("right")
     }
-  ), /* @__PURE__ */ React10.createElement(
+  ), /* @__PURE__ */ React9.createElement(
     ToolbarButton_default,
     {
       icon: MdFormatAlignJustify,
@@ -16708,7 +16708,7 @@ function ListAlignGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/MiscGroup.tsx
-import React11 from "react";
+import React10 from "react";
 import {
   MdUndo,
   MdRedo,
@@ -16781,7 +16781,7 @@ Reason: ${issue.message}
       alert("\u274C Failed to check grammar. Please try again later.");
     }
   };
-  return /* @__PURE__ */ React11.createElement("div", { className: "misc-group" }, /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement("div", { className: "misc-group" }, /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdUndo,
@@ -16789,7 +16789,7 @@ Reason: ${issue.message}
       onClick: () => editor.chain().focus().undo().run(),
       disabled: !editor.can().undo()
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdRedo,
@@ -16797,14 +16797,14 @@ Reason: ${issue.message}
       onClick: () => editor.chain().focus().redo().run(),
       disabled: !editor.can().redo()
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdRefresh,
       label: "Reset Formatting",
       onClick: () => editor.chain().focus().unsetAllMarks().clearNodes().run()
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdCode,
@@ -16812,14 +16812,14 @@ Reason: ${issue.message}
       onClick: () => editor.chain().focus().toggleCodeBlock().run(),
       isActive: editor.isActive("codeBlock")
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdVisibility,
       label: "Preview",
       onClick: handlePreview
     }
-  ), /* @__PURE__ */ React11.createElement(
+  ), /* @__PURE__ */ React10.createElement(
     ToolbarButton_default,
     {
       icon: MdSpellcheck,
@@ -16832,7 +16832,7 @@ Reason: ${issue.message}
 // src/components/tetrons/toolbar/FileGroup.tsx
 import { FaRegFolderOpen } from "react-icons/fa";
 import { VscNewFile } from "react-icons/vsc";
-import React12, { useRef as useRef5 } from "react";
+import React11, { useRef as useRef5 } from "react";
 function FileGroup({ editor }) {
   const fileInputRef = useRef5(null);
   const handleNew = () => {
@@ -16861,7 +16861,7 @@ function FileGroup({ editor }) {
       e.target.value = "";
     }
   };
-  return /* @__PURE__ */ React12.createElement("div", { className: "file-group", role: "group", "aria-label": "File actions" }, /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement("div", { className: "file-group", role: "group", "aria-label": "File actions" }, /* @__PURE__ */ React11.createElement(
     "input",
     {
       type: "file",
@@ -16871,7 +16871,7 @@ function FileGroup({ editor }) {
       className: "hidden",
       "aria-label": "Open JSON file"
     }
-  ), /* @__PURE__ */ React12.createElement(ToolbarButton_default, { icon: VscNewFile, onClick: handleNew, title: "New" }), /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React11.createElement(ToolbarButton_default, { icon: VscNewFile, onClick: handleNew, title: "New" }), /* @__PURE__ */ React11.createElement(
     ToolbarButton_default,
     {
       icon: FaRegFolderOpen,
@@ -16882,7 +16882,7 @@ function FileGroup({ editor }) {
 }
 
 // src/components/tetrons/toolbar/AIGroup.tsx
-import React13, { useState as useState7, useRef as useRef6 } from "react";
+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";
@@ -16969,7 +16969,7 @@ function AiGroup({ editor }) {
       setIsLoadingAI(false);
     }
   };
-  return /* @__PURE__ */ React13.createElement("div", { className: "group relative space-y-3" }, /* @__PURE__ */ React13.createElement("div", { className: "flex gap-2 items-center" }, !isRecording ? /* @__PURE__ */ React13.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",
@@ -16977,8 +16977,8 @@ function AiGroup({ editor }) {
       className: "icon-btn",
       title: "Start Voice Input"
     },
-    /* @__PURE__ */ React13.createElement(FaMicrophone, { size: 18 })
-  ) : /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(FaMicrophone, { size: 18 })
+  ) : /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -16986,8 +16986,8 @@ function AiGroup({ editor }) {
       className: "icon-btn stop-btn",
       title: "Stop Recording"
     },
-    /* @__PURE__ */ React13.createElement(FaStop, { size: 18 })
-  ), /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(FaStop, { size: 18 })
+  ), /* @__PURE__ */ React12.createElement(
     "button",
     {
       type: "button",
@@ -16996,7 +16996,7 @@ function AiGroup({ editor }) {
       title: "AI Assist"
     },
     "AI"
-  )), isRecording && /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col items-center" }, /* @__PURE__ */ React13.createElement(Waveform, { size: 30, lineWeight: 3.5, speed: 1, color: "#4F46E5" }), /* @__PURE__ */ React13.createElement("p", { className: "text-sm mt-1 text-gray-600" }, "Recording...")), isTranscribing && /* @__PURE__ */ React13.createElement("p", { className: "text-sm text-gray-500" }, "Transcribing..."), transcriptionError && /* @__PURE__ */ React13.createElement("p", { className: "text-sm text-red-600" }, transcriptionError), audioBlob && /* @__PURE__ */ React13.createElement("div", { className: "mt-2" }, /* @__PURE__ */ React13.createElement("audio", { controls: true, src: URL.createObjectURL(audioBlob) })), /* @__PURE__ */ React13.createElement(AnimatePresence, null, showPromptInput && /* @__PURE__ */ React13.createElement(
+  )), 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",
@@ -17004,7 +17004,7 @@ function AiGroup({ editor }) {
       animate: { opacity: 1 },
       exit: { opacity: 0 }
     },
-    /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(
       motion.div,
       {
         className: "ai-modal-content",
@@ -17012,8 +17012,8 @@ function AiGroup({ editor }) {
         animate: { scale: 1, opacity: 1 },
         exit: { scale: 0.9, opacity: 0 }
       },
-      /* @__PURE__ */ React13.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
-      /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React12.createElement("h2", { className: "ai-modal-title" }, "AI Prompt"),
+      /* @__PURE__ */ React12.createElement(
         "textarea",
         {
           className: "ai-modal-textarea",
@@ -17022,15 +17022,15 @@ function AiGroup({ editor }) {
           placeholder: "Enter your prompt here..."
         }
       ),
-      aiError && /* @__PURE__ */ React13.createElement("p", { className: "ai-modal-error" }, aiError),
-      /* @__PURE__ */ React13.createElement("div", { className: "ai-modal-actions" }, /* @__PURE__ */ React13.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__ */ React13.createElement(
+      ), /* @__PURE__ */ React12.createElement(
         "button",
         {
           onClick: handlePromptSubmit,
@@ -17153,6 +17153,7 @@ function TetronsToolbar({
       editor.off("update", handleUpdate);
     };
   }, [autoSave, editor]);
+  const effectiveAddOns = version === "platinum" ? [...addOns, "math", "code"] : addOns;
   return /* @__PURE__ */ React16.createElement("div", { className: "tetrons-toolbar" }, version !== "free" && /* @__PURE__ */ React16.createElement("div", { className: "group" }, /* @__PURE__ */ React16.createElement(
     "input",
     {
@@ -17161,7 +17162,7 @@ function TetronsToolbar({
       checked: autoSave,
       onChange: (e) => setAutoSave(e.target.checked)
     }
-  ), /* @__PURE__ */ React16.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(FileGroup, { editor }), /* @__PURE__ */ React16.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React16.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React16.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(InsertGroup, { editor }), /* @__PURE__ */ React16.createElement(ActionGroup, { editor })), version === "platinum" && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(MiscGroup, { editor }), /* @__PURE__ */ React16.createElement(AiGroup, { editor })), addOns.length > 0 && /* @__PURE__ */ React16.createElement(AddOnGroup_default, { editor }));
+  ), /* @__PURE__ */ React16.createElement("label", { htmlFor: "autoSave" }, "Auto Save")), ["pro", "premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(FileGroup, { editor }), /* @__PURE__ */ React16.createElement(ClipboardGroup, { editor }), /* @__PURE__ */ React16.createElement(FontStyleGroup, { editor }), /* @__PURE__ */ React16.createElement(ListAlignGroup, { editor }), ["premium", "platinum"].includes(version) && /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement(InsertGroup, { editor }), /* @__PURE__ */ React16.createElement(ActionGroup, { editor })), (["pro", "premium"].includes(version) && effectiveAddOns.includes("grammar") || version === "platinum") && /* @__PURE__ */ React16.createElement(MiscGroup, { editor }), (version === "premium" && effectiveAddOns.includes("ai") || version === "platinum") && /* @__PURE__ */ React16.createElement(AiGroup, { editor }), effectiveAddOns.length > 0 && /* @__PURE__ */ React16.createElement(AddOnGroup_default, { editor }));
 }
 
 // src/components/tetrons/EditorContent.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tetrons",
-  "version": "2.3.86",
+  "version": "2.3.88",
   "description": "A Next.js project written in TypeScript",
   "main": "dist/index.js",
   "module": "dist/index.mjs",