ritext 1.0.14 → 1.0.18

package/dist/index.mjs

@@ -1,34 +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;
-};
+import {
+  EditorProvider,
+  useEditor
+} from "./chunk-VYDH6BZE.mjs";
+import "./chunk-FWCSY2DS.mjs";
 
 // src/lib/Editor.tsx
 import { useMemo } from "react";
@@ -36,553 +10,61 @@ import { useEditor as useEditor2 } from "@tiptap/react";
 import Document from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
 import Text from "@tiptap/extension-text";
-
-// src/lib/context/editor.context.tsx
-import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
-var EditorContext = createContext({ editor: null });
-var useEditor = () => {
-  const ctx = useContext(EditorContext);
-  if (!ctx) throw new Error("<Toolbar/> & <Content/> component must be used inside <Editor>...</Editor/>");
-  return ctx;
-};
-var EditorProvider = ({ children, value }) => {
-  return /* @__PURE__ */ jsx(EditorContext.Provider, { value, children });
-};
-
-// src/lib/Editor.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var Editor = ({ children, extensions = [], className }) => {
   const editor = useEditor2({
     extensions: [Document, Paragraph, Text, ...extensions],
     immediatelyRender: false
   });
   const value = useMemo(() => ({ editor }), [editor]);
-  return /* @__PURE__ */ jsx2(EditorProvider, { value, children: /* @__PURE__ */ jsx2("div", { className, children }) });
+  return /* @__PURE__ */ jsx(EditorProvider, { value, children: /* @__PURE__ */ jsx("div", { className, children }) });
 };
 var Editor_default = Editor;
 
 // src/lib/Toolbar.tsx
 import * as React from "react";
 import { twMerge } from "tailwind-merge";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Toolbar = ({ className, buttonClassName }) => {
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Toolbar = ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }) => {
   const { editor } = useEditor();
   if (!editor) return null;
   const entries = editor.extensionManager.extensions.map((ext) => {
-    var _a, _b, _c;
+    var _a;
     const anyExt = ext;
-    const renderButton = ((_a = anyExt.options) == null ? void 0 : _a.button) || ((_c = (_b = anyExt.options) == null ? void 0 : _b.ui) == null ? void 0 : _c.button);
-    return renderButton ? { name: anyExt.name, renderButton, options: anyExt.options, buttonClassName: anyExt.buttonClassName } : null;
+    const renderButton = (
+      /* eslint-disable @typescript-eslint/no-explicit-any */
+      (_a = anyExt.options) == null ? void 0 : _a.component
+    );
+    return renderButton ? {
+      name: anyExt.name,
+      renderButton,
+      options: anyExt.options,
+      buttonClassName: anyExt.buttonClassName,
+      dropdownContainerClassName: anyExt.dropdownContainerClassName,
+      dropdownItemClassName: anyExt.dropdownItemClassName
+    } : null;
   }).filter(Boolean);
-  if (!entries.length) return null;
-  return /* @__PURE__ */ jsx3("div", { className: twMerge("flex gap-x-1.5", className), children: entries.map(({ name, renderButton, options }) => /* @__PURE__ */ jsx3(React.Fragment, { children: renderButton({ editor, options, buttonClassName: buttonClassName || "" }) }, name)) });
+  return /* @__PURE__ */ jsx2("div", { className: twMerge("flex gap-x-1", className), children: entries.map(({ name, renderButton, options }) => /* @__PURE__ */ jsx2(React.Fragment, { children: renderButton({
+    editor,
+    options,
+    buttonClassName: buttonClassName || "",
+    dropdownContainerClassName: dropdownContainerClassName || "",
+    dropdownItemClassName: dropdownItemClassName || ""
+  }) }, name)) });
 };
 var Toolbar_default = Toolbar;
 
 // src/lib/Content.tsx
 import { EditorContent } from "@tiptap/react";
 import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var Content = ({ className }) => {
   const { editor } = useEditor();
-  return /* @__PURE__ */ jsx4(EditorContent, { editor, className: twMerge2("focus:outline-none [&_.tiptap]:focus:outline-none [&_.tiptap]:min-h-[200px] [&_.tiptap]:p-[10px_20px]", className) });
+  return /* @__PURE__ */ jsx3(EditorContent, { editor, className: twMerge2("focus:outline-none [&_.tiptap]:focus:outline-none [&_.tiptap]:min-h-[200px] [&_.tiptap]:p-[10px_20px]", className) });
 };
 var Content_default = Content;
-
-// src/lib/extensions/Bold.tsx
-import TiptapBold from "@tiptap/extension-bold";
-
-// src/lib/icon/BoldIcon.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-var BoldIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsx5(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: /* @__PURE__ */ jsx5("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" })
-    })
-  );
-};
-var BoldIcon_default = BoldIcon;
-
-// src/lib/components/ButtonComponent.tsx
-import { twMerge as twMerge4 } from "tailwind-merge";
-
-// src/lib/components/_com/Tooltip.tsx
-import { useState, Fragment as Fragment2, cloneElement, isValidElement, useId } from "react";
-import { useFloating, offset, flip, shift, autoUpdate, useInteractions, useHover, useDismiss, FloatingPortal } from "@floating-ui/react";
-import { AnimatePresence, motion } from "motion/react";
-import { twMerge as twMerge3 } from "tailwind-merge";
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
-var Tooltip = ({ placement = "top", children, content, className }) => {
-  const [open, setOpen] = useState(false);
-  const { x, y, refs, strategy, context, placement: resolvedPlacement } = useFloating({
-    open,
-    onOpenChange: setOpen,
-    placement,
-    middleware: [offset(8), flip(), shift({ padding: 8 })],
-    whileElementsMounted: autoUpdate
-  });
-  const hover = useHover(context);
-  const dismiss = useDismiss(context);
-  const { getReferenceProps, getFloatingProps } = useInteractions([hover, dismiss]);
-  const id = 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__ */ jsxs(Fragment2, { children: [
-    isValidElement(children) ? cloneElement(children, __spreadProps(__spreadValues({}, getReferenceProps({
-      onFocus: () => setOpen(true),
-      onBlur: () => setOpen(false),
-      "aria-describedby": open ? id : void 0
-    })), {
-      ref: mergeRefs(children.ref, refs.setReference)
-    })) : children,
-    /* @__PURE__ */ jsx6(FloatingPortal, { children: /* @__PURE__ */ jsx6(AnimatePresence, { children: open && /* @__PURE__ */ jsx6(
-      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: twMerge3("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/ButtonComponent.tsx
-import { useEditorState } from "@tiptap/react";
-import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
-var ButtonComponent = ({ className, activeClassName, icon, style, tooltip = true, tooltipClassName, tooltipPlacement, _extName, _internalIcon, _tooltipContent, _onToggle, _interShortcut, _buttonClassName }) => {
-  const { editor } = useEditor();
-  const editorState = useEditorState({
-    editor,
-    selector: ({ editor: editor2 }) => ({ isActive: (editor2 == null ? void 0 : editor2.isActive(_extName)) || false })
-  });
-  const tooltipContent = /* @__PURE__ */ jsxs2("p", { children: [
-    typeof tooltip === "string" ? tooltip : _tooltipContent,
-    /* @__PURE__ */ jsx7("br", {}),
-    _interShortcut
-  ] });
-  const btn = /* @__PURE__ */ jsx7(
-    "button",
-    {
-      onClick: _onToggle,
-      className: twMerge4(
-        "p-1.5 rounded-md",
-        _buttonClassName,
-        (editorState == null ? void 0 : editorState.isActive) ? "bg-gray-200" : "hover:bg-gray-100",
-        className,
-        (editorState == null ? void 0 : editorState.isActive) ? activeClassName : "hover:bg-gray-100"
-      ),
-      style,
-      children: icon != null ? icon : _internalIcon
-    }
-  );
-  if (tooltip === false) return btn;
-  return /* @__PURE__ */ jsx7(
-    Tooltip_default,
-    {
-      content: tooltipContent,
-      className: tooltipClassName,
-      placement: tooltipPlacement,
-      children: btn
-    }
-  );
-};
-var ButtonComponent_default = ButtonComponent;
-
-// src/lib/extensions/Bold.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Bold = TiptapBold.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ editor, options, buttonClassName }) => {
-        return /* @__PURE__ */ jsx8(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx8(BoldIcon_default, {}),
-            _extName: "bold",
-            _onToggle: () => editor.chain().focus().toggleBold().run(),
-            _interShortcut: "\u2318 + B",
-            _tooltipContent: "Bold",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
-
-// src/lib/extensions/Italic.tsx
-import TiptapItalic from "@tiptap/extension-italic";
-
-// src/lib/icon/ItalicIcon.tsx
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var ItalicIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs3(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx9("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
-        /* @__PURE__ */ jsx9("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
-        /* @__PURE__ */ jsx9("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
-      ]
-    })
-  );
-};
-var ItalicIcon_default = ItalicIcon;
-
-// src/lib/extensions/Italic.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var Italic = TiptapItalic.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ options, editor, buttonClassName }) => {
-        return /* @__PURE__ */ jsx10(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx10(ItalicIcon_default, {}),
-            _extName: "italic",
-            _onToggle: () => editor.chain().focus().toggleItalic().run(),
-            _interShortcut: "\u2318 + I",
-            _tooltipContent: "Italic",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
-
-// src/lib/extensions/Underline.tsx
-import TiptapUnder from "@tiptap/extension-underline";
-
-// src/lib/icon/UnderIcon.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-var UnderIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs4(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx11("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
-        /* @__PURE__ */ jsx11("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
-      ]
-    })
-  );
-};
-var UnderIcon_default = UnderIcon;
-
-// src/lib/extensions/Underline.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-var Underline = TiptapUnder.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ options, editor, buttonClassName }) => {
-        return /* @__PURE__ */ jsx12(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx12(UnderIcon_default, {}),
-            _extName: "underline",
-            _onToggle: () => editor.chain().focus().toggleUnderline().run(),
-            _interShortcut: "\u2318 + U",
-            _tooltipContent: "Underline",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
-
-// src/lib/extensions/Strike.tsx
-import TiptapStrike from "@tiptap/extension-strike";
-
-// src/lib/icon/StrikeIcon.tsx
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-var StrikeIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs5(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx13("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
-        /* @__PURE__ */ jsx13("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
-        /* @__PURE__ */ jsx13("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
-      ]
-    })
-  );
-};
-var StrikeIcon_default = StrikeIcon;
-
-// src/lib/extensions/Strike.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Strike = TiptapStrike.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ options, editor, buttonClassName }) => {
-        return /* @__PURE__ */ jsx14(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx14(StrikeIcon_default, {}),
-            _extName: "strike",
-            _onToggle: () => editor.chain().focus().toggleStrike().run(),
-            _interShortcut: "\u2318 \u21E7 S",
-            _tooltipContent: "Strike",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
-
-// src/lib/extensions/Subscript.tsx
-import TiptapSubscript from "@tiptap/extension-subscript";
-
-// src/lib/icon/SubIcon.tsx
-import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
-var SubIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs6(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx15("path", { d: "m4 5 8 8" }),
-        /* @__PURE__ */ jsx15("path", { d: "m12 5-8 8" }),
-        /* @__PURE__ */ jsx15("path", { d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
-      ]
-    })
-  );
-};
-var SubIcon_default = SubIcon;
-
-// src/lib/extensions/Subscript.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Subscript = TiptapSubscript.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ options, editor, buttonClassName }) => {
-        return /* @__PURE__ */ jsx16(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx16(SubIcon_default, {}),
-            _extName: "subscript",
-            _onToggle: () => editor.chain().focus().toggleSubscript().run(),
-            _interShortcut: "\u2318 + ,",
-            _tooltipContent: "Subscript",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
-
-// src/lib/extensions/Superscript.tsx
-import TiptapSuperscript from "@tiptap/extension-superscript";
-
-// src/lib/icon/SupIcon.tsx
-import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
-var SupIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ jsxs7(
-    "svg",
-    __spreadProps(__spreadValues({
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      stroke: "currentColor",
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      width: size,
-      height: size,
-      className
-    }, props), {
-      children: [
-        /* @__PURE__ */ jsx17("path", { d: "m4 19 8-8" }),
-        /* @__PURE__ */ jsx17("path", { d: "m12 19-8-8" }),
-        /* @__PURE__ */ jsx17("path", { d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06" })
-      ]
-    })
-  );
-};
-var SupIcon_default = SupIcon;
-
-// src/lib/extensions/Superscript.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Superscript = TiptapSuperscript.extend({
-  addOptions() {
-    var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
-      button: ({ options, editor, buttonClassName }) => {
-        return /* @__PURE__ */ jsx18(
-          ButtonComponent_default,
-          {
-            className: options.className,
-            icon: options.icon,
-            style: options.style,
-            activeClassName: options.activeClassName,
-            tooltip: options.tooltip,
-            tooltipClassName: options.tooltipClassName,
-            tooltipPlacement: options.tooltipPlacement,
-            _internalIcon: /* @__PURE__ */ jsx18(SupIcon_default, {}),
-            _extName: "superscript",
-            _onToggle: () => editor.chain().focus().toggleSuperscript().run(),
-            _interShortcut: "\u2318 + ,",
-            _tooltipContent: "Superscript",
-            _buttonClassName: buttonClassName
-          }
-        );
-      }
-    });
-  }
-});
 export {
-  Bold,
   Content_default as Content,
   Editor_default as Editor,
-  Italic,
-  Strike,
-  Subscript,
-  Superscript,
-  Toolbar_default as Toolbar,
-  Underline
+  Toolbar_default as Toolbar
 };

package/dist/tiptap-ext.type-DrneAC5G.d.mts

@@ -0,0 +1,39 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Placement } from '@floating-ui/react';
+import { Editor } from '@tiptap/react';
+
+type ExtButtonOptions = {
+    className?: string;
+    activeClassName?: string;
+    icon?: ReactNode;
+    style?: CSSProperties;
+    tooltip?: boolean | string;
+    tooltipClassName?: string;
+    tooltipPlacement?: Placement;
+    component: (args: {
+        options: ExtButtonOptions;
+        editor: Editor;
+        buttonClassName: string;
+    }) => ReactNode;
+};
+type ExtWithoutActiveOptions = Omit<ExtButtonOptions, "activeClassName" | "component"> & {
+    component: (args: {
+        options: ExtWithoutActiveOptions;
+        editor: Editor;
+        buttonClassName: string;
+    }) => ReactNode;
+};
+type ExtDropdownOptions = {
+    className?: string;
+    showArrow?: boolean;
+    content?: ReactNode;
+    dropdownClassName?: string;
+    itemClassName?: string;
+    activeClassName?: string;
+    style?: CSSProperties;
+    tooltip?: boolean | string;
+    tooltipClassName?: string;
+    tooltipPlacement?: Placement;
+};
+
+export type { ExtButtonOptions as E, ExtDropdownOptions as a, ExtWithoutActiveOptions as b };

package/dist/tiptap-ext.type-DrneAC5G.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode, CSSProperties } from 'react';
+import { Placement } from '@floating-ui/react';
+import { Editor } from '@tiptap/react';
+
+type ExtButtonOptions = {
+    className?: string;
+    activeClassName?: string;
+    icon?: ReactNode;
+    style?: CSSProperties;
+    tooltip?: boolean | string;
+    tooltipClassName?: string;
+    tooltipPlacement?: Placement;
+    component: (args: {
+        options: ExtButtonOptions;
+        editor: Editor;
+        buttonClassName: string;
+    }) => ReactNode;
+};
+type ExtWithoutActiveOptions = Omit<ExtButtonOptions, "activeClassName" | "component"> & {
+    component: (args: {
+        options: ExtWithoutActiveOptions;
+        editor: Editor;
+        buttonClassName: string;
+    }) => ReactNode;
+};
+type ExtDropdownOptions = {
+    className?: string;
+    showArrow?: boolean;
+    content?: ReactNode;
+    dropdownClassName?: string;
+    itemClassName?: string;
+    activeClassName?: string;
+    style?: CSSProperties;
+    tooltip?: boolean | string;
+    tooltipClassName?: string;
+    tooltipPlacement?: Placement;
+};
+
+export type { ExtButtonOptions as E, ExtDropdownOptions as a, ExtWithoutActiveOptions as b };