ritext 1.0.25 → 1.0.28

package/dist/{chunk-WXCHG3NQ.mjs → chunk-3IVNW3UJ.mjs}

@@ -1,6 +1,6 @@
 import {
   Tooltip_default
-} from "./chunk-EN4BPI7N.mjs";
+} from "./chunk-LLHBVRQR.mjs";
 
 // src/lib/components/ButtonWithoutActive.tsx
 import { useMemo } from "react";

package/dist/{chunk-FJQ4FZRS.mjs → chunk-3TQQTC2W.mjs}

@@ -1,7 +1,7 @@
 import {
   ArrowIcon,
   Tooltip_default
-} from "./chunk-EN4BPI7N.mjs";
+} from "./chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -27,8 +27,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss]);
   const listId = useId();
   const tooltipContent = /* @__PURE__ */ jsx("p", { children: typeof tooltip === "string" ? tooltip : _tooltipContent });
-  const initialMotion = { opacity: 0, scale: 0.95 };
-  const animateMotion = { opacity: 1, scale: 1 };
+  const initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = Children.map(children, (child) => {
     if (!isValidElement(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/{chunk-EN4BPI7N.mjs → chunk-LLHBVRQR.mjs}

@@ -1081,6 +1081,31 @@ var EmojiIcon = (_a) => {
     })
   );
 };
+var HardBreakIcon = (_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",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "m16 16-3 3 3 3" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 12h14.5a1 1 0 0 1 0 7H13" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 19h6" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 5h18" })
+      ]
+    })
+  );
+};
 
 // src/lib/components/_com/Tooltip.tsx
 import { useState, Fragment, cloneElement, isValidElement, useId } from "react";
@@ -1209,5 +1234,6 @@ export {
   DragVerticalIcon,
   PlusIcon,
   EmojiIcon,
+  HardBreakIcon,
   Tooltip_default
 };

package/dist/{chunk-SJFT7WNM.mjs → chunk-M4KZGB5K.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-VYDH6BZE.mjs";
 import {
   Tooltip_default
-} from "./chunk-EN4BPI7N.mjs";
+} from "./chunk-LLHBVRQR.mjs";
 
 // src/lib/components/ButtonComponent.tsx
 import { useMemo } from "react";

package/dist/{chunk-WZKGD3DD.mjs → chunk-TLG5Z2FX.mjs}

@@ -1,6 +1,6 @@
 import {
   DropdownComponent_default
-} from "./chunk-FJQ4FZRS.mjs";
+} from "./chunk-3TQQTC2W.mjs";
 import {
   useEditor
 } from "./chunk-VYDH6BZE.mjs";
@@ -8,7 +8,7 @@ import {
   BackgroundIcon,
   ColorIcon,
   Palette
-} from "./chunk-EN4BPI7N.mjs";
+} from "./chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/backgroundcolor.js

@@ -292,8 +292,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/backgroundcolor.mjs

@@ -2,12 +2,12 @@ import {
   ColorComponent_default,
   ColorIconComponent_default,
   DEFAULT_COLOR_LIST
-} from "../chunk-WZKGD3DD.mjs";
+} from "../chunk-TLG5Z2FX.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
-import "../chunk-EN4BPI7N.mjs";
+import "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/blockquote.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   BlockquoteLeft
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/bold.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   BoldIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/bulletlist.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   BulletListIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/clearformat.mjs

@@ -1,9 +1,9 @@
 import {
   ButtonWithoutActive_default
-} from "../chunk-WXCHG3NQ.mjs";
+} from "../chunk-3IVNW3UJ.mjs";
 import {
   ClearIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/color.js

@@ -293,8 +293,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/color.mjs

@@ -1,10 +1,10 @@
 import {
   Color,
   DEFAULT_COLOR_LIST
-} from "../chunk-WZKGD3DD.mjs";
-import "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-TLG5Z2FX.mjs";
+import "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
-import "../chunk-EN4BPI7N.mjs";
+import "../chunk-LLHBVRQR.mjs";
 import "../chunk-WNQUEZJF.mjs";
 export {
   Color,

package/dist/extension/emoji.js

@@ -209,8 +209,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;
@@ -387,7 +387,7 @@ var Emoji = import_extension_emoji2.Emoji.extend({
     return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
       openOnClick: false,
       showInBubbleMenu: false,
-      bubbleMenuPosition: 10,
+      bubbleMenuPosition: 11,
       component: ({ options, editor, dropdownContainerClassName }) => {
         return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           DropdownComponent_default,

package/dist/extension/emoji.mjs

@@ -1,9 +1,9 @@
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import {
   EmojiIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -125,7 +125,7 @@ var Emoji = TiptapEmoji.extend({
     return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
       openOnClick: false,
       showInBubbleMenu: false,
-      bubbleMenuPosition: 10,
+      bubbleMenuPosition: 11,
       component: ({ options, editor, dropdownContainerClassName }) => {
         return /* @__PURE__ */ jsx2(Fragment, { children: /* @__PURE__ */ jsx2(
           DropdownComponent_default,

package/dist/extension/font-family.js

@@ -184,8 +184,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/font-family.mjs

@@ -3,9 +3,9 @@ import {
 } from "../chunk-M4ORWR74.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
-import "../chunk-EN4BPI7N.mjs";
+import "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/font-size.js

@@ -184,8 +184,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/font-size.mjs

@@ -3,9 +3,9 @@ import {
 } from "../chunk-M4ORWR74.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
-import "../chunk-EN4BPI7N.mjs";
+import "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/hardbreak.d.mts

@@ -0,0 +1,13 @@
+import { HardBreakOptions } from '@tiptap/extension-hard-break';
+import { Node } from '@tiptap/react';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
+import 'react';
+import '@floating-ui/react';
+
+type ExtBoldOptions = ExtWithoutActiveOptions<HardBreakOptions & {
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}>;
+declare const HardBreak: Node<ExtBoldOptions>;
+
+export { HardBreak };

package/dist/extension/hardbreak.d.ts

@@ -0,0 +1,13 @@
+import { HardBreakOptions } from '@tiptap/extension-hard-break';
+import { Node } from '@tiptap/react';
+import { b as ExtWithoutActiveOptions } from '../tiptap-ext.type-B3TtT7-J.js';
+import 'react';
+import '@floating-ui/react';
+
+type ExtBoldOptions = ExtWithoutActiveOptions<HardBreakOptions & {
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}>;
+declare const HardBreak: Node<ExtBoldOptions>;
+
+export { HardBreak };

package/dist/extension/hardbreak.js

@@ -0,0 +1,250 @@
+"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/HardBreak.tsx
+var HardBreak_exports = {};
+__export(HardBreak_exports, {
+  HardBreak: () => HardBreak
+});
+module.exports = __toCommonJS(HardBreak_exports);
+var import_extension_hard_break = require("@tiptap/extension-hard-break");
+
+// src/lib/icons/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var HardBreakIcon = (_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: "m16 16-3 3 3 3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12h14.5a1 1 0 0 1 0 7H13" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 19h6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 5h18" })
+      ]
+    })
+  );
+};
+
+// src/lib/components/ButtonWithoutActive.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/ButtonWithoutActive.tsx
+var import_react5 = require("@tiptap/react");
+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 shortcutText = (0, import_react4.useMemo)(() => {
+    if (!_interShortcut) return "";
+    return (0, import_react5.isMacOS)() ? _interShortcut.mac : _interShortcut.win;
+  }, [_interShortcut]);
+  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", {}),
+      " ",
+      shortcutText,
+      " "
+    ] })
+  ] });
+  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/HardBreak.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var HardBreak = import_extension_hard_break.HardBreak.extend({
+  addOptions() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 10,
+      component: ({ editor, options, buttonClassName }) => {
+        return /* @__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)(HardBreakIcon, {}),
+            _onToggle: () => editor.chain().focus().setHardBreak().run(),
+            _interShortcut: { win: "\u21E7 + \u23CE + Ctrl + \u23CE", mac: "\u21E7 + \u23CE + \u2318 + \u23CE" },
+            _tooltipContent: "Hard Break",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HardBreak
+});

package/dist/extension/hardbreak.mjs

@@ -0,0 +1,45 @@
+import {
+  ButtonWithoutActive_default
+} from "../chunk-3IVNW3UJ.mjs";
+import {
+  HardBreakIcon
+} from "../chunk-LLHBVRQR.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-WNQUEZJF.mjs";
+
+// src/extension/HardBreak.tsx
+import { HardBreak as TiptapHardBreak } from "@tiptap/extension-hard-break";
+import { jsx } from "react/jsx-runtime";
+var HardBreak = TiptapHardBreak.extend({
+  addOptions() {
+    var _a;
+    const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      showInBubbleMenu: true,
+      bubbleMenuPosition: 10,
+      component: ({ editor, options, buttonClassName }) => {
+        return /* @__PURE__ */ jsx(
+          ButtonWithoutActive_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ jsx(HardBreakIcon, {}),
+            _onToggle: () => editor.chain().focus().setHardBreak().run(),
+            _interShortcut: { win: "\u21E7 + \u23CE + Ctrl + \u23CE", mac: "\u21E7 + \u23CE + \u2318 + \u23CE" },
+            _tooltipContent: "Hard Break",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+export {
+  HardBreak
+};

package/dist/extension/heading.js

@@ -353,8 +353,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/heading.mjs

@@ -3,7 +3,7 @@ import {
 } from "../chunk-M4ORWR74.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   H1Icon,
@@ -13,7 +13,7 @@ import {
   H5Icon,
   H6Icon,
   Pilcrow
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/history.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonWithoutActive_default
-} from "../chunk-WXCHG3NQ.mjs";
+} from "../chunk-3IVNW3UJ.mjs";
 import {
   Redo2,
   Undo2
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/horizontalrule.mjs

@@ -1,9 +1,9 @@
 import {
   ButtonWithoutActive_default
-} from "../chunk-WXCHG3NQ.mjs";
+} from "../chunk-3IVNW3UJ.mjs";
 import {
   MinusIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/image.mjs

@@ -4,7 +4,7 @@ import {
 } from "../chunk-W367UGID.mjs";
 import {
   ButtonWithoutActive_default
-} from "../chunk-WXCHG3NQ.mjs";
+} from "../chunk-3IVNW3UJ.mjs";
 import {
   AlignCenter,
   AlignLeft,
@@ -16,7 +16,7 @@ import {
   ImageUpIcon,
   Tooltip_default,
   TrashIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __async,
   __objRest,

package/dist/extension/indentoutdent.mjs

@@ -1,11 +1,11 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   IndentIcon,
   OutdentIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/italic.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   ItalicIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/lineheight.js

@@ -191,8 +191,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/lineheight.mjs

@@ -1,12 +1,12 @@
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import {
   useEditor
 } from "../chunk-VYDH6BZE.mjs";
 import {
   FormatLineHeight
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/link.js

@@ -205,8 +205,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/link.mjs

@@ -4,13 +4,13 @@ import {
 } from "../chunk-W367UGID.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import {
   useEditor
 } from "../chunk-VYDH6BZE.mjs";
 import {
   LinkIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/orderedlist.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   OrderListIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/strike.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   StrikeIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/subandsuperscript.js

@@ -266,8 +266,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/subandsuperscript.mjs

@@ -3,13 +3,13 @@ import {
 } from "../chunk-M4ORWR74.mjs";
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   SubAndSupIcon,
   SubIcon,
   SupIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/subscript.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   SubIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/superscript.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   SupIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/table.js

@@ -207,8 +207,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/table.mjs

@@ -1,9 +1,9 @@
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import {
   TabelIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/tasklist.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   TaskListIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/textalign.js

@@ -273,8 +273,8 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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 initialMotion = { opacity: 0, y: -5 };
+  const animateMotion = { opacity: 1, y: 0 };
   const enhancedChildren = import_react4.Children.map(children, (child) => {
     if (!(0, import_react4.isValidElement)(child)) return child;
     const prevOnSelect = child.props.onSelect;

package/dist/extension/textalign.mjs

@@ -1,12 +1,12 @@
 import {
   DropdownComponent_default
-} from "../chunk-FJQ4FZRS.mjs";
+} from "../chunk-3TQQTC2W.mjs";
 import {
   AlignCenter,
   AlignJustify,
   AlignLeft,
   AlignRight
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/extension/underline.mjs

@@ -1,10 +1,10 @@
 import {
   ButtonComponent_default
-} from "../chunk-SJFT7WNM.mjs";
+} from "../chunk-M4KZGB5K.mjs";
 import "../chunk-VYDH6BZE.mjs";
 import {
   UnderIcon
-} from "../chunk-EN4BPI7N.mjs";
+} from "../chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues

package/dist/index.js

@@ -67,12 +67,11 @@ module.exports = __toCommonJS(src_exports);
 var import_dist = require("@siamf/react-color-pick/dist/index.css");
 
 // src/lib/Editor.tsx
-var import_react7 = require("react");
-var import_react8 = require("@tiptap/react");
+var import_react6 = require("react");
+var import_react7 = require("@tiptap/react");
 
 // src/lib/internal_com/RiDragHandler.tsx
 var import_extension_drag_handle_react = __toESM(require("@tiptap/extension-drag-handle-react"));
-var import_react4 = require("@tiptap/react");
 var import_state = require("@tiptap/pm/state");
 
 // src/lib/icons/index.tsx
@@ -212,16 +211,7 @@ var Tooltip_default = Tooltip;
 
 // src/lib/internal_com/RiDragHandler.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var isDocEmpty = (editor) => {
-  var _a;
-  const doc = editor.state.doc;
-  return doc.childCount === 1 && ((_a = doc.firstChild) == null ? void 0 : _a.isTextblock) === true && doc.firstChild.content.size === 0;
-};
 var RiDragHandler = ({ editor }) => {
-  const empty = (0, import_react4.useEditorState)({
-    editor,
-    selector: ({ editor: editor2 }) => isDocEmpty(editor2)
-  });
   const insertSlash = () => {
     editor.chain().focus().command(({ tr, state }) => {
       const { $from } = state.selection;
@@ -243,8 +233,7 @@ var RiDragHandler = ({ editor }) => {
       return true;
     }).run();
   };
-  if (empty) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_extension_drag_handle_react.default, { editor, nested: empty, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-x-1.5 mt-1.5 -translate-x-1.5", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_extension_drag_handle_react.default, { editor, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex gap-x-1.5 mt-1.5 -translate-x-1.5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tooltip_default, { content: "Insert Content", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
@@ -269,7 +258,7 @@ var RiDragHandler = ({ editor }) => {
 var RiDragHandler_default = RiDragHandler;
 
 // src/lib/internal_com/BubbleMenu.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_menus = require("@tiptap/react/menus");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var BubbleMenu = ({ editor }) => {
@@ -302,7 +291,7 @@ var BubbleMenu = ({ editor }) => {
     return a.name.localeCompare(b.name);
   });
   if (!entries.length) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_menus.BubbleMenu, { editor, options: { placement: "top", offset: 10, flip: true }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "bg-white flex gap-x-1 py-2 px-2 rounded-md border border-gray-200", children: entries.map(({ name, renderButton, options }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react5.Fragment, { children: renderButton({
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_menus.BubbleMenu, { editor, options: { placement: "top", offset: 10, flip: true }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "bg-white flex gap-x-1 py-2 px-2 rounded-md border border-gray-200", children: entries.map(({ name, renderButton, options }) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.Fragment, { children: renderButton({
     editor,
     options,
     buttonClassName: "",
@@ -313,11 +302,11 @@ var BubbleMenu = ({ editor }) => {
 var BubbleMenu_default = BubbleMenu;
 
 // src/lib/context/editor.context.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var EditorContext = (0, import_react6.createContext)({ editor: null });
+var EditorContext = (0, import_react5.createContext)({ editor: null });
 var useEditor = () => {
-  const ctx = (0, import_react6.useContext)(EditorContext);
+  const ctx = (0, import_react5.useContext)(EditorContext);
   if (!ctx) throw new Error("<Toolbar/> & <Content/> component must be used inside <Editor>...</Editor/>");
   return ctx;
 };
@@ -328,11 +317,12 @@ var EditorProvider = ({ children, value }) => {
 // src/lib/Editor.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var Editor = ({ children, extensions = [], className, dragHandler = true, showBubbleMenu = true }) => {
-  const editor = (0, import_react8.useEditor)({
-    extensions: [...extensions],
+  const stableExtensions = (0, import_react6.useMemo)(() => extensions, [extensions]);
+  const editor = (0, import_react7.useEditor)({
+    extensions: stableExtensions,
     immediatelyRender: false
-  });
-  const value = (0, import_react7.useMemo)(() => ({ editor }), [editor]);
+  }, [stableExtensions]);
+  const value = (0, import_react6.useMemo)(() => ({ editor }), [editor]);
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(EditorProvider, { value: __spreadProps(__spreadValues({}, value), { dragHandler }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className, children }),
     value.editor && dragHandler && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RiDragHandler_default, { editor: value.editor }),
@@ -384,12 +374,12 @@ var Toolbar = ({ className, buttonClassName, dropdownContainerClassName, dropdow
 var Toolbar_default = Toolbar;
 
 // src/lib/Content.tsx
-var import_react9 = require("@tiptap/react");
+var import_react8 = require("@tiptap/react");
 var import_tailwind_merge3 = require("tailwind-merge");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Content = ({ className }) => {
   const { editor, dragHandler } = useEditor();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react9.EditorContent, { editor, className: (0, import_tailwind_merge3.twMerge)(`focus:outline-none [&_.tiptap]:focus:outline-none [&_.tiptap]:min-h-50 ${dragHandler ? "[&_.tiptap]:p-[10px_20px_10px_50px]" : "[&_.tiptap]:p-[10px_20px]"}`, className) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.EditorContent, { editor, className: (0, import_tailwind_merge3.twMerge)(`focus:outline-none [&_.tiptap]:focus:outline-none [&_.tiptap]:min-h-50 ${dragHandler ? "[&_.tiptap]:p-[10px_20px_10px_50px]" : "[&_.tiptap]:p-[10px_20px]"}`, className) });
 };
 var Content_default = Content;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -6,7 +6,7 @@ import {
   DragVerticalIcon,
   PlusIcon,
   Tooltip_default
-} from "./chunk-EN4BPI7N.mjs";
+} from "./chunk-LLHBVRQR.mjs";
 import {
   __spreadProps,
   __spreadValues
@@ -21,19 +21,9 @@ import { useEditor as useEditor2 } from "@tiptap/react";
 
 // src/lib/internal_com/RiDragHandler.tsx
 import DragHandle from "@tiptap/extension-drag-handle-react";
-import { useEditorState } from "@tiptap/react";
 import { TextSelection } from "@tiptap/pm/state";
 import { jsx, jsxs } from "react/jsx-runtime";
-var isDocEmpty = (editor) => {
-  var _a;
-  const doc = editor.state.doc;
-  return doc.childCount === 1 && ((_a = doc.firstChild) == null ? void 0 : _a.isTextblock) === true && doc.firstChild.content.size === 0;
-};
 var RiDragHandler = ({ editor }) => {
-  const empty = useEditorState({
-    editor,
-    selector: ({ editor: editor2 }) => isDocEmpty(editor2)
-  });
   const insertSlash = () => {
     editor.chain().focus().command(({ tr, state }) => {
       const { $from } = state.selection;
@@ -55,8 +45,7 @@ var RiDragHandler = ({ editor }) => {
       return true;
     }).run();
   };
-  if (empty) return null;
-  return /* @__PURE__ */ jsx(DragHandle, { editor, nested: empty, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-x-1.5 mt-1.5 -translate-x-1.5", children: [
+  return /* @__PURE__ */ jsx(DragHandle, { editor, children: /* @__PURE__ */ jsxs("div", { className: "flex gap-x-1.5 mt-1.5 -translate-x-1.5", children: [
     /* @__PURE__ */ jsx(Tooltip_default, { content: "Insert Content", children: /* @__PURE__ */ jsx(
       "button",
       {
@@ -127,10 +116,11 @@ var BubbleMenu_default = BubbleMenu;
 // src/lib/Editor.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 var Editor = ({ children, extensions = [], className, dragHandler = true, showBubbleMenu = true }) => {
+  const stableExtensions = useMemo(() => extensions, [extensions]);
   const editor = useEditor2({
-    extensions: [...extensions],
+    extensions: stableExtensions,
     immediatelyRender: false
-  });
+  }, [stableExtensions]);
   const value = useMemo(() => ({ editor }), [editor]);
   return /* @__PURE__ */ jsxs2(EditorProvider, { value: __spreadProps(__spreadValues({}, value), { dragHandler }), children: [
     /* @__PURE__ */ jsx3("div", { className, children }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ritext",
-  "version": "1.0.25",
+  "version": "1.0.28",
   "description": "Ritext is a modern WYSIWYG rich text editor built with Tailwind CSS, powered by Tiptap. It offers a customizable UI and functional layer that lets you design your own editor controls and toolbars with clean, composable React components—no heavy UI, no extra dependencies beyond Tiptap.",
   "homepage": "https://ritext.vercel.app/",
   "main": "dist/index.js",
@@ -87,33 +87,33 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.17",
     "@siamf/react-color-pick": "^1.5.4",
-    "@tiptap/extension-blockquote": "^3.18.0",
-    "@tiptap/extension-bold": "^3.18.0",
-    "@tiptap/extension-document": "^3.18.0",
-    "@tiptap/extension-drag-handle": "^3.18.0",
-    "@tiptap/extension-drag-handle-react": "^3.18.0",
-    "@tiptap/extension-emoji": "^3.18.0",
-    "@tiptap/extension-heading": "^3.18.0",
-    "@tiptap/extension-horizontal-rule": "^3.18.0",
-    "@tiptap/extension-image": "^3.18.0",
-    "@tiptap/extension-italic": "^3.18.0",
-    "@tiptap/extension-link": "^3.18.0",
-    "@tiptap/extension-list": "^3.18.0",
-    "@tiptap/extension-paragraph": "^3.18.0",
-    "@tiptap/extension-strike": "^3.18.0",
-    "@tiptap/extension-subscript": "^3.18.0",
-    "@tiptap/extension-superscript": "^3.18.0",
-    "@tiptap/extension-table": "^3.18.0",
-    "@tiptap/extension-text": "^3.18.0",
-    "@tiptap/extension-text-align": "^3.18.0",
-    "@tiptap/extension-text-style": "^3.18.0",
-    "@tiptap/extension-underline": "^3.18.0",
-    "@tiptap/extensions": "^3.18.0",
-    "@tiptap/pm": "^3.18.0",
-    "@tiptap/react": "^3.18.0",
-    "@tiptap/starter-kit": "^3.18.0",
+    "@tiptap/extension-blockquote": "^3.14.0",
+    "@tiptap/extension-bold": "^3.14.0",
+    "@tiptap/extension-document": "^3.14.0",
+    "@tiptap/extension-drag-handle": "3.14.0",
+    "@tiptap/extension-drag-handle-react": "3.14.0",
+    "@tiptap/extension-emoji": "^3.14.0",
+    "@tiptap/extension-hard-break": "3.14.0",
+    "@tiptap/extension-heading": "^3.14.0",
+    "@tiptap/extension-horizontal-rule": "^3.14.0",
+    "@tiptap/extension-image": "^3.14.0",
+    "@tiptap/extension-italic": "^3.14.0",
+    "@tiptap/extension-link": "^3.14.0",
+    "@tiptap/extension-list": "^3.14.0",
+    "@tiptap/extension-paragraph": "^3.14.0",
+    "@tiptap/extension-strike": "^3.14.0",
+    "@tiptap/extension-subscript": "^3.14.0",
+    "@tiptap/extension-superscript": "^3.14.0",
+    "@tiptap/extension-table": "^3.14.0",
+    "@tiptap/extension-text": "^3.14.0",
+    "@tiptap/extension-text-align": "^3.14.0",
+    "@tiptap/extension-text-style": "^3.14.0",
+    "@tiptap/extension-underline": "^3.14.0",
+    "@tiptap/extensions": "^3.14.0",
+    "@tiptap/pm": "^3.14.0",
+    "@tiptap/react": "^3.14.0",
+    "@tiptap/starter-kit": "^3.14.0",
     "motion": "^12.29.2",
-    "prosemirror-view": "1.41.5",
     "react-easy-crop": "^5.5.6",
     "tailwind-merge": "^3.4.0"
   },