@kopexa/tiptap 17.2.0 → 17.2.2

package/dist/chunk-N3JE67CS.mjs

@@ -0,0 +1,81 @@
+"use client";
+import {
+  ImageUploadNodeView
+} from "./chunk-EAAQE5ZV.mjs";
+
+// src/extensions/image-upload/index.ts
+import { Node } from "@tiptap/core";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+var ImageUploadNode = Node.create({
+  name: "imageUpload",
+  group: "block",
+  atom: true,
+  draggable: true,
+  selectable: true,
+  addOptions() {
+    return {
+      accept: "image/*",
+      maxSize: 0,
+      HTMLAttributes: {}
+    };
+  },
+  addAttributes() {
+    return {
+      // Upload state tracking
+      uploadState: {
+        default: null,
+        rendered: false
+      },
+      uploadProgress: {
+        default: null,
+        rendered: false
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="image-upload"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", { ...HTMLAttributes, "data-type": "image-upload" }];
+  },
+  addNodeView() {
+    return ReactNodeViewRenderer(ImageUploadNodeView);
+  },
+  addCommands() {
+    return {
+      setImageUpload: () => ({ commands }) => {
+        return commands.insertContent({
+          type: this.name
+        });
+      }
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Enter: ({ editor }) => {
+        const { selection } = editor.state;
+        const { $from } = selection;
+        const node = $from.nodeAfter;
+        if ((node == null ? void 0 : node.type.name) === "imageUpload" && editor.isActive("imageUpload")) {
+          const nodeEl = editor.view.nodeDOM($from.pos);
+          if (nodeEl instanceof HTMLElement) {
+            const input = nodeEl.querySelector('input[type="file"]');
+            if (input instanceof HTMLElement) {
+              input.click();
+              return true;
+            }
+          }
+        }
+        return false;
+      }
+    };
+  }
+});
+
+export {
+  ImageUploadNode
+};

package/dist/{chunk-UU6JK5HX.mjs → chunk-SSJMKQ5G.mjs}

@@ -1,25 +1,28 @@
 "use client";
+import {
+  TrailingNode
+} from "./chunk-H6LC4LDQ.mjs";
+import {
+  MathBlock
+} from "./chunk-2U5CQUZH.mjs";
+import {
+  InlineMath
+} from "./chunk-7VW67NVL.mjs";
 import {
   Selection
 } from "./chunk-U5XAL46P.mjs";
 import {
   TocNode
 } from "./chunk-IFXRPGIJ.mjs";
-import {
-  TrailingNode
-} from "./chunk-H6LC4LDQ.mjs";
 import {
   ImageNode
-} from "./chunk-WAAH3NLG.mjs";
+} from "./chunk-HTJ2RXOG.mjs";
+import {
+  ImageUploadNode
+} from "./chunk-N3JE67CS.mjs";
 import {
   Link
 } from "./chunk-YLDL3VYY.mjs";
-import {
-  MathBlock
-} from "./chunk-2U5CQUZH.mjs";
-import {
-  InlineMath
-} from "./chunk-7VW67NVL.mjs";
 import {
   UiState
 } from "./chunk-KR42JAVB.mjs";
@@ -56,7 +59,7 @@ import {
   useEditor
 } from "@tiptap/react";
 import { StarterKit } from "@tiptap/starter-kit";
-import { useEffect } from "react";
+import { useEffect, useMemo } from "react";
 var useCreateEditor = ({
   content,
   editable = true,
@@ -69,6 +72,18 @@ var useCreateEditor = ({
 }) => {
   const fileHandlerFromContext = useEditorFile();
   const fileHandler = fileHandlerProp != null ? fileHandlerProp : fileHandlerFromContext;
+  const extensions = useMemo(
+    () => getExtensions({
+      editable,
+      placeholder,
+      enableControls,
+      controlResolver,
+      fileHandler
+    }),
+    // Only recreate extensions when these values change
+    // Note: fileHandler and controlResolver are object references, so they should be stable
+    [editable, placeholder, enableControls, controlResolver, fileHandler]
+  );
   const editor = useEditor({
     editorProps: {
       attributes: {
@@ -80,13 +95,7 @@ var useCreateEditor = ({
     },
     immediatelyRender: false,
     shouldRerenderOnTransaction: false,
-    extensions: getExtensions({
-      editable,
-      placeholder,
-      enableControls,
-      controlResolver,
-      fileHandler
-    }),
+    extensions,
     editable,
     onUpdate: ({ editor: editor2 }) => {
       onChange == null ? void 0 : onChange(editor2.getJSON());
@@ -158,8 +167,12 @@ function getExtensions({
     CalloutNode,
     MathBlock,
     InlineMath,
-    // Image support - always include for display
-    ImageNode,
+    // Image support - extended with file reference resolution
+    ImageNode.configure({
+      allowBase64: true
+    }),
+    // Image upload placeholder
+    ImageUploadNode,
     Placeholder.configure({
       placeholder,
       emptyNodeClass: "is-empty with-slash"

package/dist/chunk-Z365KVQY.mjs

@@ -0,0 +1,34 @@
+"use client";
+
+// src/extensions/image/messages.ts
+import { defineMessages } from "react-intl";
+var messages = defineMessages({
+  loading: {
+    id: "editor.image.loading",
+    defaultMessage: "Loading image..."
+  },
+  uploading: {
+    id: "editor.image.uploading",
+    defaultMessage: "Uploading..."
+  },
+  error: {
+    id: "editor.image.error",
+    defaultMessage: "Failed to load image"
+  },
+  upload_error: {
+    id: "editor.image.upload_error",
+    defaultMessage: "Failed to upload image"
+  },
+  retry: {
+    id: "editor.image.retry",
+    defaultMessage: "Retry"
+  },
+  remove: {
+    id: "editor.image.remove",
+    defaultMessage: "Remove"
+  }
+});
+
+export {
+  messages
+};

package/dist/extensions/image/image-view.d.mts

@@ -6,9 +6,9 @@ import { NodeViewProps } from '@tiptap/react';
  *
  * Handles:
  * - Resolving file references to displayable URLs
- * - Loading states while resolving/uploading
- * - Error states with retry option
- * - Image display with optional resize handles (future)
+ * - Upload states for drag & drop / paste uploads
+ * - Loading states while resolving URLs
+ * - Error handling for failed resolution
  */
 declare function ImageNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
 

package/dist/extensions/image/image-view.d.ts

@@ -6,9 +6,9 @@ import { NodeViewProps } from '@tiptap/react';
  *
  * Handles:
  * - Resolving file references to displayable URLs
- * - Loading states while resolving/uploading
- * - Error states with retry option
- * - Image display with optional resize handles (future)
+ * - Upload states for drag & drop / paste uploads
+ * - Loading states while resolving URLs
+ * - Error handling for failed resolution
  */
 declare function ImageNodeView({ editor, node, getPos }: NodeViewProps): react_jsx_runtime.JSX.Element;
 

package/dist/extensions/image/image-view.js

@@ -50,6 +50,10 @@ var messages = (0, import_react_intl.defineMessages)({
     id: "editor.image.loading",
     defaultMessage: "Loading image..."
   },
+  uploading: {
+    id: "editor.image.uploading",
+    defaultMessage: "Uploading..."
+  },
   error: {
     id: "editor.image.error",
     defaultMessage: "Failed to load image"
@@ -58,38 +62,6 @@ var messages = (0, import_react_intl.defineMessages)({
     id: "editor.image.upload_error",
     defaultMessage: "Failed to upload image"
   },
-  uploading: {
-    id: "editor.image.uploading",
-    defaultMessage: "Uploading..."
-  },
-  upload_placeholder: {
-    id: "editor.image.upload_placeholder",
-    defaultMessage: "Click to upload or drag & drop"
-  },
-  upload_hint: {
-    id: "editor.image.upload_hint",
-    defaultMessage: "PNG, JPG, GIF, WebP, SVG"
-  },
-  alt_text: {
-    id: "editor.image.alt_text",
-    defaultMessage: "Alt text"
-  },
-  alt_placeholder: {
-    id: "editor.image.alt_placeholder",
-    defaultMessage: "Describe the image..."
-  },
-  files_not_supported: {
-    id: "editor.image.files_not_supported",
-    defaultMessage: "File upload is not configured"
-  },
-  file_too_large: {
-    id: "editor.image.file_too_large",
-    defaultMessage: "File is too large (max {maxSize})"
-  },
-  invalid_type: {
-    id: "editor.image.invalid_type",
-    defaultMessage: "Invalid file type"
-  },
   retry: {
     id: "editor.image.retry",
     defaultMessage: "Retry"
@@ -106,7 +78,7 @@ function ImageNodeView({ editor, node, getPos }) {
   var _a;
   const intl = (0, import_react_intl2.useIntl)();
   const fileHandler = useEditorFile();
-  const attrs = node.attrs;
+  const { src, alt, title, uploadState, uploadProgress } = node.attrs;
   const isEditable = (0, import_react2.useEditorState)({
     editor,
     selector: ({ editor: e }) => {
@@ -114,7 +86,6 @@ function ImageNodeView({ editor, node, getPos }) {
       return (_a2 = e == null ? void 0 : e.isEditable) != null ? _a2 : false;
     }
   });
-  const { src, alt, title, uploadState, uploadProgress } = attrs;
   const [resolvedUrl, setResolvedUrl] = (0, import_react3.useState)(null);
   const [resolveState, setResolveState] = (0, import_react3.useState)("idle");
   const needsResolve = (_a = fileHandler == null ? void 0 : fileHandler.isReference(src)) != null ? _a : false;
@@ -126,7 +97,8 @@ function ImageNodeView({ editor, node, getPos }) {
       return;
     }
     if (!fileHandler) {
-      setResolveState("error");
+      setResolvedUrl(src);
+      setResolveState("resolved");
       return;
     }
     setResolveState("loading");
@@ -152,156 +124,16 @@ function ImageNodeView({ editor, node, getPos }) {
       to: pos + node.nodeSize
     });
   }, [editor, getPos, node.nodeSize]);
-  const fileInputRef = (0, import_react3.useRef)(null);
-  const handleFileSelect = (0, import_react3.useCallback)(
-    async (file) => {
-      if (!fileHandler) return;
-      const pos = getPos();
-      if (pos === void 0) return;
-      editor.view.dispatch(
-        editor.state.tr.setNodeMarkup(pos, void 0, {
-          ...attrs,
-          uploadState: "uploading",
-          uploadProgress: 0
-        })
-      );
-      try {
-        const ref = await fileHandler.upload(file, (percent) => {
-          const currentPos = getPos();
-          if (currentPos === void 0) return;
-          editor.view.dispatch(
-            editor.state.tr.setNodeMarkup(currentPos, void 0, {
-              ...attrs,
-              uploadState: "uploading",
-              uploadProgress: percent
-            })
-          );
-        });
-        const finalPos = getPos();
-        if (finalPos === void 0) return;
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(finalPos, void 0, {
-            src: ref,
-            uploadState: null,
-            uploadProgress: null
-          })
-        );
-      } catch {
-        const errorPos = getPos();
-        if (errorPos === void 0) return;
-        editor.view.dispatch(
-          editor.state.tr.setNodeMarkup(errorPos, void 0, {
-            ...attrs,
-            uploadState: "error",
-            uploadProgress: null
-          })
-        );
-      }
-    },
-    [fileHandler, editor, getPos, attrs]
-  );
-  const handleInputChange = (0, import_react3.useCallback)(
-    (e) => {
-      var _a2;
-      const file = (_a2 = e.target.files) == null ? void 0 : _a2[0];
-      if (file) {
-        handleFileSelect(file);
-      }
-    },
-    [handleFileSelect]
-  );
-  const handleDrop = (0, import_react3.useCallback)(
-    (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      const file = e.dataTransfer.files[0];
-      if (file == null ? void 0 : file.type.startsWith("image/")) {
-        handleFileSelect(file);
-      }
-    },
-    [handleFileSelect]
-  );
-  const handleDragOver = (0, import_react3.useCallback)((e) => {
-    e.preventDefault();
-    e.stopPropagation();
-  }, []);
-  const styles = (0, import_react3.useMemo)(() => (0, import_theme.imagePlaceholder)({ size: "md" }), []);
   const errorStyles = (0, import_react3.useMemo)(
     () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "error" }),
     []
   );
-  const uploadingStyles = (0, import_react3.useMemo)(
+  const loadingStyles = (0, import_react3.useMemo)(
     () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "uploading" }),
     []
   );
-  const disabledStyles = (0, import_react3.useMemo)(
-    () => (0, import_theme.imagePlaceholder)({ size: "md", variant: "disabled" }),
-    []
-  );
-  const isEmpty = !src;
-  if (isEmpty && !uploadState) {
-    if (!fileHandler) {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: disabledStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: disabledStyles.content(), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.ImageIcon, { className: disabledStyles.icon() }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: disabledStyles.text(), children: intl.formatMessage(messages.files_not_supported) }),
-        isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_button.IconButton,
-          {
-            size: "sm",
-            variant: "ghost",
-            onClick: handleRemove,
-            "aria-label": intl.formatMessage(messages.remove),
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
-          }
-        )
-      ] }) }) });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      "div",
-      {
-        className: styles.root(),
-        onClick: () => {
-          var _a2;
-          return (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
-        },
-        onDrop: handleDrop,
-        onDragOver: handleDragOver,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: styles.content(), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.UploadIcon, { className: styles.icon() }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.text(), children: intl.formatMessage(messages.upload_placeholder) }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: styles.hint(), children: intl.formatMessage(messages.upload_hint) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "input",
-            {
-              ref: fileInputRef,
-              type: "file",
-              accept: "image/*",
-              className: "hidden",
-              onChange: handleInputChange
-            }
-          ),
-          isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            import_button.IconButton,
-            {
-              size: "sm",
-              variant: "ghost",
-              className: styles.removeButton(),
-              onClick: (e) => {
-                e.stopPropagation();
-                handleRemove();
-              },
-              "aria-label": intl.formatMessage(messages.remove),
-              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-3.5" })
-            }
-          )
-        ]
-      }
-    ) });
-  }
   if (uploadState === "uploading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: uploadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: uploadingStyles.content(), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: loadingStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: loadingStyles.content(), children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative size-12", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "svg",
@@ -343,14 +175,14 @@ function ImageNodeView({ editor, node, getPos }) {
           "%"
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: uploadingStyles.text(), children: intl.formatMessage(messages.uploading) })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.uploading) })
     ] }) }) });
   }
   if (uploadState === "error") {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.AlertCircleIcon, { className: errorStyles.icon() }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: errorStyles.text(), children: intl.formatMessage(messages.upload_error) }),
-      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      isEditable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         import_button.IconButton,
         {
           size: "sm",
@@ -359,11 +191,11 @@ function ImageNodeView({ editor, node, getPos }) {
           "aria-label": intl.formatMessage(messages.remove),
           children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons.TrashIcon, { className: "size-4" })
         }
-      ) })
+      )
     ] }) }) });
   }
   if (resolveState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${uploadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: uploadingStyles.text(), children: intl.formatMessage(messages.loading) }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: `${loadingStyles.root()} animate-pulse`, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: loadingStyles.text(), children: intl.formatMessage(messages.loading) }) }) });
   }
   if (resolveState === "error") {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.NodeViewWrapper, { className: "my-4", "data-type": "image", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: errorStyles.root(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: errorStyles.content(), children: [

package/dist/extensions/image/image-view.mjs

@@ -3,8 +3,8 @@
 import {
   ImageNodeView,
   image_view_default
-} from "../../chunk-LMCQMSW2.mjs";
-import "../../chunk-5GFFTVMZ.mjs";
+} from "../../chunk-KYLBKQ2E.mjs";
+import "../../chunk-Z365KVQY.mjs";
 import "../../chunk-VRQ6OSAZ.mjs";
 export {
   ImageNodeView,

package/dist/extensions/image/index.d.mts

@@ -1,39 +1,9 @@
-import { Node } from '@tiptap/core';
+import * as _tiptap_core from '@tiptap/core';
 export { default as ImageNodeView } from './image-view.mjs';
 export { messages as imageMessages } from './messages.mjs';
 import 'react/jsx-runtime';
 import '@tiptap/react';
 
-interface ImageNodeAttrs {
-    /**
-     * The image source - can be a URL or a file reference
-     */
-    src: string;
-    /**
-     * Alt text for accessibility
-     */
-    alt?: string;
-    /**
-     * Optional title attribute
-     */
-    title?: string;
-    /**
-     * Image width (optional)
-     */
-    width?: number | string;
-    /**
-     * Image height (optional)
-     */
-    height?: number | string;
-    /**
-     * Upload state for pending uploads
-     */
-    uploadState?: "uploading" | "error" | null;
-    /**
-     * Upload progress (0-100)
-     */
-    uploadProgress?: number;
-}
 interface ImageNodeOptions {
     /**
      * Whether to allow base64 images
@@ -45,22 +15,15 @@ interface ImageNodeOptions {
      */
     HTMLAttributes: Record<string, unknown>;
 }
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        imageNode: {
-            /**
-             * Add an image
-             */
-            setImage: (options: {
-                src: string;
-                alt?: string;
-                title?: string;
-                width?: number | string;
-                height?: number | string;
-            }) => ReturnType;
-        };
-    }
-}
-declare const ImageNode: Node<ImageNodeOptions, any>;
+/**
+ * Extended Image extension with file reference resolution support
+ *
+ * This extension wraps @tiptap/extension-image and adds:
+ * - File reference resolution via EditorFileProvider
+ * - Loading states while resolving URLs
+ * - Error handling for failed resolution
+ * - Upload state tracking for drag & drop uploads
+ */
+declare const ImageNode: _tiptap_core.Node<ImageNodeOptions, any>;
 
-export { ImageNode, type ImageNodeAttrs, type ImageNodeOptions };
+export { ImageNode, type ImageNodeOptions };

package/dist/extensions/image/index.d.ts

@@ -1,39 +1,9 @@
-import { Node } from '@tiptap/core';
+import * as _tiptap_core from '@tiptap/core';
 export { default as ImageNodeView } from './image-view.js';
 export { messages as imageMessages } from './messages.js';
 import 'react/jsx-runtime';
 import '@tiptap/react';
 
-interface ImageNodeAttrs {
-    /**
-     * The image source - can be a URL or a file reference
-     */
-    src: string;
-    /**
-     * Alt text for accessibility
-     */
-    alt?: string;
-    /**
-     * Optional title attribute
-     */
-    title?: string;
-    /**
-     * Image width (optional)
-     */
-    width?: number | string;
-    /**
-     * Image height (optional)
-     */
-    height?: number | string;
-    /**
-     * Upload state for pending uploads
-     */
-    uploadState?: "uploading" | "error" | null;
-    /**
-     * Upload progress (0-100)
-     */
-    uploadProgress?: number;
-}
 interface ImageNodeOptions {
     /**
      * Whether to allow base64 images
@@ -45,22 +15,15 @@ interface ImageNodeOptions {
      */
     HTMLAttributes: Record<string, unknown>;
 }
-declare module "@tiptap/core" {
-    interface Commands<ReturnType> {
-        imageNode: {
-            /**
-             * Add an image
-             */
-            setImage: (options: {
-                src: string;
-                alt?: string;
-                title?: string;
-                width?: number | string;
-                height?: number | string;
-            }) => ReturnType;
-        };
-    }
-}
-declare const ImageNode: Node<ImageNodeOptions, any>;
+/**
+ * Extended Image extension with file reference resolution support
+ *
+ * This extension wraps @tiptap/extension-image and adds:
+ * - File reference resolution via EditorFileProvider
+ * - Loading states while resolving URLs
+ * - Error handling for failed resolution
+ * - Upload state tracking for drag & drop uploads
+ */
+declare const ImageNode: _tiptap_core.Node<ImageNodeOptions, any>;
 
-export { ImageNode, type ImageNodeAttrs, type ImageNodeOptions };
+export { ImageNode, type ImageNodeOptions };