ritext 1.0.19 → 1.0.25

package/dist/extension/font-family.js

@@ -144,7 +144,7 @@ var Tooltip_default = Tooltip;
 // src/lib/components/DropdownComponent.tsx
 var import_react5 = require("@floating-ui/react");
 
-// src/lib/icon/ArrowIcon.tsx
+// src/lib/icons/index.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ArrowIcon = (_a) => {
   var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
@@ -166,7 +166,6 @@ var ArrowIcon = (_a) => {
     })
   );
 };
-var ArrowIcon_default = ArrowIcon;
 
 // src/lib/components/DropdownComponent.tsx
 var import_react6 = require("motion/react");
@@ -189,13 +188,16 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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_runtime3.jsxs)(
     "button",
@@ -211,7 +213,7 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
       style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: content != null ? content : _internalContent }),
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowIcon_default, { size: 14, className: "text-gray-500 block" })
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowIcon, { size: 14, className: "text-gray-500 block" })
       ]
     })
   );
@@ -240,7 +242,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
       })
     ) }) })
@@ -288,10 +290,10 @@ var DropdownItemComponent_default = DropdownItemComponent;
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FontFamily = import_extension_text_style.FontFamily.extend({
   addOptions() {
-    var _a, _b;
+    var _a;
     const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
-    return __spreadProps(__spreadValues({}, parent), {
-      types: (_b = parent == null ? void 0 : parent.types) != null ? _b : ["textStyle"],
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      types: ["textStyle"],
       fontFamilyList: DEFAULT_FONT_FAMILY_LIST,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
         var _a2;
@@ -358,9 +360,6 @@ var FontFamily = import_extension_text_style.FontFamily.extend({
         );
       }
     });
-  },
-  addExtensions() {
-    return [import_extension_text_style.TextStyle];
   }
 });
 var DEFAULT_FONT_FAMILY_LIST = [

package/dist/extension/font-family.mjs

@@ -1,23 +1,25 @@
 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 "../chunk-EN4BPI7N.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
+} from "../chunk-WNQUEZJF.mjs";
 
 // src/extension/FontFamily.tsx
-import { FontFamily as TiptapFontFamily, TextStyle } from "@tiptap/extension-text-style";
+import { FontFamily as TiptapFontFamily } from "@tiptap/extension-text-style";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FontFamily = TiptapFontFamily.extend({
   addOptions() {
-    var _a, _b;
+    var _a;
     const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
-    return __spreadProps(__spreadValues({}, parent), {
-      types: (_b = parent == null ? void 0 : parent.types) != null ? _b : ["textStyle"],
+    return __spreadProps(__spreadValues({}, parent != null ? parent : {}), {
+      types: ["textStyle"],
       fontFamilyList: DEFAULT_FONT_FAMILY_LIST,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
         var _a2;
@@ -84,9 +86,6 @@ var FontFamily = TiptapFontFamily.extend({
         );
       }
     });
-  },
-  addExtensions() {
-    return [TextStyle];
   }
 });
 var DEFAULT_FONT_FAMILY_LIST = [

package/dist/extension/font-size.d.mts

@@ -1,22 +1,19 @@
-import { ReactNode } from 'react';
-import { Extension, Editor } from '@tiptap/react';
+import { Extension } from '@tiptap/react';
 import { FontSizeOptions } from '@tiptap/extension-text-style';
-import { a as ExtDropdownOptions } from '../tiptap-ext.type-DrneAC5G.mjs';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
+import 'react';
 import '@floating-ui/react';
 
 type FontSizeListItem = string | {
     label: string;
     value?: string | null;
 };
-interface ExtFontSizeOptions extends ExtDropdownOptions, FontSizeOptions {
+type ExtFontSizeOptions = ExtDropdownOptions<FontSizeOptions & {
     fontSizeList?: FontSizeListItem[];
-    component: (args: {
-        options: ExtFontSizeOptions;
-        editor: Editor;
-        dropdownContainerClassName: string;
-        dropdownItemClassName: string;
-    }) => ReactNode;
-}
+}, {
+    dropdownContainerClassName: string;
+    dropdownItemClassName: string;
+}>;
 declare const FontSize: Extension<ExtFontSizeOptions>;
 declare const DEFAULT_FONT_SIZE_LIST: FontSizeListItem[];
 

package/dist/extension/font-size.d.ts

@@ -1,22 +1,19 @@
-import { ReactNode } from 'react';
-import { Extension, Editor } from '@tiptap/react';
+import { Extension } from '@tiptap/react';
 import { FontSizeOptions } from '@tiptap/extension-text-style';
-import { a as ExtDropdownOptions } from '../tiptap-ext.type-DrneAC5G.js';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.js';
+import 'react';
 import '@floating-ui/react';
 
 type FontSizeListItem = string | {
     label: string;
     value?: string | null;
 };
-interface ExtFontSizeOptions extends ExtDropdownOptions, FontSizeOptions {
+type ExtFontSizeOptions = ExtDropdownOptions<FontSizeOptions & {
     fontSizeList?: FontSizeListItem[];
-    component: (args: {
-        options: ExtFontSizeOptions;
-        editor: Editor;
-        dropdownContainerClassName: string;
-        dropdownItemClassName: string;
-    }) => ReactNode;
-}
+}, {
+    dropdownContainerClassName: string;
+    dropdownItemClassName: string;
+}>;
 declare const FontSize: Extension<ExtFontSizeOptions>;
 declare const DEFAULT_FONT_SIZE_LIST: FontSizeListItem[];
 

package/dist/extension/font-size.js

@@ -144,7 +144,7 @@ var Tooltip_default = Tooltip;
 // src/lib/components/DropdownComponent.tsx
 var import_react5 = require("@floating-ui/react");
 
-// src/lib/icon/ArrowIcon.tsx
+// src/lib/icons/index.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ArrowIcon = (_a) => {
   var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
@@ -166,7 +166,6 @@ var ArrowIcon = (_a) => {
     })
   );
 };
-var ArrowIcon_default = ArrowIcon;
 
 // src/lib/components/DropdownComponent.tsx
 var import_react6 = require("motion/react");
@@ -189,13 +188,16 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
   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_runtime3.jsxs)(
     "button",
@@ -211,7 +213,7 @@ var DropdownComponent = ({ children, className, showArrow = true, content, dropd
       style,
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: content != null ? content : _internalContent }),
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowIcon_default, { size: 14, className: "text-gray-500 block" })
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ArrowIcon, { size: 14, className: "text-gray-500 block" })
       ]
     })
   );
@@ -240,7 +242,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
       })
     ) }) })
@@ -288,10 +290,10 @@ var DropdownItemComponent_default = DropdownItemComponent;
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FontSize = import_extension_text_style.FontSize.extend({
   addOptions() {
-    var _a, _b;
+    var _a;
     const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
     return __spreadProps(__spreadValues({}, parent), {
-      types: (_b = parent == null ? void 0 : parent.types) != null ? _b : ["textStyle"],
+      types: ["textStyle"],
       fontSizeList: DEFAULT_FONT_SIZE_LIST,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
         var _a2;
@@ -356,10 +358,6 @@ var FontSize = import_extension_text_style.FontSize.extend({
         );
       }
     });
-  },
-  // ✅ guarantees TextStyle exists even if user forgot to add it
-  addExtensions() {
-    return [import_extension_text_style.TextStyle];
   }
 });
 var DEFAULT_FONT_SIZE_LIST = [

package/dist/extension/font-size.mjs

@@ -1,23 +1,25 @@
 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 "../chunk-EN4BPI7N.mjs";
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-FWCSY2DS.mjs";
+} from "../chunk-WNQUEZJF.mjs";
 
 // src/extension/FontSize.tsx
-import { FontSize as TiptapFontSize, TextStyle } from "@tiptap/extension-text-style";
+import { FontSize as TiptapFontSize } from "@tiptap/extension-text-style";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FontSize = TiptapFontSize.extend({
   addOptions() {
-    var _a, _b;
+    var _a;
     const parent = (_a = this.parent) == null ? void 0 : _a.call(this);
     return __spreadProps(__spreadValues({}, parent), {
-      types: (_b = parent == null ? void 0 : parent.types) != null ? _b : ["textStyle"],
+      types: ["textStyle"],
       fontSizeList: DEFAULT_FONT_SIZE_LIST,
       component: ({ options, editor, dropdownContainerClassName, dropdownItemClassName }) => {
         var _a2;
@@ -82,10 +84,6 @@ var FontSize = TiptapFontSize.extend({
         );
       }
     });
-  },
-  // ✅ guarantees TextStyle exists even if user forgot to add it
-  addExtensions() {
-    return [TextStyle];
   }
 });
 var DEFAULT_FONT_SIZE_LIST = [

package/dist/extension/heading.d.mts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import { Node, Editor } from '@tiptap/react';
-import { a as ExtDropdownOptions } from '../tiptap-ext.type-DrneAC5G.mjs';
+import { Node } from '@tiptap/react';
+import { HeadingOptions } from '@tiptap/extension-heading';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.mjs';
 import '@floating-ui/react';
 
-interface ExtHeadingOptions extends ExtDropdownOptions {
+type ExtHeadingOptions = ExtDropdownOptions<HeadingOptions & {
     showKeyShortcutText?: boolean;
     level?: {
         enable: boolean;
@@ -11,13 +12,12 @@ interface ExtHeadingOptions extends ExtDropdownOptions {
         text?: string;
         keyShortcuts?: string;
     }[];
-    component: (args: {
-        options: ExtHeadingOptions;
-        editor: Editor;
-        dropdownContainerClassName: string;
-        dropdownItemClassName: string;
-    }) => ReactNode;
-}
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}, {
+    dropdownContainerClassName: string;
+    dropdownItemClassName: string;
+}>;
 declare const Heading: Node<ExtHeadingOptions>;
 
 export { Heading };

package/dist/extension/heading.d.ts

@@ -1,9 +1,10 @@
 import { ReactNode } from 'react';
-import { Node, Editor } from '@tiptap/react';
-import { a as ExtDropdownOptions } from '../tiptap-ext.type-DrneAC5G.js';
+import { Node } from '@tiptap/react';
+import { HeadingOptions } from '@tiptap/extension-heading';
+import { a as ExtDropdownOptions } from '../tiptap-ext.type-B3TtT7-J.js';
 import '@floating-ui/react';
 
-interface ExtHeadingOptions extends ExtDropdownOptions {
+type ExtHeadingOptions = ExtDropdownOptions<HeadingOptions & {
     showKeyShortcutText?: boolean;
     level?: {
         enable: boolean;
@@ -11,13 +12,12 @@ interface ExtHeadingOptions extends ExtDropdownOptions {
         text?: string;
         keyShortcuts?: string;
     }[];
-    component: (args: {
-        options: ExtHeadingOptions;
-        editor: Editor;
-        dropdownContainerClassName: string;
-        dropdownItemClassName: string;
-    }) => ReactNode;
-}
+    showInBubbleMenu?: boolean;
+    bubbleMenuPosition?: number;
+}, {
+    dropdownContainerClassName: string;
+    dropdownItemClassName: string;
+}>;
 declare const Heading: Node<ExtHeadingOptions>;
 
 export { Heading };