@melv1c/rich-text-editor 1.0.1 → 1.0.3

package/dist/index.d.mts

@@ -108,28 +108,24 @@ declare function BoldButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: FormattingButtonProps): react_jsx_runtime0.JSX.Element;
 declare function ItalicButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: FormattingButtonProps): react_jsx_runtime0.JSX.Element;
 declare function StrikethroughButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: FormattingButtonProps): react_jsx_runtime0.JSX.Element;
 declare function CodeButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: FormattingButtonProps): react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -175,14 +171,12 @@ declare function BulletListButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: ListButtonProps): react_jsx_runtime0.JSX.Element;
 declare function OrderedListButton({
   children,
   className,
   variant,
-  size,
   ...props
 }: ListButtonProps): react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/index.mjs

@@ -30,7 +30,7 @@ function RichTextEditorContent({ className, minHeight = 180, maxHeight, style, .
 	return /* @__PURE__ */ jsx(EditorContent, {
 		"data-slot": "rich-text-editor-content",
 		editor,
-		className: cn("text-foreground [&_.ProseMirror]:px-2 [&_.ProseMirror]:py-1 [&_.ProseMirror]:outline-none [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0 [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]", className),
+		className: cn("rich-text", "text-foreground [&_.ProseMirror]:px-2 [&_.ProseMirror]:py-1 [&_.ProseMirror]:outline-none [&_.ProseMirror_p.is-editor-empty:first-child::before]:text-muted-foreground [&_.ProseMirror_p.is-editor-empty:first-child::before]:pointer-events-none [&_.ProseMirror_p.is-editor-empty:first-child::before]:float-left [&_.ProseMirror_p.is-editor-empty:first-child::before]:h-0 [&_.ProseMirror_p.is-editor-empty:first-child::before]:content-[attr(data-placeholder)]", className),
 		style: {
 			...heightStyles,
 			...style
@@ -70,7 +70,7 @@ function RichTextEditor({ children, className, value, defaultValue, onValueChang
 
 //#endregion
 //#region src/toolbar/formatting-buttons.tsx
-function BoldButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function BoldButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -82,13 +82,12 @@ function BoldButton({ children, className, variant = "outline", size = "sm", ...
 		disabled: editor ? !editor.can().chain().focus().toggleBold().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleBold().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(Bold, {})
 	});
 }
-function ItalicButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function ItalicButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -100,13 +99,12 @@ function ItalicButton({ children, className, variant = "outline", size = "sm", .
 		disabled: editor ? !editor.can().chain().focus().toggleItalic().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleItalic().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(Italic, {})
 	});
 }
-function StrikethroughButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function StrikethroughButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -118,13 +116,12 @@ function StrikethroughButton({ children, className, variant = "outline", size =
 		disabled: editor ? !editor.can().chain().focus().toggleStrike().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleStrike().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(Strikethrough, {})
 	});
 }
-function CodeButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function CodeButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -136,7 +133,6 @@ function CodeButton({ children, className, variant = "outline", size = "sm", ...
 		disabled: editor ? !editor.can().chain().focus().toggleCode().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleCode().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(Code, {})
@@ -160,7 +156,7 @@ const HEADING_LABELS = {
 	2: "Heading 2",
 	3: "Heading 3"
 };
-function HeadingButton({ level, children, className, variant = "outline", size = "sm", ...props }) {
+function HeadingButton({ level, children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const Icon = HEADING_ICONS[level];
 	const isActive = useEditorState({
@@ -173,7 +169,6 @@ function HeadingButton({ level, children, className, variant = "outline", size =
 		disabled: editor ? !editor.can().chain().focus().toggleHeading({ level }).run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleHeading({ level }).run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(Icon, {})
@@ -233,7 +228,6 @@ function RichTextEditorHeadingSelect({ levels, includeParagraphOption = true, pa
 		},
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			"aria-label": "Heading levels",
-			size: "sm",
 			disabled: !editor,
 			className: "shadow-none",
 			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: selectPlaceholder })
@@ -247,7 +241,7 @@ function RichTextEditorHeadingSelect({ levels, includeParagraphOption = true, pa
 
 //#endregion
 //#region src/toolbar/history-buttons.tsx
-function UndoButton({ children, className, variant = "outline", size = "icon-sm", ...props }) {
+function UndoButton({ children, className, variant = "outline", size = "icon", ...props }) {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Undo",
@@ -260,7 +254,7 @@ function UndoButton({ children, className, variant = "outline", size = "icon-sm"
 		children: children ?? /* @__PURE__ */ jsx(Undo2, {})
 	});
 }
-function RedoButton({ children, className, variant = "outline", size = "icon-sm", ...props }) {
+function RedoButton({ children, className, variant = "outline", size = "icon", ...props }) {
 	const { editor } = useRichTextEditor();
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": "Redo",
@@ -276,7 +270,7 @@ function RedoButton({ children, className, variant = "outline", size = "icon-sm"
 
 //#endregion
 //#region src/toolbar/list-buttons.tsx
-function BulletListButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function BulletListButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -288,13 +282,12 @@ function BulletListButton({ children, className, variant = "outline", size = "sm
 		disabled: editor ? !editor.can().chain().focus().toggleBulletList().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleBulletList().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(List, {})
 	});
 }
-function OrderedListButton({ children, className, variant = "outline", size = "sm", ...props }) {
+function OrderedListButton({ children, className, variant = "outline", ...props }) {
 	const { editor } = useRichTextEditor();
 	const isActive = useEditorState({
 		editor,
@@ -306,7 +299,6 @@ function OrderedListButton({ children, className, variant = "outline", size = "s
 		disabled: editor ? !editor.can().chain().focus().toggleOrderedList().run() : true,
 		onPressedChange: () => editor?.chain().focus().toggleOrderedList().run(),
 		variant,
-		size,
 		className: cn("shadow-none", className),
 		...props,
 		children: children ?? /* @__PURE__ */ jsx(ListOrdered, {})
@@ -346,17 +338,12 @@ function RichTextEditorBuiltIn({ className, contentClassName, toolbarClassName,
 			className: toolbarClassName,
 			children: [
 				(preset === "complete" || preset === "simple") && /* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(UndoButton, {}), /* @__PURE__ */ jsx(RedoButton, {})] }),
-				preset === "simple" && /* @__PURE__ */ jsx(RichTextEditorHeadingSelect, {}),
-				preset === "complete" && /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-					/* @__PURE__ */ jsx(Heading1Button, {}),
-					/* @__PURE__ */ jsx(Heading2Button, {}),
-					/* @__PURE__ */ jsx(Heading3Button, {})
-				] }),
+				(preset === "complete" || preset === "simple") && /* @__PURE__ */ jsx(RichTextEditorHeadingSelect, {}),
 				/* @__PURE__ */ jsxs(ButtonGroup, { children: [
 					/* @__PURE__ */ jsx(BoldButton, {}),
 					/* @__PURE__ */ jsx(ItalicButton, {}),
 					/* @__PURE__ */ jsx(StrikethroughButton, {}),
-					/* @__PURE__ */ jsx(CodeButton, {})
+					preset === "complete" && /* @__PURE__ */ jsx(CodeButton, {})
 				] }),
 				preset === "complete" && /* @__PURE__ */ jsxs(ButtonGroup, { children: [/* @__PURE__ */ jsx(BulletListButton, {}), /* @__PURE__ */ jsx(OrderedListButton, {})] })
 			]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@melv1c/rich-text-editor",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A rich text editor component for React, built with TipTap and styled with Tailwind CSS.",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "typescript": "~5.9.3"
   },
   "peerDependencies": {
-    "@melv1c/ui-core": ">=1.1.2",
+    "@melv1c/ui-core": ">=1.1.3",
     "react": ">=19",
     "react-dom": ">=19",
     "tailwindcss": "^4.1.17",