ritext 1.0.19 → 1.0.25

package/dist/extension/link.d.mts

@@ -0,0 +1,15 @@
+import { Mark } from '@tiptap/react';
+import { LinkOptions } from '@tiptap/extension-link';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
+import 'react';
+import '@floating-ui/react';
+
+type ExtLinkOptions = ExtDropdownOptions<LinkOptions & {
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}, {
+    dropdownContainerClassName: string;
+}>;
+declare const Links: Mark<ExtLinkOptions>;
+
+export { Links };

package/dist/extension/link.d.ts

@@ -0,0 +1,15 @@
+import { Mark } from '@tiptap/react';
+import { LinkOptions } from '@tiptap/extension-link';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.js';
+import 'react';
+import '@floating-ui/react';
+
+type ExtLinkOptions = ExtDropdownOptions<LinkOptions & {
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}, {
+    dropdownContainerClassName: string;
+}>;
+declare const Links: Mark<ExtLinkOptions>;
+
+export { Links };

package/dist/extension/link.js

@@ -0,0 +1,588 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/extension/Link.tsx
+var Link_exports = {};
+__export(Link_exports, {
+  Links: () => Links
+});
+module.exports = __toCommonJS(Link_exports);
+var import_react11 = require("react");
+var import_react12 = require("@tiptap/react");
+var import_extension_link = require("@tiptap/extension-link");
+
+// src/lib/icons/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ArrowIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 48 48",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "currentColor", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "4", d: "M36 19L24 31L12 19z" })
+    })
+  );
+};
+var LinkIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+      ]
+    })
+  );
+};
+
+// src/lib/components/DropdownComponent.tsx
+var import_react4 = require("react");
+var import_tailwind_merge2 = require("tailwind-merge");
+
+// src/lib/components/_com/Tooltip.tsx
+var import_react = require("react");
+var import_react2 = require("@floating-ui/react");
+var import_react3 = require("motion/react");
+var import_tailwind_merge = require("tailwind-merge");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Tooltip = ({ placement = "top", children, content, className }) => {
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const { x, y, refs, strategy, context, placement: resolvedPlacement } = (0, import_react2.useFloating)({
+    open,
+    onOpenChange: setOpen,
+    placement,
+    middleware: [(0, import_react2.offset)(8), (0, import_react2.flip)(), (0, import_react2.shift)({ padding: 8 })],
+    whileElementsMounted: import_react2.autoUpdate
+  });
+  const hover = (0, import_react2.useHover)(context);
+  const dismiss = (0, import_react2.useDismiss)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react2.useInteractions)([hover, dismiss]);
+  const id = (0, import_react.useId)();
+  function mergeRefs(...refsToMerge) {
+    return (node) => {
+      for (const r of refsToMerge) {
+        if (!r) continue;
+        if (typeof r === "function") r(node);
+        else r.current = node;
+      }
+    };
+  }
+  const side = resolvedPlacement.split("-")[0];
+  const enterOffset = 6;
+  const getInitial = () => {
+    switch (side) {
+      case "top":
+        return { opacity: 0, y: enterOffset };
+      case "bottom":
+        return { opacity: 0, y: -enterOffset };
+      case "left":
+        return { opacity: 0, x: enterOffset };
+      case "right":
+        return { opacity: 0, x: -enterOffset };
+      default:
+        return { opacity: 0 };
+    }
+  };
+  const getExit = () => __spreadProps(__spreadValues({}, getInitial()), { opacity: 0 });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.Fragment, { children: [
+    (0, import_react.isValidElement)(children) ? (0, import_react.cloneElement)(children, __spreadProps(__spreadValues({}, getReferenceProps({
+      onFocus: () => setOpen(true),
+      onBlur: () => setOpen(false),
+      "aria-describedby": open ? id : void 0
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+    })), {
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+      ref: mergeRefs(children.props.ref, refs.setReference)
+    })) : children,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react3.motion.div,
+      __spreadProps(__spreadValues({
+        ref: refs.setFloating
+      }, getFloatingProps({
+        role: "tooltip",
+        id,
+        style: {
+          position: strategy,
+          top: y != null ? y : 0,
+          left: x != null ? x : 0,
+          pointerEvents: "none"
+        }
+      })), {
+        initial: getInitial(),
+        animate: { opacity: 1, x: 0, y: 0, scale: 1 },
+        exit: getExit(),
+        transition: { type: "spring", stiffness: 420, damping: 30, mass: 0.6 },
+        className: (0, import_tailwind_merge.twMerge)("bg-white border border-solid border-gray-200/50 py-1 px-3 rounded-lg text-sm shadow-lg shadow-gray-50 text-center", className),
+        children: content
+      }),
+      "tooltip"
+    ) }) })
+  ] });
+};
+var Tooltip_default = Tooltip;
+
+// src/lib/components/DropdownComponent.tsx
+var import_react5 = require("@floating-ui/react");
+var import_react6 = require("motion/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var DropdownComponent = ({ children, className, showArrow = true, content, dropdownClassName, style, tooltip, tooltipClassName, tooltipPlacement, _tooltipContent, _internalContent, _dropdownClassName }) => {
+  const [open, setOpen] = (0, import_react4.useState)(false);
+  const { x, y, refs, strategy, context } = (0, import_react5.useFloating)({
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    middleware: [(0, import_react5.offset)(4), (0, import_react5.flip)(), (0, import_react5.shift)({ padding: 8 })],
+    whileElementsMounted: import_react5.autoUpdate
+  });
+  const click = (0, import_react5.useClick)(context);
+  const dismiss = (0, import_react5.useDismiss)(context);
+  const { getReferenceProps, getFloatingProps } = (0, import_react5.useInteractions)([click, dismiss]);
+  const listId = (0, import_react4.useId)();
+  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: typeof tooltip === "string" ? tooltip : _tooltipContent });
+  const initialMotion = { opacity: 0, scale: 0.95 };
+  const animateMotion = { opacity: 1, scale: 1 };
+  const enhancedChildren = import_react4.Children.map(children, (child) => {
+    if (!(0, import_react4.isValidElement)(child)) return child;
+    const prevOnSelect = child.props.onSelect;
+    const combinedOnSelect = () => {
+      prevOnSelect == null ? void 0 : prevOnSelect();
+      setOpen(false);
+    };
+    return (0, import_react4.cloneElement)(child, {
+      onSelect: prevOnSelect ? combinedOnSelect : void 0,
+      open,
+      onClose: () => setOpen(false)
+    });
+  });
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "button",
+    __spreadProps(__spreadValues({}, getReferenceProps({
+      ref: refs.setReference,
+      type: "button",
+      "aria-controls": open ? listId : void 0
+    })), {
+      className: (0, import_tailwind_merge2.twMerge)(
+        "p-1.5 rounded-md hover:bg-gray-100 items-center flex gap-x-0.5",
+        className
+      ),
+      style,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: content != null ? content : _internalContent }),
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowIcon, { size: 14, className: "text-gray-500 block" })
+      ]
+    })
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Fragment, { children: [
+    tooltip === false ? btn : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Tooltip_default,
+      {
+        content: tooltipContent,
+        className: tooltipClassName,
+        placement: tooltipPlacement,
+        children: btn
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react6.motion.div,
+      __spreadProps(__spreadValues({}, getFloatingProps({
+        ref: refs.setFloating,
+        style: {
+          position: strategy,
+          top: y != null ? y : 0,
+          left: x != null ? x : 0
+        },
+        role: "listbox",
+        id: listId
+      })), {
+        initial: initialMotion,
+        animate: animateMotion,
+        exit: initialMotion,
+        className: (0, import_tailwind_merge2.twMerge)("bg-white border border-solid border-gray-200 p-2 space-y-1 rounded-lg shadow-sm shadow-gray-200/40 z-99999999 max-h-125 overflow-auto", _dropdownClassName, dropdownClassName),
+        children: enhancedChildren
+      })
+    ) }) })
+  ] });
+};
+var DropdownComponent_default = DropdownComponent;
+
+// src/lib/components/LinkComponent.tsx
+var import_react7 = require("react");
+
+// src/lib/components/InputComponent.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var InputComponent = (_a) => {
+  var _b = _a, { id, label, containerClassName = "", icon } = _b, rest = __objRest(_b, ["id", "label", "containerClassName", "icon"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: containerClassName, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { htmlFor: id, className: "block mb-1 text-gray-700 text-base font-medium", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        "input",
+        __spreadProps(__spreadValues({}, rest), {
+          className: "border border-solid border-gray-200 px-2 py-1.5 w-full rounded-md focus:outline-none"
+        })
+      ),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: icon })
+    ] })
+  ] });
+};
+var InputComponent_default = InputComponent;
+
+// src/lib/components/CheckboxComponent.tsx
+var import_tailwind_merge3 = require("tailwind-merge");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var CheckboxComponent = ({ id, checked, onChange, className, label, labelPlacement = "right", bottomSpace = true, customLabel, errorMessage = false, containerClassName = "" }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_tailwind_merge3.twMerge)(`flex items-start ${labelPlacement === "left" ? "gap-7" : "gap-2"} ${bottomSpace && "mb-6"}`, containerClassName), children: [
+    label && labelPlacement === "left" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: id, className: `select-none cursor-pointer block text-[15px] ${errorMessage ? "text-error" : "text-gray-700"}`, children: label }),
+    customLabel && labelPlacement === "left" && customLabel,
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "relative mt-0.5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          id,
+          className: `peer appearance-none border border-gray-300 w-4 h-4 rounded align-middle block bg-white checked:border-gray-700 checked:bg-gray-700 cursor-pointer ${className}`,
+          checked,
+          onChange: (e) => onChange(e.target.checked)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-white p-px pointer-events-none opacity-0 invisible peer-checked:opacity-100 peer-checked:visible", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3.5 w-3.5", viewBox: "0 0 20 20", fill: "currentColor", stroke: "currentColor", strokeWidth: "1", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) })
+    ] }),
+    customLabel && labelPlacement === "right" && customLabel,
+    label && labelPlacement === "right" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: id, className: `select-none cursor-pointer block text-[15px] ${errorMessage ? "text-error" : "text-gray-700"}`, children: label })
+  ] });
+};
+var CheckboxComponent_default = CheckboxComponent;
+
+// src/lib/components/LinkComponent.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var LinkComponent = ({ editor, onClose, open }) => {
+  const [form, setForm] = (0, import_react7.useState)({
+    text: "",
+    link: "",
+    target: "_self"
+  });
+  const textInputRef = (0, import_react7.useRef)(null);
+  const linkInputRef = (0, import_react7.useRef)(null);
+  const onApply = () => {
+    const { link, text, target } = form;
+    if (!link) {
+      editor.chain().extendMarkRange("link").unsetLink().run();
+      return;
+    }
+    if (editor.isActive("link")) {
+      editor.chain().extendMarkRange("link").run();
+    }
+    const { from } = editor.state.selection;
+    const insertedLength = text.length;
+    editor.chain().insertContent({
+      type: "text",
+      text,
+      marks: [
+        {
+          type: "link",
+          attrs: {
+            href: /^https?:\/\//i.test(link) ? link : `https://${link}`,
+            target
+          }
+        }
+      ]
+    }).setLink({ href: link }).setTextSelection({ from, to: from + insertedLength }).focus().run();
+    onClose == null ? void 0 : onClose();
+  };
+  (0, import_react7.useEffect)(() => {
+    const updateForm = () => {
+      var _a, _b;
+      const { from, to, empty } = editor.state.selection;
+      let text = "";
+      let link = "";
+      let target = "_self";
+      const node = editor.state.doc.nodeAt(from);
+      if (node) {
+        const linkMark = node.marks.find((mark) => mark.type.name === "link");
+        if (linkMark) {
+          link = linkMark.attrs.href || "";
+          target = linkMark.attrs.target;
+          if (empty) {
+            text = node.text || "";
+          } else {
+            text = editor.state.doc.textBetween(from, to, " ");
+          }
+        } else {
+          text = editor.state.doc.textBetween(from, to, " ");
+        }
+      }
+      if (!node) {
+        text = editor.state.doc.textBetween(from, to, " ");
+      }
+      setForm({ link, text, target });
+      if (open) {
+        if (text === "") {
+          (_a = textInputRef.current) == null ? void 0 : _a.focus();
+        } else {
+          (_b = linkInputRef.current) == null ? void 0 : _b.focus();
+        }
+      }
+    };
+    updateForm();
+    editor.on("selectionUpdate", updateForm);
+    return () => {
+      editor.off("selectionUpdate", updateForm);
+    };
+  }, [editor, open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      InputComponent_default,
+      {
+        id: "text",
+        label: "Text",
+        value: form.text,
+        onChange: (e) => setForm((prev) => __spreadProps(__spreadValues({}, prev), { text: e.target.value })),
+        ref: textInputRef
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      InputComponent_default,
+      {
+        id: "link",
+        label: "Link",
+        value: form.link,
+        onChange: (e) => setForm((prev) => __spreadProps(__spreadValues({}, prev), { link: e.target.value })),
+        placeholder: "https://yourlink.com",
+        ref: linkInputRef,
+        containerClassName: "mt-3 mb-2.5"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      CheckboxComponent_default,
+      {
+        id: "openNewTab",
+        checked: form.target === "_blank",
+        onChange: () => setForm((prev) => __spreadProps(__spreadValues({}, prev), { target: prev.target === "_self" ? "_blank" : "_self" })),
+        label: "Open in a new tab?",
+        bottomSpace: false
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { type: "button", className: "bg-gray-800 text-white w-full py-1.5 rounded-lg mt-5", onClick: onApply, children: "Apply Now" })
+  ] });
+};
+var LinkComponent_default = LinkComponent;
+
+// src/lib/components/LinkMenuComponent.tsx
+var import_react9 = require("react");
+var import_react10 = require("@floating-ui/react");
+
+// src/lib/context/editor.context.tsx
+var import_react8 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var EditorContext = (0, import_react8.createContext)({ editor: null });
+var useEditor = () => {
+  const ctx = (0, import_react8.useContext)(EditorContext);
+  if (!ctx) throw new Error("<Toolbar/> & <Content/> component must be used inside <Editor>...</Editor/>");
+  return ctx;
+};
+
+// src/lib/components/LinkMenuComponent.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var LinkMenuComponent = () => {
+  const { editor } = useEditor();
+  const [pop, setPop] = (0, import_react9.useState)({ open: false });
+  const { refs, floatingStyles, context } = (0, import_react10.useFloating)({
+    open: pop.open,
+    onOpenChange: (o) => setPop((s) => o ? s : { open: false }),
+    placement: "bottom-start",
+    whileElementsMounted: import_react10.autoUpdate,
+    strategy: "fixed",
+    middleware: [(0, import_react10.offset)(8), (0, import_react10.flip)(), (0, import_react10.shift)({ padding: 8 })]
+  });
+  const dismiss = (0, import_react10.useDismiss)(context, { outsidePressEvent: "pointerdown" });
+  const { getFloatingProps } = (0, import_react10.useInteractions)([dismiss]);
+  (0, import_react9.useEffect)(() => {
+    if (!editor) return;
+    const dom = editor.view.dom;
+    const onClick = (e) => {
+      var _a, _b;
+      const target = e.target;
+      if (!target) return;
+      const a = target.closest("a[href]");
+      if (!a || !dom.contains(a)) return;
+      if (e.metaKey || e.ctrlKey) return;
+      e.preventDefault();
+      e.stopPropagation();
+      refs.setReference(a);
+      const href = (_a = a.getAttribute("href")) != null ? _a : "";
+      const targetBlank = ((_b = a.getAttribute("target")) != null ? _b : "") === "_blank";
+      setPop({ open: true, href, targetBlank });
+    };
+    dom.addEventListener("click", onClick, true);
+    return () => dom.removeEventListener("click", onClick, true);
+  }, [editor, refs]);
+  const applyLink = () => {
+    if (!editor || !pop.open) return;
+    editor.chain().focus().extendMarkRange("link").setLink({ href: pop.href, target: pop.targetBlank ? "_blank" : null }).run();
+    setPop({ open: false });
+  };
+  const removeLink = () => {
+    if (!editor) return;
+    editor.chain().focus().extendMarkRange("link").unsetLink().run();
+    setPop({ open: false });
+  };
+  if (!editor || !pop.open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", __spreadProps(__spreadValues({ ref: refs.setFloating, style: floatingStyles }, getFloatingProps()), { className: "z-99999999 w-66 rounded-xl border border-gray-200 bg-white p-3 shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      InputComponent_default,
+      {
+        id: "link",
+        label: "Link",
+        value: pop.href,
+        onMouseDown: (e) => e.stopPropagation(),
+        onChange: (e) => setPop((s) => s.open ? __spreadProps(__spreadValues({}, s), { href: e.target.value }) : s),
+        placeholder: "https://yourlink.com",
+        containerClassName: "mb-2.5"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      CheckboxComponent_default,
+      {
+        id: "openNewTab",
+        checked: pop.targetBlank,
+        onChange: (e) => setPop((s) => s.open ? __spreadProps(__spreadValues({}, s), { targetBlank: e }) : s),
+        label: "Open in a new tab?",
+        bottomSpace: false
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-3 flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "rounded-lg border bg-gray-700 text-white border-gray-700 px-3 py-1 text-sm", onMouseDown: (e) => e.stopPropagation(), onClick: applyLink, children: "Apply" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "rounded-lg border border-gray-200 px-3 py-1 text-sm", onMouseDown: (e) => e.stopPropagation(), onClick: removeLink, children: "Unlink" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("button", { className: "ml-auto rounded-lg border border-gray-200 px-3 py-1 text-sm", onMouseDown: (e) => e.stopPropagation(), onClick: () => setPop({ open: false }), children: "Cancel" })
+    ] })
+  ] }));
+};
+var LinkMenuComponent_default = LinkMenuComponent;
+
+// src/extension/Link.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Links = import_extension_link.Link.extend({
+  inclusive: false,
+  parseHTML() {
+    return [
+      {
+        tag: 'a[href]:not([data-type="button"]):not([href *= "javascript:" i])'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return [
+      "a",
+      (0, import_react12.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
+        class: "link"
+      }),
+      0
+    ];
+  },
+  addOptions() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      openOnClick: false,
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 9,
+      component: ({ options, editor, dropdownContainerClassName }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react11.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            DropdownComponent_default,
+            {
+              className: options.className,
+              showArrow: options.showArrow || false,
+              content: options.content,
+              dropdownClassName: options.dropdownClassName,
+              style: options.style,
+              tooltip: options.tooltip,
+              tooltipClassName: options.tooltipClassName,
+              tooltipPlacement: options.tooltipPlacement,
+              _tooltipContent: "Link",
+              _internalContent: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LinkIcon, {}),
+              _dropdownClassName: "w-66 " + dropdownContainerClassName,
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                LinkComponent_default,
+                {
+                  editor
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LinkMenuComponent_default, {})
+        ] });
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Links
+});