ritext 1.0.12 → 1.0.14

package/README.md

@@ -19,8 +19,9 @@ Ritext is a modern WYSIWYG rich text editor built with Tailwind CSS, powered by
 - [x] Italic
 - [x] Underline
 - [x] Strike
-- [ ] Subscript
-- [ ] Superscript
+- [x] Subscript
+- [x] Superscript
+- [ ] SubAndSuperScript
 - [ ] Format Painter
 - [ ] Clear Format
 - [ ] Font Family

package/dist/index.d.mts

@@ -44,4 +44,8 @@ declare const Underline: Mark<ExtButtonOptions, any>;
 
 declare const Strike: Mark<ExtButtonOptions, any>;
 
-export { Bold, Content, Editor, Italic, Strike, Toolbar, Underline };
+declare const Subscript: Mark<ExtButtonOptions, any>;
+
+declare const Superscript: Mark<ExtButtonOptions, any>;
+
+export { Bold, Content, Editor, Italic, Strike, Subscript, Superscript, Toolbar, Underline };

package/dist/index.d.ts

@@ -44,4 +44,8 @@ declare const Underline: Mark<ExtButtonOptions, any>;
 
 declare const Strike: Mark<ExtButtonOptions, any>;
 
-export { Bold, Content, Editor, Italic, Strike, Toolbar, Underline };
+declare const Subscript: Mark<ExtButtonOptions, any>;
+
+declare const Superscript: Mark<ExtButtonOptions, any>;
+
+export { Bold, Content, Editor, Italic, Strike, Subscript, Superscript, Toolbar, Underline };

package/dist/index.js

@@ -64,6 +64,8 @@ __export(index_exports, {
   Editor: () => Editor_default,
   Italic: () => Italic,
   Strike: () => Strike,
+  Subscript: () => Subscript,
+  Superscript: () => Superscript,
   Toolbar: () => Toolbar_default,
   Underline: () => Underline
 });
@@ -492,6 +494,128 @@ var Strike = import_extension_strike.default.extend({
     });
   }
 });
+
+// src/lib/extensions/Subscript.tsx
+var import_extension_subscript = __toESM(require("@tiptap/extension-subscript"));
+
+// src/lib/icon/SubIcon.tsx
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var SubIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)("path", { d: "m4 5 8 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "m12 5-8 8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
+      ]
+    })
+  );
+};
+var SubIcon_default = SubIcon;
+
+// src/lib/extensions/Subscript.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Subscript = import_extension_subscript.default.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      button: ({ options, editor, buttonClassName }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(SubIcon_default, {}),
+            _extName: "subscript",
+            _onToggle: () => editor.chain().focus().toggleSubscript().run(),
+            _interShortcut: "\u2318 + ,",
+            _tooltipContent: "Subscript",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+
+// src/lib/extensions/Superscript.tsx
+var import_extension_superscript = __toESM(require("@tiptap/extension-superscript"));
+
+// src/lib/icon/SupIcon.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var SupIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.jsx)("path", { d: "m4 19 8-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m12 19-8-8" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06" })
+      ]
+    })
+  );
+};
+var SupIcon_default = SupIcon;
+
+// src/lib/extensions/Superscript.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Superscript = import_extension_superscript.default.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      button: ({ options, editor, buttonClassName }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SupIcon_default, {}),
+            _extName: "superscript",
+            _onToggle: () => editor.chain().focus().toggleSuperscript().run(),
+            _interShortcut: "\u2318 + ,",
+            _tooltipContent: "Superscript",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Bold,
@@ -499,6 +623,8 @@ var Strike = import_extension_strike.default.extend({
   Editor,
   Italic,
   Strike,
+  Subscript,
+  Superscript,
   Toolbar,
   Underline
 });

package/dist/index.mjs

@@ -453,12 +453,136 @@ var Strike = TiptapStrike.extend({
     });
   }
 });
+
+// src/lib/extensions/Subscript.tsx
+import TiptapSubscript from "@tiptap/extension-subscript";
+
+// src/lib/icon/SubIcon.tsx
+import { jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+var SubIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ jsxs6(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx15("path", { d: "m4 5 8 8" }),
+        /* @__PURE__ */ jsx15("path", { d: "m12 5-8 8" }),
+        /* @__PURE__ */ jsx15("path", { d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" })
+      ]
+    })
+  );
+};
+var SubIcon_default = SubIcon;
+
+// src/lib/extensions/Subscript.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Subscript = TiptapSubscript.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      button: ({ options, editor, buttonClassName }) => {
+        return /* @__PURE__ */ jsx16(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ jsx16(SubIcon_default, {}),
+            _extName: "subscript",
+            _onToggle: () => editor.chain().focus().toggleSubscript().run(),
+            _interShortcut: "\u2318 + ,",
+            _tooltipContent: "Subscript",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
+
+// src/lib/extensions/Superscript.tsx
+import TiptapSuperscript from "@tiptap/extension-superscript";
+
+// src/lib/icon/SupIcon.tsx
+import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
+var SupIcon = (_a) => {
+  var _b = _a, { size = 17, className } = _b, props = __objRest(_b, ["size", "className"]);
+  return /* @__PURE__ */ jsxs7(
+    "svg",
+    __spreadProps(__spreadValues({
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      width: size,
+      height: size,
+      className
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx17("path", { d: "m4 19 8-8" }),
+        /* @__PURE__ */ jsx17("path", { d: "m12 19-8-8" }),
+        /* @__PURE__ */ jsx17("path", { d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06" })
+      ]
+    })
+  );
+};
+var SupIcon_default = SupIcon;
+
+// src/lib/extensions/Superscript.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Superscript = TiptapSuperscript.extend({
+  addOptions() {
+    var _a;
+    return __spreadProps(__spreadValues({}, (_a = this.parent) == null ? void 0 : _a.call(this)), {
+      button: ({ options, editor, buttonClassName }) => {
+        return /* @__PURE__ */ jsx18(
+          ButtonComponent_default,
+          {
+            className: options.className,
+            icon: options.icon,
+            style: options.style,
+            activeClassName: options.activeClassName,
+            tooltip: options.tooltip,
+            tooltipClassName: options.tooltipClassName,
+            tooltipPlacement: options.tooltipPlacement,
+            _internalIcon: /* @__PURE__ */ jsx18(SupIcon_default, {}),
+            _extName: "superscript",
+            _onToggle: () => editor.chain().focus().toggleSuperscript().run(),
+            _interShortcut: "\u2318 + ,",
+            _tooltipContent: "Superscript",
+            _buttonClassName: buttonClassName
+          }
+        );
+      }
+    });
+  }
+});
 export {
   Bold,
   Content_default as Content,
   Editor_default as Editor,
   Italic,
   Strike,
+  Subscript,
+  Superscript,
   Toolbar_default as Toolbar,
   Underline
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ritext",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "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",
@@ -54,21 +54,23 @@
     "react-dom": "^19.2.0",
     "tailwindcss": "^4.1.16",
     "tsup": "^8.5.0",
-    "turbo": "^2.5.8",
+    "turbo": "^2.6.0",
     "typescript": "^5.9.3"
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@tiptap/extension-bold": "^3.7.2",
-    "@tiptap/extension-document": "^3.7.2",
-    "@tiptap/extension-italic": "^3.7.2",
-    "@tiptap/extension-paragraph": "^3.7.2",
+    "@tiptap/extension-bold": "^3.10.1",
+    "@tiptap/extension-document": "^3.10.1",
+    "@tiptap/extension-italic": "^3.10.1",
+    "@tiptap/extension-paragraph": "^3.10.1",
     "@tiptap/extension-strike": "^3.10.1",
-    "@tiptap/extension-text": "^3.7.2",
+    "@tiptap/extension-subscript": "^3.10.1",
+    "@tiptap/extension-superscript": "^3.10.1",
+    "@tiptap/extension-text": "^3.10.1",
     "@tiptap/extension-underline": "^3.10.1",
-    "@tiptap/pm": "^3.7.2",
-    "@tiptap/react": "^3.7.2",
-    "@tiptap/starter-kit": "^3.7.2",
+    "@tiptap/pm": "^3.10.1",
+    "@tiptap/react": "^3.10.1",
+    "@tiptap/starter-kit": "^3.10.1",
     "motion": "^12.23.24",
     "tailwind-merge": "^3.3.1"
   },