ritext 1.0.23 → 1.0.27

package/dist/extension/heading.js

@@ -1,12 +1,10 @@
 "use strict";
-var __create = Object.create;
 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 __getProtoOf = Object.getPrototypeOf;
 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;
@@ -46,14 +44,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/extension/Heading.tsx
@@ -62,11 +52,31 @@ __export(Heading_exports, {
   Heading: () => Heading
 });
 module.exports = __toCommonJS(Heading_exports);
-var import_extension_heading = __toESM(require("@tiptap/extension-heading"));
-var import_extension_paragraph = __toESM(require("@tiptap/extension-paragraph"));
+var import_extension_heading = require("@tiptap/extension-heading");
+var import_react9 = require("@tiptap/react");
 
-// src/lib/icon/HeadingIcon.tsx
+// 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 H1Icon = (_a) => {
   var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -327,34 +337,8 @@ var Tooltip_default = Tooltip;
 
 // src/lib/components/DropdownComponent.tsx
 var import_react5 = require("@floating-ui/react");
-
-// src/lib/icon/ArrowIcon.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var ArrowIcon = (_a) => {
-  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsx)("path", { fill: "currentColor", stroke: "currentColor", strokeLinejoin: "round", strokeWidth: "4", d: "M36 19L24 31L12 19z" })
-    })
-  );
-};
-var ArrowIcon_default = ArrowIcon;
-
-// src/lib/components/DropdownComponent.tsx
 var import_react6 = require("motion/react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+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)({
@@ -368,20 +352,23 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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_runtime4.jsx)("p", { children: typeof tooltip === "string" ? tooltip : _tooltipContent });
+  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;
-    if (!("onSelect" in child.props)) return child;
     const prevOnSelect = child.props.onSelect;
     const combinedOnSelect = () => {
       prevOnSelect == null ? void 0 : prevOnSelect();
       setOpen(false);
     };
-    return (0, import_react4.cloneElement)(child, { onSelect: combinedOnSelect });
+    return (0, import_react4.cloneElement)(child, {
+      onSelect: prevOnSelect ? combinedOnSelect : void 0,
+      open,
+      onClose: () => setOpen(false)
+    });
   });
-  const btn = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  const btn = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
     "button",
     __spreadProps(__spreadValues({}, getReferenceProps({
       ref: refs.setReference,
@@ -394,13 +381,13 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
       ),
       style,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: content != null ? content : _internalContent }),
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArrowIcon_default, { size: 14, className: "text-gray-500 block" })
+        /* @__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_runtime4.jsxs)(import_react4.Fragment, { children: [
-    tooltip === false ? btn : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.Fragment, { children: [
+    tooltip === false ? btn : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       Tooltip_default,
       {
         content: tooltipContent,
@@ -409,7 +396,7 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
         children: btn
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.FloatingPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react6.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    /* @__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,
@@ -424,7 +411,7 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
         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 max-h-125 overflow-auto", _dropdownClassName, dropdownClassName),
+        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
       })
     ) }) })
@@ -437,7 +424,7 @@ var import_tailwind_merge3 = require("tailwind-merge");
 
 // src/lib/context/editor.context.tsx
 var import_react7 = require("react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var EditorContext = (0, import_react7.createContext)({ editor: null });
 var useEditor = () => {
   const ctx = (0, import_react7.useContext)(EditorContext);
@@ -447,14 +434,14 @@ var useEditor = () => {
 
 // src/lib/components/DropdownItemComponent.tsx
 var import_react8 = require("@tiptap/react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DropdownItemComponent = ({ item, onSelect, activeClassName, itemClassName, _itemClassName, showKeyShortcutText = true, spClass }) => {
   const { editor } = useEditor();
   const editorState = (0, import_react8.useEditorState)({
     editor,
     selector: ({ editor: editor2 }) => ({ isActive: (editor2 == null ? void 0 : editor2.isActive(item.name, item.ext ? { level: item.ext } : void 0)) || false })
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: (0, import_tailwind_merge3.twMerge)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: (0, import_tailwind_merge3.twMerge)(
     "flex items-center gap-x-2.5 transition-all duration-100 cursor-pointer select-none px-2 py-1.5 rounded-md",
     _itemClassName,
     (editorState == null ? void 0 : editorState.isActive) ? "bg-gray-200/60" : "hover:bg-gray-100",
@@ -462,26 +449,30 @@ var DropdownItemComponent = ({ item, onSelect, activeClassName, itemClassName, _
     (editorState == null ? void 0 : editorState.isActive) ? activeClassName : "hover:bg-gray-100"
   ), onClick: onSelect, children: [
     item.icon,
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: (0, import_tailwind_merge3.twMerge)("flex-1 text-base", spClass), style: item.style, children: item.text }),
-    showKeyShortcutText && item.keyBind && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "ml-6 text-gray-400", children: item.keyBind })
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: (0, import_tailwind_merge3.twMerge)("flex-1 text-base", spClass), style: item.style, children: item.text }),
+    showKeyShortcutText && item.keyBind && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "ml-6 text-gray-400", children: item.keyBind })
   ] });
 };
 var DropdownItemComponent_default = DropdownItemComponent;
 
 // src/extension/Heading.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Heading = import_extension_heading.default.extend({
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Heading = import_extension_heading.Heading.extend({
   addOptions() {
     var _a;
-    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 1,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
+        const macKey = (0, import_react9.isMacOS)() ? "\u2318 \u2325 " : "Ctrl \u2325 ";
         const defaultIcons = {
-          1: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H1Icon, {}),
-          2: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H2Icon, {}),
-          3: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H3Icon, {}),
-          4: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H4Icon, {}),
-          5: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H5Icon, {}),
-          6: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H6Icon, {})
+          1: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H1Icon, {}),
+          2: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H2Icon, {}),
+          3: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H3Icon, {}),
+          4: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H4Icon, {}),
+          5: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H5Icon, {}),
+          6: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(H6Icon, {})
         };
         const defaultTexts = {
           1: "Heading 1",
@@ -492,12 +483,12 @@ var Heading = import_extension_heading.default.extend({
           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"
+          1: `${macKey} 1`,
+          2: `${macKey} 2`,
+          3: `${macKey} 3`,
+          4: `${macKey} 4`,
+          5: `${macKey} 5`,
+          6: `${macKey} 6`
         };
         const list = [];
         const levels = options.level;
@@ -530,7 +521,7 @@ var Heading = import_extension_heading.default.extend({
             });
           });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
           DropdownComponent_default,
           {
             className: options.className,
@@ -541,19 +532,19 @@ var Heading = import_extension_heading.default.extend({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _tooltipContent: "Sub & Superscript",
+            _tooltipContent: "Headings",
             _internalContent: "Heading",
             _dropdownClassName: dropdownContainerClassName,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 DropdownItemComponent_default,
                 {
                   onSelect: () => editor.chain().setParagraph().run(),
                   item: {
                     id: crypto.randomUUID(),
-                    icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Pilcrow, {}),
+                    icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Pilcrow, {}),
                     text: "Paragraph",
-                    keyBind: "\u2318\u2325 P",
+                    keyBind: `${macKey} P`,
                     onClick: () => editor.chain().setParagraph().run(),
                     name: "paragraph"
                   },
@@ -563,8 +554,8 @@ var Heading = import_extension_heading.default.extend({
                   _itemClassName: dropdownItemClassName
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("hr", { className: "border-gray-200" }),
-              list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("hr", { className: "border-gray-200" }),
+              list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                 DropdownItemComponent_default,
                 {
                   onSelect: item.onClick,
@@ -582,9 +573,6 @@ var Heading = import_extension_heading.default.extend({
         );
       }
     });
-  },
-  addExtensions() {
-    return [import_extension_paragraph.default];
   }
 });
 // Annotate the CommonJS export names for ESM import in node:

package/dist/extension/heading.mjs

@@ -1,207 +1,44 @@
 import {
-  DropdownComponent_default,
   DropdownItemComponent_default
-} from "../chunk-2YUUKIIT.mjs";
-import "../chunk-7QOFJIQ3.mjs";
+} from "../chunk-M4ORWR74.mjs";
+import {
+  DropdownComponent_default
+} from "../chunk-FJQ4FZRS.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
-  __objRest,
+  H1Icon,
+  H2Icon,
+  H3Icon,
+  H4Icon,
+  H5Icon,
+  H6Icon,
+  Pilcrow
+} from "../chunk-EN4BPI7N.mjs";
+import {
   __spreadProps,
   __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
+} from "../chunk-WNQUEZJF.mjs";
 
 // src/extension/Heading.tsx
-import TiptapHeading from "@tiptap/extension-heading";
-import TiptapParagraph from "@tiptap/extension-paragraph";
-
-// src/lib/icon/HeadingIcon.tsx
+import { Heading as TiptapHeading } from "@tiptap/extension-heading";
+import { isMacOS } from "@tiptap/react";
 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)), {
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 1,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
+        const macKey = isMacOS() ? "\u2318 \u2325 " : "Ctrl \u2325 ";
         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, {})
+          1: /* @__PURE__ */ jsx(H1Icon, {}),
+          2: /* @__PURE__ */ jsx(H2Icon, {}),
+          3: /* @__PURE__ */ jsx(H3Icon, {}),
+          4: /* @__PURE__ */ jsx(H4Icon, {}),
+          5: /* @__PURE__ */ jsx(H5Icon, {}),
+          6: /* @__PURE__ */ jsx(H6Icon, {})
         };
         const defaultTexts = {
           1: "Heading 1",
@@ -212,12 +49,12 @@ var Heading = TiptapHeading.extend({
           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"
+          1: `${macKey} 1`,
+          2: `${macKey} 2`,
+          3: `${macKey} 3`,
+          4: `${macKey} 4`,
+          5: `${macKey} 5`,
+          6: `${macKey} 6`
         };
         const list = [];
         const levels = options.level;
@@ -250,7 +87,7 @@ var Heading = TiptapHeading.extend({
             });
           });
         }
-        return /* @__PURE__ */ jsxs2(
+        return /* @__PURE__ */ jsxs(
           DropdownComponent_default,
           {
             className: options.className,
@@ -261,19 +98,19 @@ var Heading = TiptapHeading.extend({
             tooltip: options.tooltip,
             tooltipClassName: options.tooltipClassName,
             tooltipPlacement: options.tooltipPlacement,
-            _tooltipContent: "Sub & Superscript",
+            _tooltipContent: "Headings",
             _internalContent: "Heading",
             _dropdownClassName: dropdownContainerClassName,
             children: [
-              /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx(
                 DropdownItemComponent_default,
                 {
                   onSelect: () => editor.chain().setParagraph().run(),
                   item: {
                     id: crypto.randomUUID(),
-                    icon: /* @__PURE__ */ jsx2(Pilcrow, {}),
+                    icon: /* @__PURE__ */ jsx(Pilcrow, {}),
                     text: "Paragraph",
-                    keyBind: "\u2318\u2325 P",
+                    keyBind: `${macKey} P`,
                     onClick: () => editor.chain().setParagraph().run(),
                     name: "paragraph"
                   },
@@ -283,8 +120,8 @@ var Heading = TiptapHeading.extend({
                   _itemClassName: dropdownItemClassName
                 }
               ),
-              /* @__PURE__ */ jsx2("hr", { className: "border-gray-200" }),
-              list.map((item) => /* @__PURE__ */ jsx2(
+              /* @__PURE__ */ jsx("hr", { className: "border-gray-200" }),
+              list.map((item) => /* @__PURE__ */ jsx(
                 DropdownItemComponent_default,
                 {
                   onSelect: item.onClick,
@@ -302,9 +139,6 @@ var Heading = TiptapHeading.extend({
         );
       }
     });
-  },
-  addExtensions() {
-    return [TiptapParagraph];
   }
 });
 export {

package/dist/extension/history.d.mts

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

package/dist/extension/history.d.ts

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