mtxuilib 0.0.261 → 0.0.263

package/dist/browser/index.min.js

@@ -1,2675 +1,8 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/ui/novel/tailwind/advanced-editor.tsx
-import { useEffect as useEffect5, useState as useState2 } from "react";
-import { useDebouncedCallback } from "use-debounce";
-
-// src/ui/novel/tailwind/extensions.ts
-import { cx } from "class-variance-authority";
-
-// src/ui/novel/novel/src/extensions/index.ts
-import StarterKit from "@tiptap/starter-kit";
-import HorizontalRule from "@tiptap/extension-horizontal-rule";
-import TiptapLink from "@tiptap/extension-link";
-import TiptapImage from "@tiptap/extension-image";
-import Placeholder from "@tiptap/extension-placeholder";
-import TiptapUnderline from "@tiptap/extension-underline";
-import TextStyle from "@tiptap/extension-text-style";
-import { Color } from "@tiptap/extension-color";
-import { TaskItem } from "@tiptap/extension-task-item";
-import { TaskList } from "@tiptap/extension-task-list";
-import { InputRule } from "@tiptap/core";
-import { Markdown } from "tiptap-markdown";
-import Highlight from "@tiptap/extension-highlight";
-
-// src/ui/novel/novel/src/extensions/updated-image.ts
-import Image2 from "@tiptap/extension-image";
-var UpdatedImage = Image2.extend({
-  name: "image",
-  addAttributes() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      width: {
-        default: null
-      },
-      height: {
-        default: null
-      }
-    });
-  }
-});
-var updated_image_default = UpdatedImage;
-
-// src/ui/novel/novel/src/extensions/custom-keymap.ts
-import { Extension } from "@tiptap/core";
-var CustomKeymap = Extension.create({
-  name: "CustomKeymap",
-  addCommands() {
-    return {
-      selectTextWithinNodeBoundaries: () => ({ editor, commands }) => {
-        const { state } = editor;
-        const { tr } = state;
-        const startNodePos = tr.selection.$from.start();
-        const endNodePos = tr.selection.$to.end();
-        return commands.setTextSelection({
-          from: startNodePos,
-          to: endNodePos
-        });
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-a": ({ editor }) => {
-        const { state } = editor;
-        const { tr } = state;
-        const startSelectionPos = tr.selection.from;
-        const endSelectionPos = tr.selection.to;
-        const startNodePos = tr.selection.$from.start();
-        const endNodePos = tr.selection.$to.end();
-        const isCurrentTextSelectionNotExtendedToNodeBoundaries = startSelectionPos > startNodePos || endSelectionPos < endNodePos;
-        if (isCurrentTextSelectionNotExtendedToNodeBoundaries) {
-          editor.chain().selectTextWithinNodeBoundaries().run();
-          return true;
-        }
-        return false;
-      }
-    };
-  }
-});
-var custom_keymap_default = CustomKeymap;
-
-// src/ui/novel/novel/src/extensions/drag-and-drop.tsx
-import { Extension as Extension2 } from "@tiptap/core";
-import { NodeSelection, Plugin } from "@tiptap/pm/state";
-import { __serializeForClipboard } from "@tiptap/pm/view";
-function absoluteRect(node) {
-  const data = node.getBoundingClientRect();
-  const modal = node.closest('[role="dialog"]');
-  if (modal && window.getComputedStyle(modal).transform !== "none") {
-    const modalRect = modal.getBoundingClientRect();
-    return {
-      top: data.top - modalRect.top,
-      left: data.left - modalRect.left,
-      width: data.width
-    };
-  }
-  return {
-    top: data.top,
-    left: data.left,
-    width: data.width
-  };
-}
-function nodeDOMAtCoords(coords) {
-  return document.elementsFromPoint(coords.x, coords.y).find(
-    (elem) => {
-      var _a, _b;
-      return ((_b = (_a = elem.parentElement) == null ? void 0 : _a.matches) == null ? void 0 : _b.call(_a, ".ProseMirror")) || elem.matches(
-        [
-          "li",
-          "p:not(:first-child)",
-          "pre",
-          "blockquote",
-          "h1, h2, h3, h4, h5, h6"
-        ].join(", ")
-      );
-    }
-  );
-}
-function nodePosAtDOM(node, view, options2) {
-  var _a;
-  const boundingRect = node.getBoundingClientRect();
-  return (_a = view.posAtCoords({
-    left: boundingRect.left + 50 + options2.dragHandleWidth,
-    top: boundingRect.top + 1
-  })) == null ? void 0 : _a.inside;
-}
-function DragHandle(options2) {
-  function handleDragStart(event, view) {
-    view.focus();
-    if (!event.dataTransfer)
-      return;
-    const node = nodeDOMAtCoords({
-      x: event.clientX + 50 + options2.dragHandleWidth,
-      y: event.clientY
-    });
-    if (!(node instanceof Element))
-      return;
-    const nodePos = nodePosAtDOM(node, view, options2);
-    if (nodePos == null || nodePos < 0)
-      return;
-    view.dispatch(
-      view.state.tr.setSelection(NodeSelection.create(view.state.doc, nodePos))
-    );
-    const slice = view.state.selection.content();
-    const { dom, text } = __serializeForClipboard(view, slice);
-    event.dataTransfer.clearData();
-    event.dataTransfer.setData("text/html", dom.innerHTML);
-    event.dataTransfer.setData("text/plain", text);
-    event.dataTransfer.effectAllowed = "copyMove";
-    event.dataTransfer.setDragImage(node, 0, 0);
-    view.dragging = { slice, move: event.ctrlKey };
-  }
-  function handleClick(event, view) {
-    view.focus();
-    view.dom.classList.remove("dragging");
-    const node = nodeDOMAtCoords({
-      x: event.clientX + 50 + options2.dragHandleWidth,
-      y: event.clientY
-    });
-    if (!(node instanceof Element))
-      return;
-    const nodePos = nodePosAtDOM(node, view, options2);
-    if (!nodePos)
-      return;
-    view.dispatch(
-      view.state.tr.setSelection(NodeSelection.create(view.state.doc, nodePos))
-    );
-  }
-  let dragHandleElement = null;
-  function hideDragHandle() {
-    if (dragHandleElement) {
-      dragHandleElement.classList.add("hide");
-    }
-  }
-  function showDragHandle() {
-    if (dragHandleElement) {
-      dragHandleElement.classList.remove("hide");
-    }
-  }
-  return new Plugin({
-    view: (view) => {
-      var _a, _b;
-      dragHandleElement = document.createElement("div");
-      dragHandleElement.draggable = true;
-      dragHandleElement.dataset.dragHandle = "";
-      dragHandleElement.classList.add("drag-handle");
-      dragHandleElement.addEventListener("dragstart", (e) => {
-        handleDragStart(e, view);
-      });
-      dragHandleElement.addEventListener("click", (e) => {
-        handleClick(e, view);
-      });
-      hideDragHandle();
-      (_b = (_a = view == null ? void 0 : view.dom) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.appendChild(dragHandleElement);
-      return {
-        destroy: () => {
-          var _a2;
-          (_a2 = dragHandleElement == null ? void 0 : dragHandleElement.remove) == null ? void 0 : _a2.call(dragHandleElement);
-          dragHandleElement = null;
-        }
-      };
-    },
-    props: {
-      handleDOMEvents: {
-        mousemove: (view, event) => {
-          if (!view.editable) {
-            return;
-          }
-          const node = nodeDOMAtCoords({
-            x: event.clientX + 50 + options2.dragHandleWidth,
-            y: event.clientY
-          });
-          if (!(node instanceof Element) || node.matches("ul, ol")) {
-            hideDragHandle();
-            return;
-          }
-          const compStyle = window.getComputedStyle(node);
-          const lineHeight = parseInt(compStyle.lineHeight, 10);
-          const paddingTop = parseInt(compStyle.paddingTop, 10);
-          const rect = absoluteRect(node);
-          rect.top += (lineHeight - 24) / 2;
-          rect.top += paddingTop;
-          if (node.matches("ul:not([data-type=taskList]) li, ol li")) {
-            rect.left -= options2.dragHandleWidth;
-          }
-          rect.width = options2.dragHandleWidth;
-          if (!dragHandleElement)
-            return;
-          dragHandleElement.style.left = `${rect.left - rect.width}px`;
-          dragHandleElement.style.top = `${rect.top}px`;
-          showDragHandle();
-        },
-        keydown: () => {
-          hideDragHandle();
-        },
-        mousewheel: () => {
-          hideDragHandle();
-        },
-        // dragging class is used for CSS
-        dragstart: (view) => {
-          view.dom.classList.add("dragging");
-        },
-        drop: (view) => {
-          view.dom.classList.remove("dragging");
-          hideDragHandle();
-        },
-        dragend: (view) => {
-          view.dom.classList.remove("dragging");
-        }
-      }
-    }
-  });
-}
-var DragAndDrop = Extension2.create({
-  name: "dragAndDrop",
-  addProseMirrorPlugins() {
-    return [
-      DragHandle({
-        dragHandleWidth: 24
-      })
-    ];
-  }
-});
-var drag_and_drop_default = DragAndDrop;
-
-// src/ui/novel/novel/src/extensions/image-resizer.tsx
-import Moveable from "react-moveable";
-import { useCurrentEditor } from "@tiptap/react";
-import { jsx } from "react/jsx-runtime";
-var ImageResizer = () => {
-  const { editor } = useCurrentEditor();
-  if (!(editor == null ? void 0 : editor.isActive("image")))
-    return null;
-  const updateMediaSize = () => {
-    const imageInfo = document.querySelector(
-      ".ProseMirror-selectednode"
-    );
-    if (imageInfo) {
-      const selection = editor.state.selection;
-      const setImage = editor.commands.setImage;
-      setImage({
-        src: imageInfo.src,
-        width: Number(imageInfo.style.width.replace("px", "")),
-        height: Number(imageInfo.style.height.replace("px", ""))
-      });
-      editor.commands.setNodeSelection(selection.from);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Moveable,
-    {
-      target: document.querySelector(".ProseMirror-selectednode"),
-      container: null,
-      origin: false,
-      edge: false,
-      throttleDrag: 0,
-      keepRatio: true,
-      resizable: true,
-      throttleResize: 0,
-      onResize: ({
-        target,
-        width,
-        height,
-        // dist,
-        delta
-      }) => {
-        delta[0] && (target.style.width = `${width}px`);
-        delta[1] && (target.style.height = `${height}px`);
-      },
-      onResizeEnd: () => {
-        updateMediaSize();
-      },
-      scalable: true,
-      throttleScale: 0,
-      renderDirections: ["w", "e"],
-      onScale: ({
-        target,
-        // scale,
-        // dist,
-        // delta,
-        transform
-      }) => {
-        target.style.transform = transform;
-      }
-    }
-  );
-};
-
-// src/ui/novel/novel/src/extensions/ai-highlight.ts
-import {
-  Mark,
-  markInputRule,
-  markPasteRule,
-  mergeAttributes
-} from "@tiptap/core";
-var inputRegex = /(?:^|\s)((?:==)((?:[^~=]+))(?:==))$/;
-var pasteRegex = /(?:^|\s)((?:==)((?:[^~=]+))(?:==))/g;
-var AIHighlight = Mark.create({
-  name: "ai-highlight",
-  addOptions() {
-    return {
-      HTMLAttributes: {}
-    };
-  },
-  addAttributes() {
-    return {
-      color: {
-        default: null,
-        parseHTML: (element) => element.getAttribute("data-color") || element.style.backgroundColor,
-        renderHTML: (attributes) => {
-          if (!attributes.color) {
-            return {};
-          }
-          return {
-            "data-color": attributes.color,
-            style: `background-color: ${attributes.color}; color: inherit`
-          };
-        }
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: "mark"
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [
-      "mark",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes),
-      0
-    ];
-  },
-  addCommands() {
-    return {
-      setAIHighlight: (attributes) => ({ commands }) => {
-        return commands.setMark(this.name, attributes);
-      },
-      toggleAIHighlight: (attributes) => ({ commands }) => {
-        return commands.toggleMark(this.name, attributes);
-      },
-      unsetAIHighlight: () => ({ commands }) => {
-        return commands.unsetMark(this.name);
-      }
-    };
-  },
-  addKeyboardShortcuts() {
-    return {
-      "Mod-Shift-h": () => this.editor.commands.toggleAIHighlight()
-    };
-  },
-  addInputRules() {
-    return [
-      markInputRule({
-        find: inputRegex,
-        type: this.type
-      })
-    ];
-  },
-  addPasteRules() {
-    return [
-      markPasteRule({
-        find: pasteRegex,
-        type: this.type
-      })
-    ];
-  }
-});
-var removeAIHighlight = (editor) => {
-  const tr = editor.state.tr;
-  tr.removeMark(
-    0,
-    editor.state.doc.nodeSize - 2,
-    editor.state.schema.marks["ai-highlight"]
-  );
-  editor.view.dispatch(tr);
-};
-var addAIHighlight = (editor, color) => {
-  editor.chain().setAIHighlight({ color: color != null ? color : "#c1ecf970" }).run();
-};
-
-// src/ui/novel/novel/src/extensions/slash-command.tsx
-import { Extension as Extension3 } from "@tiptap/core";
-import Suggestion from "@tiptap/suggestion";
-import { ReactRenderer } from "@tiptap/react";
-import tippy from "tippy.js";
-
-// src/ui/novel/novel/src/components/editor-command.tsx
-import { Command } from "cmdk";
-import { useAtom, useSetAtom } from "jotai";
-import { createContext, forwardRef, useEffect } from "react";
-
-// src/ui/novel/novel/src/utils/atoms.ts
-import { atom } from "jotai";
-var queryAtom = atom("");
-var rangeAtom = atom(null);
-
-// src/ui/novel/novel/src/utils/store.ts
-import { createStore } from "jotai";
-var novelStore = createStore();
-
-// src/ui/novel/novel/src/components/editor-command.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var EditorCommandTunnelContext = createContext(
-  {}
-);
-var EditorCommandOut = ({
-  query,
-  range
-}) => {
-  const setQuery = useSetAtom(queryAtom, { store: novelStore });
-  const setRange = useSetAtom(rangeAtom, { store: novelStore });
-  useEffect(() => {
-    setQuery(query);
-  }, [query, setQuery]);
-  useEffect(() => {
-    setRange(range);
-  }, [range, setRange]);
-  useEffect(() => {
-    const navigationKeys = ["ArrowUp", "ArrowDown", "Enter"];
-    const onKeyDown = (e) => {
-      if (navigationKeys.includes(e.key)) {
-        e.preventDefault();
-        const commandRef = document.querySelector("#slash-command");
-        if (commandRef)
-          commandRef.dispatchEvent(
-            new KeyboardEvent("keydown", {
-              key: e.key,
-              cancelable: true,
-              bubbles: true
-            })
-          );
-        return false;
-      }
-    };
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx2(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ jsx2(tunnelInstance.Out, {}) });
-};
-var EditorCommand = forwardRef((_a, ref) => {
-  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
-  const [query, setQuery] = useAtom(queryAtom);
-  return /* @__PURE__ */ jsx2(EditorCommandTunnelContext.Consumer, { children: (tunnelInstance) => /* @__PURE__ */ jsx2(tunnelInstance.In, { children: /* @__PURE__ */ jsxs(
-    Command,
-    __spreadProps(__spreadValues({
-      ref,
-      onKeyDown: (e) => {
-        e.stopPropagation();
-      },
-      id: "slash-command",
-      className
-    }, rest), {
-      children: [
-        /* @__PURE__ */ jsx2(
-          Command.Input,
-          {
-            value: query,
-            onValueChange: setQuery,
-            style: { display: "none" }
-          }
-        ),
-        children
-      ]
-    })
-  ) }) });
-});
-var EditorCommandList = Command.List;
-EditorCommand.displayName = "EditorCommand";
-
-// src/ui/novel/novel/src/extensions/slash-command.tsx
-var Command2 = Extension3.create({
-  name: "slash-command",
-  addOptions() {
-    return {
-      suggestion: {
-        char: "/",
-        command: ({
-          editor,
-          range,
-          props
-        }) => {
-          props.command({ editor, range });
-        }
-      }
-    };
-  },
-  addProseMirrorPlugins() {
-    return [
-      Suggestion(__spreadValues({
-        editor: this.editor
-      }, this.options.suggestion))
-    ];
-  }
-});
-var renderItems = () => {
-  let component = null;
-  let popup = null;
-  return {
-    onStart: (props) => {
-      component = new ReactRenderer(EditorCommandOut, {
-        props,
-        editor: props.editor
-      });
-      const { selection } = props.editor.state;
-      const parentNode = selection.$from.node(selection.$from.depth);
-      const blockType = parentNode.type.name;
-      if (blockType === "codeBlock") {
-        return false;
-      }
-      popup = tippy("body", {
-        getReferenceClientRect: props.clientRect,
-        appendTo: () => document.body,
-        content: component.element,
-        showOnCreate: true,
-        interactive: true,
-        trigger: "manual",
-        placement: "bottom-start"
-      });
-    },
-    onUpdate: (props) => {
-      component == null ? void 0 : component.updateProps(props);
-      popup && popup[0].setProps({
-        getReferenceClientRect: props.clientRect
-      });
-    },
-    onKeyDown: (props) => {
-      var _a;
-      if (props.event.key === "Escape") {
-        popup == null ? void 0 : popup[0].hide();
-        return true;
-      }
-      return (_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props);
-    },
-    onExit: () => {
-      popup == null ? void 0 : popup[0].destroy();
-      component == null ? void 0 : component.destroy();
-    }
-  };
-};
-var createSuggestionItems = (items2) => items2;
-var handleCommandNavigation = (event) => {
-  if (["ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
-    const slashCommand2 = document.querySelector("#slash-command");
-    if (slashCommand2) {
-      return true;
-    }
-  }
-};
-
-// src/ui/novel/novel/src/utils/utils.ts
-var getPrevText = (editor, {
-  // chars,
-  // offset = 0,
-}) => {
-  return editor.storage.markdown.getMarkdown();
-};
-
-// src/ui/novel/novel/src/extensions/index.ts
-var PlaceholderExtension = Placeholder.configure({
-  placeholder: ({ node }) => {
-    if (node.type.name === "heading") {
-      return `Heading ${node.attrs.level}`;
-    }
-    return "Press '/' for commands";
-  },
-  includeChildren: true
-});
-var simpleExtensions = [
-  TiptapUnderline,
-  TextStyle,
-  Color,
-  Highlight.configure({
-    multicolor: true
-  }),
-  Markdown.configure({
-    html: false,
-    transformCopiedText: true
-  }),
-  custom_keymap_default,
-  drag_and_drop_default
-];
-var Horizontal = HorizontalRule.extend({
-  addInputRules() {
-    return [
-      new InputRule({
-        find: /^(?:---|—-|___\s|\*\*\*\s)$/u,
-        handler: ({ state, range }) => {
-          const attributes = {};
-          const { tr } = state;
-          const start = range.from;
-          let end = range.to;
-          tr.insert(start - 1, this.type.create(attributes)).delete(
-            tr.mapping.map(start),
-            tr.mapping.map(end)
-          );
-        }
-      })
-    ];
-  }
-});
-
-// src/ui/novel/novel/src/plugins/upload-images.tsx
-import { Plugin as Plugin2, PluginKey } from "@tiptap/pm/state";
-import { Decoration, DecorationSet } from "@tiptap/pm/view";
-var uploadKey = new PluginKey("upload-image");
-var UploadImagesPlugin = ({ imageClass }) => new Plugin2({
-  key: uploadKey,
-  state: {
-    init() {
-      return DecorationSet.empty;
-    },
-    apply(tr, set) {
-      set = set.map(tr.mapping, tr.doc);
-      const action = tr.getMeta(this);
-      if (action && action.add) {
-        const { id, pos, src } = action.add;
-        const placeholder2 = document.createElement("div");
-        placeholder2.setAttribute("class", "img-placeholder");
-        const image = document.createElement("img");
-        image.setAttribute("class", imageClass);
-        image.src = src;
-        placeholder2.appendChild(image);
-        const deco = Decoration.widget(pos + 1, placeholder2, {
-          id
-        });
-        set = set.add(tr.doc, [deco]);
-      } else if (action && action.remove) {
-        set = set.remove(
-          set.find(
-            void 0,
-            void 0,
-            (spec) => spec.id == action.remove.id
-          )
-        );
-      }
-      return set;
-    }
-  },
-  props: {
-    decorations(state) {
-      return this.getState(state);
-    }
-  }
-});
-function findPlaceholder(state, id) {
-  var _a;
-  const decos = uploadKey.getState(state);
-  const found = decos.find(void 0, void 0, (spec) => spec.id == id);
-  return found.length ? (_a = found[0]) == null ? void 0 : _a.from : null;
-}
-var createImageUpload = ({ validateFn, onUpload: onUpload2 }) => (file, view, pos) => {
-  const id = {};
-  const tr = view.state.tr;
-  if (!tr.selection.empty)
-    tr.deleteSelection();
-  const reader = new FileReader();
-  reader.readAsDataURL(file);
-  reader.onload = () => {
-    tr.setMeta(uploadKey, {
-      add: {
-        id,
-        pos,
-        src: reader.result
-      }
-    });
-    view.dispatch(tr);
-  };
-  onUpload2(file).then((src) => {
-    var _a;
-    const { schema } = view.state;
-    let pos2 = findPlaceholder(view.state, id);
-    if (pos2 == null)
-      return;
-    const imageSrc = typeof src === "object" ? reader.result : src;
-    const node = (_a = schema.nodes.image) == null ? void 0 : _a.create({ src: imageSrc });
-    if (!node)
-      return;
-    const transaction = view.state.tr.replaceWith(pos2, pos2, node).setMeta(uploadKey, { remove: { id } });
-    view.dispatch(transaction);
-  });
-};
-var handleImagePaste = (view, event, uploadFn2) => {
-  var _a;
-  if ((_a = event.clipboardData) == null ? void 0 : _a.files.length) {
-    event.preventDefault();
-    const [file] = Array.from(event.clipboardData.files);
-    const pos = view.state.selection.from;
-    if (file)
-      uploadFn2(file, view, pos);
-    return true;
-  }
-  return false;
-};
-var handleImageDrop = (view, event, moved, uploadFn2) => {
-  var _a, _b;
-  if (!moved && ((_a = event.dataTransfer) == null ? void 0 : _a.files.length)) {
-    event.preventDefault();
-    const [file] = Array.from(event.dataTransfer.files);
-    const coordinates = view.posAtCoords({
-      left: event.clientX,
-      top: event.clientY
-    });
-    if (file)
-      uploadFn2(file, view, (_b = coordinates == null ? void 0 : coordinates.pos) != null ? _b : 0 - 1);
-    return true;
-  }
-  return false;
-};
-
-// src/ui/novel/tailwind/extensions.ts
-var aiHighlight = AIHighlight;
-var placeholder = PlaceholderExtension;
-var tiptapLink = TiptapLink.configure({
-  HTMLAttributes: {
-    class: cx(
-      "text-muted-foreground underline underline-offset-[3px] hover:text-primary transition-colors cursor-pointer"
-    )
-  }
-});
-var tiptapImage = TiptapImage.extend({
-  addProseMirrorPlugins() {
-    return [
-      UploadImagesPlugin({
-        imageClass: cx("opacity-40 rounded-lg border border-stone-200")
-      })
-    ];
-  }
-}).configure({
-  allowBase64: true,
-  HTMLAttributes: {
-    class: cx("rounded-lg border border-muted")
-  }
-});
-var updatedImage = updated_image_default.configure({
-  HTMLAttributes: {
-    class: cx("rounded-lg border border-muted")
-  }
-});
-var taskList = TaskList.configure({
-  HTMLAttributes: {
-    class: cx("not-prose pl-2 ")
-  }
-});
-var taskItem = TaskItem.configure({
-  HTMLAttributes: {
-    class: cx("flex gap-2 items-start my-4")
-  },
-  nested: true
-});
-var horizontalRule = Horizontal.configure({
-  HTMLAttributes: {
-    class: cx("mt-4 mb-6 border-t border-muted-foreground")
-  }
-});
-var starterKit = StarterKit.configure({
-  bulletList: {
-    HTMLAttributes: {
-      class: cx("list-disc list-outside leading-3 -mt-2")
-    }
-  },
-  orderedList: {
-    HTMLAttributes: {
-      class: cx("list-decimal list-outside leading-3 -mt-2")
-    }
-  },
-  listItem: {
-    HTMLAttributes: {
-      class: cx("leading-normal -mb-2")
-    }
-  },
-  blockquote: {
-    HTMLAttributes: {
-      class: cx("border-l-4 border-primary")
-    }
-  },
-  codeBlock: {
-    HTMLAttributes: {
-      class: cx(
-        "rounded-md bg-muted text-muted-foreground border p-5 font-mono font-medium"
-      )
-    }
-  },
-  code: {
-    HTMLAttributes: {
-      class: cx("rounded-md bg-muted  px-1.5 py-1 font-mono font-medium"),
-      spellcheck: "false"
-    }
-  },
-  horizontalRule: false,
-  dropcursor: {
-    color: "#DBEAFE",
-    width: 4
-  },
-  gapcursor: false
-});
-var defaultExtensions = [
-  starterKit,
-  placeholder,
-  tiptapLink,
-  tiptapImage,
-  updatedImage,
-  taskList,
-  taskItem,
-  horizontalRule,
-  aiHighlight
-];
-
-// src/ui/novel/tailwind/selectors/color-selector.tsx
-import { Check, ChevronDown } from "lucide-react";
-
-// src/ui/novel/tailwind/ui/button.tsx
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { isNumber, isString } from "lodash";
-import stableHash from "stable-hash";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/ui/novel/tailwind/ui/button.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant, size, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild"]);
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx3(
-      Comp,
-      __spreadValues({
-        className: cn(buttonVariants({ variant, size, className })),
-        ref
-      }, props)
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/ui/novel/tailwind/ui/popover.tsx
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import * as React2 from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React2.forwardRef((_a, ref) => {
-  var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
-    PopoverPrimitive.Content,
-    __spreadValues({
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
-        className
-      )
-    }, props)
-  ) });
-});
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-// src/ui/novel/novel/src/components/index.ts
-import { useCurrentEditor as useCurrentEditor5 } from "@tiptap/react";
-
-// src/ui/novel/novel/src/components/editor.tsx
-import { useMemo, useRef, forwardRef as forwardRef4 } from "react";
-import { EditorProvider } from "@tiptap/react";
-import { Provider } from "jotai";
-import tunnel from "tunnel-rat";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var EditorRoot = ({ children }) => {
-  const tunnelInstance = useRef(tunnel()).current;
-  return /* @__PURE__ */ jsx5(Provider, { store: novelStore, children: /* @__PURE__ */ jsx5(EditorCommandTunnelContext.Provider, { value: tunnelInstance, children }) });
-};
-var EditorContent = forwardRef4(
-  (_a, ref) => {
-    var _b = _a, { className, children, initialContent } = _b, rest = __objRest(_b, ["className", "children", "initialContent"]);
-    const extensions2 = useMemo(() => {
-      var _a2;
-      return [...simpleExtensions, ...(_a2 = rest.extensions) != null ? _a2 : []];
-    }, [rest.extensions]);
-    return /* @__PURE__ */ jsx5("div", { ref, className, children: /* @__PURE__ */ jsx5(
-      EditorProvider,
-      __spreadProps(__spreadValues({}, rest), {
-        content: initialContent,
-        extensions: extensions2,
-        children
-      })
-    ) });
-  }
-);
-EditorContent.displayName = "EditorContent";
-
-// src/ui/novel/novel/src/components/editor-bubble.tsx
-import { BubbleMenu, isNodeSelection, useCurrentEditor as useCurrentEditor2 } from "@tiptap/react";
-import { useMemo as useMemo2, useRef as useRef2, useEffect as useEffect2, forwardRef as forwardRef5 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var EditorBubble = forwardRef5(
-  (_a, ref) => {
-    var _b = _a, { children, tippyOptions } = _b, rest = __objRest(_b, ["children", "tippyOptions"]);
-    const { editor: currentEditor } = useCurrentEditor2();
-    const instanceRef = useRef2(null);
-    useEffect2(() => {
-      var _a2;
-      if (!instanceRef.current || !(tippyOptions == null ? void 0 : tippyOptions.placement))
-        return;
-      instanceRef.current.setProps({ placement: tippyOptions.placement });
-      (_a2 = instanceRef.current.popperInstance) == null ? void 0 : _a2.update();
-    }, [tippyOptions == null ? void 0 : tippyOptions.placement]);
-    const bubbleMenuProps = useMemo2(() => {
-      const shouldShow = ({ editor, state }) => {
-        const { selection } = state;
-        const { empty } = selection;
-        if (!editor.isEditable || editor.isActive("image") || empty || isNodeSelection(selection)) {
-          return false;
-        }
-        return true;
-      };
-      return __spreadValues({
-        shouldShow,
-        tippyOptions: __spreadValues({
-          onCreate: (val) => {
-            instanceRef.current = val;
-          },
-          moveTransition: "transform 0.15s ease-out"
-        }, tippyOptions)
-      }, rest);
-    }, [rest, tippyOptions]);
-    if (!currentEditor)
-      return null;
-    return (
-      // We need to add this because of https://github.com/ueberdosis/tiptap/issues/2658
-      /* @__PURE__ */ jsx6("div", { ref, children: /* @__PURE__ */ jsx6(BubbleMenu, __spreadProps(__spreadValues({ editor: currentEditor }, bubbleMenuProps), { children })) })
-    );
-  }
-);
-EditorBubble.displayName = "EditorBubble";
-
-// src/ui/novel/novel/src/components/editor-bubble-item.tsx
-import { forwardRef as forwardRef6 } from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { useCurrentEditor as useCurrentEditor3 } from "@tiptap/react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var EditorBubbleItem = forwardRef6((_a, ref) => {
-  var _b = _a, { children, asChild, onSelect } = _b, rest = __objRest(_b, ["children", "asChild", "onSelect"]);
-  const { editor } = useCurrentEditor3();
-  const Comp = asChild ? Slot2 : "div";
-  if (!editor)
-    return null;
-  return /* @__PURE__ */ jsx7(Comp, __spreadProps(__spreadValues({ ref }, rest), { onClick: () => onSelect == null ? void 0 : onSelect(editor), children }));
-});
-EditorBubbleItem.displayName = "EditorBubbleItem";
-
-// src/ui/novel/novel/src/components/editor-command-item.tsx
-import { forwardRef as forwardRef7 } from "react";
-import { CommandEmpty, CommandItem } from "cmdk";
-import { useCurrentEditor as useCurrentEditor4 } from "@tiptap/react";
-import { useAtomValue } from "jotai";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var EditorCommandItem = forwardRef7((_a, ref) => {
-  var _b = _a, { children, onCommand } = _b, rest = __objRest(_b, ["children", "onCommand"]);
-  const { editor } = useCurrentEditor4();
-  const range = useAtomValue(rangeAtom);
-  if (!editor || !range)
-    return null;
-  return /* @__PURE__ */ jsx8(
-    CommandItem,
-    __spreadProps(__spreadValues({
-      ref
-    }, rest), {
-      onSelect: () => onCommand({ editor, range }),
-      children
-    })
-  );
-});
-EditorCommandItem.displayName = "EditorCommandItem";
-var EditorCommandEmpty = CommandEmpty;
-
-// src/ui/novel/tailwind/selectors/color-selector.tsx
-import { jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-var TEXT_COLORS = [
-  {
-    name: "Default",
-    color: "var(--novel-black)"
-  },
-  {
-    name: "Purple",
-    color: "#9333EA"
-  },
-  {
-    name: "Red",
-    color: "#E00000"
-  },
-  {
-    name: "Yellow",
-    color: "#EAB308"
-  },
-  {
-    name: "Blue",
-    color: "#2563EB"
-  },
-  {
-    name: "Green",
-    color: "#008A00"
-  },
-  {
-    name: "Orange",
-    color: "#FFA500"
-  },
-  {
-    name: "Pink",
-    color: "#BA4081"
-  },
-  {
-    name: "Gray",
-    color: "#A8A29E"
-  }
-];
-var HIGHLIGHT_COLORS = [
-  {
-    name: "Default",
-    color: "var(--novel-highlight-default)"
-  },
-  {
-    name: "Purple",
-    color: "var(--novel-highlight-purple)"
-  },
-  {
-    name: "Red",
-    color: "var(--novel-highlight-red)"
-  },
-  {
-    name: "Yellow",
-    color: "var(--novel-highlight-yellow)"
-  },
-  {
-    name: "Blue",
-    color: "var(--novel-highlight-blue)"
-  },
-  {
-    name: "Green",
-    color: "var(--novel-highlight-green)"
-  },
-  {
-    name: "Orange",
-    color: "var(--novel-highlight-orange)"
-  },
-  {
-    name: "Pink",
-    color: "var(--novel-highlight-pink)"
-  },
-  {
-    name: "Gray",
-    color: "var(--novel-highlight-gray)"
-  }
-];
-var ColorSelector = (props) => {
-  const { editor } = useCurrentEditor5();
-  if (!editor)
-    return null;
-  const activeColorItem = TEXT_COLORS.find(
-    ({ color }) => editor.isActive("textStyle", { color })
-  );
-  const activeHighlightItem = HIGHLIGHT_COLORS.find(
-    ({ color }) => editor.isActive("highlight", { color })
-  );
-  return /* @__PURE__ */ jsxs2(Popover, { modal: true, open: props.open, onOpenChange: props.onOpenChange, children: [
-    /* @__PURE__ */ jsx9(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs2(Button, { size: "sm", className: "gap-2 rounded-none", variant: "ghost", children: [
-      /* @__PURE__ */ jsx9(
-        "span",
-        {
-          className: "rounded-sm px-1",
-          style: {
-            color: activeColorItem == null ? void 0 : activeColorItem.color,
-            backgroundColor: activeHighlightItem == null ? void 0 : activeHighlightItem.color
-          },
-          children: "A"
-        }
-      ),
-      /* @__PURE__ */ jsx9(ChevronDown, { className: "h-4 w-4" })
-    ] }) }),
-    /* @__PURE__ */ jsxs2(
-      PopoverContent,
-      {
-        sideOffset: 5,
-        className: "my-1 flex max-h-80 w-48 flex-col overflow-hidden overflow-y-auto rounded border p-1 shadow-xl ",
-        align: "start",
-        children: [
-          /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx9("div", { className: "text-muted-foreground my-1 px-2 text-sm font-semibold", children: "Color" }),
-            TEXT_COLORS.map(({ name, color }, index) => /* @__PURE__ */ jsx9(
-              EditorBubbleItem,
-              {
-                onSelect: () => {
-                  editor.commands.unsetColor();
-                  name !== "Default" && editor.chain().focus().setColor(color || "").run();
-                },
-                className: "hover:bg-accent flex cursor-pointer items-center justify-between px-2 py-1 text-sm",
-                children: /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx9(
-                    "div",
-                    {
-                      className: "rounded-sm border px-2 py-px font-medium",
-                      style: { color },
-                      children: "A"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx9("span", { children: name })
-                ] })
-              },
-              index
-            ))
-          ] }),
-          /* @__PURE__ */ jsxs2("div", { children: [
-            /* @__PURE__ */ jsx9("div", { className: "text-muted-foreground my-1 px-2 text-sm font-semibold", children: "Background" }),
-            HIGHLIGHT_COLORS.map(({ name, color }, index) => /* @__PURE__ */ jsxs2(
-              EditorBubbleItem,
-              {
-                onSelect: () => {
-                  editor.commands.unsetHighlight();
-                  name !== "Default" && editor.commands.setHighlight({ color });
-                },
-                className: "hover:bg-accent flex cursor-pointer items-center justify-between px-2 py-1 text-sm",
-                children: [
-                  /* @__PURE__ */ jsxs2("div", { className: "flex items-center gap-2", children: [
-                    /* @__PURE__ */ jsx9(
-                      "div",
-                      {
-                        className: "rounded-sm border px-2 py-px font-medium",
-                        style: { backgroundColor: color },
-                        children: "A"
-                      }
-                    ),
-                    /* @__PURE__ */ jsx9("span", { children: name })
-                  ] }),
-                  editor.isActive("highlight", { color }) && /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4" })
-                ]
-              },
-              index
-            ))
-          ] })
-        ]
-      }
-    )
-  ] });
-};
-
-// src/ui/novel/tailwind/selectors/link-selector.tsx
-import { Popover as Popover2, PopoverTrigger as PopoverTrigger2 } from "@radix-ui/react-popover";
-import { Check as Check2, Trash } from "lucide-react";
-import {
-  useEffect as useEffect3,
-  useRef as useRef3
-} from "react";
-import { jsx as jsx10, jsxs as jsxs3 } from "react/jsx-runtime";
-function isValidUrl(url) {
-  try {
-    new URL(url);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-function getUrlFromString(str) {
-  if (isValidUrl(str))
-    return str;
-  try {
-    if (str.includes(".") && !str.includes(" ")) {
-      return new URL(`https://${str}`).toString();
-    }
-  } catch (e) {
-    return null;
-  }
-}
-var LinkSelector = ({ open, onOpenChange }) => {
-  const inputRef = useRef3(null);
-  const { editor } = useCurrentEditor5();
-  useEffect3(() => {
-    var _a;
-    inputRef.current && ((_a = inputRef.current) == null ? void 0 : _a.focus());
-  });
-  if (!editor)
-    return null;
-  return /* @__PURE__ */ jsxs3(Popover2, { modal: true, open, onOpenChange, children: [
-    /* @__PURE__ */ jsx10(PopoverTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs3(
-      Button,
-      {
-        size: "sm",
-        variant: "ghost",
-        className: "gap-2 rounded-none border-none",
-        children: [
-          /* @__PURE__ */ jsx10("p", { className: "text-base", children: "\u2197" }),
-          /* @__PURE__ */ jsx10(
-            "p",
-            {
-              className: cn("underline decoration-stone-400 underline-offset-4", {
-                "text-blue-500": editor.isActive("link")
-              }),
-              children: "Link"
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx10(PopoverContent, { align: "start", className: "w-60 p-0", sideOffset: 10, children: /* @__PURE__ */ jsxs3(
-      "form",
-      {
-        onSubmit: (e) => {
-          const target = e.currentTarget;
-          e.preventDefault();
-          const input = target[0];
-          const url = getUrlFromString(input.value);
-          url && editor.chain().focus().setLink({ href: url }).run();
-        },
-        className: "flex  p-1 ",
-        children: [
-          /* @__PURE__ */ jsx10(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              placeholder: "Paste a link",
-              className: "bg-background flex-1 p-1 text-sm outline-none",
-              defaultValue: editor.getAttributes("link").href || ""
-            }
-          ),
-          editor.getAttributes("link").href ? /* @__PURE__ */ jsx10(
-            Button,
-            {
-              size: "icon",
-              variant: "outline",
-              type: "button",
-              className: "flex h-8 items-center rounded-sm p-1 text-red-600 transition-all hover:bg-red-100 dark:hover:bg-red-800",
-              onClick: () => {
-                editor.chain().focus().unsetLink().run();
-              },
-              children: /* @__PURE__ */ jsx10(Trash, { className: "h-4 w-4" })
-            }
-          ) : /* @__PURE__ */ jsx10(Button, { size: "icon", className: "h-8", children: /* @__PURE__ */ jsx10(Check2, { className: "h-4 w-4" }) })
-        ]
-      }
-    ) })
-  ] });
-};
-
-// src/ui/novel/tailwind/selectors/node-selector.tsx
-import {
-  Check as Check3,
-  CheckSquare,
-  ChevronDown as ChevronDown2,
-  Code,
-  Heading1,
-  Heading2,
-  Heading3,
-  ListOrdered,
-  TextIcon,
-  TextQuote
-} from "lucide-react";
-import { Popover as Popover3 } from "@radix-ui/react-popover";
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-var items = [
-  {
-    name: "Text",
-    icon: TextIcon,
-    command: (editor) => editor.chain().focus().clearNodes().run(),
-    // I feel like there has to be a more efficient way to do this – feel free to PR if you know how!
-    isActive: (editor) => editor.isActive("paragraph") && !editor.isActive("bulletList") && !editor.isActive("orderedList")
-  },
-  {
-    name: "Heading 1",
-    icon: Heading1,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 1 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 1 })
-  },
-  {
-    name: "Heading 2",
-    icon: Heading2,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 2 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 2 })
-  },
-  {
-    name: "Heading 3",
-    icon: Heading3,
-    command: (editor) => editor.chain().focus().clearNodes().toggleHeading({ level: 3 }).run(),
-    isActive: (editor) => editor.isActive("heading", { level: 3 })
-  },
-  {
-    name: "To-do List",
-    icon: CheckSquare,
-    command: (editor) => editor.chain().focus().clearNodes().toggleTaskList().run(),
-    isActive: (editor) => editor.isActive("taskItem")
-  },
-  {
-    name: "Bullet List",
-    icon: ListOrdered,
-    command: (editor) => editor.chain().focus().clearNodes().toggleBulletList().run(),
-    isActive: (editor) => editor.isActive("bulletList")
-  },
-  {
-    name: "Numbered List",
-    icon: ListOrdered,
-    command: (editor) => editor.chain().focus().clearNodes().toggleOrderedList().run(),
-    isActive: (editor) => editor.isActive("orderedList")
-  },
-  {
-    name: "Quote",
-    icon: TextQuote,
-    command: (editor) => editor.chain().focus().clearNodes().toggleBlockquote().run(),
-    isActive: (editor) => editor.isActive("blockquote")
-  },
-  {
-    name: "Code",
-    icon: Code,
-    command: (editor) => editor.chain().focus().clearNodes().toggleCodeBlock().run(),
-    isActive: (editor) => editor.isActive("codeBlock")
-  }
-];
-var NodeSelector = ({ open, onOpenChange }) => {
-  var _a;
-  const { editor } = useCurrentEditor5();
-  if (!editor)
-    return null;
-  const activeItem = (_a = items.filter((item) => item.isActive(editor)).pop()) != null ? _a : {
-    name: "Multiple"
-  };
-  return /* @__PURE__ */ jsxs4(Popover3, { modal: true, open, onOpenChange, children: [
-    /* @__PURE__ */ jsx11(
-      PopoverTrigger,
-      {
-        asChild: true,
-        className: "hover:bg-accent gap-2 rounded-none border-none focus:ring-0",
-        children: /* @__PURE__ */ jsxs4(Button, { size: "sm", variant: "ghost", className: "gap-2", children: [
-          /* @__PURE__ */ jsx11("span", { className: "whitespace-nowrap text-sm", children: activeItem.name }),
-          /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-4 w-4" })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx11(PopoverContent, { sideOffset: 5, align: "start", className: "w-48 p-1", children: items.map((item, index) => /* @__PURE__ */ jsxs4(
-      EditorBubbleItem,
-      {
-        onSelect: (editor2) => {
-          item.command(editor2);
-          onOpenChange(false);
-        },
-        className: "hover:bg-accent flex cursor-pointer items-center justify-between rounded-sm px-2 py-1 text-sm",
-        children: [
-          /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ jsx11("div", { className: "rounded-sm border p-1", children: /* @__PURE__ */ jsx11(item.icon, { className: "h-3 w-3" }) }),
-            /* @__PURE__ */ jsx11("span", { children: item.name })
-          ] }),
-          activeItem.name === item.name && /* @__PURE__ */ jsx11(Check3, { className: "h-4 w-4" })
-        ]
-      },
-      index
-    )) })
-  ] });
-};
-
-// src/ui/novel/tailwind/ui/separator.tsx
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React3 from "react";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Separator = React3.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-    return /* @__PURE__ */ jsx12(
-      SeparatorPrimitive.Root,
-      __spreadValues({
-        ref,
-        decorative,
-        orientation,
-        className: cn(
-          "bg-border shrink-0",
-          orientation === "horizontal" ? "h-px w-full" : " w-px",
-          className
-        )
-      }, props)
-    );
-  }
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-// src/ui/novel/content.ts
-var defaultEditorContent = {
-  type: "doc",
-  content: [
-    {
-      type: "heading",
-      attrs: { level: 2 },
-      content: [{ type: "text", text: "Introducing Novel" }]
-    },
-    {
-      type: "paragraph",
-      content: [
-        {
-          type: "text",
-          marks: [
-            {
-              type: "link",
-              attrs: {
-                href: "https://github.com/steven-tey/novel",
-                target: "_blank"
-              }
-            }
-          ],
-          text: "Novel"
-        },
-        {
-          type: "text",
-          text: " is a Notion-style WYSIWYG editor with AI-powered autocompletion. Built with "
-        },
-        {
-          type: "text",
-          marks: [
-            {
-              type: "link",
-              attrs: {
-                href: "https://tiptap.dev/",
-                target: "_blank"
-              }
-            }
-          ],
-          text: "Tiptap"
-        },
-        { type: "text", text: " + " },
-        {
-          type: "text",
-          marks: [
-            {
-              type: "link",
-              attrs: {
-                href: "https://sdk.vercel.ai/docs",
-                target: "_blank"
-              }
-            }
-          ],
-          text: "Vercel AI SDK"
-        },
-        { type: "text", text: "." }
-      ]
-    },
-    {
-      type: "heading",
-      attrs: { level: 3 },
-      content: [{ type: "text", text: "Installation" }]
-    },
-    {
-      type: "codeBlock",
-      attrs: { language: null },
-      content: [{ type: "text", text: "npm i novel" }]
-    },
-    {
-      type: "heading",
-      attrs: { level: 3 },
-      content: [{ type: "text", text: "Usage" }]
-    },
-    {
-      type: "codeBlock",
-      attrs: { language: null },
-      content: [
-        {
-          type: "text",
-          text: 'import { Editor } from "novel";\n\nexport default function App() {\n  return (\n     <Editor />\n  )\n}'
-        }
-      ]
-    },
-    {
-      type: "heading",
-      attrs: { level: 3 },
-      content: [{ type: "text", text: "Features" }]
-    },
-    {
-      type: "orderedList",
-      attrs: { tight: true, start: 1 },
-      content: [
-        {
-          type: "listItem",
-          content: [
-            {
-              type: "paragraph",
-              content: [{ type: "text", text: "Slash menu & bubble menu" }]
-            }
-          ]
-        },
-        {
-          type: "listItem",
-          content: [
-            {
-              type: "paragraph",
-              content: [
-                { type: "text", text: "AI autocomplete (type " },
-                { type: "text", marks: [{ type: "code" }], text: "++" },
-                {
-                  type: "text",
-                  text: " to activate, or select from slash menu)"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: "listItem",
-          content: [
-            {
-              type: "paragraph",
-              content: [
-                {
-                  type: "text",
-                  text: "Image uploads (drag & drop / copy & paste, or select from slash menu) "
-                }
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      type: "image",
-      attrs: {
-        src: "https://public.blob.vercel-storage.com/pJrjXbdONOnAeZAZ/banner-2wQk82qTwyVgvlhTW21GIkWgqPGD2C.png",
-        alt: "banner.png",
-        title: "banner.png",
-        width: null,
-        height: null
-      }
-    },
-    { type: "horizontalRule" },
-    {
-      type: "heading",
-      attrs: { level: 3 },
-      content: [{ type: "text", text: "Learn more" }]
-    },
-    {
-      type: "taskList",
-      content: [
-        {
-          type: "taskItem",
-          attrs: { checked: false },
-          content: [
-            {
-              type: "paragraph",
-              content: [
-                { type: "text", text: "Star us on " },
-                {
-                  type: "text",
-                  marks: [
-                    {
-                      type: "link",
-                      attrs: {
-                        href: "https://github.com/steven-tey/novel",
-                        target: "_blank"
-                      }
-                    }
-                  ],
-                  text: "GitHub"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: "taskItem",
-          attrs: { checked: false },
-          content: [
-            {
-              type: "paragraph",
-              content: [
-                { type: "text", text: "Install the " },
-                {
-                  type: "text",
-                  marks: [
-                    {
-                      type: "link",
-                      attrs: {
-                        href: "https://www.npmjs.com/package/novel",
-                        target: "_blank"
-                      }
-                    }
-                  ],
-                  text: "NPM package"
-                }
-              ]
-            }
-          ]
-        },
-        {
-          type: "taskItem",
-          attrs: { checked: false },
-          content: [
-            {
-              type: "paragraph",
-              content: [
-                {
-                  type: "text",
-                  marks: [
-                    {
-                      type: "link",
-                      attrs: {
-                        href: "https://vercel.com/templates/next.js/novel",
-                        target: "_blank"
-                      }
-                    }
-                  ],
-                  text: "Deploy your own"
-                },
-                { type: "text", text: " to Vercel" }
-              ]
-            }
-          ]
-        }
-      ]
-    }
-  ]
-};
-
-// src/ui/novel/tailwind/generative/generative-menu-switch.tsx
-import { Fragment as Fragment4, useEffect as useEffect4 } from "react";
-
-// src/ui/novel/tailwind/ui/icons/magic.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function Magic({ className }) {
-  return /* @__PURE__ */ jsxs5(
-    "svg",
-    {
-      width: "469",
-      height: "469",
-      viewBox: "0 0 469 469",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      shapeRendering: "geometricPrecision",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: "1.5",
-      className,
-      children: [
-        /* @__PURE__ */ jsx13(
-          "path",
-          {
-            d: "M237.092 62.3004L266.754 71.4198C267.156 71.5285 267.51 71.765 267.765 72.0934C268.02 72.4218 268.161 72.8243 268.166 73.2399C268.172 73.6555 268.042 74.0616 267.796 74.3967C267.55 74.7318 267.201 74.9777 266.803 75.097L237.141 84.3145C236.84 84.4058 236.566 84.5699 236.344 84.7922C236.121 85.0146 235.957 85.2883 235.866 85.5893L226.747 115.252C226.638 115.653 226.401 116.008 226.073 116.263C225.745 116.517 225.342 116.658 224.926 116.664C224.511 116.669 224.105 116.539 223.77 116.293C223.435 116.047 223.189 115.699 223.069 115.301L213.852 85.6383C213.761 85.3374 213.597 85.0636 213.374 84.8412C213.152 84.6189 212.878 84.4548 212.577 84.3635L182.914 75.2441C182.513 75.1354 182.158 74.8989 181.904 74.5705C181.649 74.2421 181.508 73.8396 181.503 73.424C181.497 73.0084 181.627 72.6023 181.873 72.2672C182.119 71.9321 182.467 71.6863 182.865 71.5669L212.528 62.3494C212.829 62.2582 213.103 62.0941 213.325 61.8717C213.547 61.6494 213.712 61.3756 213.803 61.0747L222.922 31.4121C223.031 31.0109 223.267 30.656 223.596 30.4013C223.924 30.1465 224.327 30.0057 224.742 30.0002C225.158 29.9946 225.564 30.1247 225.899 30.3706C226.234 30.6165 226.48 30.9649 226.599 31.363L235.817 61.0257C235.908 61.3266 236.072 61.6003 236.295 61.8227C236.517 62.0451 236.791 62.2091 237.092 62.3004Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx13(
-          "path",
-          {
-            d: "M155.948 155.848L202.771 168.939C203.449 169.131 204.045 169.539 204.47 170.101C204.895 170.663 205.125 171.348 205.125 172.052C205.125 172.757 204.895 173.442 204.47 174.004C204.045 174.566 203.449 174.974 202.771 175.166L155.899 188.06C155.361 188.209 154.87 188.496 154.475 188.891C154.079 189.286 153.793 189.777 153.644 190.316L140.553 237.138C140.361 237.816 139.953 238.413 139.391 238.838C138.829 239.262 138.144 239.492 137.44 239.492C136.735 239.492 136.05 239.262 135.488 238.838C134.927 238.413 134.519 237.816 134.327 237.138L121.432 190.267C121.283 189.728 120.997 189.237 120.601 188.842C120.206 188.446 119.715 188.16 119.177 188.011L72.3537 174.92C71.676 174.728 71.0795 174.32 70.6547 173.759C70.2299 173.197 70 172.512 70 171.807C70 171.103 70.2299 170.418 70.6547 169.856C71.0795 169.294 71.676 168.886 72.3537 168.694L119.226 155.799C119.764 155.65 120.255 155.364 120.65 154.969C121.046 154.573 121.332 154.082 121.481 153.544L134.572 106.721C134.764 106.043 135.172 105.447 135.734 105.022C136.295 104.597 136.981 104.367 137.685 104.367C138.389 104.367 139.075 104.597 139.637 105.022C140.198 105.447 140.606 106.043 140.798 106.721L153.693 153.593C153.842 154.131 154.128 154.622 154.524 155.018C154.919 155.413 155.41 155.699 155.948 155.848Z",
-            fill: "currentColor"
-          }
-        ),
-        /* @__PURE__ */ jsx13(
-          "path",
-          {
-            d: "M386.827 289.992C404.33 292.149 403.84 305.828 386.876 307.299C346.623 310.829 298.869 316.271 282.199 360.005C274.844 379.192 269.942 403.2 267.49 432.029C267.427 432.846 267.211 433.626 266.856 434.319C266.501 435.012 266.015 435.602 265.431 436.05C254.988 444.041 251.212 434.186 250.183 425.606C239.2 332.353 214.588 316.909 124.668 306.122C123.892 306.031 123.151 305.767 122.504 305.35C121.857 304.933 121.322 304.375 120.942 303.72C116.399 295.679 119.324 291.038 129.718 289.796C224.688 278.47 236.062 262.83 250.183 169.331C252.177 156.355 257.259 154.083 265.431 162.516C266.51 163.593 267.202 165.099 267.392 166.782C279.257 258.564 293.328 278.617 386.827 289.992Z",
-            fill: "currentColor"
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/ui/novel/tailwind/generative/ai-selector.tsx
-import { useCompletion } from "ai/react";
-import { ArrowUp } from "lucide-react";
-import { useState } from "react";
-import Markdown2 from "react-markdown";
-import { toast } from "sonner";
-
-// src/ui/novel/tailwind/ui/command.tsx
-import { DialogContent as DialogContent2 } from "@radix-ui/react-dialog";
-import { Command as CommandPrimitive } from "cmdk";
-import * as React5 from "react";
-
-// src/ui/novel/tailwind/ui/dialog.tsx
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "lucide-react";
-import * as React4 from "react";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React4.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Overlay,
-    __spreadValues({
-      ref,
-      className: cn(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  fixed inset-0 z-50 bg-black/80",
-        className
-      )
-    }, props)
-  );
-});
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React4.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs6(DialogPortal, { children: [
-    /* @__PURE__ */ jsx14(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs6(
-      DialogPrimitive.Content,
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 sm:rounded-lg",
-          className
-        )
-      }, props), {
-        children: [
-          children,
-          /* @__PURE__ */ jsxs6(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx14(X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx14("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      })
-    )
-  ] });
-});
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx14(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex flex-col space-y-1.5 text-center sm:text-left",
-        className
-      )
-    }, props)
-  );
-};
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx14(
-    "div",
-    __spreadValues({
-      className: cn(
-        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-        className
-      )
-    }, props)
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React4.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Title,
-    __spreadValues({
-      ref,
-      className: cn(
-        "text-lg font-semibold leading-none tracking-tight",
-        className
-      )
-    }, props)
-  );
-});
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React4.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx14(
-    DialogPrimitive.Description,
-    __spreadValues({
-      ref,
-      className: cn("text-muted-foreground text-sm", className)
-    }, props)
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// src/ui/novel/tailwind/ui/command.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-var Command3 = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
-    CommandPrimitive,
-    __spreadValues({
-      ref,
-      className: cn(
-        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
-        className
-      )
-    }, props)
-  );
-});
-Command3.displayName = CommandPrimitive.displayName;
-var CommandInput = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsxs7("div", { className: "flex items-center border-b px-4", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ jsx15(Magic, { className: "mr-2 h-4 w-4 shrink-0 text-purple-500 " }),
-    /* @__PURE__ */ jsx15(
-      CommandPrimitive.Input,
-      __spreadValues({
-        ref,
-        className: cn(
-          "placeholder:text-muted-foreground flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        )
-      }, props)
-    )
-  ] });
-});
-CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
-    CommandPrimitive.List,
-    __spreadValues({
-      ref,
-      className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className)
-    }, props)
-  );
-});
-CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty2 = React5.forwardRef((props, ref) => /* @__PURE__ */ jsx15(
-  CommandPrimitive.Empty,
-  __spreadValues({
-    ref,
-    className: "py-6 text-center text-sm"
-  }, props)
-));
-CommandEmpty2.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
-    CommandPrimitive.Group,
-    __spreadValues({
-      ref,
-      className: cn(
-        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
-        className
-      )
-    }, props)
-  );
-});
-CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
-    CommandPrimitive.Separator,
-    __spreadValues({
-      ref,
-      className: cn("bg-border -mx-1 h-px", className)
-    }, props)
-  );
-});
-CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem2 = React5.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx15(
-    CommandPrimitive.Item,
-    __spreadValues({
-      ref,
-      className: cn(
-        "aria-selected:bg-accent aria-selected:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-        className
-      )
-    }, props)
-  );
-});
-CommandItem2.displayName = CommandPrimitive.Item.displayName;
-var CommandShortcut = (_a) => {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx15(
-    "span",
-    __spreadValues({
-      className: cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className
-      )
-    }, props)
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-// src/ui/novel/tailwind/ui/icons/crazy-spinner.tsx
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var CrazySpinner = () => {
-  return /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-center gap-0.5", children: [
-    /* @__PURE__ */ jsx16("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.3s]" }),
-    /* @__PURE__ */ jsx16("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500 [animation-delay:-0.15s]" }),
-    /* @__PURE__ */ jsx16("div", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-purple-500" })
-  ] });
-};
-var crazy_spinner_default = CrazySpinner;
-
-// src/ui/novel/tailwind/ui/scroll-area.tsx
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import * as React6 from "react";
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
-var ScrollArea = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs9(
-    ScrollAreaPrimitive.Root,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn("relative overflow-hidden", className)
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-        /* @__PURE__ */ jsx17(ScrollBar, {}),
-        /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Corner, {})
-      ]
-    })
-  );
-});
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React6.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "vertical" } = _b, props = __objRest(_b, ["className", "orientation"]);
-  return /* @__PURE__ */ jsx17(
-    ScrollAreaPrimitive.ScrollAreaScrollbar,
-    __spreadProps(__spreadValues({
-      ref,
-      orientation,
-      className: cn(
-        "flex touch-none select-none transition-colors",
-        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
-        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx17(ScrollAreaPrimitive.ScrollAreaThumb, { className: "bg-border relative flex-1 rounded-full" })
-    })
-  );
-});
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// src/ui/novel/tailwind/generative/ai-completion-command.tsx
-import { Check as Check4, TextQuote as TextQuote2, TrashIcon } from "lucide-react";
-import { Fragment, jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
-var AICompletionCommands = ({
-  completion,
-  onDiscard
-}) => {
-  const { editor } = useCurrentEditor5();
-  if (!editor) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs10(Fragment, { children: [
-    /* @__PURE__ */ jsxs10(CommandGroup, { children: [
-      /* @__PURE__ */ jsxs10(
-        CommandItem2,
-        {
-          className: "gap-2 px-4",
-          value: "replace",
-          onSelect: () => {
-            const selection = editor.view.state.selection;
-            editor.chain().focus().insertContentAt(
-              {
-                from: selection.from,
-                to: selection.to
-              },
-              completion
-            ).run();
-          },
-          children: [
-            /* @__PURE__ */ jsx18(Check4, { className: "text-muted-foreground h-4 w-4" }),
-            "Replace selection"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs10(
-        CommandItem2,
-        {
-          className: "gap-2 px-4",
-          value: "insert",
-          onSelect: () => {
-            const selection = editor.view.state.selection;
-            editor.chain().focus().insertContentAt(selection.to + 1, completion).run();
-          },
-          children: [
-            /* @__PURE__ */ jsx18(TextQuote2, { className: "text-muted-foreground h-4 w-4" }),
-            "Insert below"
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx18(CommandSeparator, {}),
-    /* @__PURE__ */ jsx18(CommandGroup, { children: /* @__PURE__ */ jsxs10(CommandItem2, { onSelect: onDiscard, value: "thrash", className: "gap-2 px-4", children: [
-      /* @__PURE__ */ jsx18(TrashIcon, { className: "text-muted-foreground h-4 w-4" }),
-      "Discard"
-    ] }) })
-  ] });
-};
-var ai_completion_command_default = AICompletionCommands;
-
-// src/ui/novel/tailwind/generative/ai-selector-commands.tsx
-import {
-  ArrowDownWideNarrow,
-  CheckCheck,
-  RefreshCcwDot,
-  StepForward,
-  WrapText
-} from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
-var options = [
-  {
-    value: "improve",
-    label: "Improve writing",
-    icon: RefreshCcwDot
-  },
-  {
-    value: "fix",
-    label: "Fix grammar",
-    icon: CheckCheck
-  },
-  {
-    value: "shorter",
-    label: "Make shorter",
-    icon: ArrowDownWideNarrow
-  },
-  {
-    value: "longer",
-    label: "Make longer",
-    icon: WrapText
-  }
-];
-var AISelectorCommands = ({ onSelect }) => {
-  const { editor } = useCurrentEditor5();
-  if (!editor)
-    return null;
-  return /* @__PURE__ */ jsxs11(Fragment2, { children: [
-    /* @__PURE__ */ jsx19(CommandGroup, { heading: "Edit or review selection", children: options.map((option) => /* @__PURE__ */ jsxs11(
-      CommandItem2,
-      {
-        onSelect: (value) => {
-          const slice = editor.state.selection.content();
-          const text = editor.storage.markdown.serializer.serialize(
-            slice.content
-          );
-          onSelect(text, value);
-        },
-        className: "flex gap-2 px-4",
-        value: option.value,
-        children: [
-          /* @__PURE__ */ jsx19(option.icon, { className: "h-4 w-4 text-purple-500" }),
-          option.label
-        ]
-      },
-      option.value
-    )) }),
-    /* @__PURE__ */ jsx19(CommandSeparator, {}),
-    /* @__PURE__ */ jsx19(CommandGroup, { heading: "Use AI to do more", children: /* @__PURE__ */ jsxs11(
-      CommandItem2,
-      {
-        onSelect: () => {
-          const text = getPrevText(editor, { chars: 5e3 });
-          onSelect(text, "continue");
-        },
-        value: "continue",
-        className: "gap-2 px-4",
-        children: [
-          /* @__PURE__ */ jsx19(StepForward, { className: "h-4 w-4 text-purple-500" }),
-          "Continue writing"
-        ]
-      }
-    ) })
-  ] });
-};
-var ai_selector_commands_default = AISelectorCommands;
-
-// src/ui/novel/tailwind/generative/ai-selector.tsx
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-function AISelector({ onOpenChange }) {
-  const { editor } = useCurrentEditor5();
-  const [inputValue, setInputValue] = useState("");
-  const { completion, complete, isLoading } = useCompletion({
-    // id: "novel",
-    api: "/api/generate",
-    onResponse: (response) => {
-      if (response.status === 429) {
-        toast.error("You have reached your request limit for the day.");
-        return;
-      }
-    },
-    onError: (e) => {
-      toast.error(e.message);
-    }
-  });
-  const hasCompletion = completion.length > 0;
-  if (!editor)
-    return null;
-  return /* @__PURE__ */ jsxs12(Command3, { className: "w-[350px]", children: [
-    hasCompletion && /* @__PURE__ */ jsx20("div", { className: "flex max-h-[400px]", children: /* @__PURE__ */ jsx20(ScrollArea, { children: /* @__PURE__ */ jsx20("div", { className: "prose prose-sm p-2 px-4", children: /* @__PURE__ */ jsx20(Markdown2, { children: completion }) }) }) }),
-    isLoading && /* @__PURE__ */ jsxs12("div", { className: "text-muted-foreground flex h-12 w-full items-center px-4 text-sm font-medium text-purple-500", children: [
-      /* @__PURE__ */ jsx20(Magic, { className: "mr-2 h-4 w-4 shrink-0  " }),
-      "AI is thinking",
-      /* @__PURE__ */ jsx20("div", { className: "ml-2 mt-1", children: /* @__PURE__ */ jsx20(crazy_spinner_default, {}) })
-    ] }),
-    !isLoading && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-      /* @__PURE__ */ jsxs12("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx20(
-          CommandInput,
-          {
-            value: inputValue,
-            onValueChange: setInputValue,
-            autoFocus: true,
-            placeholder: hasCompletion ? "Tell AI what to do next" : "Ask AI to edit or generate...",
-            onFocus: () => addAIHighlight(editor)
-          }
-        ),
-        /* @__PURE__ */ jsx20(
-          Button,
-          {
-            size: "icon",
-            className: "absolute right-2 top-1/2 h-6 w-6 -translate-y-1/2 rounded-full bg-purple-500 hover:bg-purple-900",
-            onClick: () => {
-              if (completion)
-                return complete(completion, {
-                  body: { option: "zap", command: inputValue }
-                }).then(() => setInputValue(""));
-              const slice = editor.state.selection.content();
-              const text = editor.storage.markdown.serializer.serialize(
-                slice.content
-              );
-              complete(text, {
-                body: { option: "zap", command: inputValue }
-              }).then(() => setInputValue(""));
-            },
-            children: /* @__PURE__ */ jsx20(ArrowUp, { className: "h-4 w-4" })
-          }
-        )
-      ] }),
-      hasCompletion ? /* @__PURE__ */ jsx20(
-        ai_completion_command_default,
-        {
-          onDiscard: () => {
-            onOpenChange(false);
-          },
-          completion
-        }
-      ) : /* @__PURE__ */ jsx20(
-        ai_selector_commands_default,
-        {
-          onSelect: (value, option) => complete(value, { body: { option } })
-        }
-      )
-    ] })
-  ] });
-}
-
-// src/ui/novel/tailwind/generative/generative-menu-switch.tsx
-import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
-var GenerativeMenuSwitch = ({
-  children,
-  open,
-  onOpenChange
-}) => {
-  const { editor } = useCurrentEditor5();
-  useEffect4(() => {
-    if (editor) {
-      if (!open)
-        removeAIHighlight(editor);
-    }
-  }, [open]);
-  if (!editor)
-    return;
-  return /* @__PURE__ */ jsxs13(
-    EditorBubble,
-    {
-      tippyOptions: {
-        placement: open ? "bottom-start" : "top",
-        onHidden: () => {
-          onOpenChange(false);
-        }
-      },
-      className: "border-muted bg-background flex w-fit max-w-[90vw] overflow-hidden rounded-md border shadow-xl",
-      children: [
-        open && /* @__PURE__ */ jsx21(AISelector, { open, onOpenChange }),
-        !open && /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsxs13(
-            Button,
-            {
-              className: "gap-1 rounded-none text-purple-500",
-              variant: "ghost",
-              onClick: () => onOpenChange(true),
-              size: "sm",
-              children: [
-                /* @__PURE__ */ jsx21(Magic, { className: "h-5 w-5" }),
-                "Ask AI"
-              ]
-            }
-          ),
-          children
-        ] })
-      ]
-    }
-  );
-};
-var generative_menu_switch_default = GenerativeMenuSwitch;
-
-// src/ui/novel/tailwind/image-upload.ts
-import { toast as toast2 } from "sonner";
-var onUpload = (file) => {
-  const promise = fetch("/api/upload", {
-    method: "POST",
-    headers: {
-      "content-type": (file == null ? void 0 : file.type) || "application/octet-stream",
-      "x-vercel-filename": (file == null ? void 0 : file.name) || "image.png"
-    },
-    body: file
-  });
-  return new Promise((resolve) => {
-    toast2.promise(
-      promise.then((res) => __async(void 0, null, function* () {
-        if (res.status === 200) {
-          const { url } = yield res.json();
-          const image = new Image();
-          image.src = url;
-          image.onload = () => {
-            resolve(url);
-          };
-        } else if (res.status === 401) {
-          resolve(file);
-          throw new Error(
-            "`BLOB_READ_WRITE_TOKEN` environment variable not found, reading image locally instead."
-          );
-        } else {
-          throw new Error(`Error uploading image. Please try again.`);
-        }
-      })),
-      {
-        loading: "Uploading image...",
-        success: "Image uploaded successfully.",
-        error: (e) => e.message
-      }
-    );
-  });
-};
-var uploadFn = createImageUpload({
-  onUpload,
-  validateFn: (file) => {
-    if (!file.type.includes("image/")) {
-      toast2.error("File type not supported.");
-      return false;
-    } else if (file.size / 1024 / 1024 > 20) {
-      toast2.error("File size too big (max 20MB).");
-      return false;
-    }
-    return true;
-  }
-});
-
-// src/ui/novel/tailwind/selectors/text-buttons.tsx
-import {
-  BoldIcon,
-  CodeIcon,
-  ItalicIcon,
-  StrikethroughIcon
-} from "lucide-react";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var TextButtons = () => {
-  const { editor } = useCurrentEditor5();
-  if (!editor)
-    return null;
-  if (editor == null)
-    return null;
-  const items2 = [
-    {
-      name: "bold",
-      isActive: (editor2) => editor2.isActive("bold"),
-      command: (editor2) => editor2.chain().focus().toggleBold().run(),
-      icon: BoldIcon
-    },
-    {
-      name: "italic",
-      isActive: (editor2) => editor2.isActive("italic"),
-      command: (editor2) => editor2.chain().focus().toggleItalic().run(),
-      icon: ItalicIcon
-    },
-    // {
-    //   name: "underline",
-    //   isActive: (editor) => editor!.isActive("underline"),
-    //   command: (editor) => editor!.chain().focus().toggleUnderline().run(),
-    //   icon: UnderlineIcon,
-    // },
-    {
-      name: "strike",
-      isActive: (editor2) => editor2.isActive("strike"),
-      command: (editor2) => editor2.chain().focus().toggleStrike().run(),
-      icon: StrikethroughIcon
-    },
-    {
-      name: "code",
-      isActive: (editor2) => editor2.isActive("code"),
-      command: (editor2) => editor2.chain().focus().toggleCode().run(),
-      icon: CodeIcon
-    }
-  ];
-  return /* @__PURE__ */ jsx22("div", { className: "flex", children: items2.map((item, index) => /* @__PURE__ */ jsx22(
-    EditorBubbleItem,
-    {
-      onSelect: (editor2) => {
-        item.command(editor2);
-      },
-      children: /* @__PURE__ */ jsx22(Button, { size: "sm", className: "rounded-none", variant: "ghost", children: /* @__PURE__ */ jsx22(
-        item.icon,
-        {
-          className: cn("h-4 w-4", {
-            "text-blue-500": item.isActive(editor)
-          })
-        }
-      ) })
-    },
-    index
-  )) });
-};
-
-// src/ui/novel/tailwind/slash-command.tsx
-import {
-  CheckSquare as CheckSquare2,
-  Code as Code2,
-  Heading1 as Heading12,
-  Heading2 as Heading22,
-  Heading3 as Heading32,
-  ImageIcon,
-  List,
-  ListOrdered as ListOrdered2,
-  MessageSquarePlus,
-  Text,
-  TextQuote as TextQuote3
-} from "lucide-react";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var suggestionItems = createSuggestionItems([
-  {
-    title: "Send Feedback",
-    description: "Let us know how we can improve.",
-    icon: /* @__PURE__ */ jsx23(MessageSquarePlus, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).run();
-      window.open("/feedback", "_blank");
-    }
-  },
-  {
-    title: "Text",
-    description: "Just start typing with plain text.",
-    searchTerms: ["p", "paragraph"],
-    icon: /* @__PURE__ */ jsx23(Text, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").run();
-    }
-  },
-  {
-    title: "To-do List",
-    description: "Track tasks with a to-do list.",
-    searchTerms: ["todo", "task", "list", "check", "checkbox"],
-    icon: /* @__PURE__ */ jsx23(CheckSquare2, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).toggleTaskList().run();
-    }
-  },
-  {
-    title: "Heading 1",
-    description: "Big section heading.",
-    searchTerms: ["title", "big", "large"],
-    icon: /* @__PURE__ */ jsx23(Heading12, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).setNode("heading", { level: 1 }).run();
-    }
-  },
-  {
-    title: "Heading 2",
-    description: "Medium section heading.",
-    searchTerms: ["subtitle", "medium"],
-    icon: /* @__PURE__ */ jsx23(Heading22, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).setNode("heading", { level: 2 }).run();
-    }
-  },
-  {
-    title: "Heading 3",
-    description: "Small section heading.",
-    searchTerms: ["subtitle", "small"],
-    icon: /* @__PURE__ */ jsx23(Heading32, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).setNode("heading", { level: 3 }).run();
-    }
-  },
-  {
-    title: "Bullet List",
-    description: "Create a simple bullet list.",
-    searchTerms: ["unordered", "point"],
-    icon: /* @__PURE__ */ jsx23(List, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).toggleBulletList().run();
-    }
-  },
-  {
-    title: "Numbered List",
-    description: "Create a list with numbering.",
-    searchTerms: ["ordered"],
-    icon: /* @__PURE__ */ jsx23(ListOrdered2, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).toggleOrderedList().run();
-    }
-  },
-  {
-    title: "Quote",
-    description: "Capture a quote.",
-    searchTerms: ["blockquote"],
-    icon: /* @__PURE__ */ jsx23(TextQuote3, { size: 18 }),
-    command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleNode("paragraph", "paragraph").toggleBlockquote().run()
-  },
-  {
-    title: "Code",
-    description: "Capture a code snippet.",
-    searchTerms: ["codeblock"],
-    icon: /* @__PURE__ */ jsx23(Code2, { size: 18 }),
-    command: ({ editor, range }) => editor.chain().focus().deleteRange(range).toggleCodeBlock().run()
-  },
-  {
-    title: "Image",
-    description: "Upload an image from your computer.",
-    searchTerms: ["photo", "picture", "media"],
-    icon: /* @__PURE__ */ jsx23(ImageIcon, { size: 18 }),
-    command: ({ editor, range }) => {
-      editor.chain().focus().deleteRange(range).run();
-      const input = document.createElement("input");
-      input.type = "file";
-      input.accept = "image/*";
-      input.onchange = () => __async(void 0, null, function* () {
-        var _a;
-        if ((_a = input.files) == null ? void 0 : _a.length) {
-          const file = input.files[0];
-          const pos = editor.view.state.selection.from;
-          uploadFn(file, editor.view, pos);
-        }
-      });
-      input.click();
-    }
-  }
-]);
-var slashCommand = Command2.configure({
-  suggestion: {
-    items: () => suggestionItems,
-    render: renderItems
-  }
-});
-
-// src/ui/novel/tailwind/advanced-editor.tsx
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
-var extensions = [...defaultExtensions, slashCommand];
-var TailwindAdvancedEditor = () => {
-  const [initialContent, setInitialContent] = useState2(
-    null
-  );
-  const [saveStatus, setSaveStatus] = useState2("Saved");
-  const [openNode, setOpenNode] = useState2(false);
-  const [openColor, setOpenColor] = useState2(false);
-  const [openLink, setOpenLink] = useState2(false);
-  const [openAI, setOpenAI] = useState2(false);
-  const debouncedUpdates = useDebouncedCallback(
-    (editor) => __async(void 0, null, function* () {
-      const json = editor.getJSON();
-      window.localStorage.setItem("novel-content", JSON.stringify(json));
-      setSaveStatus("Saved");
-    }),
-    500
-  );
-  useEffect5(() => {
-    const content = window.localStorage.getItem("novel-content");
-    if (content)
-      setInitialContent(JSON.parse(content));
-    else
-      setInitialContent(defaultEditorContent);
-  }, []);
-  if (!initialContent)
-    return null;
-  return /* @__PURE__ */ jsxs14("div", { className: "relative w-full max-w-screen-lg", children: [
-    /* @__PURE__ */ jsx24("div", { className: "bg-accent text-muted-foreground absolute right-5 top-5 z-10 mb-5 rounded-lg px-2 py-1 text-sm", children: saveStatus }),
-    /* @__PURE__ */ jsx24(EditorRoot, { children: /* @__PURE__ */ jsxs14(
-      EditorContent,
-      {
-        initialContent,
-        extensions,
-        className: "border-muted bg-background relative min-h-[500px] w-full max-w-screen-lg sm:mb-[calc(20vh)] sm:rounded-lg sm:border sm:shadow-lg",
-        editorProps: {
-          handleDOMEvents: {
-            keydown: (_view, event) => handleCommandNavigation(event)
-          },
-          handlePaste: (view, event) => handleImagePaste(view, event, uploadFn),
-          handleDrop: (view, event, _slice, moved) => handleImageDrop(view, event, moved, uploadFn),
-          attributes: {
-            class: `prose prose-lg dark:prose-invert prose-headings:font-title font-default focus:outline-none max-w-full`
-          }
-        },
-        onUpdate: ({ editor }) => {
-          debouncedUpdates(editor);
-          setSaveStatus("Unsaved");
-        },
-        slotAfter: /* @__PURE__ */ jsx24(ImageResizer, {}),
-        children: [
-          /* @__PURE__ */ jsxs14(EditorCommand, { className: "border-muted bg-background z-50 h-auto max-h-[330px] overflow-y-auto rounded-md border px-1 py-2 shadow-md transition-all", children: [
-            /* @__PURE__ */ jsx24(EditorCommandEmpty, { className: "text-muted-foreground px-2", children: "No results" }),
-            /* @__PURE__ */ jsx24(EditorCommandList, { children: suggestionItems.map((item) => /* @__PURE__ */ jsxs14(
-              EditorCommandItem,
-              {
-                value: item.title,
-                onCommand: (val) => {
-                  item.command && item.command(val);
-                },
-                className: `hover:bg-accent aria-selected:bg-accent flex w-full items-center space-x-2 rounded-md px-2 py-1 text-left text-sm `,
-                children: [
-                  /* @__PURE__ */ jsx24("div", { className: "border-muted bg-background flex h-10 w-10 items-center justify-center rounded-md border", children: item.icon }),
-                  /* @__PURE__ */ jsxs14("div", { children: [
-                    /* @__PURE__ */ jsx24("p", { className: "font-medium", children: item.title }),
-                    /* @__PURE__ */ jsx24("p", { className: "text-muted-foreground text-xs", children: item.description })
-                  ] })
-                ]
-              },
-              item.title
-            )) })
-          ] }),
-          /* @__PURE__ */ jsxs14(generative_menu_switch_default, { open: openAI, onOpenChange: setOpenAI, children: [
-            /* @__PURE__ */ jsx24(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx24(NodeSelector, { open: openNode, onOpenChange: setOpenNode }),
-            /* @__PURE__ */ jsx24(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx24(LinkSelector, { open: openLink, onOpenChange: setOpenLink }),
-            /* @__PURE__ */ jsx24(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx24(TextButtons, {}),
-            /* @__PURE__ */ jsx24(Separator, { orientation: "vertical" }),
-            /* @__PURE__ */ jsx24(ColorSelector, { open: openColor, onOpenChange: setOpenColor })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-};
-
 // src/index.tsx
-import { Fragment as Fragment5, jsx as jsx25 } from "react/jsx-runtime";
+import { Fragment, jsx } from "react/jsx-runtime";
 var LajiComp = () => {
-  return /* @__PURE__ */ jsx25(Fragment5, { children: /* @__PURE__ */ jsx25("button", { children: "laji button" }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("button", { children: "laji button" }) });
 };
-var NovelEditor = TailwindAdvancedEditor;
 export {
-  LajiComp,
-  NovelEditor
+  LajiComp
 };