@btst/stack 4.6.0 → 5.1.0

package/dist/node_modules/.pnpm/@tiptap_react@3.15.3_@floating-ui_dom@1.7.6_@tiptap_core@3.20.0_@tiptap_pm@3.15.3__@tip_6bfb1538b9439e8df3174a0edf414387/node_modules/@tiptap/react/dist/index.cjs

@@ -1,1030 +0,0 @@
-'use strict';
-
-const React = require('react');
-const ReactDOM = require('react-dom');
-const index$1 = require('../../../../../../../_virtual/index3.cjs');
-const jsxRuntime = require('react/jsx-runtime');
-const index = require('../../../../../@tiptap_core@3.20.0_@tiptap_pm@3.15.3/node_modules/@tiptap/core/dist/index.cjs');
-const index$2 = require('../../../../../fast-equals@5.4.0/node_modules/fast-equals/dist/es/index.cjs');
-const withSelector = require('../../../../../../../_virtual/with-selector2.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
-
-const React__default = /*#__PURE__*/_interopDefaultCompat(React);
-const ReactDOM__default = /*#__PURE__*/_interopDefaultCompat(ReactDOM);
-
-// src/Context.tsx
-var mergeRefs = (...refs) => {
-  return (node) => {
-    refs.forEach((ref) => {
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    });
-  };
-};
-var Portals = ({ contentComponent }) => {
-  const renderers = index$1.shimExports.useSyncExternalStore(
-    contentComponent.subscribe,
-    contentComponent.getSnapshot,
-    contentComponent.getServerSnapshot
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: Object.values(renderers) });
-};
-function getInstance() {
-  const subscribers = /* @__PURE__ */ new Set();
-  let renderers = {};
-  return {
-    /**
-     * Subscribe to the editor instance's changes.
-     */
-    subscribe(callback) {
-      subscribers.add(callback);
-      return () => {
-        subscribers.delete(callback);
-      };
-    },
-    getSnapshot() {
-      return renderers;
-    },
-    getServerSnapshot() {
-      return renderers;
-    },
-    /**
-     * Adds a new NodeView Renderer to the editor.
-     */
-    setRenderer(id, renderer) {
-      renderers = {
-        ...renderers,
-        [id]: ReactDOM__default.createPortal(renderer.reactElement, renderer.element, id)
-      };
-      subscribers.forEach((subscriber) => subscriber());
-    },
-    /**
-     * Removes a NodeView Renderer from the editor.
-     */
-    removeRenderer(id) {
-      const nextRenderers = { ...renderers };
-      delete nextRenderers[id];
-      renderers = nextRenderers;
-      subscribers.forEach((subscriber) => subscriber());
-    }
-  };
-}
-var PureEditorContent = class extends React__default.Component {
-  constructor(props) {
-    var _a;
-    super(props);
-    this.editorContentRef = React__default.createRef();
-    this.initialized = false;
-    this.state = {
-      hasContentComponentInitialized: Boolean((_a = props.editor) == null ? void 0 : _a.contentComponent)
-    };
-  }
-  componentDidMount() {
-    this.init();
-  }
-  componentDidUpdate() {
-    this.init();
-  }
-  init() {
-    var _a;
-    const editor = this.props.editor;
-    if (editor && !editor.isDestroyed && ((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-      if (editor.contentComponent) {
-        return;
-      }
-      const element = this.editorContentRef.current;
-      element.append(...editor.view.dom.parentNode.childNodes);
-      editor.setOptions({
-        element
-      });
-      editor.contentComponent = getInstance();
-      if (!this.state.hasContentComponentInitialized) {
-        this.unsubscribeToContentComponent = editor.contentComponent.subscribe(() => {
-          this.setState((prevState) => {
-            if (!prevState.hasContentComponentInitialized) {
-              return {
-                hasContentComponentInitialized: true
-              };
-            }
-            return prevState;
-          });
-          if (this.unsubscribeToContentComponent) {
-            this.unsubscribeToContentComponent();
-          }
-        });
-      }
-      editor.createNodeViews();
-      this.initialized = true;
-    }
-  }
-  componentWillUnmount() {
-    var _a;
-    const editor = this.props.editor;
-    if (!editor) {
-      return;
-    }
-    this.initialized = false;
-    if (!editor.isDestroyed) {
-      editor.view.setProps({
-        nodeViews: {}
-      });
-    }
-    if (this.unsubscribeToContentComponent) {
-      this.unsubscribeToContentComponent();
-    }
-    editor.contentComponent = null;
-    try {
-      if (!((_a = editor.view.dom) == null ? void 0 : _a.parentNode)) {
-        return;
-      }
-      const newElement = document.createElement("div");
-      newElement.append(...editor.view.dom.parentNode.childNodes);
-      editor.setOptions({
-        element: newElement
-      });
-    } catch {
-    }
-  }
-  render() {
-    const { editor, innerRef, ...rest } = this.props;
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: mergeRefs(innerRef, this.editorContentRef), ...rest }),
-      (editor == null ? void 0 : editor.contentComponent) && /* @__PURE__ */ jsxRuntime.jsx(Portals, { contentComponent: editor.contentComponent })
-    ] });
-  }
-};
-var EditorContentWithKey = React.forwardRef(
-  (props, ref) => {
-    const key = React__default.useMemo(() => {
-      return Math.floor(Math.random() * 4294967295).toString();
-    }, [props.editor]);
-    return React__default.createElement(PureEditorContent, {
-      key,
-      innerRef: ref,
-      ...props
-    });
-  }
-);
-var EditorContent = React__default.memo(EditorContentWithKey);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
-var EditorStateManager = class {
-  constructor(initialEditor) {
-    this.transactionNumber = 0;
-    this.lastTransactionNumber = 0;
-    this.subscribers = /* @__PURE__ */ new Set();
-    this.editor = initialEditor;
-    this.lastSnapshot = { editor: initialEditor, transactionNumber: 0 };
-    this.getSnapshot = this.getSnapshot.bind(this);
-    this.getServerSnapshot = this.getServerSnapshot.bind(this);
-    this.watch = this.watch.bind(this);
-    this.subscribe = this.subscribe.bind(this);
-  }
-  /**
-   * Get the current editor instance.
-   */
-  getSnapshot() {
-    if (this.transactionNumber === this.lastTransactionNumber) {
-      return this.lastSnapshot;
-    }
-    this.lastTransactionNumber = this.transactionNumber;
-    this.lastSnapshot = { editor: this.editor, transactionNumber: this.transactionNumber };
-    return this.lastSnapshot;
-  }
-  /**
-   * Always disable the editor on the server-side.
-   */
-  getServerSnapshot() {
-    return { editor: null, transactionNumber: 0 };
-  }
-  /**
-   * Subscribe to the editor instance's changes.
-   */
-  subscribe(callback) {
-    this.subscribers.add(callback);
-    return () => {
-      this.subscribers.delete(callback);
-    };
-  }
-  /**
-   * Watch the editor instance for changes.
-   */
-  watch(nextEditor) {
-    this.editor = nextEditor;
-    if (this.editor) {
-      const fn = () => {
-        this.transactionNumber += 1;
-        this.subscribers.forEach((callback) => callback());
-      };
-      const currentEditor = this.editor;
-      currentEditor.on("transaction", fn);
-      return () => {
-        currentEditor.off("transaction", fn);
-      };
-    }
-    return void 0;
-  }
-};
-function useEditorState(options) {
-  var _a;
-  const [editorStateManager] = React.useState(() => new EditorStateManager(options.editor));
-  const selectedState = withSelector.withSelectorExports.useSyncExternalStoreWithSelector(
-    editorStateManager.subscribe,
-    editorStateManager.getSnapshot,
-    editorStateManager.getServerSnapshot,
-    options.selector,
-    (_a = options.equalityFn) != null ? _a : index$2.deepEqual
-  );
-  useIsomorphicLayoutEffect(() => {
-    return editorStateManager.watch(options.editor);
-  }, [options.editor, editorStateManager]);
-  React.useDebugValue(selectedState);
-  return selectedState;
-}
-
-// src/useEditor.ts
-var isDev = process.env.NODE_ENV !== "production";
-var isSSR = typeof window === "undefined";
-var isNext = isSSR || Boolean(typeof window !== "undefined" && window.next);
-var EditorInstanceManager = class _EditorInstanceManager {
-  constructor(options) {
-    /**
-     * The current editor instance.
-     */
-    this.editor = null;
-    /**
-     * The subscriptions to notify when the editor instance
-     * has been created or destroyed.
-     */
-    this.subscriptions = /* @__PURE__ */ new Set();
-    /**
-     * Whether the editor has been mounted.
-     */
-    this.isComponentMounted = false;
-    /**
-     * The most recent dependencies array.
-     */
-    this.previousDeps = null;
-    /**
-     * The unique instance ID. This is used to identify the editor instance. And will be re-generated for each new instance.
-     */
-    this.instanceId = "";
-    this.options = options;
-    this.subscriptions = /* @__PURE__ */ new Set();
-    this.setEditor(this.getInitialEditor());
-    this.scheduleDestroy();
-    this.getEditor = this.getEditor.bind(this);
-    this.getServerSnapshot = this.getServerSnapshot.bind(this);
-    this.subscribe = this.subscribe.bind(this);
-    this.refreshEditorInstance = this.refreshEditorInstance.bind(this);
-    this.scheduleDestroy = this.scheduleDestroy.bind(this);
-    this.onRender = this.onRender.bind(this);
-    this.createEditor = this.createEditor.bind(this);
-  }
-  setEditor(editor) {
-    this.editor = editor;
-    this.instanceId = Math.random().toString(36).slice(2, 9);
-    this.subscriptions.forEach((cb) => cb());
-  }
-  getInitialEditor() {
-    if (this.options.current.immediatelyRender === void 0) {
-      if (isSSR || isNext) {
-        if (isDev) {
-          throw new Error(
-            "Tiptap Error: SSR has been detected, please set `immediatelyRender` explicitly to `false` to avoid hydration mismatches."
-          );
-        }
-        return null;
-      }
-      return this.createEditor();
-    }
-    if (this.options.current.immediatelyRender && isSSR && isDev) {
-      throw new Error(
-        "Tiptap Error: SSR has been detected, and `immediatelyRender` has been set to `true` this is an unsupported configuration that may result in errors, explicitly set `immediatelyRender` to `false` to avoid hydration mismatches."
-      );
-    }
-    if (this.options.current.immediatelyRender) {
-      return this.createEditor();
-    }
-    return null;
-  }
-  /**
-   * Create a new editor instance. And attach event listeners.
-   */
-  createEditor() {
-    const optionsToApply = {
-      ...this.options.current,
-      // Always call the most recent version of the callback function by default
-      onBeforeCreate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onBeforeCreate) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onBlur: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onBlur) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onCreate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onCreate) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onDestroy: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDestroy) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onFocus: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onFocus) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onSelectionUpdate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onSelectionUpdate) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onTransaction: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onTransaction) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onUpdate: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onUpdate) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onContentError: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onContentError) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onDrop: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDrop) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onPaste: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onPaste) == null ? void 0 : _b.call(_a, ...args);
-      },
-      onDelete: (...args) => {
-        var _a, _b;
-        return (_b = (_a = this.options.current).onDelete) == null ? void 0 : _b.call(_a, ...args);
-      }
-    };
-    const editor = new index.Editor(optionsToApply);
-    return editor;
-  }
-  /**
-   * Get the current editor instance.
-   */
-  getEditor() {
-    return this.editor;
-  }
-  /**
-   * Always disable the editor on the server-side.
-   */
-  getServerSnapshot() {
-    return null;
-  }
-  /**
-   * Subscribe to the editor instance's changes.
-   */
-  subscribe(onStoreChange) {
-    this.subscriptions.add(onStoreChange);
-    return () => {
-      this.subscriptions.delete(onStoreChange);
-    };
-  }
-  static compareOptions(a, b) {
-    return Object.keys(a).every((key) => {
-      if ([
-        "onCreate",
-        "onBeforeCreate",
-        "onDestroy",
-        "onUpdate",
-        "onTransaction",
-        "onFocus",
-        "onBlur",
-        "onSelectionUpdate",
-        "onContentError",
-        "onDrop",
-        "onPaste"
-      ].includes(key)) {
-        return true;
-      }
-      if (key === "extensions" && a.extensions && b.extensions) {
-        if (a.extensions.length !== b.extensions.length) {
-          return false;
-        }
-        return a.extensions.every((extension, index) => {
-          var _a;
-          if (extension !== ((_a = b.extensions) == null ? void 0 : _a[index])) {
-            return false;
-          }
-          return true;
-        });
-      }
-      if (a[key] !== b[key]) {
-        return false;
-      }
-      return true;
-    });
-  }
-  /**
-   * On each render, we will create, update, or destroy the editor instance.
-   * @param deps The dependencies to watch for changes
-   * @returns A cleanup function
-   */
-  onRender(deps) {
-    return () => {
-      this.isComponentMounted = true;
-      clearTimeout(this.scheduledDestructionTimeout);
-      if (this.editor && !this.editor.isDestroyed && deps.length === 0) {
-        if (!_EditorInstanceManager.compareOptions(this.options.current, this.editor.options)) {
-          this.editor.setOptions({
-            ...this.options.current,
-            editable: this.editor.isEditable
-          });
-        }
-      } else {
-        this.refreshEditorInstance(deps);
-      }
-      return () => {
-        this.isComponentMounted = false;
-        this.scheduleDestroy();
-      };
-    };
-  }
-  /**
-   * Recreate the editor instance if the dependencies have changed.
-   */
-  refreshEditorInstance(deps) {
-    if (this.editor && !this.editor.isDestroyed) {
-      if (this.previousDeps === null) {
-        this.previousDeps = deps;
-        return;
-      }
-      const depsAreEqual = this.previousDeps.length === deps.length && this.previousDeps.every((dep, index) => dep === deps[index]);
-      if (depsAreEqual) {
-        return;
-      }
-    }
-    if (this.editor && !this.editor.isDestroyed) {
-      this.editor.destroy();
-    }
-    this.setEditor(this.createEditor());
-    this.previousDeps = deps;
-  }
-  /**
-   * Schedule the destruction of the editor instance.
-   * This will only destroy the editor if it was not mounted on the next tick.
-   * This is to avoid destroying the editor instance when it's actually still mounted.
-   */
-  scheduleDestroy() {
-    const currentInstanceId = this.instanceId;
-    const currentEditor = this.editor;
-    this.scheduledDestructionTimeout = setTimeout(() => {
-      if (this.isComponentMounted && this.instanceId === currentInstanceId) {
-        if (currentEditor) {
-          currentEditor.setOptions(this.options.current);
-        }
-        return;
-      }
-      if (currentEditor && !currentEditor.isDestroyed) {
-        currentEditor.destroy();
-        if (this.instanceId === currentInstanceId) {
-          this.setEditor(null);
-        }
-      }
-    }, 1);
-  }
-};
-function useEditor(options = {}, deps = []) {
-  const mostRecentOptions = React.useRef(options);
-  mostRecentOptions.current = options;
-  const [instanceManager] = React.useState(() => new EditorInstanceManager(mostRecentOptions));
-  const editor = index$1.shimExports.useSyncExternalStore(
-    instanceManager.subscribe,
-    instanceManager.getEditor,
-    instanceManager.getServerSnapshot
-  );
-  React.useDebugValue(editor);
-  React.useEffect(instanceManager.onRender(deps));
-  useEditorState({
-    editor,
-    selector: ({ transactionNumber }) => {
-      if (options.shouldRerenderOnTransaction === false || options.shouldRerenderOnTransaction === void 0) {
-        return null;
-      }
-      if (options.immediatelyRender && transactionNumber === 0) {
-        return 0;
-      }
-      return transactionNumber + 1;
-    }
-  });
-  return editor;
-}
-var EditorContext = React.createContext({
-  editor: null
-});
-EditorContext.Consumer;
-var useCurrentEditor = () => React.useContext(EditorContext);
-var ReactNodeViewContext = React.createContext({
-  onDragStart: () => {
-  },
-  nodeViewContentChildren: void 0,
-  nodeViewContentRef: () => {
-  }
-});
-var useReactNodeView = () => React.useContext(ReactNodeViewContext);
-var NodeViewWrapper = React__default.forwardRef((props, ref) => {
-  const { onDragStart } = useReactNodeView();
-  const Tag = props.as || "div";
-  return (
-    // @ts-ignore
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Tag,
-      {
-        ...props,
-        ref,
-        "data-node-view-wrapper": "",
-        onDragStart,
-        style: {
-          whiteSpace: "normal",
-          ...props.style
-        }
-      }
-    )
-  );
-});
-function isClassComponent(Component) {
-  return !!(typeof Component === "function" && Component.prototype && Component.prototype.isReactComponent);
-}
-function isForwardRefComponent(Component) {
-  return !!(typeof Component === "object" && Component.$$typeof && (Component.$$typeof.toString() === "Symbol(react.forward_ref)" || Component.$$typeof.description === "react.forward_ref"));
-}
-function isMemoComponent(Component) {
-  return !!(typeof Component === "object" && Component.$$typeof && (Component.$$typeof.toString() === "Symbol(react.memo)" || Component.$$typeof.description === "react.memo"));
-}
-function canReceiveRef(Component) {
-  if (isClassComponent(Component)) {
-    return true;
-  }
-  if (isForwardRefComponent(Component)) {
-    return true;
-  }
-  if (isMemoComponent(Component)) {
-    const wrappedComponent = Component.type;
-    if (wrappedComponent) {
-      return isClassComponent(wrappedComponent) || isForwardRefComponent(wrappedComponent);
-    }
-  }
-  return false;
-}
-function isReact19Plus() {
-  try {
-    if (React.version) {
-      const majorVersion = parseInt(React.version.split(".")[0], 10);
-      return majorVersion >= 19;
-    }
-  } catch {
-  }
-  return false;
-}
-var ReactRenderer = class {
-  /**
-   * Immediately creates element and renders the provided React component.
-   */
-  constructor(component, { editor, props = {}, as = "div", className = "" }) {
-    this.ref = null;
-    /**
-     * Flag to track if the renderer has been destroyed, preventing queued or asynchronous renders from executing after teardown.
-     */
-    this.destroyed = false;
-    this.id = Math.floor(Math.random() * 4294967295).toString();
-    this.component = component;
-    this.editor = editor;
-    this.props = props;
-    this.element = document.createElement(as);
-    this.element.classList.add("react-renderer");
-    if (className) {
-      this.element.classList.add(...className.split(" "));
-    }
-    if (this.editor.isInitialized) {
-      ReactDOM.flushSync(() => {
-        this.render();
-      });
-    } else {
-      queueMicrotask(() => {
-        if (this.destroyed) {
-          return;
-        }
-        this.render();
-      });
-    }
-  }
-  /**
-   * Render the React component.
-   */
-  render() {
-    var _a;
-    if (this.destroyed) {
-      return;
-    }
-    const Component = this.component;
-    const props = this.props;
-    const editor = this.editor;
-    const isReact19 = isReact19Plus();
-    const componentCanReceiveRef = canReceiveRef(Component);
-    const elementProps = { ...props };
-    if (elementProps.ref && !(isReact19 || componentCanReceiveRef)) {
-      delete elementProps.ref;
-    }
-    if (!elementProps.ref && (isReact19 || componentCanReceiveRef)) {
-      elementProps.ref = (ref) => {
-        this.ref = ref;
-      };
-    }
-    this.reactElement = /* @__PURE__ */ jsxRuntime.jsx(Component, { ...elementProps });
-    (_a = editor == null ? void 0 : editor.contentComponent) == null ? void 0 : _a.setRenderer(this.id, this);
-  }
-  /**
-   * Re-renders the React component with new props.
-   */
-  updateProps(props = {}) {
-    if (this.destroyed) {
-      return;
-    }
-    this.props = {
-      ...this.props,
-      ...props
-    };
-    this.render();
-  }
-  /**
-   * Destroy the React component.
-   */
-  destroy() {
-    var _a;
-    this.destroyed = true;
-    const editor = this.editor;
-    (_a = editor == null ? void 0 : editor.contentComponent) == null ? void 0 : _a.removeRenderer(this.id);
-    try {
-      if (this.element && this.element.parentNode) {
-        this.element.parentNode.removeChild(this.element);
-      }
-    } catch {
-    }
-  }
-  /**
-   * Update the attributes of the element that holds the React component.
-   */
-  updateAttributes(attributes) {
-    Object.keys(attributes).forEach((key) => {
-      this.element.setAttribute(key, attributes[key]);
-    });
-  }
-};
-React__default.createContext({
-  markViewContentRef: () => {
-  }
-});
-var ReactNodeView = class extends index.NodeView {
-  constructor(component, props, options) {
-    super(component, props, options);
-    /**
-     * The requestAnimationFrame ID used for selection updates.
-     */
-    this.selectionRafId = null;
-    if (!this.node.isLeaf) {
-      if (this.options.contentDOMElementTag) {
-        this.contentDOMElement = document.createElement(this.options.contentDOMElementTag);
-      } else {
-        this.contentDOMElement = document.createElement(this.node.isInline ? "span" : "div");
-      }
-      this.contentDOMElement.dataset.nodeViewContentReact = "";
-      this.contentDOMElement.dataset.nodeViewWrapper = "";
-      this.contentDOMElement.style.whiteSpace = "inherit";
-      const contentTarget = this.dom.querySelector("[data-node-view-content]");
-      if (!contentTarget) {
-        return;
-      }
-      contentTarget.appendChild(this.contentDOMElement);
-    }
-  }
-  /**
-   * Setup the React component.
-   * Called on initialization.
-   */
-  mount() {
-    const props = {
-      editor: this.editor,
-      node: this.node,
-      decorations: this.decorations,
-      innerDecorations: this.innerDecorations,
-      view: this.view,
-      selected: false,
-      extension: this.extension,
-      HTMLAttributes: this.HTMLAttributes,
-      getPos: () => this.getPos(),
-      updateAttributes: (attributes = {}) => this.updateAttributes(attributes),
-      deleteNode: () => this.deleteNode(),
-      ref: React.createRef()
-    };
-    if (!this.component.displayName) {
-      const capitalizeFirstChar = (string) => {
-        return string.charAt(0).toUpperCase() + string.substring(1);
-      };
-      this.component.displayName = capitalizeFirstChar(this.extension.name);
-    }
-    const onDragStart = this.onDragStart.bind(this);
-    const nodeViewContentRef = (element) => {
-      if (element && this.contentDOMElement && element.firstChild !== this.contentDOMElement) {
-        if (element.hasAttribute("data-node-view-wrapper")) {
-          element.removeAttribute("data-node-view-wrapper");
-        }
-        element.appendChild(this.contentDOMElement);
-      }
-    };
-    const context = { onDragStart, nodeViewContentRef };
-    const Component = this.component;
-    const ReactNodeViewProvider = React.memo((componentProps) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(ReactNodeViewContext.Provider, { value: context, children: React.createElement(Component, componentProps) });
-    });
-    ReactNodeViewProvider.displayName = "ReactNodeView";
-    let as = this.node.isInline ? "span" : "div";
-    if (this.options.as) {
-      as = this.options.as;
-    }
-    const { className = "" } = this.options;
-    this.handleSelectionUpdate = this.handleSelectionUpdate.bind(this);
-    this.renderer = new ReactRenderer(ReactNodeViewProvider, {
-      editor: this.editor,
-      props,
-      as,
-      className: `node-${this.node.type.name} ${className}`.trim()
-    });
-    this.editor.on("selectionUpdate", this.handleSelectionUpdate);
-    this.updateElementAttributes();
-  }
-  /**
-   * Return the DOM element.
-   * This is the element that will be used to display the node view.
-   */
-  get dom() {
-    var _a;
-    if (this.renderer.element.firstElementChild && !((_a = this.renderer.element.firstElementChild) == null ? void 0 : _a.hasAttribute("data-node-view-wrapper"))) {
-      throw Error("Please use the NodeViewWrapper component for your node view.");
-    }
-    return this.renderer.element;
-  }
-  /**
-   * Return the content DOM element.
-   * This is the element that will be used to display the rich-text content of the node.
-   */
-  get contentDOM() {
-    if (this.node.isLeaf) {
-      return null;
-    }
-    return this.contentDOMElement;
-  }
-  /**
-   * On editor selection update, check if the node is selected.
-   * If it is, call `selectNode`, otherwise call `deselectNode`.
-   */
-  handleSelectionUpdate() {
-    if (this.selectionRafId) {
-      cancelAnimationFrame(this.selectionRafId);
-      this.selectionRafId = null;
-    }
-    this.selectionRafId = requestAnimationFrame(() => {
-      this.selectionRafId = null;
-      const { from, to } = this.editor.state.selection;
-      const pos = this.getPos();
-      if (typeof pos !== "number") {
-        return;
-      }
-      if (from <= pos && to >= pos + this.node.nodeSize) {
-        if (this.renderer.props.selected) {
-          return;
-        }
-        this.selectNode();
-      } else {
-        if (!this.renderer.props.selected) {
-          return;
-        }
-        this.deselectNode();
-      }
-    });
-  }
-  /**
-   * On update, update the React component.
-   * To prevent unnecessary updates, the `update` option can be used.
-   */
-  update(node, decorations, innerDecorations) {
-    const rerenderComponent = (props) => {
-      this.renderer.updateProps(props);
-      if (typeof this.options.attrs === "function") {
-        this.updateElementAttributes();
-      }
-    };
-    if (node.type !== this.node.type) {
-      return false;
-    }
-    if (typeof this.options.update === "function") {
-      const oldNode = this.node;
-      const oldDecorations = this.decorations;
-      const oldInnerDecorations = this.innerDecorations;
-      this.node = node;
-      this.decorations = decorations;
-      this.innerDecorations = innerDecorations;
-      return this.options.update({
-        oldNode,
-        oldDecorations,
-        newNode: node,
-        newDecorations: decorations,
-        oldInnerDecorations,
-        innerDecorations,
-        updateProps: () => rerenderComponent({ node, decorations, innerDecorations })
-      });
-    }
-    if (node === this.node && this.decorations === decorations && this.innerDecorations === innerDecorations) {
-      return true;
-    }
-    this.node = node;
-    this.decorations = decorations;
-    this.innerDecorations = innerDecorations;
-    rerenderComponent({ node, decorations, innerDecorations });
-    return true;
-  }
-  /**
-   * Select the node.
-   * Add the `selected` prop and the `ProseMirror-selectednode` class.
-   */
-  selectNode() {
-    this.renderer.updateProps({
-      selected: true
-    });
-    this.renderer.element.classList.add("ProseMirror-selectednode");
-  }
-  /**
-   * Deselect the node.
-   * Remove the `selected` prop and the `ProseMirror-selectednode` class.
-   */
-  deselectNode() {
-    this.renderer.updateProps({
-      selected: false
-    });
-    this.renderer.element.classList.remove("ProseMirror-selectednode");
-  }
-  /**
-   * Destroy the React component instance.
-   */
-  destroy() {
-    this.renderer.destroy();
-    this.editor.off("selectionUpdate", this.handleSelectionUpdate);
-    this.contentDOMElement = null;
-    if (this.selectionRafId) {
-      cancelAnimationFrame(this.selectionRafId);
-      this.selectionRafId = null;
-    }
-  }
-  /**
-   * Update the attributes of the top-level element that holds the React component.
-   * Applying the attributes defined in the `attrs` option.
-   */
-  updateElementAttributes() {
-    if (this.options.attrs) {
-      let attrsObj = {};
-      if (typeof this.options.attrs === "function") {
-        const extensionAttributes = this.editor.extensionManager.attributes;
-        const HTMLAttributes = index.getRenderedAttributes(this.node, extensionAttributes);
-        attrsObj = this.options.attrs({ node: this.node, HTMLAttributes });
-      } else {
-        attrsObj = this.options.attrs;
-      }
-      this.renderer.updateAttributes(attrsObj);
-    }
-  }
-};
-function ReactNodeViewRenderer(component, options) {
-  return (props) => {
-    if (!props.editor.contentComponent) {
-      return {};
-    }
-    return new ReactNodeView(component, props, options);
-  };
-}
-
-exports.CommandManager = index.CommandManager;
-exports.Editor = index.Editor;
-exports.Extendable = index.Extendable;
-exports.Extension = index.Extension;
-exports.InputRule = index.InputRule;
-exports.MappablePosition = index.MappablePosition;
-exports.Mark = index.Mark;
-exports.Node = index.Node;
-exports.NodePos = index.NodePos;
-exports.NodeView = index.NodeView;
-exports.PasteRule = index.PasteRule;
-exports.ResizableNodeView = index.ResizableNodeView;
-exports.callOrReturn = index.callOrReturn;
-exports.canInsertNode = index.canInsertNode;
-exports.combineTransactionSteps = index.combineTransactionSteps;
-exports.commands = index.commands;
-exports.createAtomBlockMarkdownSpec = index.createAtomBlockMarkdownSpec;
-exports.createBlockMarkdownSpec = index.createBlockMarkdownSpec;
-exports.createChainableState = index.createChainableState;
-exports.createDocument = index.createDocument;
-exports.createInlineMarkdownSpec = index.createInlineMarkdownSpec;
-exports.createMappablePosition = index.createMappablePosition;
-exports.createNodeFromContent = index.createNodeFromContent;
-exports.createStyleTag = index.createStyleTag;
-exports.defaultBlockAt = index.defaultBlockAt;
-exports.deleteProps = index.deleteProps;
-exports.elementFromString = index.elementFromString;
-exports.extensions = index.extensions;
-exports.findChildren = index.findChildren;
-exports.findChildrenInRange = index.findChildrenInRange;
-exports.findDuplicates = index.findDuplicates;
-exports.findParentNode = index.findParentNode;
-exports.findParentNodeClosestToPos = index.findParentNodeClosestToPos;
-exports.flattenExtensions = index.flattenExtensions;
-exports.fromString = index.fromString;
-exports.generateJSON = index.generateJSON;
-exports.getAttributes = index.getAttributes;
-exports.getAttributesFromExtensions = index.getAttributesFromExtensions;
-exports.getChangedRanges = index.getChangedRanges;
-exports.getExtensionField = index.getExtensionField;
-exports.getHTMLFromFragment = index.getHTMLFromFragment;
-exports.getMarkAttributes = index.getMarkAttributes;
-exports.getMarkRange = index.getMarkRange;
-exports.getMarkType = index.getMarkType;
-exports.getMarksBetween = index.getMarksBetween;
-exports.getNodeAtPosition = index.getNodeAtPosition;
-exports.getNodeAttributes = index.getNodeAttributes;
-exports.getNodeType = index.getNodeType;
-exports.getRenderedAttributes = index.getRenderedAttributes;
-exports.getSchema = index.getSchema;
-exports.getSchemaByResolvedExtensions = index.getSchemaByResolvedExtensions;
-exports.getSchemaTypeByName = index.getSchemaTypeByName;
-exports.getSchemaTypeNameByName = index.getSchemaTypeNameByName;
-exports.getSplittedAttributes = index.getSplittedAttributes;
-exports.getText = index.getText;
-exports.getTextBetween = index.getTextBetween;
-exports.getTextContentFromNodes = index.getTextContentFromNodes;
-exports.getTextSerializersFromSchema = index.getTextSerializersFromSchema;
-exports.getUpdatedPosition = index.getUpdatedPosition;
-exports.injectExtensionAttributesToParseRule = index.injectExtensionAttributesToParseRule;
-exports.inputRulesPlugin = index.inputRulesPlugin;
-exports.isActive = index.isActive;
-exports.isAndroid = index.isAndroid;
-exports.isAtEndOfNode = index.isAtEndOfNode;
-exports.isAtStartOfNode = index.isAtStartOfNode;
-exports.isEmptyObject = index.isEmptyObject;
-exports.isExtensionRulesEnabled = index.isExtensionRulesEnabled;
-exports.isFunction = index.isFunction;
-exports.isList = index.isList;
-exports.isMacOS = index.isMacOS;
-exports.isMarkActive = index.isMarkActive;
-exports.isNodeActive = index.isNodeActive;
-exports.isNodeEmpty = index.isNodeEmpty;
-exports.isNodeSelection = index.isNodeSelection;
-exports.isNumber = index.isNumber;
-exports.isPlainObject = index.isPlainObject;
-exports.isRegExp = index.isRegExp;
-exports.isSafari = index.isSafari;
-exports.isTextSelection = index.isTextSelection;
-exports.isiOS = index.isiOS;
-exports.markInputRule = index.markInputRule;
-exports.markPasteRule = index.markPasteRule;
-exports.markdown = index.markdown;
-exports.mergeAttributes = index.mergeAttributes;
-exports.mergeDeep = index.mergeDeep;
-exports.minMax = index.minMax;
-exports.nodeInputRule = index.nodeInputRule;
-exports.objectIncludes = index.objectIncludes;
-exports.parseAttributes = index.parseAttributes;
-exports.parseIndentedBlocks = index.parseIndentedBlocks;
-exports.pasteRulesPlugin = index.pasteRulesPlugin;
-exports.posToDOMRect = index.posToDOMRect;
-exports.removeDuplicates = index.removeDuplicates;
-exports.renderNestedMarkdownContent = index.renderNestedMarkdownContent;
-exports.resolveExtensions = index.resolveExtensions;
-exports.resolveFocusPosition = index.resolveFocusPosition;
-exports.selectionToInsertionEnd = index.selectionToInsertionEnd;
-exports.serializeAttributes = index.serializeAttributes;
-exports.sortExtensions = index.sortExtensions;
-exports.splitExtensions = index.splitExtensions;
-exports.textInputRule = index.textInputRule;
-exports.textblockTypeInputRule = index.textblockTypeInputRule;
-exports.updateMarkViewAttributes = index.updateMarkViewAttributes;
-exports.wrappingInputRule = index.wrappingInputRule;
-exports.EditorContent = EditorContent;
-exports.EditorContext = EditorContext;
-exports.NodeViewWrapper = NodeViewWrapper;
-exports.PureEditorContent = PureEditorContent;
-exports.ReactNodeView = ReactNodeView;
-exports.ReactNodeViewContext = ReactNodeViewContext;
-exports.ReactNodeViewRenderer = ReactNodeViewRenderer;
-exports.ReactRenderer = ReactRenderer;
-exports.useCurrentEditor = useCurrentEditor;
-exports.useEditor = useEditor;
-exports.useEditorState = useEditorState;
-exports.useReactNodeView = useReactNodeView;