ritext 1.0.15 → 1.0.19

package/dist/extension/heading.mjs

@@ -0,0 +1,312 @@
+import {
+  DropdownComponent_default,
+  DropdownItemComponent_default
+} from "../chunk-2YUUKIIT.mjs";
+import "../chunk-7QOFJIQ3.mjs";
+import "../chunk-VYDH6BZE.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "../chunk-FWCSY2DS.mjs";
+
+// src/extension/Heading.tsx
+import TiptapHeading from "@tiptap/extension-heading";
+import TiptapParagraph from "@tiptap/extension-paragraph";
+
+// src/lib/icon/HeadingIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var H1Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "m17 12 3-2v8" })
+      ]
+    })
+  );
+};
+var H2Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" })
+      ]
+    })
+  );
+};
+var H3Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }),
+        /* @__PURE__ */ jsx("path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" })
+      ]
+    })
+  );
+};
+var H4Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M17 10v3a1 1 0 0 0 1 1h3" }),
+        /* @__PURE__ */ jsx("path", { d: "M21 10v8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" })
+      ]
+    })
+  );
+};
+var H5Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M17 13v-3h4" }),
+        /* @__PURE__ */ jsx("path", { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17" })
+      ]
+    })
+  );
+};
+var H6Icon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M4 12h8" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 18V6" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 18V6" }),
+        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "16", r: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 10c-2 2-3 3.5-3 6" })
+      ]
+    })
+  );
+};
+var Pilcrow = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ 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__ */ jsx("path", { d: "M13 4v16" }),
+        /* @__PURE__ */ jsx("path", { d: "M17 4v16" }),
+        /* @__PURE__ */ jsx("path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" })
+      ]
+    })
+  );
+};
+
+// src/extension/Heading.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Heading = TiptapHeading.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
+        const defaultIcons = {
+          1: /* @__PURE__ */ jsx2(H1Icon, {}),
+          2: /* @__PURE__ */ jsx2(H2Icon, {}),
+          3: /* @__PURE__ */ jsx2(H3Icon, {}),
+          4: /* @__PURE__ */ jsx2(H4Icon, {}),
+          5: /* @__PURE__ */ jsx2(H5Icon, {}),
+          6: /* @__PURE__ */ jsx2(H6Icon, {})
+        };
+        const defaultTexts = {
+          1: "Heading 1",
+          2: "Heading 2",
+          3: "Heading 3",
+          4: "Heading 4",
+          5: "Heading 5",
+          6: "Heading 6"
+        };
+        const defaultKeys = {
+          1: "\u2318\u2325 1",
+          2: "\u2318\u2325 2",
+          3: "\u2318\u2325 3",
+          4: "\u2318\u2325 4",
+          5: "\u2318\u2325 5",
+          6: "\u2318\u2325 6"
+        };
+        const list = [];
+        const levels = options.level;
+        const shouldShowAll = !Array.isArray(levels) || levels.length === 0;
+        if (shouldShowAll) {
+          for (let level = 1; level <= 6; level++) {
+            list.push({
+              id: crypto.randomUUID(),
+              icon: defaultIcons[level],
+              text: defaultTexts[level],
+              keyBind: defaultKeys[level],
+              onClick: () => editor.chain().focus().toggleHeading({ level }).run(),
+              name: "heading",
+              ext: level
+            });
+          }
+        } else {
+          levels.forEach((cfg, index) => {
+            var _a2, _b, _c;
+            const level = index + 1;
+            if (!(cfg == null ? void 0 : cfg.enable)) return;
+            list.push({
+              id: crypto.randomUUID(),
+              icon: (_a2 = cfg.icon) != null ? _a2 : defaultIcons[level],
+              text: (_b = cfg.text) != null ? _b : defaultTexts[level],
+              keyBind: (_c = cfg.keyShortcuts) != null ? _c : defaultKeys[level],
+              onClick: () => editor.chain().focus().toggleHeading({ level }).run(),
+              name: "heading",
+              ext: level
+            });
+          });
+        }
+        return /* @__PURE__ */ jsxs2(
+          DropdownComponent_default,
+          {
+            className: options.className,
+            showArrow: options.showArrow,
+            content: options.content,
+            dropdownClassName: options.dropdownClassName,
+            style: options.style,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _tooltipContent: "Sub & Superscript",
+            _internalContent: "Heading",
+            _dropdownClassName: dropdownContainerClassName,
+            children: [
+              /* @__PURE__ */ jsx2(
+                DropdownItemComponent_default,
+                {
+                  onSelect: () => editor.chain().setParagraph().run(),
+                  item: {
+                    id: crypto.randomUUID(),
+                    icon: /* @__PURE__ */ jsx2(Pilcrow, {}),
+                    text: "Paragraph",
+                    keyBind: "\u2318\u2325 P",
+                    onClick: () => editor.chain().setParagraph().run(),
+                    name: "paragraph"
+                  },
+                  activeClassName: options.activeClassName || "",
+                  itemClassName: options.itemClassName || "",
+                  showKeyShortcutText: options.showKeyShortcutText,
+                  _itemClassName: dropdownItemClassName
+                }
+              ),
+              /* @__PURE__ */ jsx2("hr", { className: "border-gray-200" }),
+              list.map((item) => /* @__PURE__ */ jsx2(
+                DropdownItemComponent_default,
+                {
+                  onSelect: item.onClick,
+                  item,
+                  spClass: ["text-3xl", "text-2xl", "text-xl", "text-lg", "text-base", "text-sm"][(Number(item.ext) || 6) - 1],
+                  activeClassName: options.activeClassName || "",
+                  itemClassName: options.itemClassName || "",
+                  showKeyShortcutText: options.showKeyShortcutText,
+                  _itemClassName: dropdownItemClassName
+                },
+                `${item.name}${item.ext}`
+              ))
+            ]
+          }
+        );
+      }
+    });
+  },
+  addExtensions() {
+    return [TiptapParagraph];
+  }
+});
+export {
+  Heading
+};

package/dist/extension/history.d.mts

@@ -0,0 +1,8 @@
+import { Extension } from '@tiptap/react';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-DrneAC5G.mjs';
+import 'react';
+import '@floating-ui/react';
+
+declare const History: Extension<ExtWithoutActiveOptions>;
+
+export { History };

package/dist/extension/history.d.ts

@@ -0,0 +1,8 @@
+import { Extension } from '@tiptap/react';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-DrneAC5G.js';
+import 'react';
+import '@floating-ui/react';
+
+declare const History: Extension<ExtWithoutActiveOptions>;
+
+export { History };

package/dist/extension/history.js

@@ -0,0 +1,296 @@
+"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/History.tsx
+var History_exports = {};
+__export(History_exports, {
+  History: () => History
+});
+module.exports = __toCommonJS(History_exports);
+var import_react4 = require("react");
+var import_extensions = require("@tiptap/extensions");
+var import_react5 = require("@tiptap/react");
+
+// src/lib/icon/HistoryIcon.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Redo2 = (_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",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m15 14 5-5-5-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" })
+      ]
+    })
+  );
+};
+var Undo2 = (_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",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M9 14 4 9l5-5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
+      ]
+    })
+  );
+};
+
+// src/lib/components/ButtonWithoutActive.tsx
+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/ButtonWithoutActive.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var ButtonWithoutActive = ({ className, icon, style, tooltip = true, tooltipClassName, tooltipPlacement, _internalIcon, _tooltipContent, _interShortcut, _onToggle, _buttonClassName, _disabled = false }) => {
+  const tooltipContent = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+    typeof tooltip === "string" ? tooltip : _tooltipContent,
+    _interShortcut && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+      " ",
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
+      " ",
+      _interShortcut,
+      " "
+    ] })
+  ] });
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      onClick: _onToggle,
+      disabled: _disabled,
+      className: (0, import_tailwind_merge2.twMerge)(
+        "py-1.5 px-2.5 rounded-md hover:bg-gray-100",
+        _disabled ? "opacity-20" : "",
+        _buttonClassName,
+        className
+      ),
+      style,
+      children: icon != null ? icon : _internalIcon
+    }
+  );
+  if (tooltip === false) return btn;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    Tooltip_default,
+    {
+      content: tooltipContent,
+      className: tooltipClassName,
+      placement: tooltipPlacement,
+      children: btn
+    }
+  );
+};
+var ButtonWithoutActive_default = ButtonWithoutActive;
+
+// src/extension/History.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function HistoryButtons({
+  editor,
+  options,
+  buttonClassName
+}) {
+  const { canUndo, canRedo } = (0, import_react5.useEditorState)({
+    editor,
+    selector: (ctx) => ({
+      canUndo: ctx.editor.can().chain().focus().undo().run(),
+      canRedo: ctx.editor.can().chain().focus().redo().run()
+    })
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      ButtonWithoutActive_default,
+      {
+        className: options.className,
+        icon: options.icon,
+        style: options.style,
+        tooltip: options.tooltip,
+        tooltipClassName: options.tooltipClassName,
+        tooltipPlacement: options.tooltipPlacement,
+        _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Undo2, {}),
+        _onToggle: () => editor.chain().focus().undo().run(),
+        _interShortcut: "\u2318 + Z",
+        _tooltipContent: "Undo",
+        _disabled: !canUndo,
+        _buttonClassName: buttonClassName
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      ButtonWithoutActive_default,
+      {
+        className: options.className,
+        icon: options.icon,
+        style: options.style,
+        tooltip: options.tooltip,
+        tooltipClassName: options.tooltipClassName,
+        tooltipPlacement: options.tooltipPlacement,
+        _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Redo2, {}),
+        _onToggle: () => editor.chain().focus().redo().run(),
+        _interShortcut: "\u21E7 + \u2318 + Z",
+        _tooltipContent: "Redo",
+        _disabled: !canRedo,
+        _buttonClassName: buttonClassName
+      }
+    )
+  ] });
+}
+var History = import_extensions.UndoRedo.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      component: ({ editor, options, buttonClassName }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(HistoryButtons, { editor, options, buttonClassName })
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  History
+});