@examind/block-editor 0.1.27 → 0.1.29

package/dist/index.mjs

@@ -6403,7 +6403,7 @@ import { HistoryPlugin as HistoryPlugin4 } from "@lexical/react/LexicalHistoryPl
 import { LexicalNestedComposer as LexicalNestedComposer4 } from "@lexical/react/LexicalNestedComposer";
 import { RichTextPlugin as RichTextPlugin3 } from "@lexical/react/LexicalRichTextPlugin";
 import { $getNodeByKey as $getNodeByKey19 } from "lexical";
-import { Check, Trash2 as Trash23 } from "lucide-react";
+import { Check, Trash } from "lucide-react";
 import { useCallback as useCallback5 } from "react";
 import { Fragment as Fragment24, jsx as jsx56, jsxs as jsxs19 } from "react/jsx-runtime";
 function QuestionItemComponent(props) {
@@ -6448,7 +6448,7 @@ function QuestionItemComponent(props) {
               children: /* @__PURE__ */ jsx56(
                 Button,
                 {
-                  StartIcon: Trash23,
+                  StartIcon: Trash,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -6901,7 +6901,7 @@ import { LexicalNestedComposer as LexicalNestedComposer5 } from "@lexical/react/
 import { RichTextPlugin as RichTextPlugin4 } from "@lexical/react/LexicalRichTextPlugin";
 import clsx2 from "clsx";
 import { $getNodeByKey as $getNodeByKey21 } from "lexical";
-import { Check as Check2, Trash2 as Trash24, XIcon as XIcon4 } from "lucide-react";
+import { Check as Check2, Trash as Trash3, XIcon as XIcon4 } from "lucide-react";
 import { useCallback as useCallback7 } from "react";
 import { jsx as jsx59, jsxs as jsxs21 } from "react/jsx-runtime";
 function MultipleOptionQuestionItemComponent(props) {
@@ -6968,7 +6968,7 @@ function MultipleOptionQuestionItemComponent(props) {
               children: /* @__PURE__ */ jsx59(
                 Button,
                 {
-                  StartIcon: Trash24,
+                  StartIcon: Trash3,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -7013,7 +7013,7 @@ function MultipleOptionQuestionItemComponent(props) {
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionNoneOfTheAboveItem.tsx
 import { useLexicalComposerContext as useLexicalComposerContext27 } from "@lexical/react/LexicalComposerContext";
 import { $getNodeByKey as $getNodeByKey22 } from "lexical";
-import { Check as Check3, Trash2 as Trash25 } from "lucide-react";
+import { Check as Check3, Trash as Trash4 } from "lucide-react";
 import { useCallback as useCallback8 } from "react";
 import { jsx as jsx60, jsxs as jsxs22 } from "react/jsx-runtime";
 function MultipleOptionQuestionNoneOfTheAboveItem(props) {
@@ -7034,15 +7034,22 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
       "data-selectable": "true",
       children: [
         /* @__PURE__ */ jsxs22("div", { className: "controls", children: [
-          /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsx60(
-            Button,
-            {
-              StartIcon: Check3,
-              size: "small",
-              variant: "text",
-              className: "success"
-            }
-          ) }),
+          /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsxs22("sl-tooltip", { style: { "--show-delay": "1000" }, hoist: true, children: [
+            /* @__PURE__ */ jsxs22("div", { slot: "content", children: [
+              "Grade as Correct",
+              /* @__PURE__ */ jsx60("br", {}),
+              "(Randomly)"
+            ] }),
+            /* @__PURE__ */ jsx60(
+              Button,
+              {
+                StartIcon: Check3,
+                size: "small",
+                variant: "text",
+                className: "success"
+              }
+            )
+          ] }) }),
           /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsx60(
             "sl-tooltip",
             {
@@ -7052,7 +7059,7 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
               children: /* @__PURE__ */ jsx60(
                 Button,
                 {
-                  StartIcon: Trash25,
+                  StartIcon: Trash4,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -7062,7 +7069,7 @@ function MultipleOptionQuestionNoneOfTheAboveItem(props) {
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsx60("div", { className: "none-of-the-above-item", "data-selectable": "true", children: "None Of The Above Item" })
+        /* @__PURE__ */ jsx60("div", { className: "none-of-the-above-item", "data-selectable": "true", children: "None of the above" })
       ]
     }
   );
@@ -7162,7 +7169,7 @@ function MultipleOptionQuestionComponent(props) {
             size: "medium",
             variant: "text",
             StartIcon: Plus2,
-            label: "ADD LINE",
+            label: "ADD CHOICE",
             onClick: addOptionItem
           }
         ) })
@@ -8017,7 +8024,7 @@ import { LexicalNestedComposer as LexicalNestedComposer8 } from "@lexical/react/
 import { RichTextPlugin as RichTextPlugin7 } from "@lexical/react/LexicalRichTextPlugin";
 import clsx3 from "clsx";
 import { $getNodeByKey as $getNodeByKey26 } from "lexical";
-import { Check as Check4, Trash2 as Trash26 } from "lucide-react";
+import { Check as Check4, Trash as Trash5 } from "lucide-react";
 import { useCallback as useCallback10, useEffect as useEffect43 } from "react";
 import { Fragment as Fragment30, jsx as jsx70, jsxs as jsxs26 } from "react/jsx-runtime";
 function JournalEntryQuestionItemComponent(props) {
@@ -8063,7 +8070,7 @@ function JournalEntryQuestionItemComponent(props) {
               children: /* @__PURE__ */ jsx70(
                 Button,
                 {
-                  StartIcon: Trash26,
+                  StartIcon: Trash5,
                   size: "small",
                   variant: "text",
                   className: "neutral",
@@ -9669,12 +9676,124 @@ function $isCalloutBoxNode(node) {
   return node instanceof CalloutBoxNode;
 }
 
-// src/plugins/EssayQuestionPlugin/EssayQuestionNode.tsx
+// src/plugins/CustomQuestionPlugin/CustomQuestionComponent.tsx
+import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
+function CustomQuestionComponent(props) {
+  const { name } = props;
+  return /* @__PURE__ */ jsxs32("div", { className: "custom-question-prompt", children: [
+    /* @__PURE__ */ jsx83(
+      "div",
+      {
+        className: "custom-question-prompt-title",
+        "data-selectable": "true",
+        children: "Custom"
+      }
+    ),
+    /* @__PURE__ */ jsx83(
+      "div",
+      {
+        className: "custom-question-prompt-content",
+        "data-selectable": "true",
+        children: /* @__PURE__ */ jsx83("div", { children: name })
+      }
+    )
+  ] });
+}
+
+// src/plugins/CustomQuestionPlugin/CustomQuestionNode.tsx
 import {
   $applyNodeReplacement as $applyNodeReplacement12,
   DecoratorNode as DecoratorNode12
 } from "lexical";
 import { nanoid as nanoid8 } from "nanoid";
+import { jsx as jsx84 } from "react/jsx-runtime";
+var TYPE_NAME11 = "custom-question";
+var CustomQuestionNode = class _CustomQuestionNode extends DecoratorNode12 {
+  constructor(points, name, data, id, key) {
+    super(key);
+    this.__id = id || nanoid8();
+    this.__points = points;
+    this.__name = name;
+    this.__data = data;
+  }
+  static getType() {
+    return TYPE_NAME11;
+  }
+  static clone(node) {
+    return new _CustomQuestionNode(
+      node.__points,
+      node.__name,
+      node.__data,
+      node.__id,
+      node.__key
+    );
+  }
+  __createWrapper() {
+    return document.createElement("div");
+  }
+  createDOM() {
+    return this.__createWrapper();
+  }
+  exportDOM() {
+    const element = this.__createWrapper();
+    return { element };
+  }
+  updateDOM() {
+    return false;
+  }
+  static importDOM() {
+    return null;
+  }
+  static importJSON(serializedNode) {
+    return $createCustomQuestionNode(
+      serializedNode.points,
+      serializedNode.name,
+      serializedNode.data,
+      serializedNode.id
+    );
+  }
+  exportJSON() {
+    return {
+      id: this.__id,
+      points: this.__points,
+      name: this.__name,
+      data: this.__data,
+      type: TYPE_NAME11,
+      version: 1
+    };
+  }
+  canIndent() {
+    return false;
+  }
+  isInline() {
+    return false;
+  }
+  isIsolated() {
+    return true;
+  }
+  isKeyboardSelectable() {
+    return false;
+  }
+  setPoints(points) {
+    const writable = this.getWritable();
+    writable.__points = points;
+  }
+  decorate() {
+    return /* @__PURE__ */ jsx84(CustomQuestionComponent, { name: this.__name });
+  }
+};
+function $createCustomQuestionNode(points, name, data, id) {
+  return $applyNodeReplacement12(
+    new CustomQuestionNode(points, name, data, id)
+  );
+}
+
+// src/plugins/EssayQuestionPlugin/EssayQuestionNode.tsx
+import {
+  $applyNodeReplacement as $applyNodeReplacement13,
+  DecoratorNode as DecoratorNode13
+} from "lexical";
+import { nanoid as nanoid9 } from "nanoid";
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionComponent.tsx
 import { useLexicalComposerContext as useLexicalComposerContext44 } from "@lexical/react/LexicalComposerContext";
@@ -9686,7 +9805,7 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW10
 } from "lexical";
 import { useEffect as useEffect53, useRef as useRef32 } from "react";
-import { jsx as jsx83, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx85, jsxs as jsxs33 } from "react/jsx-runtime";
 function EssayQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage } = props;
   const [editor] = useLexicalComposerContext44();
@@ -9712,14 +9831,14 @@ function EssayQuestionComponent(props) {
       COMMAND_PRIORITY_LOW10
     );
   }, [editor]);
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "essay-question-prompt",
       children: [
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx85(
           "div",
           {
             className: "essay-question-prompt-title",
@@ -9727,12 +9846,12 @@ function EssayQuestionComponent(props) {
             children: "Essay"
           }
         ),
-        /* @__PURE__ */ jsx83(
+        /* @__PURE__ */ jsx85(
           "div",
           {
             className: "essay-question-prompt-content",
             "data-selectable": "true",
-            children: /* @__PURE__ */ jsx83("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
+            children: /* @__PURE__ */ jsx85("div", { className: "title", "data-selectable": "true", children: aiSystemMessage })
           }
         )
       ]
@@ -9741,12 +9860,12 @@ function EssayQuestionComponent(props) {
 }
 
 // src/plugins/EssayQuestionPlugin/EssayQuestionNode.tsx
-import { jsx as jsx84 } from "react/jsx-runtime";
-var TYPE_NAME11 = "essay-question";
-var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
+import { jsx as jsx86 } from "react/jsx-runtime";
+var TYPE_NAME12 = "essay-question";
+var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode13 {
   constructor(points, maxWords, hideChat, aiSystemMessage, aiChatModel, id, key) {
     super(key);
-    this.__id = id || nanoid8();
+    this.__id = id || nanoid9();
     this.__points = points < 0 ? 1 : points;
     this.__maxWords = maxWords;
     this.__hideChat = hideChat || false;
@@ -9754,7 +9873,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
     this.__aiChatModel = aiChatModel || null;
   }
   static getType() {
-    return TYPE_NAME11;
+    return TYPE_NAME12;
   }
   static clone(node) {
     return new _EssayQuestionNode(
@@ -9803,7 +9922,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
       hideChat: this.__hideChat,
       aiChatModel: this.__aiChatModel,
       aiSystemMessage: this.__aiSystemMessage,
-      type: TYPE_NAME11,
+      type: TYPE_NAME12,
       version: 1
     };
   }
@@ -9828,7 +9947,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
     writable.__maxWords = maxWords;
   }
   decorate() {
-    return /* @__PURE__ */ jsx84(
+    return /* @__PURE__ */ jsx86(
       EssayQuestionComponent,
       {
         nodeKey: this.__key,
@@ -9839,7 +9958,7 @@ var EssayQuestionNode = class _EssayQuestionNode extends DecoratorNode12 {
   }
 };
 function $createEssayQuestionNode(points, maxWords, hideChat, aiSystemMessage, aiChatModel, id) {
-  return $applyNodeReplacement12(
+  return $applyNodeReplacement13(
     new EssayQuestionNode(
       points,
       maxWords,
@@ -9863,18 +9982,18 @@ import {
   removeClassNamesFromElement
 } from "@lexical/utils";
 import {
-  $applyNodeReplacement as $applyNodeReplacement13,
+  $applyNodeReplacement as $applyNodeReplacement14,
   $getSelection as $getSelection7,
   $isNodeSelection as $isNodeSelection4,
   CLICK_COMMAND as CLICK_COMMAND11,
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW11,
   createCommand as createCommand12,
-  DecoratorNode as DecoratorNode13,
+  DecoratorNode as DecoratorNode14,
   KEY_BACKSPACE_COMMAND as KEY_BACKSPACE_COMMAND4,
   KEY_DELETE_COMMAND as KEY_DELETE_COMMAND3
 } from "lexical";
 import { useCallback as useCallback12, useEffect as useEffect54 } from "react";
-import { jsx as jsx85 } from "react/jsx-runtime";
+import { jsx as jsx87 } from "react/jsx-runtime";
 var INSERT_HORIZONTAL_RULE_COMMAND = createCommand12("INSERT_HORIZONTAL_RULE_COMMAND");
 function HorizontalRuleComponent({ nodeKey }) {
   const [editor] = useLexicalComposerContext45();
@@ -9942,7 +10061,7 @@ function HorizontalRuleComponent({ nodeKey }) {
   }, [editor, isSelected, nodeKey]);
   return null;
 }
-var HorizontalRuleNode = class _HorizontalRuleNode extends DecoratorNode13 {
+var HorizontalRuleNode = class _HorizontalRuleNode extends DecoratorNode14 {
   static getType() {
     return "horizontalrule";
   }
@@ -9986,14 +10105,14 @@ var HorizontalRuleNode = class _HorizontalRuleNode extends DecoratorNode13 {
     return false;
   }
   decorate() {
-    return /* @__PURE__ */ jsx85(HorizontalRuleComponent, { nodeKey: this.__key });
+    return /* @__PURE__ */ jsx87(HorizontalRuleComponent, { nodeKey: this.__key });
   }
 };
 function $convertHorizontalRuleElement() {
   return { node: $createHorizontalRuleNode() };
 }
 function $createHorizontalRuleNode() {
-  return $applyNodeReplacement13(new HorizontalRuleNode());
+  return $applyNodeReplacement14(new HorizontalRuleNode());
 }
 function $isHorizontalRuleNode(node) {
   return node instanceof HorizontalRuleNode;
@@ -10001,10 +10120,10 @@ function $isHorizontalRuleNode(node) {
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionNode.tsx
 import {
-  $applyNodeReplacement as $applyNodeReplacement14,
-  DecoratorNode as DecoratorNode14
+  $applyNodeReplacement as $applyNodeReplacement15,
+  DecoratorNode as DecoratorNode15
 } from "lexical";
-import { nanoid as nanoid9 } from "nanoid";
+import { nanoid as nanoid10 } from "nanoid";
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionComponent.tsx
 import { useLexicalComposerContext as useLexicalComposerContext46 } from "@lexical/react/LexicalComposerContext";
@@ -10016,7 +10135,7 @@ import {
   COMMAND_PRIORITY_LOW as COMMAND_PRIORITY_LOW12
 } from "lexical";
 import { useEffect as useEffect55, useRef as useRef33 } from "react";
-import { jsx as jsx86, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx88, jsxs as jsxs34 } from "react/jsx-runtime";
 function SimulationQuestionComponent(props) {
   const { nodeKey, id, aiSystemMessage, step2Instruction } = props;
   const [editor] = useLexicalComposerContext46();
@@ -10042,14 +10161,14 @@ function SimulationQuestionComponent(props) {
       COMMAND_PRIORITY_LOW12
     );
   }, [editor]);
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs34(
     "div",
     {
       ref: rootElementRef,
       id,
       className: "simulation-question-prompt",
       children: [
-        /* @__PURE__ */ jsx86(
+        /* @__PURE__ */ jsx88(
           "div",
           {
             className: "simulation-question-prompt-title",
@@ -10057,14 +10176,14 @@ function SimulationQuestionComponent(props) {
             children: "Simulation"
           }
         ),
-        /* @__PURE__ */ jsxs33(
+        /* @__PURE__ */ jsxs34(
           "div",
           {
             className: "simulation-question-prompt-content",
             "data-selectable": "true",
             children: [
-              /* @__PURE__ */ jsx86("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
-              /* @__PURE__ */ jsx86("div", { children: step2Instruction })
+              /* @__PURE__ */ jsx88("div", { className: "title", "data-selectable": "true", children: aiSystemMessage }),
+              /* @__PURE__ */ jsx88("div", { children: step2Instruction })
             ]
           }
         )
@@ -10074,19 +10193,19 @@ function SimulationQuestionComponent(props) {
 }
 
 // src/plugins/SimulationQuestionPlugin/SimulationQuestionNode.tsx
-import { jsx as jsx87 } from "react/jsx-runtime";
-var TYPE_NAME12 = "simulation-question";
-var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode14 {
+import { jsx as jsx89 } from "react/jsx-runtime";
+var TYPE_NAME13 = "simulation-question";
+var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode15 {
   constructor(points, aiSystemMessage, aiChatModel, step2Instructions, id, key) {
     super(key);
-    this.__id = id || nanoid9();
+    this.__id = id || nanoid10();
     this.__points = points < 0 ? 1 : points;
     this.__aiSystemMessage = aiSystemMessage || null;
     this.__aiChatModel = aiChatModel || null;
     this.__step2Instructions = step2Instructions || null;
   }
   static getType() {
-    return TYPE_NAME12;
+    return TYPE_NAME13;
   }
   static clone(node) {
     return new _SimulationQuestionNode(
@@ -10132,7 +10251,7 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
       aiSystemMessage: this.__aiSystemMessage,
       aiChatModel: this.__aiChatModel,
       step2Instructions: this.__step2Instructions,
-      type: TYPE_NAME12,
+      type: TYPE_NAME13,
       version: 1
     };
   }
@@ -10153,7 +10272,7 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
     writable.__points = points <= 0 ? 1 : points;
   }
   decorate() {
-    return /* @__PURE__ */ jsx87(
+    return /* @__PURE__ */ jsx89(
       SimulationQuestionComponent,
       {
         nodeKey: this.__key,
@@ -10165,7 +10284,7 @@ var SimulationQuestionNode = class _SimulationQuestionNode extends DecoratorNode
   }
 };
 function $createSimulationQuestionNode(points, aiSystemMessage, aiChatModel, step2Instructions, id) {
-  return $applyNodeReplacement14(
+  return $applyNodeReplacement15(
     new SimulationQuestionNode(
       points,
       aiSystemMessage,
@@ -10210,7 +10329,8 @@ var commonEditorNodes = [
   JournalEntryQuestionNode,
   FinancialStatementQuestionNode,
   EssayQuestionNode,
-  SimulationQuestionNode
+  SimulationQuestionNode,
+  CustomQuestionNode
 ];
 var editorNodes = [...commonEditorNodes];
 
@@ -10254,7 +10374,7 @@ var initialEditorRegistry = {
 // src/content/drawer/Drawer.tsx
 import { Menu } from "lucide-react";
 import { forwardRef as forwardRef10, useEffect as useEffect56, useState as useState7 } from "react";
-import { jsx as jsx88 } from "react/jsx-runtime";
+import { jsx as jsx90 } from "react/jsx-runtime";
 var Drawer = forwardRef10(
   (props, ref) => {
     const {
@@ -10269,12 +10389,12 @@ var Drawer = forwardRef10(
         setShowSettingsButton(true);
       }
     }, [modulesNumber, hasModule]);
-    return /* @__PURE__ */ jsx88(
+    return /* @__PURE__ */ jsx90(
       "nav",
       {
         ref,
         className: !showSettingsButton ? "disabled" : settingsPanelSwitch === "on" ? "shown" : "hidden",
-        children: settingsPanelSwitch === "off" && /* @__PURE__ */ jsx88("div", { children: /* @__PURE__ */ jsx88(
+        children: settingsPanelSwitch === "off" && /* @__PURE__ */ jsx90("div", { children: /* @__PURE__ */ jsx90(
           Button,
           {
             className: "cancel",
@@ -10291,9 +10411,9 @@ var Drawer = forwardRef10(
 
 // src/content/editable/ContentEditable.tsx
 import { ContentEditable as LexicalContentEditable2 } from "@lexical/react/LexicalContentEditable";
-import { jsx as jsx89 } from "react/jsx-runtime";
+import { jsx as jsx91 } from "react/jsx-runtime";
 function ContentEditable() {
-  return /* @__PURE__ */ jsx89(LexicalContentEditable2, { className: "content" });
+  return /* @__PURE__ */ jsx91(LexicalContentEditable2, { className: "content" });
 }
 
 // src/content/node/NodeProvider.tsx
@@ -10311,7 +10431,7 @@ import {
   useMemo as useMemo6,
   useRef as useRef34
 } from "react";
-import { jsx as jsx90, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx92, jsxs as jsxs35 } from "react/jsx-runtime";
 var DropdownWrapper = forwardRef11((props, ref) => {
   const {
     className,
@@ -10394,9 +10514,9 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       subMenu
     } = menuItem;
     if (menuItemDivider) {
-      menuItemElement = /* @__PURE__ */ jsx90("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ jsx92("sl-divider", { ...triggerData }, `menuItem${menuItemId}`);
     } else if (menuItemIsGroup) {
-      menuItemElement = /* @__PURE__ */ jsx90("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
+      menuItemElement = /* @__PURE__ */ jsx92("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`);
     } else if (subMenu) {
       const subMenuElements = [];
       let subTabsIndex = 0;
@@ -10405,7 +10525,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
           createMenuItem(subMenuItem, subTabsIndex++)
         );
       }
-      menuItemElement = /* @__PURE__ */ jsxs34(
+      menuItemElement = /* @__PURE__ */ jsxs35(
         "sl-menu-item",
         {
           className: menuItemClassName,
@@ -10415,7 +10535,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ jsx90(
+            MenuItemIcon && /* @__PURE__ */ jsx92(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -10424,7 +10544,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
               }
             ),
             menuItemLabel,
-            /* @__PURE__ */ jsx90(
+            /* @__PURE__ */ jsx92(
               "sl-menu",
               {
                 slot: "submenu",
@@ -10449,7 +10569,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
         menuItemAttributes.type = "checkbox";
         menuItemAttributes.checked = menuItemSelected;
       }
-      menuItemElement = /* @__PURE__ */ jsxs34(
+      menuItemElement = /* @__PURE__ */ jsxs35(
         "sl-menu-item",
         {
           value: menuItemId,
@@ -10461,7 +10581,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
             e.stopPropagation();
           },
           children: [
-            MenuItemIcon && /* @__PURE__ */ jsx90(
+            MenuItemIcon && /* @__PURE__ */ jsx92(
               Icon,
               {
                 style: { color: menuItemColor || "inherit" },
@@ -10470,7 +10590,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
               }
             ),
             menuItemLabel,
-            menuItemIsError && /* @__PURE__ */ jsx90(DotBadge, { variant: "danger", leftSided: true })
+            menuItemIsError && /* @__PURE__ */ jsx92(DotBadge, { variant: "danger", leftSided: true })
           ]
         },
         `menuItem${menuItemId}`
@@ -10536,7 +10656,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       }
     };
   }, []);
-  const buttonElement = /* @__PURE__ */ jsxs34(
+  const buttonElement = /* @__PURE__ */ jsxs35(
     "sl-dropdown",
     {
       ref: dropdownRef,
@@ -10545,7 +10665,7 @@ var DropdownWrapper = forwardRef11((props, ref) => {
       ...dropdownAttributes,
       children: [
         children,
-        menuItems.length > 0 && /* @__PURE__ */ jsx90(
+        menuItems.length > 0 && /* @__PURE__ */ jsx92(
           "sl-menu",
           {
             ref: menuRef,
@@ -10634,7 +10754,7 @@ function validatePointsInput(input) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionSettings.tsx
-import { jsx as jsx91 } from "react/jsx-runtime";
+import { jsx as jsx93 } from "react/jsx-runtime";
 function FillInTheBlankQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext47();
@@ -10653,7 +10773,7 @@ function FillInTheBlankQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx91("div", { children: /* @__PURE__ */ jsx91(
+  return /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -10683,7 +10803,7 @@ function FillInTheBlankQuestionSettings(props) {
 }
 
 // src/plugins/FillInTheBlankQuestionPlugin/FillInTheBlankQuestionPlugin.tsx
-import { Fragment as Fragment37, jsx as jsx92 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx94 } from "react/jsx-runtime";
 var INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND = createCommand13("INSERT_FILL_IN_THE_BLANK_QUESTION_COMMAND");
 function FillInTheBlankQuestionPlugin() {
   const {
@@ -10805,20 +10925,20 @@ function FillInTheBlankQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx92(Fragment37, { children: drawer && /* @__PURE__ */ jsx92(
+  return /* @__PURE__ */ jsx94(Fragment37, { children: drawer && /* @__PURE__ */ jsx94(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx92("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx92(
+        return /* @__PURE__ */ jsx94("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx94(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Fill In The Blank Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ jsx92(
+            children: /* @__PURE__ */ jsx94(
               FillInTheBlankQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -10890,7 +11010,7 @@ function validatePointsInput2(input) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionSettings.tsx
-import { Fragment as Fragment38, jsx as jsx93, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx95, jsxs as jsxs36 } from "react/jsx-runtime";
 function JournalEntryQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext49();
@@ -10934,8 +11054,8 @@ function JournalEntryQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs35(Fragment38, { children: [
-    /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+  return /* @__PURE__ */ jsxs36(Fragment38, { children: [
+    /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -10962,7 +11082,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
       TextInput,
       {
         ref: errorToleranceTextInputRef,
@@ -10993,7 +11113,7 @@ function JournalEntryQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx93("div", { children: /* @__PURE__ */ jsx93(
+    /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
       Checkbox,
       {
         ref: noEntryRequiredCheckboxRef,
@@ -11015,7 +11135,7 @@ function JournalEntryQuestionSettings(props) {
 }
 
 // src/plugins/JournalEntryQuestionPlugin/JournalEntryQuestionPlugin.tsx
-import { Fragment as Fragment39, jsx as jsx94 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx96 } from "react/jsx-runtime";
 var INSERT_JOURNAL_ENTRY_QUESTION_COMMAND = createCommand14("INSERT_JOURNAL_ENTRY_QUESTION_COMMAND");
 function JournalEntryQuestionPlugin() {
   const {
@@ -11039,7 +11159,7 @@ function JournalEntryQuestionPlugin() {
                 () => {
                   const targetNode = $getNodeByKey36(nodeKey);
                   if (targetNode) {
-                    const journalEntryNode = $createJournalEntryQuestionNode(1);
+                    const journalEntryNode = $createJournalEntryQuestionNode(1, false, 0.1);
                     if (insertionMode === "replace") {
                       targetNode.replace(journalEntryNode);
                     } else if (insertionMode === "after") {
@@ -11120,20 +11240,20 @@ function JournalEntryQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx94(Fragment39, { children: drawer && /* @__PURE__ */ jsx94(
+  return /* @__PURE__ */ jsx96(Fragment39, { children: drawer && /* @__PURE__ */ jsx96(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx94("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx94(
+        return /* @__PURE__ */ jsx96("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx96(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Journal Entry Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx94(
+            children: isVisible && /* @__PURE__ */ jsx96(
               JournalEntryQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -11171,7 +11291,7 @@ function validatePointsInput3(input) {
 }
 
 // src/plugins/MatchingQuestionPlugin/MatchingQuestionSettings.tsx
-import { jsx as jsx95 } from "react/jsx-runtime";
+import { jsx as jsx97 } from "react/jsx-runtime";
 function MatchingQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext51();
@@ -11190,7 +11310,7 @@ function MatchingQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx95("div", { children: /* @__PURE__ */ jsx95(
+  return /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -11232,7 +11352,7 @@ import {
   createCommand as createCommand15
 } from "lexical";
 import { useEffect as useEffect63, useRef as useRef40 } from "react";
-import { Fragment as Fragment40, jsx as jsx96 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx98 } from "react/jsx-runtime";
 var INSERT_MATCHING_QUESTION_COMMAND = createCommand15("INSERT_MATCHING_QUESTION_COMMAND");
 function MatchingQuestionPlugin() {
   const {
@@ -11310,20 +11430,20 @@ function MatchingQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx96(Fragment40, { children: drawer && /* @__PURE__ */ jsx96(
+  return /* @__PURE__ */ jsx98(Fragment40, { children: drawer && /* @__PURE__ */ jsx98(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx96("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx96(
+        return /* @__PURE__ */ jsx98("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx98(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Matching Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx96(
+            children: isVisible && /* @__PURE__ */ jsx98(
               MatchingQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -11436,7 +11556,7 @@ function validatePointsInput4(input) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionSettings.tsx
-import { Fragment as Fragment41, jsx as jsx97, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx99, jsxs as jsxs37 } from "react/jsx-runtime";
 function MultipleOptionQuestionSettings(props) {
   const { nodeKey, questionType } = props;
   const [editor] = useLexicalComposerContext53();
@@ -11585,8 +11705,8 @@ function MultipleOptionQuestionSettings(props) {
   if (!foundNodeRef) {
     return null;
   }
-  return /* @__PURE__ */ jsxs36(Fragment41, { children: [
-    /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
+  return /* @__PURE__ */ jsxs37(Fragment41, { children: [
+    /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -11601,7 +11721,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `points_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
       RadioGroup,
       {
         ref: gradingRadioGroupRef,
@@ -11622,7 +11742,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `grading_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
       TextInput,
       {
         ref: correctChoicesTextInputRef,
@@ -11637,7 +11757,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `correctChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-answers" && /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
+    questionType === "multiple-answers" && /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
       TextInput,
       {
         ref: incorrectChoicesTextInputRef,
@@ -11652,7 +11772,7 @@ function MultipleOptionQuestionSettings(props) {
       },
       `incorrectChoices_${nodeKey}`
     ) }),
-    questionType === "multiple-choice" && /* @__PURE__ */ jsx97("div", { children: /* @__PURE__ */ jsx97(
+    questionType === "multiple-choice" && /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
       TextInput,
       {
         ref: choicesTextInputRef,
@@ -11667,13 +11787,13 @@ function MultipleOptionQuestionSettings(props) {
       },
       `choices_${nodeKey}`
     ) }),
-    /* @__PURE__ */ jsx97(
+    /* @__PURE__ */ jsx99(
       "div",
       {
         style: {
           paddingBottom: "var(--sl-spacing-medium)"
         },
-        children: /* @__PURE__ */ jsx97(
+        children: /* @__PURE__ */ jsx99(
           Checkbox,
           {
             ref: noneOfTheAboveInputRef,
@@ -11691,7 +11811,7 @@ function MultipleOptionQuestionSettings(props) {
 }
 
 // src/plugins/MultipleOptionQuestionPlugin/MultipleOptionQuestionPlugin.tsx
-import { Fragment as Fragment42, jsx as jsx98 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx100 } from "react/jsx-runtime";
 var INSERT_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("INSERT_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("REPLACE_LIST_WITH_MULTIPLE_OPTION_QUESTION_COMMAND");
 var REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND = createCommand16("REPLACE_MULTIPLE_OPTION_QUESTION_COMMAND");
@@ -11891,7 +12011,7 @@ function MultipleOptionQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx98(Fragment42, { children: drawer && /* @__PURE__ */ jsx98(
+  return /* @__PURE__ */ jsx100(Fragment42, { children: drawer && /* @__PURE__ */ jsx100(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
@@ -11908,14 +12028,14 @@ function MultipleOptionQuestionPlugin() {
             }
           });
         }
-        return /* @__PURE__ */ jsx98("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx98(
+        return /* @__PURE__ */ jsx100("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx100(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: questionType === "multiple-answers" ? "Multiple Answers Settings" : "Multiple Choice Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && questionType && /* @__PURE__ */ jsx98(
+            children: isVisible && questionType && /* @__PURE__ */ jsx100(
               MultipleOptionQuestionSettings,
               {
                 nodeKey: data.nodeKey,
@@ -11990,7 +12110,7 @@ function validatePointsInput5(input) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionSettings.tsx
-import { Fragment as Fragment43, jsx as jsx99, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx101, jsxs as jsxs38 } from "react/jsx-runtime";
 function ShortAnswerQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext55();
@@ -12010,8 +12130,8 @@ function ShortAnswerQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs37(Fragment43, { children: [
-    /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
+  return /* @__PURE__ */ jsxs38(Fragment43, { children: [
+    /* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsx101(
       TextInput,
       {
         ref: pointsTextInputRef,
@@ -12038,7 +12158,7 @@ function ShortAnswerQuestionSettings(props) {
         }
       }
     ) }),
-    /* @__PURE__ */ jsx99("div", { children: /* @__PURE__ */ jsx99(
+    /* @__PURE__ */ jsx101("div", { children: /* @__PURE__ */ jsx101(
       TextInput,
       {
         ref: maxWordsTextInputRef,
@@ -12069,7 +12189,7 @@ function ShortAnswerQuestionSettings(props) {
 }
 
 // src/plugins/ShortAnswerQuestionPlugin/ShortAnswerQuestionPlugin.tsx
-import { Fragment as Fragment44, jsx as jsx100 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx102 } from "react/jsx-runtime";
 var INSERT_SHORT_ANSWER_QUESTION_COMMAND = createCommand17("INSERT_SHORT_ANSWER_QUESTION_COMMAND");
 function ShortAnswerQuestionPlugin() {
   const {
@@ -12144,20 +12264,20 @@ function ShortAnswerQuestionPlugin() {
       );
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx100(Fragment44, { children: drawer && /* @__PURE__ */ jsx100(
+  return /* @__PURE__ */ jsx102(Fragment44, { children: drawer && /* @__PURE__ */ jsx102(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx100("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx100(
+        return /* @__PURE__ */ jsx102("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx102(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Short Answer Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: isVisible && /* @__PURE__ */ jsx100(
+            children: isVisible && /* @__PURE__ */ jsx102(
               ShortAnswerQuestionSettings,
               {
                 nodeKey: data.nodeKey
@@ -12197,7 +12317,7 @@ import {
   Table2
 } from "lucide-react";
 import { useMemo as useMemo7 } from "react";
-import { jsx as jsx101 } from "react/jsx-runtime";
+import { jsx as jsx103 } from "react/jsx-runtime";
 var handlerStyle3 = {
   display: "flex",
   zIndex: 10,
@@ -12539,7 +12659,7 @@ function AddMenuHandle(props) {
     }
     return menu2;
   }, [hoveredNode]);
-  return /* @__PURE__ */ jsx101("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ jsx101(
+  return /* @__PURE__ */ jsx103("div", { id: handlerKey, style: handlerStyle3, children: /* @__PURE__ */ jsx103(
     DropdownWrapper,
     {
       placement: "bottom-start",
@@ -12550,7 +12670,7 @@ function AddMenuHandle(props) {
       onHideMenu: () => {
         removeVisiblePopup();
       },
-      children: /* @__PURE__ */ jsx101("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ jsx101(Icon, { icon: Plus4 }) })
+      children: /* @__PURE__ */ jsx103("div", { slot: "trigger", className: "add-menu-handle", children: /* @__PURE__ */ jsx103(Icon, { icon: Plus4 }) })
     }
   ) });
 }
@@ -12590,13 +12710,13 @@ import {
   $getNodeByKey as $getNodeByKey45,
   $getRoot as $getRoot17
 } from "lexical";
-import { Trash2 as Trash27 } from "lucide-react";
+import { Trash2 as Trash23 } from "lucide-react";
 function renderDeleteMenu(nodeKey, editor) {
   return [
     {
       id: "deleteMenu",
       label: "Delete",
-      Icon: Trash27,
+      Icon: Trash23,
       onClick: () => {
         editor.update(() => {
           const targetNode = $getNodeByKey45(nodeKey);
@@ -12880,7 +13000,7 @@ import { HeadingNode as HeadingNode3 } from "@lexical/rich-text";
 import { ParagraphNode as ParagraphNode3 } from "lexical";
 import { GripVertical } from "lucide-react";
 import { useMemo as useMemo8 } from "react";
-import { jsx as jsx102 } from "react/jsx-runtime";
+import { jsx as jsx104 } from "react/jsx-runtime";
 var handlerStyle4 = {
   display: "flex",
   zIndex: 10,
@@ -12967,7 +13087,7 @@ function DragHandle(props) {
     }
     return menu2;
   }, [hoveredNode, currentEditor]);
-  return /* @__PURE__ */ jsx102(
+  return /* @__PURE__ */ jsx104(
     "div",
     {
       id: handlerKey,
@@ -12975,7 +13095,7 @@ function DragHandle(props) {
       ...listeners,
       ...attributes,
       style: handlerStyle4,
-      children: /* @__PURE__ */ jsx102(
+      children: /* @__PURE__ */ jsx104(
         DropdownWrapper,
         {
           placement: "bottom-start",
@@ -12986,7 +13106,7 @@ function DragHandle(props) {
           onHideMenu: () => {
             removeVisiblePopup();
           },
-          children: /* @__PURE__ */ jsx102("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ jsx102(Icon, { icon: GripVertical }) })
+          children: /* @__PURE__ */ jsx104("div", { slot: "trigger", className: "draggable-handle", children: /* @__PURE__ */ jsx104(Icon, { icon: GripVertical }) })
         }
       )
     }
@@ -13020,7 +13140,7 @@ function findNodePosition(rows, point, lastFound) {
 }
 
 // src/content/node/NodeDragOverlay.tsx
-import { jsx as jsx103 } from "react/jsx-runtime";
+import { jsx as jsx105 } from "react/jsx-runtime";
 var overlayStyle2 = {
   display: "flex",
   minWidth: "150px",
@@ -13039,12 +13159,12 @@ var overlayStyle2 = {
   boxShadow: "0 1px 3px rgba(34, 25, 25, 0.4)"
 };
 function NodeDragOverlay(props) {
-  return /* @__PURE__ */ jsx103("div", { style: overlayStyle2, children: props.children() });
+  return /* @__PURE__ */ jsx105("div", { style: overlayStyle2, children: props.children() });
 }
 
 // src/content/node/NodeDropMarker.tsx
 import { useEffect as useEffect68, useRef as useRef45 } from "react";
-import { jsx as jsx104 } from "react/jsx-runtime";
+import { jsx as jsx106 } from "react/jsx-runtime";
 var placeholderStyle3 = {
   position: "absolute",
   top: "calc(-1 * var(--sl-spacing-small) / 2)",
@@ -13075,7 +13195,7 @@ function NodeDropMarker(props) {
       }, 5);
     }
   }, [visible, top]);
-  return /* @__PURE__ */ jsx104("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ jsx104("div", { ref: lineDivRef, style: lineStyle3 }) });
+  return /* @__PURE__ */ jsx106("div", { style: { ...placeholderStyle3, width: props.width }, children: /* @__PURE__ */ jsx106("div", { ref: lineDivRef, style: lineStyle3 }) });
 }
 
 // src/content/node/NodeDraggableHandleSticky.tsx
@@ -13098,7 +13218,7 @@ import {
   useRef as useRef46,
   useState as useState13
 } from "react";
-import { Fragment as Fragment45, jsx as jsx105, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx107, jsxs as jsxs39 } from "react/jsx-runtime";
 var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
   const {
     getRegisteredEditor,
@@ -13172,9 +13292,9 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
     isHandleVisible: () => !!nodeHandleSticky.current?.isVisible()
   }));
   if (!isAnchorElementReady || !anchorElementRef.current) {
-    return /* @__PURE__ */ jsx105(Fragment45, {});
+    return /* @__PURE__ */ jsx107(Fragment45, {});
   }
-  return /* @__PURE__ */ jsxs38(
+  return /* @__PURE__ */ jsxs39(
     DndContext4,
     {
       sensors,
@@ -13395,13 +13515,13 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
         unsetHandleDragged();
       },
       children: [
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx107(
           StickyToPosition,
           {
             ref: nodeHandleSticky,
             container: anchorElementRef.current,
             children: (data, _position) => {
-              return /* @__PURE__ */ jsxs38(
+              return /* @__PURE__ */ jsxs39(
                 "div",
                 {
                   style: {
@@ -13413,21 +13533,21 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
                     gap: "6px"
                   },
                   children: [
-                    /* @__PURE__ */ jsx105(AddMenuHandle, { hoveredNode: data.hoveredNode }),
-                    /* @__PURE__ */ jsx105(DragHandle, { hoveredNode: data.hoveredNode })
+                    /* @__PURE__ */ jsx107(AddMenuHandle, { hoveredNode: data.hoveredNode }),
+                    /* @__PURE__ */ jsx107(DragHandle, { hoveredNode: data.hoveredNode })
                   ]
                 }
               );
             }
           }
         ),
-        /* @__PURE__ */ jsx105(
+        /* @__PURE__ */ jsx107(
           StickyToPosition,
           {
             ref: dropMarkerSticky,
             container: anchorElementRef.current,
             children: (_data, position, isVisible) => {
-              return /* @__PURE__ */ jsx105(
+              return /* @__PURE__ */ jsx107(
                 NodeDropMarker,
                 {
                   top: `${position.top}px`,
@@ -13438,8 +13558,8 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
             }
           }
         ),
-        /* @__PURE__ */ jsx105(DragOverlay3, { dropAnimation: null, children: /* @__PURE__ */ jsx105(NodeDragOverlay, { children: () => {
-          return /* @__PURE__ */ jsx105("div", { children: "Move Block" });
+        /* @__PURE__ */ jsx107(DragOverlay3, { dropAnimation: null, children: /* @__PURE__ */ jsx107(NodeDragOverlay, { children: () => {
+          return /* @__PURE__ */ jsx107("div", { children: "Move Block" });
         } }) })
       ]
     }
@@ -13447,7 +13567,7 @@ var NodeDraggableHandleSticky = forwardRef12((props, ref) => {
 });
 
 // src/content/node/NodeProvider.tsx
-import { jsx as jsx106, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx108, jsxs as jsxs40 } from "react/jsx-runtime";
 var NodeProviderContext = React18.createContext(null);
 function NodeProvider(props) {
   const { children } = props;
@@ -13526,7 +13646,7 @@ function NodeProvider(props) {
       }
     };
   }, []);
-  return /* @__PURE__ */ jsxs39(
+  return /* @__PURE__ */ jsxs40(
     NodeProviderContext.Provider,
     {
       value: {
@@ -13549,7 +13669,7 @@ function NodeProvider(props) {
       },
       children: [
         children,
-        /* @__PURE__ */ jsx106(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
+        /* @__PURE__ */ jsx108(NodeDraggableHandleSticky, { ref: nodeDraggableHandleRef })
       ]
     }
   );
@@ -13572,7 +13692,7 @@ import {
   $isParagraphNode as $isParagraphNode3
 } from "lexical";
 import { useEffect as useEffect70 } from "react";
-import { Fragment as Fragment46, jsx as jsx107 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx109 } from "react/jsx-runtime";
 function AutoBottomParagraphPlugin() {
   const [editor] = useLexicalComposerContext57();
   const listener = (nodeMutations) => {
@@ -13614,7 +13734,7 @@ function AutoBottomParagraphPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx107(Fragment46, {});
+  return /* @__PURE__ */ jsx109(Fragment46, {});
 }
 
 // src/plugins/AutoFocusPlugin/AutoFocusPlugin.tsx
@@ -14535,7 +14655,7 @@ function MarkdownPlugin() {
 // src/plugins/NodeMousePlugin/NodeMouseAnchorPlugin.tsx
 import { useLexicalComposerContext as useLexicalComposerContext61 } from "@lexical/react/LexicalComposerContext";
 import { useEffect as useEffect74, useRef as useRef48 } from "react";
-import { Fragment as Fragment47, jsx as jsx108 } from "react/jsx-runtime";
+import { Fragment as Fragment47, jsx as jsx110 } from "react/jsx-runtime";
 function NodeMouseAnchorPlugin() {
   const [editor] = useLexicalComposerContext61();
   const { setAnchorElement, hideHandles } = useNode();
@@ -14585,7 +14705,7 @@ function NodeMouseAnchorPlugin() {
       removeRootListener();
     };
   }, [editor]);
-  return /* @__PURE__ */ jsx108(Fragment47, {});
+  return /* @__PURE__ */ jsx110(Fragment47, {});
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
@@ -14625,7 +14745,7 @@ function getNodePosition2(element, parent) {
 }
 
 // src/plugins/NodeMousePlugin/NodeMousePlugin.tsx
-import { Fragment as Fragment48, jsx as jsx109 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx111 } from "react/jsx-runtime";
 function NodeMousePlugin() {
   const [editor] = useLexicalComposerContext62();
   const editorUniqueIdRef = useRef49(uniqueId2("editor"));
@@ -14950,7 +15070,8 @@ function NodeMousePlugin() {
         JournalEntryQuestionNode,
         FinancialStatementQuestionNode,
         EssayQuestionNode,
-        SimulationQuestionNode
+        SimulationQuestionNode,
+        CustomQuestionNode
       ].map(
         (Klass) => editor.registerMutationListener(
           Klass,
@@ -14995,7 +15116,7 @@ function NodeMousePlugin() {
       removeRegistration();
     };
   }, [editor]);
-  return /* @__PURE__ */ jsx109(Fragment48, {});
+  return /* @__PURE__ */ jsx111(Fragment48, {});
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
@@ -15012,51 +15133,51 @@ import {
 import { useEffect as useEffect76 } from "react";
 
 // src/plugins/NodePastePlugin/regenerateIdsInQuestion.ts
-import { nanoid as nanoid10 } from "nanoid";
+import { nanoid as nanoid11 } from "nanoid";
 function regenerateIdsInQuestion(serializedNode) {
   if (serializedNode.type === MultipleOptionQuestionNode.getType()) {
     const multiOptionQuestionNode = serializedNode;
-    multiOptionQuestionNode.id = nanoid10();
+    multiOptionQuestionNode.id = nanoid11();
     const children = multiOptionQuestionNode.options;
     for (const childNode of children) {
-      childNode.id = nanoid10();
+      childNode.id = nanoid11();
     }
   } else if (serializedNode.type === FillInTheBlankQuestionNode.getType()) {
     const fillInTheBlankQuestionNode = serializedNode;
-    fillInTheBlankQuestionNode.id = nanoid10();
+    fillInTheBlankQuestionNode.id = nanoid11();
   } else if (serializedNode.type === FinancialStatementQuestionNode.getType()) {
     const financialStatementQuestionNode = serializedNode;
-    financialStatementQuestionNode.id = nanoid10();
+    financialStatementQuestionNode.id = nanoid11();
     for (const rowItem of financialStatementQuestionNode.rows) {
-      rowItem.id = nanoid10();
+      rowItem.id = nanoid11();
     }
     for (const distractorItem of financialStatementQuestionNode.distractors) {
-      distractorItem.id = nanoid10();
+      distractorItem.id = nanoid11();
     }
   } else if (serializedNode.type === JournalEntryQuestionNode.getType()) {
     const journalEntryQuestionNode = serializedNode;
-    journalEntryQuestionNode.id = nanoid10();
+    journalEntryQuestionNode.id = nanoid11();
     for (const lineItem of journalEntryQuestionNode.lineItems) {
-      lineItem.id = nanoid10();
+      lineItem.id = nanoid11();
     }
   } else if (serializedNode.type === MatchingQuestionNode.getType()) {
     const matchingQuestionNode = serializedNode;
-    matchingQuestionNode.id = nanoid10();
+    matchingQuestionNode.id = nanoid11();
     for (const childItem of matchingQuestionNode.items) {
-      childItem.id = nanoid10();
+      childItem.id = nanoid11();
     }
   } else if (serializedNode.type === ShortAnswerQuestionNode.getType()) {
     const shortAnswerQuestionNode = serializedNode;
-    shortAnswerQuestionNode.id = nanoid10();
+    shortAnswerQuestionNode.id = nanoid11();
   } else if (serializedNode.type === SimulationQuestionNode.getType()) {
     const simulationQuestionNode = serializedNode;
-    simulationQuestionNode.id = nanoid10();
+    simulationQuestionNode.id = nanoid11();
   }
   return serializedNode;
 }
 
 // src/plugins/NodePastePlugin/NodePastePlugin.tsx
-import { Fragment as Fragment49, jsx as jsx110 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx112 } from "react/jsx-runtime";
 function NodePastePlugin() {
   const [editor] = useLexicalComposerContext63();
   useEffect76(() => {
@@ -15138,7 +15259,7 @@ function NodePastePlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx110(Fragment49, {});
+  return /* @__PURE__ */ jsx112(Fragment49, {});
 }
 
 // src/components/inputs/PopupToolbar.tsx
@@ -15150,7 +15271,7 @@ import {
   useMemo as useMemo9,
   useRef as useRef50
 } from "react";
-import { Fragment as Fragment50, jsx as jsx111, jsxs as jsxs40 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx113, jsxs as jsxs41 } from "react/jsx-runtime";
 var PopupToolbar = forwardRef13((props, ref) => {
   const { onEscape, menu, toolbar } = props;
   const popupRef = useRef50(null);
@@ -15183,7 +15304,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
             menuItemAttributes.checked = menuItemSelected;
             menuItemAttributes.type = "checkbox";
           }
-          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ jsx111(
+          let buttonElement = menuItem.subMenu ? /* @__PURE__ */ jsx113(
             DropdownButton,
             {
               size: "medium",
@@ -15193,7 +15314,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
               menu: menuItem.subMenu
             },
             `menuItem${menuItemId}`
-          ) : /* @__PURE__ */ jsxs40(
+          ) : /* @__PURE__ */ jsxs41(
             "sl-button",
             {
               size: "medium",
@@ -15208,15 +15329,15 @@ var PopupToolbar = forwardRef13((props, ref) => {
                 }
               },
               children: [
-                MenuItemIcon && /* @__PURE__ */ jsx111(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                MenuItemIcon && /* @__PURE__ */ jsx113(Icon, { slot: "prefix", icon: MenuItemIcon }),
                 menuItemLabel,
-                menuItemIsError && /* @__PURE__ */ jsx111(DotBadge, { variant: "danger" })
+                menuItemIsError && /* @__PURE__ */ jsx113(DotBadge, { variant: "danger" })
               ]
             },
             `menuItem${menuItemId}`
           );
           if (tooltip && !menuItem.subMenu) {
-            buttonElement = /* @__PURE__ */ jsx111(
+            buttonElement = /* @__PURE__ */ jsx113(
               "sl-tooltip",
               {
                 content: tooltip,
@@ -15278,7 +15399,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
       };
     }
   }, [onEscape]);
-  return /* @__PURE__ */ jsx111(Fragment50, { children: /* @__PURE__ */ jsx111(
+  return /* @__PURE__ */ jsx113(Fragment50, { children: /* @__PURE__ */ jsx113(
     "sl-popup",
     {
       ref: popupRef,
@@ -15286,7 +15407,7 @@ var PopupToolbar = forwardRef13((props, ref) => {
       shift: true,
       "auto-size": "horizontal",
       strategy: "fixed",
-      children: toolbar || /* @__PURE__ */ jsx111("sl-button-group", { ref: toolbarRef, children: menuItems })
+      children: toolbar || /* @__PURE__ */ jsx113("sl-button-group", { ref: toolbarRef, children: menuItems })
     }
   ) });
 });
@@ -15338,16 +15459,16 @@ var bgColorList = [
 ];
 
 // src/components/feedback/ProgressBar.tsx
-import { jsx as jsx112 } from "react/jsx-runtime";
+import { jsx as jsx114 } from "react/jsx-runtime";
 function ProgressBar() {
-  return /* @__PURE__ */ jsx112("sl-progress-bar", { indeterminate: "indeterminate" });
+  return /* @__PURE__ */ jsx114("sl-progress-bar", { indeterminate: "indeterminate" });
 }
 
 // src/components/layouts/Stack.tsx
-import { jsx as jsx113 } from "react/jsx-runtime";
+import { jsx as jsx115 } from "react/jsx-runtime";
 function Stack(props) {
   const { id, style, className, slot, children } = props;
-  return /* @__PURE__ */ jsx113(
+  return /* @__PURE__ */ jsx115(
     "div",
     {
       id,
@@ -15366,7 +15487,7 @@ import {
   useImperativeHandle as useImperativeHandle13,
   useRef as useRef51
 } from "react";
-import { jsx as jsx114, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx116, jsxs as jsxs42 } from "react/jsx-runtime";
 var FormDialog = forwardRef14((props, ref) => {
   const {
     id,
@@ -15494,13 +15615,13 @@ var FormDialog = forwardRef14((props, ref) => {
       }
     };
   });
-  return /* @__PURE__ */ jsx114("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsx116("form", { id, method: "POST", onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs42(
     "sl-dialog",
     {
       class: `dialog_control ${className}`,
       ref: dialogRef,
       children: [
-        /* @__PURE__ */ jsx114("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsx116("div", { slot: "label", children: headerControls && headerControls.length > 0 ? /* @__PURE__ */ jsxs42(
           Stack,
           {
             className: "stack__gap-3 stack__row",
@@ -15511,29 +15632,29 @@ var FormDialog = forwardRef14((props, ref) => {
             },
             children: [
               headerControls,
-              /* @__PURE__ */ jsx114("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ jsx114("span", { className: "font-medium font-w-semibold", children: title }) })
+              /* @__PURE__ */ jsx116("div", { style: { flexGrow: 2 }, children: /* @__PURE__ */ jsx116("span", { className: "font-medium font-w-semibold", children: title }) })
             ]
           }
-        ) : /* @__PURE__ */ jsx114("span", { className: "font-medium font-w-semibold", children: title }) }),
-        loading && /* @__PURE__ */ jsx114(ProgressBar, {}),
-        /* @__PURE__ */ jsx114("input", { type: "hidden", name: "formDialogId", value: id }),
-        /* @__PURE__ */ jsx114("input", { type: "hidden", name: "action", value: actionName }),
+        ) : /* @__PURE__ */ jsx116("span", { className: "font-medium font-w-semibold", children: title }) }),
+        loading && /* @__PURE__ */ jsx116(ProgressBar, {}),
+        /* @__PURE__ */ jsx116("input", { type: "hidden", name: "formDialogId", value: id }),
+        /* @__PURE__ */ jsx116("input", { type: "hidden", name: "action", value: actionName }),
         children,
-        /* @__PURE__ */ jsxs41(
+        /* @__PURE__ */ jsxs42(
           Stack,
           {
             slot: "footer",
             className: "stack__row stack__gap-4",
             style: { width: "100%", flexWrap: "nowrap" },
             children: [
-              extraControl && /* @__PURE__ */ jsx114("div", { style: { flexGrow: 0 }, children: extraControl }),
-              /* @__PURE__ */ jsxs41(
+              extraControl && /* @__PURE__ */ jsx116("div", { style: { flexGrow: 0 }, children: extraControl }),
+              /* @__PURE__ */ jsxs42(
                 Stack,
                 {
                   className: "stack__row stack__gap-4",
                   style: { flexGrow: 1, justifyContent: "end" },
                   children: [
-                    /* @__PURE__ */ jsx114("div", { children: /* @__PURE__ */ jsx114(
+                    /* @__PURE__ */ jsx116("div", { children: /* @__PURE__ */ jsx116(
                       Button,
                       {
                         slot: "footer",
@@ -15545,7 +15666,7 @@ var FormDialog = forwardRef14((props, ref) => {
                         onClick: handleCancel
                       }
                     ) }),
-                    /* @__PURE__ */ jsx114("div", { children: /* @__PURE__ */ jsx114(
+                    /* @__PURE__ */ jsx116("div", { children: /* @__PURE__ */ jsx116(
                       Button,
                       {
                         slot: "footer",
@@ -15580,7 +15701,7 @@ import {
   createCommand as createCommand18
 } from "lexical";
 import { useEffect as useEffect79, useRef as useRef52, useState as useState14 } from "react";
-import { jsx as jsx115, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx117, jsxs as jsxs43 } from "react/jsx-runtime";
 var SHOW_LINK_EDITOR_COMMAND = createCommand18("SHOW_LINK_EDITOR_COMMAND");
 function LinkEditorPlugin() {
   const [editor] = useLexicalComposerContext64();
@@ -15613,7 +15734,7 @@ function LinkEditorPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx115(
+  return /* @__PURE__ */ jsx117(
     FormDialog,
     {
       ref: formDialogRef,
@@ -15650,8 +15771,8 @@ function LinkEditorPlugin() {
       onCancel: () => {
         formDialogRef.current?.close();
       },
-      children: /* @__PURE__ */ jsx115("div", { style: { width: "450px" }, children: /* @__PURE__ */ jsxs42(Stack, { className: "stack__column stack__gap-4", children: [
-        /* @__PURE__ */ jsx115("div", { children: /* @__PURE__ */ jsx115(
+      children: /* @__PURE__ */ jsx117("div", { style: { width: "450px" }, children: /* @__PURE__ */ jsxs43(Stack, { className: "stack__column stack__gap-4", children: [
+        /* @__PURE__ */ jsx117("div", { children: /* @__PURE__ */ jsx117(
           TextInput,
           {
             ref: linkUrlInputRef,
@@ -15661,7 +15782,7 @@ function LinkEditorPlugin() {
             defaultValue: ""
           }
         ) }),
-        /* @__PURE__ */ jsx115("div", { children: /* @__PURE__ */ jsx115(
+        /* @__PURE__ */ jsx117("div", { children: /* @__PURE__ */ jsx117(
           Checkbox,
           {
             size: "small",
@@ -15685,7 +15806,7 @@ import {
   useRef as useRef53,
   useState as useState15
 } from "react";
-import { jsx as jsx116 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 var PopupHighlighter = forwardRef15((props, ref) => {
   const { highlighterClassName } = props;
   const popupRef = useRef53(null);
@@ -15720,7 +15841,7 @@ var PopupHighlighter = forwardRef15((props, ref) => {
       }
     }
   }));
-  return /* @__PURE__ */ jsx116("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ jsx116("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ jsx116(
+  return /* @__PURE__ */ jsx118("sl-popup", { ref: popupRef, placement: "top-start", strategy: "fixed", children: /* @__PURE__ */ jsx118("div", { style: { position: "relative" }, children: highlighterClassName ? /* @__PURE__ */ jsx118(
     "div",
     {
       className: highlighterClassName,
@@ -15729,7 +15850,7 @@ var PopupHighlighter = forwardRef15((props, ref) => {
         "--variable-placeholder-height": `${popupRect?.height || 0}px`
       }
     }
-  ) : /* @__PURE__ */ jsx116(
+  ) : /* @__PURE__ */ jsx118(
     "div",
     {
       style: {
@@ -15756,7 +15877,7 @@ import {
   useRef as useRef54,
   useState as useState16
 } from "react";
-import { Fragment as Fragment51, jsx as jsx117, jsxs as jsxs43 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx119, jsxs as jsxs44 } from "react/jsx-runtime";
 var PopupMenu = forwardRef16(
   (props, ref) => {
     const {
@@ -15836,11 +15957,11 @@ var PopupMenu = forwardRef16(
           } = menuItem;
           if (menuItemDivider) {
             resultList.push(
-              /* @__PURE__ */ jsx117("sl-divider", {}, `menuItem${menuItemId}`)
+              /* @__PURE__ */ jsx119("sl-divider", {}, `menuItem${menuItemId}`)
             );
           } else if (menuItemIsGroup) {
             resultList.push(
-              /* @__PURE__ */ jsx117("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
+              /* @__PURE__ */ jsx119("sl-menu-label", { children: menuItemLabel }, `menuItem${menuItemId}`)
             );
           } else {
             const menuItemAttributes = {};
@@ -15852,16 +15973,16 @@ var PopupMenu = forwardRef16(
               menuItemAttributes.type = "checkbox";
             }
             resultList.push(
-              /* @__PURE__ */ jsxs43(
+              /* @__PURE__ */ jsxs44(
                 "sl-menu-item",
                 {
                   value: menuItemId,
                   class: menuItemClassName,
                   ...menuItemAttributes,
                   children: [
-                    MenuItemIcon && /* @__PURE__ */ jsx117(Icon, { slot: "prefix", icon: MenuItemIcon }),
+                    MenuItemIcon && /* @__PURE__ */ jsx119(Icon, { slot: "prefix", icon: MenuItemIcon }),
                     menuItemLabel,
-                    menuItemIsError && /* @__PURE__ */ jsx117(DotBadge, { variant: "danger" })
+                    menuItemIsError && /* @__PURE__ */ jsx119(DotBadge, { variant: "danger" })
                   ]
                 },
                 `menuItem${menuItemId}`
@@ -15884,7 +16005,7 @@ var PopupMenu = forwardRef16(
       }
       if (constMenu.length > 0) {
         if (resultList.length > 0) {
-          resultList.push(/* @__PURE__ */ jsx117("sl-divider", {}, "const-menu-divider"));
+          resultList.push(/* @__PURE__ */ jsx119("sl-divider", {}, "const-menu-divider"));
         }
         resultList = resultList.concat(createMenuList(constMenu));
       }
@@ -16012,7 +16133,7 @@ var PopupMenu = forwardRef16(
         };
       }
     }, [onEscape]);
-    return /* @__PURE__ */ jsx117(Fragment51, { children: /* @__PURE__ */ jsx117(
+    return /* @__PURE__ */ jsx119(Fragment51, { children: /* @__PURE__ */ jsx119(
       "sl-popup",
       {
         ref: popupRef,
@@ -16024,7 +16145,7 @@ var PopupMenu = forwardRef16(
         strategy: "fixed",
         "auto-size": "vertical",
         "auto-size-padding": "10",
-        children: /* @__PURE__ */ jsx117(
+        children: /* @__PURE__ */ jsx119(
           "sl-menu",
           {
             ref: menuRef,
@@ -16195,7 +16316,7 @@ import React22, {
   useEffect as useEffect81,
   useState as useState17
 } from "react";
-import { jsx as jsx118 } from "react/jsx-runtime";
+import { jsx as jsx120 } from "react/jsx-runtime";
 var VariablesContext = React22.createContext(null);
 function VariablesProvider(props) {
   const { getEditor, getAllNestedEditors } = useBlockEditor();
@@ -16236,7 +16357,7 @@ function VariablesProvider(props) {
     renameVariable(newName, oldName);
     variablesSettings.onUpdated(newName, oldName);
   };
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx120(
     VariablesContext.Provider,
     {
       value: {
@@ -16357,7 +16478,7 @@ import {
   createCommand as createCommand19
 } from "lexical";
 import { useEffect as useEffect82, useMemo as useMemo11, useRef as useRef55 } from "react";
-import { Fragment as Fragment52, jsx as jsx119, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment52, jsx as jsx121, jsxs as jsxs45 } from "react/jsx-runtime";
 var CREATE_VARIABLE_FROM_SELECTION_COMMAND = createCommand19("CREATE_VARIABLE_FROM_SELECTION_COMMAND");
 function TypeaheadVariablePlugin() {
   const { variableList, onCreated } = useVariables();
@@ -16594,8 +16715,8 @@ function TypeaheadVariablePlugin() {
       activeDecoratorRef.current !== JournalEntryQuestionNode
     );
   }, [variableList, activeDecoratorRef.current]);
-  return /* @__PURE__ */ jsxs44(Fragment52, { children: [
-    /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsxs45(Fragment52, { children: [
+    /* @__PURE__ */ jsx121(
       PopupMenu,
       {
         ref: popupRef,
@@ -16603,7 +16724,7 @@ function TypeaheadVariablePlugin() {
         menu
       }
     ),
-    /* @__PURE__ */ jsx119(
+    /* @__PURE__ */ jsx121(
       PopupHighlighter,
       {
         highlighterClassName: "variable-placeholder",
@@ -16755,7 +16876,7 @@ import {
   useRef as useRef56,
   useState as useState18
 } from "react";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 function TextToolbarPlugin() {
   const { hasModule } = useBlockEditor();
   const [editor] = useLexicalComposerContext66();
@@ -17508,7 +17629,7 @@ function TextToolbarPlugin() {
     }
     return resultList;
   }, [toolbarState, selectionType, activeEditorRef.current]);
-  return /* @__PURE__ */ jsx120(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ jsx122(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/plugins/TypeaheadMenuPlugin/renderCalloutModuleMenu.tsx
@@ -18106,7 +18227,7 @@ function renderFillInTheBlankMenu(popupRef, targetNodeKeyRef, activeEditorRef) {
 }
 
 // src/plugins/TypeaheadMenuPlugin/TypeaheadMenuPlugin.tsx
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 function TypeaheadMenuPlugin() {
   const { hasModule, modulesNumber } = useBlockEditor();
   const [editor] = useLexicalComposerContext67();
@@ -18389,7 +18510,7 @@ function TypeaheadMenuPlugin() {
     }
     return menuItems;
   }, [editor, modulesNumber, activeDecorator]);
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     PopupMenu,
     {
       ref: popupRef,
@@ -19105,7 +19226,7 @@ var defaultThemeSettings = {
 };
 
 // src/theme/ThemeProvider.tsx
-import { jsx as jsx122, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs46 } from "react/jsx-runtime";
 var ThemeContext = createContext2(
   void 0
 );
@@ -19138,7 +19259,7 @@ function ThemeProvider({
     );
     rootElementRef.current?.classList.add(`theme-${effectiveTheme}`);
   }, [effectiveTheme]);
-  return /* @__PURE__ */ jsx122(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ jsxs45(
+  return /* @__PURE__ */ jsx124(ThemeContext.Provider, { value: { theme, effectiveTheme }, children: /* @__PURE__ */ jsxs46(
     "article",
     {
       ref: rootElementRef,
@@ -19155,7 +19276,7 @@ function ThemeProvider({
         )
       },
       children: [
-        /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx124(
           "style",
           {
             dangerouslySetInnerHTML: {
@@ -19184,7 +19305,7 @@ import React24, {
   useRef as useRef59,
   useState as useState21
 } from "react";
-import { jsx as jsx123, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs47 } from "react/jsx-runtime";
 var TOGGLE_EDITING_MODE = "TOGGLE_EDITING_MODE";
 var RESET_EDITING_MODE = "RESET_EDITING_MODE";
 var BlockEditorContext = React24.createContext(null);
@@ -19298,7 +19419,7 @@ function BlockEditor(props) {
       );
     };
   }, []);
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     BlockEditorContext.Provider,
     {
       value: {
@@ -19354,62 +19475,62 @@ function BlockEditor(props) {
         },
         drawer: drawerRef.current,
         isBlockEditorReady,
-        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ jsx123("div", {})
+        renderSettings: renderSettings ? renderSettings : () => /* @__PURE__ */ jsx125("div", {})
       },
-      children: /* @__PURE__ */ jsx123(ResizeObserver, { children: /* @__PURE__ */ jsx123(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ jsx123(SharedHistoryContext, { children: /* @__PURE__ */ jsxs46(NodeProvider, { children: [
-        /* @__PURE__ */ jsx123(
+      children: /* @__PURE__ */ jsx125(ResizeObserver, { children: /* @__PURE__ */ jsx125(ThemeProvider, { theme, themeSettings, children: /* @__PURE__ */ jsx125(SharedHistoryContext, { children: /* @__PURE__ */ jsxs47(NodeProvider, { children: [
+        /* @__PURE__ */ jsx125(
           "main",
           {
             className: `${settingsPanelSwitch === "on" ? "narrow" : ""}`,
-            children: /* @__PURE__ */ jsxs46(LexicalComposer, { initialConfig: { ...initialConfig }, children: [
-              /* @__PURE__ */ jsx123(
+            children: /* @__PURE__ */ jsxs47(LexicalComposer, { initialConfig: { ...initialConfig }, children: [
+              /* @__PURE__ */ jsx125(
                 EditorRefPlugin,
                 {
                   onMountRef: (editor) => editorRef.current = editor
                 }
               ),
-              /* @__PURE__ */ jsx123(AutoFocusPlugin, {}),
-              /* @__PURE__ */ jsx123(AutoBottomParagraphPlugin, {}),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx125(AutoFocusPlugin, {}),
+              /* @__PURE__ */ jsx125(AutoBottomParagraphPlugin, {}),
+              /* @__PURE__ */ jsx125(
                 HistoryPlugin11,
                 {
                   externalHistoryState: historyState
                 }
               ),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx125(
                 OnChangePlugin,
                 {
                   onChange: handleChange,
                   ignoreSelectionChange: true
                 }
               ),
-              /* @__PURE__ */ jsx123(OnNestedChangePlugin, { onChange: handleChange }),
-              /* @__PURE__ */ jsx123(
+              /* @__PURE__ */ jsx125(OnNestedChangePlugin, { onChange: handleChange }),
+              /* @__PURE__ */ jsx125(
                 RichTextPlugin9,
                 {
-                  contentEditable: /* @__PURE__ */ jsx123(ContentEditable, {}),
+                  contentEditable: /* @__PURE__ */ jsx125(ContentEditable, {}),
                   placeholder: null,
                   ErrorBoundary: LexicalErrorBoundary11
                 }
               ),
-              /* @__PURE__ */ jsx123(NodePastePlugin, {}),
-              /* @__PURE__ */ jsx123(ListPlugin2, {}),
-              /* @__PURE__ */ jsx123(ListLevelLimitPlugin, {}),
-              /* @__PURE__ */ jsx123(TabIndentationPlugin2, {}),
+              /* @__PURE__ */ jsx125(NodePastePlugin, {}),
+              /* @__PURE__ */ jsx125(ListPlugin2, {}),
+              /* @__PURE__ */ jsx125(ListLevelLimitPlugin, {}),
+              /* @__PURE__ */ jsx125(TabIndentationPlugin2, {}),
               children,
-              /* @__PURE__ */ jsx123(TypeaheadMenuPlugin, {}),
-              /* @__PURE__ */ jsx123(TypeaheadMenuAgentPlugin, {}),
-              /* @__PURE__ */ jsx123(NodeMouseAnchorPlugin, {}),
-              /* @__PURE__ */ jsx123(NodeMousePlugin, {}),
-              /* @__PURE__ */ jsx123(TextToolbarPlugin, {}),
-              /* @__PURE__ */ jsx123(TextToolbarAgentPlugin, {}),
-              /* @__PURE__ */ jsx123(TypeaheadVariableAgentPlugin, {}),
-              /* @__PURE__ */ jsx123(VariableComponentPlugin, {}),
-              /* @__PURE__ */ jsx123(MarkdownPlugin, {})
+              /* @__PURE__ */ jsx125(TypeaheadMenuPlugin, {}),
+              /* @__PURE__ */ jsx125(TypeaheadMenuAgentPlugin, {}),
+              /* @__PURE__ */ jsx125(NodeMouseAnchorPlugin, {}),
+              /* @__PURE__ */ jsx125(NodeMousePlugin, {}),
+              /* @__PURE__ */ jsx125(TextToolbarPlugin, {}),
+              /* @__PURE__ */ jsx125(TextToolbarAgentPlugin, {}),
+              /* @__PURE__ */ jsx125(TypeaheadVariableAgentPlugin, {}),
+              /* @__PURE__ */ jsx125(VariableComponentPlugin, {}),
+              /* @__PURE__ */ jsx125(MarkdownPlugin, {})
             ] })
           }
         ),
-        /* @__PURE__ */ jsx123(Drawer, { ref: drawerRef })
+        /* @__PURE__ */ jsx125(Drawer, { ref: drawerRef })
       ] }) }) }) })
     }
   );
@@ -19425,30 +19546,30 @@ var useBlockEditor = () => {
 };
 
 // src/BlockEditorStyle.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 function BlockEditorStyle(props) {
   const { children, theme, themeSettings } = props;
-  return /* @__PURE__ */ jsx124(ThemeProvider, { theme, themeSettings, children });
+  return /* @__PURE__ */ jsx126(ThemeProvider, { theme, themeSettings, children });
 }
 
 // src/modules/Callout.tsx
 import { useEffect as useEffect87 } from "react";
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 function Callout() {
   const { registerModule } = useBlockEditor();
   useEffect87(() => {
     registerModule("Callout");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx125(CalloutBoxPlugin, {});
+  return /* @__PURE__ */ jsx127(CalloutBoxPlugin, {});
 }
 
 // src/plugins/TreeViewPlugin/index.tsx
 import { useLexicalComposerContext as useLexicalComposerContext68 } from "@lexical/react/LexicalComposerContext";
 import { TreeView } from "@lexical/react/LexicalTreeView";
-import { jsx as jsx126 } from "react/jsx-runtime";
+import { jsx as jsx128 } from "react/jsx-runtime";
 function TreeViewPlugin() {
   const [editor] = useLexicalComposerContext68();
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     TreeView,
     {
       viewClassName: "tree-view-output",
@@ -19464,25 +19585,25 @@ function TreeViewPlugin() {
 
 // src/modules/Debug.tsx
 import { useEffect as useEffect88 } from "react";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 function Debug() {
   const { registerModule } = useBlockEditor();
   useEffect88(() => {
     registerModule("Debug");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx127(TreeViewPlugin, {});
+  return /* @__PURE__ */ jsx129(TreeViewPlugin, {});
 }
 
 // src/modules/Image.tsx
 import { useEffect as useEffect89 } from "react";
-import { Fragment as Fragment53, jsx as jsx128 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx130 } from "react/jsx-runtime";
 function Image(props) {
   const { imageSettings } = props;
   const { registerModule } = useBlockEditor();
   useEffect89(() => {
     registerModule("Image");
   }, [registerModule]);
-  return /* @__PURE__ */ jsx128(Fragment53, { children: /* @__PURE__ */ jsx128(ImagePlugin, { imageSettings }) });
+  return /* @__PURE__ */ jsx130(Fragment53, { children: /* @__PURE__ */ jsx130(ImagePlugin, { imageSettings }) });
 }
 
 // src/plugins/LinkToolbarPlugin/LinkToolbarPlugin.tsx
@@ -19501,9 +19622,9 @@ import {
   KEY_ESCAPE_COMMAND as KEY_ESCAPE_COMMAND4
 } from "lexical";
 import debounce7 from "lodash-es/debounce";
-import { Pencil, Trash2 as Trash28, X } from "lucide-react";
+import { Pencil, Trash2 as Trash24, X } from "lucide-react";
 import { useCallback as useCallback18, useEffect as useEffect90, useRef as useRef60, useState as useState22 } from "react";
-import { jsx as jsx129, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs48 } from "react/jsx-runtime";
 function LinkToolbarPlugin() {
   const [editor] = useLexicalComposerContext69();
   const popupToolbarRef = useRef60(null);
@@ -19613,12 +19734,12 @@ function LinkToolbarPlugin() {
   }, [editor]);
   const linkUrl = linkNode?.linkUrl;
   const linkTitle = linkNode?.linkUrl;
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx131(
     PopupToolbar,
     {
       ref: popupToolbarRef,
       onEscape: handleClose,
-      toolbar: /* @__PURE__ */ jsxs47(
+      toolbar: /* @__PURE__ */ jsxs48(
         "div",
         {
           style: {
@@ -19631,23 +19752,23 @@ function LinkToolbarPlugin() {
             padding: "var(--sl-spacing-2x-small) var(--sl-spacing-x-small) var(--sl-spacing-2x-small) var(--sl-spacing-medium)"
           },
           children: [
-            /* @__PURE__ */ jsx129("div", { children: /* @__PURE__ */ jsx129("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ jsx129(
+            /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsx131("a", { href: linkUrl, target: linkNode?.linkTarget || "", children: /* @__PURE__ */ jsx131(
               "sl-tooltip",
               {
                 style: { "--show-delay": "1800" },
                 hoist: true,
                 content: linkUrl || "[Empty URL]",
-                children: /* @__PURE__ */ jsx129("span", { className: "line-short-20", children: linkTitle })
+                children: /* @__PURE__ */ jsx131("span", { className: "line-short-20", children: linkTitle })
               }
             ) }) }),
-            /* @__PURE__ */ jsxs47(Stack, { className: "stack__row", children: [
-              /* @__PURE__ */ jsx129("div", { children: /* @__PURE__ */ jsx129(
+            /* @__PURE__ */ jsxs48(Stack, { className: "stack__row", children: [
+              /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsx131(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Edit Link",
-                  children: /* @__PURE__ */ jsx129(
+                  children: /* @__PURE__ */ jsx131(
                     Button,
                     {
                       size: "small",
@@ -19686,19 +19807,19 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx129("div", { children: /* @__PURE__ */ jsx129(
+              /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsx131(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Remove Link",
-                  children: /* @__PURE__ */ jsx129(
+                  children: /* @__PURE__ */ jsx131(
                     Button,
                     {
                       size: "small",
                       variant: "text",
                       label: "",
-                      StartIcon: Trash28,
+                      StartIcon: Trash24,
                       onClick: () => {
                         if (activeEditorRef.current) {
                           activeEditorRef.current.update(() => {
@@ -19727,13 +19848,13 @@ function LinkToolbarPlugin() {
                   )
                 }
               ) }),
-              /* @__PURE__ */ jsx129("div", { children: /* @__PURE__ */ jsx129(
+              /* @__PURE__ */ jsx131("div", { children: /* @__PURE__ */ jsx131(
                 "sl-tooltip",
                 {
                   style: { "--show-delay": "1800" },
                   hoist: "hoist",
                   content: "Close",
-                  children: /* @__PURE__ */ jsx129(
+                  children: /* @__PURE__ */ jsx131(
                     Button,
                     {
                       size: "small",
@@ -19756,15 +19877,15 @@ function LinkToolbarPlugin() {
 
 // src/modules/Link.tsx
 import { useEffect as useEffect91 } from "react";
-import { Fragment as Fragment54, jsx as jsx130, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment54, jsx as jsx132, jsxs as jsxs49 } from "react/jsx-runtime";
 function Link() {
   const { registerModule } = useBlockEditor();
   useEffect91(() => {
     registerModule("Link");
   }, [registerModule]);
-  return /* @__PURE__ */ jsxs48(Fragment54, { children: [
-    /* @__PURE__ */ jsx130(LinkEditorPlugin, {}),
-    /* @__PURE__ */ jsx130(LinkToolbarPlugin, {})
+  return /* @__PURE__ */ jsxs49(Fragment54, { children: [
+    /* @__PURE__ */ jsx132(LinkEditorPlugin, {}),
+    /* @__PURE__ */ jsx132(LinkToolbarPlugin, {})
   ] });
 }
 
@@ -19779,7 +19900,7 @@ import {
   createCommand as createCommand20
 } from "lexical";
 import { useEffect as useEffect92 } from "react";
-import { Fragment as Fragment55, jsx as jsx131 } from "react/jsx-runtime";
+import { Fragment as Fragment55, jsx as jsx133 } from "react/jsx-runtime";
 var INSERT_ESSAY_QUESTION_COMMAND = createCommand20("INSERT_ESSAY_QUESTION_COMMAND");
 function EssayQuestionPlugin() {
   const [editor] = useLexicalComposerContext70();
@@ -19817,7 +19938,7 @@ function EssayQuestionPlugin() {
       )
     );
   }, [editor]);
-  return /* @__PURE__ */ jsx131(Fragment55, {});
+  return /* @__PURE__ */ jsx133(Fragment55, {});
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
@@ -19845,7 +19966,7 @@ function validatePointsInput6(input) {
 }
 
 // src/plugins/FinancialStatementQuestionPlugin/FinancialStatementQuestionSettings.tsx
-import { jsx as jsx132 } from "react/jsx-runtime";
+import { jsx as jsx134 } from "react/jsx-runtime";
 function FinancialStatementQuestionSettings(props) {
   const { nodeKey } = props;
   const [editor] = useLexicalComposerContext71();
@@ -19864,7 +19985,7 @@ function FinancialStatementQuestionSettings(props) {
   if (!foundNode) {
     return null;
   }
-  return /* @__PURE__ */ jsx132("div", { children: /* @__PURE__ */ jsx132(
+  return /* @__PURE__ */ jsx134("div", { children: /* @__PURE__ */ jsx134(
     TextInput,
     {
       ref: pointsTextInputRef,
@@ -19907,7 +20028,7 @@ import {
   createEditor as createEditor9
 } from "lexical";
 import { useEffect as useEffect94, useRef as useRef62 } from "react";
-import { Fragment as Fragment56, jsx as jsx133, jsxs as jsxs49 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx135, jsxs as jsxs50 } from "react/jsx-runtime";
 var INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND = createCommand21("INSERT_FINANCIAL_STATEMENT_QUESTION_COMMAND");
 function FinancialStatementQuestionPlugin() {
   const {
@@ -19972,21 +20093,21 @@ function FinancialStatementQuestionPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsxs49(Fragment56, { children: [
-    drawer && /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsxs50(Fragment56, { children: [
+    drawer && /* @__PURE__ */ jsx135(
       StickyToPosition,
       {
         ref: settingsPanelStickyRef,
         container: drawer,
         children: (data, position, isVisible) => {
-          return /* @__PURE__ */ jsx133("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx133(
+          return /* @__PURE__ */ jsx135("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx135(
             SettingsCard,
             {
               isVisible: !!isVisible,
               container: drawer,
               title: "Financial Statement Settings",
               onClose: toggleSettingsPanelSwitch,
-              children: isVisible && /* @__PURE__ */ jsx133(
+              children: isVisible && /* @__PURE__ */ jsx135(
                 FinancialStatementQuestionSettings,
                 {
                   nodeKey: data.nodeKey
@@ -19998,32 +20119,32 @@ function FinancialStatementQuestionPlugin() {
         }
       }
     ),
-    /* @__PURE__ */ jsx133(FillInTheBlankSpaceSettingsPlugin, {})
+    /* @__PURE__ */ jsx135(FillInTheBlankSpaceSettingsPlugin, {})
   ] });
 }
 
 // src/modules/Questions.tsx
 import { useEffect as useEffect95 } from "react";
-import { Fragment as Fragment57, jsx as jsx134, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx136, jsxs as jsxs51 } from "react/jsx-runtime";
 function Questions() {
   const { registerModule } = useBlockEditor();
   useEffect95(() => {
     registerModule("Questions");
   }, [registerModule]);
-  return /* @__PURE__ */ jsxs50(Fragment57, { children: [
-    /* @__PURE__ */ jsx134(MultipleOptionQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(ShortAnswerQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(MatchingQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(FillInTheBlankQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(JournalEntryQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(FinancialStatementQuestionPlugin, {}),
-    /* @__PURE__ */ jsx134(EssayQuestionPlugin, {})
+  return /* @__PURE__ */ jsxs51(Fragment57, { children: [
+    /* @__PURE__ */ jsx136(MultipleOptionQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(ShortAnswerQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(MatchingQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(FillInTheBlankQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(JournalEntryQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(FinancialStatementQuestionPlugin, {}),
+    /* @__PURE__ */ jsx136(EssayQuestionPlugin, {})
   ] });
 }
 
 // src/modules/SettingsPanel.tsx
 import { useEffect as useEffect96 } from "react";
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 function SettingsPanel(props) {
   const { defaultOpen = true } = props;
   const { registerModule, openSettingsPanel } = useBlockEditor();
@@ -20035,7 +20156,7 @@ function SettingsPanel(props) {
       }
     }, 50);
   }, [registerModule, defaultOpen, openSettingsPanel]);
-  return /* @__PURE__ */ jsx135(SettingsPanelPlugin, {});
+  return /* @__PURE__ */ jsx137(SettingsPanelPlugin, {});
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
@@ -20047,14 +20168,14 @@ import {
   $createTextNode as $createTextNode8,
   $getNodeByKey as $getNodeByKey58
 } from "lexical";
-import { Pencil as Pencil2, Save, Trash2 as Trash29 } from "lucide-react";
+import { Pencil as Pencil2, Save, Trash2 as Trash25 } from "lucide-react";
 import {
   useEffect as useEffect97,
   useMemo as useMemo14,
   useRef as useRef63,
   useState as useState24
 } from "react";
-import { Fragment as Fragment58, jsx as jsx136, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx138, jsxs as jsxs52 } from "react/jsx-runtime";
 var controlGridStyle = {
   width: "100%",
   display: "flex",
@@ -20276,8 +20397,8 @@ function VariableSettings(props) {
   if (!currentVariableNode) {
     return null;
   }
-  return /* @__PURE__ */ jsxs51(Fragment58, { children: [
-    /* @__PURE__ */ jsx136("div", { style: formFieldStyle, children: /* @__PURE__ */ jsx136(
+  return /* @__PURE__ */ jsxs52(Fragment58, { children: [
+    /* @__PURE__ */ jsx138("div", { style: formFieldStyle, children: /* @__PURE__ */ jsx138(
       Button,
       {
         className: "button__fullwidth",
@@ -20296,10 +20417,10 @@ function VariableSettings(props) {
         variant: "default"
       }
     ) }),
-    /* @__PURE__ */ jsxs51("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx136("div", { style: formFieldLabel, children: "Name" }),
-      /* @__PURE__ */ jsxs51("div", { style: controlGridStyle, children: [
-        /* @__PURE__ */ jsx136("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx136(
+    /* @__PURE__ */ jsxs52("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ jsx138("div", { style: formFieldLabel, children: "Name" }),
+      /* @__PURE__ */ jsxs52("div", { style: controlGridStyle, children: [
+        /* @__PURE__ */ jsx138("div", { style: { flexGrow: 1 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx138(
           "form",
           {
             onSubmit: (e) => {
@@ -20307,7 +20428,7 @@ function VariableSettings(props) {
               e.preventDefault();
               updateVariableName();
             },
-            children: /* @__PURE__ */ jsx136(
+            children: /* @__PURE__ */ jsx138(
               TextInput,
               {
                 ref: variableNameInputRef,
@@ -20319,7 +20440,7 @@ function VariableSettings(props) {
               }
             )
           }
-        ) : /* @__PURE__ */ jsx136(
+        ) : /* @__PURE__ */ jsx138(
           DropdownButton,
           {
             className: "button__fullwidth button__left_aligned",
@@ -20332,7 +20453,7 @@ function VariableSettings(props) {
             menu: variablesMenu
           }
         ) }),
-        /* @__PURE__ */ jsx136("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx136(
+        /* @__PURE__ */ jsx138("div", { style: { flexGrow: 0 }, children: isSettingsEditingMode ? /* @__PURE__ */ jsx138(
           Button,
           {
             StartIcon: Save,
@@ -20340,7 +20461,7 @@ function VariableSettings(props) {
             size: "small",
             onClick: updateVariableName
           }
-        ) : /* @__PURE__ */ jsx136(
+        ) : /* @__PURE__ */ jsx138(
           Button,
           {
             StartIcon: Pencil2,
@@ -20353,9 +20474,9 @@ function VariableSettings(props) {
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs51("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx136("div", { style: formFieldLabel, children: "Type" }),
-      /* @__PURE__ */ jsx136(
+    /* @__PURE__ */ jsxs52("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ jsx138("div", { style: formFieldLabel, children: "Type" }),
+      /* @__PURE__ */ jsx138(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -20369,9 +20490,9 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    currentVariableNode.getVariableFormat() && /* @__PURE__ */ jsxs51("div", { style: formFieldStyle, children: [
-      /* @__PURE__ */ jsx136("div", { style: formFieldLabel, children: "Format" }),
-      /* @__PURE__ */ jsx136(
+    currentVariableNode.getVariableFormat() && /* @__PURE__ */ jsxs52("div", { style: formFieldStyle, children: [
+      /* @__PURE__ */ jsx138("div", { style: formFieldLabel, children: "Format" }),
+      /* @__PURE__ */ jsx138(
         DropdownButton,
         {
           className: "button__fullwidth button__left_aligned",
@@ -20385,14 +20506,14 @@ function VariableSettings(props) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx136("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ jsx136(
+    /* @__PURE__ */ jsx138("div", { style: { width: "100%", display: "f" }, children: /* @__PURE__ */ jsx138(
       Button,
       {
         size: "small",
         variant: "danger",
         className: "button__fullwidth",
         label: "Delete",
-        StartIcon: Trash29,
+        StartIcon: Trash25,
         onClick: () => {
           let parentNodeKey;
           activeEditorRef.current?.update(
@@ -20427,7 +20548,7 @@ function VariableSettings(props) {
 }
 
 // src/plugins/VariablesPlugin/VariableSettingsPlugin.tsx
-import { Fragment as Fragment59, jsx as jsx137 } from "react/jsx-runtime";
+import { Fragment as Fragment59, jsx as jsx139 } from "react/jsx-runtime";
 function VariableSettingsPlugin() {
   const {
     registerSettingsPanel,
@@ -20446,20 +20567,20 @@ function VariableSettingsPlugin() {
       }
     }
   }, [isBlockEditorReady]);
-  return /* @__PURE__ */ jsx137(Fragment59, { children: drawer && /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsx139(Fragment59, { children: drawer && /* @__PURE__ */ jsx139(
     StickyToPosition,
     {
       ref: settingsPanelStickyRef,
       container: drawer,
       children: (data, position, isVisible) => {
-        return /* @__PURE__ */ jsx137("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx137(
+        return /* @__PURE__ */ jsx139("div", { style: { width: position.width }, children: /* @__PURE__ */ jsx139(
           SettingsCard,
           {
             isVisible: !!isVisible,
             container: drawer,
             title: "Variable Settings",
             onClose: toggleSettingsPanelSwitch,
-            children: /* @__PURE__ */ jsx137(
+            children: /* @__PURE__ */ jsx139(
               VariableSettings,
               {
                 nodeKey: data.nodeKey,
@@ -20492,7 +20613,7 @@ import {
   useRef as useRef65,
   useState as useState25
 } from "react";
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx140 } from "react/jsx-runtime";
 function VariableToolbarPlugin() {
   const [editor] = useLexicalComposerContext74();
   const popupToolbarRef = useRef65(null);
@@ -20685,12 +20806,12 @@ function VariableToolbarPlugin() {
     ];
     return resultList;
   }, [toolbarState]);
-  return /* @__PURE__ */ jsx138(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
+  return /* @__PURE__ */ jsx140(PopupToolbar, { ref: popupToolbarRef, menu: menuItems });
 }
 
 // src/modules/Variables.tsx
 import { useEffect as useEffect100 } from "react";
-import { jsx as jsx139, jsxs as jsxs52 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs53 } from "react/jsx-runtime";
 function Variables(props) {
   const { variablesSettings } = props;
   const { registerModule, setEditingModeDataCallback } = useBlockEditor();
@@ -20704,11 +20825,11 @@ function Variables(props) {
       };
     });
   }, [variablesSettings, setEditingModeDataCallback]);
-  return /* @__PURE__ */ jsxs52(VariablesProvider, { variablesSettings, children: [
-    /* @__PURE__ */ jsx139(TypeaheadVariablePlugin, {}),
-    /* @__PURE__ */ jsx139(VariableSettingsPlugin, {}),
-    /* @__PURE__ */ jsx139(VariableToolbarPlugin, {}),
-    /* @__PURE__ */ jsx139(VariableToolbarAgentPlugin, {})
+  return /* @__PURE__ */ jsxs53(VariablesProvider, { variablesSettings, children: [
+    /* @__PURE__ */ jsx141(TypeaheadVariablePlugin, {}),
+    /* @__PURE__ */ jsx141(VariableSettingsPlugin, {}),
+    /* @__PURE__ */ jsx141(VariableToolbarPlugin, {}),
+    /* @__PURE__ */ jsx141(VariableToolbarAgentPlugin, {})
   ] });
 }
 export {