@kopexa/tiptap 1.0.0 → 2.0.0

package/dist/ui/codeblock-button/code-block-button.mjs

@@ -1,11 +1,9 @@
 "use client";
 import {
   CodeBlockButton
-} from "../../chunk-GLQRF7PR.mjs";
-import "../../chunk-ACWAVTTK.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-OEVR5N7X.mjs";
+import "../../chunk-BEV5U2DK.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   CodeBlockButton
 };

package/dist/ui/codeblock-button/index.js

@@ -75,70 +75,15 @@ function useTiptapEditor(providedEditor) {
 }
 
 // src/ui/codeblock-button/use-code-block.ts
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
-var import_state2 = require("@tiptap/pm/state");
-var React = __toESM(require("react"));
-
-// src/utils/index.ts
 var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isNodeInSchema = (nodeName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.nodes.get(nodeName) !== void 0;
-};
-function findNodePosition(props) {
-  var _a;
-  const { editor, node, nodePos } = props;
-  if (!editor || !((_a = editor.state) == null ? void 0 : _a.doc)) return null;
-  const hasValidNode = node !== void 0 && node !== null;
-  const hasValidPos = nodePos !== void 0 && nodePos !== null;
-  if (!hasValidNode && !hasValidPos) {
-    return null;
-  }
-  if (hasValidPos) {
-    try {
-      const nodeAtPos = editor.state.doc.nodeAt(nodePos);
-      if (nodeAtPos) {
-        return { pos: nodePos, node: nodeAtPos };
-      }
-    } catch (error) {
-      console.error("Error checking node at position:", error);
-      return null;
-    }
-  }
-  let foundPos = -1;
-  let foundNode = null;
-  editor.state.doc.descendants((currentNode, pos) => {
-    if (currentNode === node) {
-      foundPos = pos;
-      foundNode = currentNode;
-      return false;
-    }
-    return true;
-  });
-  return foundPos !== -1 && foundNode !== null ? { pos: foundPos, node: foundNode } : null;
-}
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-function isValidPosition(pos) {
-  return typeof pos === "number" && pos >= 0;
-}
-
-// src/ui/codeblock-button/use-code-block.ts
+var React = __toESM(require("react"));
 var CODE_BLOCK_SHORTCUT_KEY = "mod+alt+c";
 function canToggle(editor, turnInto = true) {
   var _a;
   if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isNodeInSchema)("codeBlock", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   if (!turnInto) {
     return editor.can().toggleNode("codeBlock", "paragraph");
@@ -147,12 +92,12 @@ function canToggle(editor, turnInto = true) {
     const view = editor.view;
     const state = view.state;
     const selection = state.selection;
-    if (selection.empty || selection instanceof import_state2.TextSelection) {
-      const pos = (_a = findNodePosition({
+    if (selection.empty || selection instanceof import_state.TextSelection) {
+      const pos = (_a = (0, import_editor_utils.findNodePosition)({
         editor,
         node: state.selection.$anchor.node(1)
       })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
+      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
     }
     return true;
   } catch {
@@ -167,19 +112,19 @@ function toggleCodeBlock(editor) {
     const view = editor.view;
     let state = view.state;
     let tr = state.tr;
-    if (state.selection.empty || state.selection instanceof import_state2.TextSelection) {
-      const pos = (_a = findNodePosition({
+    if (state.selection.empty || state.selection instanceof import_state.TextSelection) {
+      const pos = (_a = (0, import_editor_utils.findNodePosition)({
         editor,
         node: state.selection.$anchor.node(1)
       })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-      tr = tr.setSelection(import_state2.NodeSelection.create(state.doc, pos));
+      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
+      tr = tr.setSelection(import_state.NodeSelection.create(state.doc, pos));
       view.dispatch(tr);
       state = view.state;
     }
     const selection = state.selection;
     let chain = editor.chain().focus();
-    if (selection instanceof import_state2.NodeSelection) {
+    if (selection instanceof import_state.NodeSelection) {
       const firstChild = (_b = selection.node.firstChild) == null ? void 0 : _b.firstChild;
       const lastChild = (_c = selection.node.lastChild) == null ? void 0 : _c.lastChild;
       const from = firstChild ? selection.from + firstChild.nodeSize : selection.from + 1;
@@ -197,7 +142,7 @@ function toggleCodeBlock(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor)) return false;
+  if (!(0, import_editor_utils.isNodeInSchema)("codeBlock", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canToggle(editor);
   }
@@ -256,15 +201,7 @@ var CodeBlockButton = ({
   ...buttonProps
 }) => {
   const { editor } = useTiptapEditor(providedEditor);
-  const {
-    isVisible,
-    canToggle: canToggle2,
-    isActive,
-    handleToggle,
-    label,
-    shortcutKeys,
-    Icon
-  } = useCodeBlock({
+  const { isVisible, canToggle: canToggle2, isActive, handleToggle, label, shortcutKeys } = useCodeBlock({
     editor,
     hideWhenUnavailable,
     onToggled

package/dist/ui/codeblock-button/index.mjs

@@ -2,17 +2,15 @@
 import "../../chunk-ATRHILCH.mjs";
 import {
   CodeBlockButton
-} from "../../chunk-GLQRF7PR.mjs";
+} from "../../chunk-OEVR5N7X.mjs";
 import {
   CODE_BLOCK_SHORTCUT_KEY,
   canToggle,
   shouldShowButton,
   toggleCodeBlock,
   useCodeBlock
-} from "../../chunk-ACWAVTTK.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-BEV5U2DK.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   CODE_BLOCK_SHORTCUT_KEY,
   CodeBlockButton,

package/dist/ui/codeblock-button/use-code-block.js

@@ -39,8 +39,9 @@ __export(use_code_block_exports, {
   useCodeBlock: () => useCodeBlock
 });
 module.exports = __toCommonJS(use_code_block_exports);
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
-var import_state2 = require("@tiptap/pm/state");
+var import_state = require("@tiptap/pm/state");
 var React = __toESM(require("react"));
 
 // src/hooks/use-tiptap-editor.ts
@@ -72,66 +73,12 @@ function useTiptapEditor(providedEditor) {
   return editorState || { editor: null };
 }
 
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isNodeInSchema = (nodeName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.nodes.get(nodeName) !== void 0;
-};
-function findNodePosition(props) {
-  var _a;
-  const { editor, node, nodePos } = props;
-  if (!editor || !((_a = editor.state) == null ? void 0 : _a.doc)) return null;
-  const hasValidNode = node !== void 0 && node !== null;
-  const hasValidPos = nodePos !== void 0 && nodePos !== null;
-  if (!hasValidNode && !hasValidPos) {
-    return null;
-  }
-  if (hasValidPos) {
-    try {
-      const nodeAtPos = editor.state.doc.nodeAt(nodePos);
-      if (nodeAtPos) {
-        return { pos: nodePos, node: nodeAtPos };
-      }
-    } catch (error) {
-      console.error("Error checking node at position:", error);
-      return null;
-    }
-  }
-  let foundPos = -1;
-  let foundNode = null;
-  editor.state.doc.descendants((currentNode, pos) => {
-    if (currentNode === node) {
-      foundPos = pos;
-      foundNode = currentNode;
-      return false;
-    }
-    return true;
-  });
-  return foundPos !== -1 && foundNode !== null ? { pos: foundPos, node: foundNode } : null;
-}
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-function isValidPosition(pos) {
-  return typeof pos === "number" && pos >= 0;
-}
-
 // src/ui/codeblock-button/use-code-block.ts
 var CODE_BLOCK_SHORTCUT_KEY = "mod+alt+c";
 function canToggle(editor, turnInto = true) {
   var _a;
   if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isNodeInSchema)("codeBlock", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   if (!turnInto) {
     return editor.can().toggleNode("codeBlock", "paragraph");
@@ -140,12 +87,12 @@ function canToggle(editor, turnInto = true) {
     const view = editor.view;
     const state = view.state;
     const selection = state.selection;
-    if (selection.empty || selection instanceof import_state2.TextSelection) {
-      const pos = (_a = findNodePosition({
+    if (selection.empty || selection instanceof import_state.TextSelection) {
+      const pos = (_a = (0, import_editor_utils.findNodePosition)({
         editor,
         node: state.selection.$anchor.node(1)
       })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
+      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
     }
     return true;
   } catch {
@@ -160,19 +107,19 @@ function toggleCodeBlock(editor) {
     const view = editor.view;
     let state = view.state;
     let tr = state.tr;
-    if (state.selection.empty || state.selection instanceof import_state2.TextSelection) {
-      const pos = (_a = findNodePosition({
+    if (state.selection.empty || state.selection instanceof import_state.TextSelection) {
+      const pos = (_a = (0, import_editor_utils.findNodePosition)({
         editor,
         node: state.selection.$anchor.node(1)
       })) == null ? void 0 : _a.pos;
-      if (!isValidPosition(pos)) return false;
-      tr = tr.setSelection(import_state2.NodeSelection.create(state.doc, pos));
+      if (!(0, import_editor_utils.isValidPosition)(pos)) return false;
+      tr = tr.setSelection(import_state.NodeSelection.create(state.doc, pos));
       view.dispatch(tr);
       state = view.state;
     }
     const selection = state.selection;
     let chain = editor.chain().focus();
-    if (selection instanceof import_state2.NodeSelection) {
+    if (selection instanceof import_state.NodeSelection) {
       const firstChild = (_b = selection.node.firstChild) == null ? void 0 : _b.firstChild;
       const lastChild = (_c = selection.node.lastChild) == null ? void 0 : _c.lastChild;
       const from = firstChild ? selection.from + firstChild.nodeSize : selection.from + 1;
@@ -190,7 +137,7 @@ function toggleCodeBlock(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isNodeInSchema("codeBlock", editor)) return false;
+  if (!(0, import_editor_utils.isNodeInSchema)("codeBlock", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canToggle(editor);
   }

package/dist/ui/codeblock-button/use-code-block.mjs

@@ -6,10 +6,8 @@ import {
   shouldShowButton,
   toggleCodeBlock,
   useCodeBlock
-} from "../../chunk-ACWAVTTK.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-BEV5U2DK.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   CODE_BLOCK_SHORTCUT_KEY,
   canToggle,

package/dist/ui/color-highlight-button/color-highlight-button.js

@@ -68,35 +68,15 @@ function useTiptapEditor(providedEditor) {
 }
 
 // src/ui/color-highlight-button/use-color-highlight.ts
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React = __toESM(require("react"));
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
-
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isMarkInSchema = (markName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.marks.get(markName) !== void 0;
-};
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-
-// src/ui/color-highlight-button/use-color-highlight.ts
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 function canColorHighlight(editor) {
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   return editor.can().setMark("highlight");
 }
@@ -112,7 +92,7 @@ function removeHighlight(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canColorHighlight(editor);
   }

package/dist/ui/color-highlight-button/color-highlight-button.mjs

@@ -1,11 +1,9 @@
 "use client";
 import {
   ColorHighlightButton
-} from "../../chunk-RQPJU4UB.mjs";
-import "../../chunk-KI3YOPAA.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-B7WJOQ3X.mjs";
+import "../../chunk-UJ4BNZ63.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   ColorHighlightButton
 };

package/dist/ui/color-highlight-button/index.js

@@ -78,31 +78,11 @@ function useTiptapEditor(providedEditor) {
 }
 
 // src/ui/color-highlight-button/use-color-highlight.ts
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React = __toESM(require("react"));
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
-
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isMarkInSchema = (markName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.marks.get(markName) !== void 0;
-};
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-
-// src/ui/color-highlight-button/use-color-highlight.ts
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
   {
@@ -164,7 +144,7 @@ function pickHighlightColorsByValue(values) {
 }
 function canColorHighlight(editor) {
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   return editor.can().setMark("highlight");
 }
@@ -180,7 +160,7 @@ function removeHighlight(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canColorHighlight(editor);
   }

package/dist/ui/color-highlight-button/index.mjs

@@ -2,7 +2,7 @@
 import "../../chunk-2Z2QVW67.mjs";
 import {
   ColorHighlightButton
-} from "../../chunk-RQPJU4UB.mjs";
+} from "../../chunk-B7WJOQ3X.mjs";
 import {
   COLOR_HIGHLIGHT_SHORTCUT_KEY,
   HIGHLIGHT_COLORS,
@@ -12,10 +12,8 @@ import {
   removeHighlight,
   shouldShowButton,
   useColorHighlight
-} from "../../chunk-KI3YOPAA.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-UJ4BNZ63.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   COLOR_HIGHLIGHT_SHORTCUT_KEY,
   ColorHighlightButton,

package/dist/ui/color-highlight-button/use-color-highlight.js

@@ -42,6 +42,7 @@ __export(use_color_highlight_exports, {
   useColorHighlight: () => useColorHighlight
 });
 module.exports = __toCommonJS(use_color_highlight_exports);
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React = __toESM(require("react"));
@@ -76,25 +77,6 @@ function useTiptapEditor(providedEditor) {
   return editorState || { editor: null };
 }
 
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isMarkInSchema = (markName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.marks.get(markName) !== void 0;
-};
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-
 // src/ui/color-highlight-button/use-color-highlight.ts
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
@@ -157,7 +139,7 @@ function pickHighlightColorsByValue(values) {
 }
 function canColorHighlight(editor) {
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   return editor.can().setMark("highlight");
 }
@@ -173,7 +155,7 @@ function removeHighlight(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canColorHighlight(editor);
   }

package/dist/ui/color-highlight-button/use-color-highlight.mjs

@@ -9,10 +9,8 @@ import {
   removeHighlight,
   shouldShowButton,
   useColorHighlight
-} from "../../chunk-KI3YOPAA.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+} from "../../chunk-UJ4BNZ63.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   COLOR_HIGHLIGHT_SHORTCUT_KEY,
   HIGHLIGHT_COLORS,

package/dist/ui/color-highlight-popover/color-highlight-popover.js

@@ -202,31 +202,11 @@ var import_toolbar = require("@kopexa/toolbar");
 var import_react3 = require("react");
 
 // src/ui/color-highlight-button/use-color-highlight.ts
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React2 = __toESM(require("react"));
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
-
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isMarkInSchema = (markName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.marks.get(markName) !== void 0;
-};
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-
-// src/ui/color-highlight-button/use-color-highlight.ts
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
   {
@@ -288,7 +268,7 @@ function pickHighlightColorsByValue(values) {
 }
 function canColorHighlight(editor) {
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   return editor.can().setMark("highlight");
 }
@@ -304,7 +284,7 @@ function removeHighlight(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canColorHighlight(editor);
   }
@@ -575,7 +555,7 @@ function ColorHighlightPopover({
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
-  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label, Icon } = useColorHighlight({
+  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label } = useColorHighlight({
     editor,
     hideWhenUnavailable,
     onApplied

package/dist/ui/color-highlight-popover/color-highlight-popover.mjs

@@ -4,14 +4,12 @@ import {
   ColorHighlightPopover,
   ColorHighlightPopoverButton,
   ColorHighlightPopoverContent
-} from "../../chunk-44V2Y6IU.mjs";
+} from "../../chunk-XL5FS7LN.mjs";
 import "../../chunk-2Z2QVW67.mjs";
-import "../../chunk-RQPJU4UB.mjs";
-import "../../chunk-KI3YOPAA.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+import "../../chunk-B7WJOQ3X.mjs";
+import "../../chunk-UJ4BNZ63.mjs";
 import "../../chunk-42HKGCOO.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   ColorHighlightPopover,
   ColorHighlightPopoverButton,

package/dist/ui/color-highlight-popover/index.js

@@ -203,31 +203,11 @@ var import_toolbar = require("@kopexa/toolbar");
 var import_react3 = require("react");
 
 // src/ui/color-highlight-button/use-color-highlight.ts
+var import_editor_utils = require("@kopexa/editor-utils");
 var import_icons = require("@kopexa/icons");
 var import_use_is_mobile = require("@kopexa/use-is-mobile");
 var React2 = __toESM(require("react"));
 var import_react_hotkeys_hook = require("react-hotkeys-hook");
-
-// src/utils/index.ts
-var import_state = require("@tiptap/pm/state");
-var MAX_FILE_SIZE = 5 * 1024 * 1024;
-var isMarkInSchema = (markName, editor) => {
-  if (!(editor == null ? void 0 : editor.schema)) return false;
-  return editor.schema.spec.marks.get(markName) !== void 0;
-};
-function isNodeTypeSelected(editor, types = []) {
-  if (!editor || !editor.state.selection) return false;
-  const { state } = editor;
-  const { selection } = state;
-  if (selection.empty) return false;
-  if (selection instanceof import_state.NodeSelection) {
-    const node = selection.node;
-    return node ? types.includes(node.type.name) : false;
-  }
-  return false;
-}
-
-// src/ui/color-highlight-button/use-color-highlight.ts
 var COLOR_HIGHLIGHT_SHORTCUT_KEY = "mod+shift+h";
 var HIGHLIGHT_COLORS = [
   {
@@ -289,7 +269,7 @@ function pickHighlightColorsByValue(values) {
 }
 function canColorHighlight(editor) {
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor) || isNodeTypeSelected(editor, ["image"]))
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor) || (0, import_editor_utils.isNodeTypeSelected)(editor, ["image"]))
     return false;
   return editor.can().setMark("highlight");
 }
@@ -305,7 +285,7 @@ function removeHighlight(editor) {
 function shouldShowButton(props) {
   const { editor, hideWhenUnavailable } = props;
   if (!editor || !editor.isEditable) return false;
-  if (!isMarkInSchema("highlight", editor)) return false;
+  if (!(0, import_editor_utils.isMarkInSchema)("highlight", editor)) return false;
   if (hideWhenUnavailable && !editor.isActive("code")) {
     return canColorHighlight(editor);
   }
@@ -576,7 +556,7 @@ function ColorHighlightPopover({
 }) {
   const { editor } = useTiptapEditor(providedEditor);
   const [isOpen, setIsOpen] = (0, import_react4.useState)(false);
-  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label, Icon } = useColorHighlight({
+  const { isVisible, canColorHighlight: canColorHighlight2, isActive, label } = useColorHighlight({
     editor,
     hideWhenUnavailable,
     onApplied

package/dist/ui/color-highlight-popover/index.mjs

@@ -4,14 +4,12 @@ import {
   ColorHighlightPopover,
   ColorHighlightPopoverButton,
   ColorHighlightPopoverContent
-} from "../../chunk-44V2Y6IU.mjs";
+} from "../../chunk-XL5FS7LN.mjs";
 import "../../chunk-2Z2QVW67.mjs";
-import "../../chunk-RQPJU4UB.mjs";
-import "../../chunk-KI3YOPAA.mjs";
-import "../../chunk-C6M3CDOK.mjs";
+import "../../chunk-B7WJOQ3X.mjs";
+import "../../chunk-UJ4BNZ63.mjs";
 import "../../chunk-42HKGCOO.mjs";
 import "../../chunk-P55PLOHR.mjs";
-import "../../chunk-WKV76XOR.mjs";
 export {
   ColorHighlightPopover,
   ColorHighlightPopoverButton,