ritext 1.2.0 → 1.2.1

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import { Extensions, JSONContent, Editor as Editor$1 } from '@tiptap/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -28,17 +28,22 @@ type EditorProps = {
 
 declare const Editor: react.ForwardRefExoticComponent<EditorProps & react.RefAttributes<EditorRef>>;
 
-interface Props$1 {
+interface Props$2 {
     className?: string;
     buttonClassName?: string;
     dropdownContainerClassName?: string;
     dropdownItemClassName?: string;
 }
-declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$2) => react_jsx_runtime.JSX.Element | null;
 
-interface Props {
+interface Props$1 {
     className?: string;
 }
-declare const Content: ({ className }: Props) => react_jsx_runtime.JSX.Element;
+declare const Content: ({ className }: Props$1) => react_jsx_runtime.JSX.Element;
+
+type Props = ComponentPropsWithoutRef<"div"> & {
+    content?: string | null;
+};
+declare const Renderer: ({ content, ...props }: Props) => react_jsx_runtime.JSX.Element | null;
 
-export { Content, Editor, type EditorRef, Toolbar };
+export { Content, Editor, type EditorRef, Renderer, Toolbar };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ReactNode } from 'react';
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
 import { Extensions, JSONContent, Editor as Editor$1 } from '@tiptap/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -28,17 +28,22 @@ type EditorProps = {
 
 declare const Editor: react.ForwardRefExoticComponent<EditorProps & react.RefAttributes<EditorRef>>;
 
-interface Props$1 {
+interface Props$2 {
     className?: string;
     buttonClassName?: string;
     dropdownContainerClassName?: string;
     dropdownItemClassName?: string;
 }
-declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$1) => react_jsx_runtime.JSX.Element | null;
+declare const Toolbar: ({ className, buttonClassName, dropdownContainerClassName, dropdownItemClassName }: Props$2) => react_jsx_runtime.JSX.Element | null;
 
-interface Props {
+interface Props$1 {
     className?: string;
 }
-declare const Content: ({ className }: Props) => react_jsx_runtime.JSX.Element;
+declare const Content: ({ className }: Props$1) => react_jsx_runtime.JSX.Element;
+
+type Props = ComponentPropsWithoutRef<"div"> & {
+    content?: string | null;
+};
+declare const Renderer: ({ content, ...props }: Props) => react_jsx_runtime.JSX.Element | null;
 
-export { Content, Editor, type EditorRef, Toolbar };
+export { Content, Editor, type EditorRef, Renderer, Toolbar };

package/dist/index.js

@@ -61,6 +61,7 @@ var src_exports = {};
 __export(src_exports, {
   Content: () => Content_default,
   Editor: () => Editor_default,
+  Renderer: () => Renderer_default,
   Toolbar: () => Toolbar_default
 });
 module.exports = __toCommonJS(src_exports);
@@ -429,9 +430,19 @@ var Content = ({ 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;
+
+// src/lib/Renderer.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Renderer = (_a) => {
+  var _b = _a, { content } = _b, props = __objRest(_b, ["content"]);
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", __spreadValues({ dangerouslySetInnerHTML: { __html: content } }, props));
+};
+var Renderer_default = Renderer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Content,
   Editor,
+  Renderer,
   Toolbar
 });

package/dist/index.mjs

@@ -8,6 +8,7 @@ import {
   Tooltip_default
 } from "./chunk-LLHBVRQR.mjs";
 import {
+  __objRest,
   __spreadProps,
   __spreadValues
 } from "./chunk-WNQUEZJF.mjs";
@@ -228,8 +229,18 @@ var Content = ({ className }) => {
   return /* @__PURE__ */ jsx5(EditorContent, { editor, className: twMerge2(`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;
+
+// src/lib/Renderer.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Renderer = (_a) => {
+  var _b = _a, { content } = _b, props = __objRest(_b, ["content"]);
+  if (!content) return null;
+  return /* @__PURE__ */ jsx6("div", __spreadValues({ dangerouslySetInnerHTML: { __html: content } }, props));
+};
+var Renderer_default = Renderer;
 export {
   Content_default as Content,
   Editor_default as Editor,
+  Renderer_default as Renderer,
   Toolbar_default as Toolbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ritext",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "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",