art-bd-ui 1.0.33 → 1.0.35

package/dist/cjs/_virtual/index5.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var propTypes = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/color-name/index.js');
-
-var colorNameExports = index.__require();
-var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
-
-exports.default = names;
+exports.__module = propTypes;

package/dist/cjs/_virtual/index6.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index$1 = require('../node_modules/color-convert/index.js');
+var index = require('../node_modules/color-name/index.js');
 
-var colorConvertExports = index$1.__require();
-var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+var colorNameExports = index.__require();
+var names = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorNameExports);
 
-exports.default = index;
+exports.default = names;

package/dist/cjs/_virtual/index7.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var propTypes = {exports: {}};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__module = propTypes;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index$1 = require('../node_modules/color-convert/index.js');
+
+var colorConvertExports = index$1.__require();
+var index = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(colorConvertExports);
+
+exports.default = index;

package/dist/cjs/components/ui/rich-editor/extensions/carousel/view.js

@@ -2,13 +2,12 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var index = require('../../../../../node_modules/@tiptap/react/dist/index.js');
 var config = require('./config.js');
 var shared = require('./shared.js');
 
 const CarouselView = ({ node }) => {
     const attrs = React.useMemo(() => config.normalizeCarouselAttrs((node.attrs || {})), [node.attrs]);
-    return (jsxRuntime.jsx(index.NodeViewWrapper, { children: jsxRuntime.jsx(shared.SharedCarousel, { images: attrs.images, opts: attrs }) }));
+    return jsxRuntime.jsx(shared.SharedCarousel, { images: attrs.images, opts: attrs });
 };
 
 exports.CarouselView = CarouselView;

package/dist/cjs/components/ui/rich-editor/extensions.js

@@ -36,7 +36,6 @@ var horizontalRule = require('./extensions/horizontal-rule.js');
 var details = require('./extensions/details.js');
 var detailsSummary = require('./extensions/details-summary.js');
 var detailsContent = require('./extensions/details-content.js');
-var codeBlockLowlightBase = require('./extensions/code-block-lowlight-base.js');
 var code = require('./extensions/code.js');
 var subscript = require('./extensions/subscript.js');
 var superscript = require('./extensions/superscript.js');
@@ -93,7 +92,7 @@ const CORE_EXTENSIONS = [
     index$2.default,
     extension.Carousel,
     tableKit.TableKit,
-    codeBlockLowlightBase.CodeBlockLowlightBase,
+    // CodeBlockLowlightBase,
 ];
 /**
  * Default configurations for editor extensions.

package/dist/cjs/components/ui/rich-editor/rich-editor.js

@@ -25,23 +25,20 @@ const defaultOnFileUpload = (files) => tslib_es6.__awaiter(void 0, void 0, void
         alt: file.name.replace(/\.[^/.]+$/, ""),
     }));
 });
-/**
- * Drop-in rich editor built with Tiptap + shadcn/ui.
- * - Configurable toolbar (Headings, lists, quote, code, link, image, align, marks)
- * - BubbleMenu on text select
- * - CodeBlock w/ Lowlight highlighting
- * - Character counter & max length (optional)
- */
-function RichEditor({ value, outputFormat = "html", onChange, editable = true, placeholder = "Start typing…", maxChars, className, editorContentClassName, showToolbar = true, showBubbleMenu = true, showFooter = true, toolbarActions, onFileUpload = defaultOnFileUpload, }) {
-    const lastContent = React.useRef(value);
+function RichEditor({ initialValue, outputFormat, onChange, editable = true, placeholder = "Start typing…", maxChars, className, editorContentClassName, showToolbar = true, showBubbleMenu = true, showFooter = true, toolbarActions, onFileUpload = defaultOnFileUpload, }) {
+    const format = outputFormat !== null && outputFormat !== void 0 ? outputFormat : "html";
+    const onChangeRef = React.useRef(onChange);
+    onChangeRef.current = onChange;
+    const onFileUploadRef = React.useRef(onFileUpload);
+    onFileUploadRef.current = onFileUpload;
     const editor$1 = index.useEditor({
         editable,
-        content: value || "",
+        content: initialValue || "",
         extensions: extensions.getEditorExtensions([
             codeBlockLowlight.CodeBlockLowlight,
             index$1.default.configure({ placeholder }),
             editor.CarouselEditor.configure({
-                onUploadFiles: onFileUpload,
+                onUploadFiles: (files) => onFileUploadRef.current(files),
             }),
             index$2.default.configure({ limit: maxChars !== null && maxChars !== void 0 ? maxChars : 0 }),
         ]),
@@ -75,8 +72,9 @@ function RichEditor({ value, outputFormat = "html", onChange, editable = true, p
             },
         },
         onUpdate: ({ editor }) => {
+            var _a;
             let content;
-            switch (outputFormat) {
+            switch (format) {
                 case "json":
                     content = editor.getJSON();
                     break;
@@ -88,29 +86,14 @@ function RichEditor({ value, outputFormat = "html", onChange, editable = true, p
                     content = editor.getHTML();
                     break;
             }
-            // Use JSON.stringify for comparison when content is an object
-            const currentSerialized = typeof content === "object" ? JSON.stringify(content) : content;
-            const lastSerialized = typeof lastContent.current === "object" ? JSON.stringify(lastContent.current) : lastContent.current;
-            if (currentSerialized !== lastSerialized) {
-                lastContent.current = content;
-                onChange === null || onChange === void 0 ? void 0 : onChange(content);
-            }
+            (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, content);
         },
         immediatelyRender: false,
-    }, [editable, placeholder, maxChars, onFileUpload, outputFormat, onChange]);
-    React.useEffect(() => {
-        if (!editor$1)
-            return;
-        if (typeof value === "string" && value !== lastContent.current) {
-            // external update (e.g., form reset)
-            lastContent.current = value;
-            editor$1.commands.setContent(value);
-        }
-    }, [value, editor$1]);
+    }, [editable, placeholder, maxChars, outputFormat]);
     if (!editor$1)
         return null;
     const isLimit = maxChars && editor$1.storage.characterCount.characters() >= (maxChars !== null && maxChars !== void 0 ? maxChars : 0);
-    return (jsxRuntime.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxs("div", { className: "w-full rounded-2xl border bg-background shadow-sm " + (className !== null && className !== void 0 ? className : ""), children: [showToolbar && jsxRuntime.jsx(toolbar.Toolbar, { editor: editor$1, actions: toolbarActions, onFileUpload: onFileUpload }), jsxRuntime.jsxs("div", { className: "relative px-4", children: [showBubbleMenu && jsxRuntime.jsx(floatingBubbleControls.FloatingBubbleControls, { editor: editor$1 }), jsxRuntime.jsx(index.EditorContent, { editor: editor$1, className: ["min-h-[220px] py-4", editorContentClassName].filter(Boolean).join(" ") }), jsxRuntime.jsx(tableFloatingControls.TableFloatingControls, { editor: editor$1 })] }), showFooter && jsxRuntime.jsx(Footer, { editor: editor$1, maxChars: maxChars, isLimit: !!isLimit })] }) }));
+    return (jsxRuntime.jsx(tooltip.TooltipProvider, { children: jsxRuntime.jsxs("div", { className: "w-full rounded-2xl border bg-background shadow-sm " + (className !== null && className !== void 0 ? className : ""), children: [showToolbar && (jsxRuntime.jsx(toolbar.Toolbar, { editor: editor$1, actions: toolbarActions, onFileUpload: (files) => onFileUploadRef.current(files) })), jsxRuntime.jsxs("div", { className: "relative px-4", children: [showBubbleMenu && jsxRuntime.jsx(floatingBubbleControls.FloatingBubbleControls, { editor: editor$1 }), jsxRuntime.jsx(index.EditorContent, { editor: editor$1, className: ["min-h-[220px] py-4", editorContentClassName].filter(Boolean).join(" ") }), jsxRuntime.jsx(tableFloatingControls.TableFloatingControls, { editor: editor$1 })] }), showFooter && jsxRuntime.jsx(Footer, { editor: editor$1, maxChars: maxChars, isLimit: !!isLimit })] }) }));
 }
 // ---------- Footer ----------
 function Footer({ editor, maxChars, isLimit }) {

package/dist/cjs/node_modules/@ckeditor/ckeditor5-mention/dist/index.js

@@ -2,8 +2,8 @@
 
 require('../../ckeditor5-core/dist/index.js');
 var index = require('../../ckeditor5-utils/dist/index.js');
-require('../../../../_virtual/index5.js');
 require('../../../../_virtual/index6.js');
+require('../../../../_virtual/index7.js');
 require('../../ckeditor5-engine/dist/index.js');
 
 /**

package/dist/cjs/node_modules/@ckeditor/ckeditor5-paragraph/dist/index.js

@@ -2,8 +2,8 @@
 
 var index = require('../../ckeditor5-core/dist/index.js');
 var index$1 = require('../../ckeditor5-utils/dist/index.js');
-require('../../../../_virtual/index5.js');
 require('../../../../_virtual/index6.js');
+require('../../../../_virtual/index7.js');
 require('../../ckeditor5-engine/dist/index.js');
 
 /**

package/dist/cjs/node_modules/@ckeditor/ckeditor5-ui/dist/index.js

@@ -3,7 +3,7 @@
 var index$1 = require('../../ckeditor5-utils/dist/index.js');
 var index = require('../../ckeditor5-core/dist/index.js');
 var index$3 = require('../../../color-parse/index.js');
-var index$2 = require('../../../../_virtual/index6.js');
+var index$2 = require('../../../../_virtual/index7.js');
 var hex = require('../../../vanilla-colorful/lib/entrypoints/hex.js');
 require('../../ckeditor5-engine/dist/index.js');
 var assignIn = require('../../../lodash-es/assignIn.js');

package/dist/cjs/node_modules/color-parse/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../_virtual/index5.js');
+var index = require('../../_virtual/index6.js');
 
 /**
  * @module color-parse

package/dist/cjs/node_modules/prop-types/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('../../_virtual/index7.js');
+var index$1 = require('../../_virtual/index5.js');
 var index = require('./node_modules/react-is/index.js');
 var factoryWithTypeCheckers = require('./factoryWithTypeCheckers.js');
 var factoryWithThrowingShims = require('./factoryWithThrowingShims.js');

package/dist/esm/_virtual/index5.js

@@ -1,7 +1,3 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireColorName } from '../node_modules/color-name/index.js';
+var propTypes = {exports: {}};
 
-var colorNameExports = requireColorName();
-var names = /*@__PURE__*/getDefaultExportFromCjs(colorNameExports);
-
-export { names as default };
+export { propTypes as __module };

package/dist/esm/_virtual/index6.js

@@ -1,7 +1,7 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireColorConvert } from '../node_modules/color-convert/index.js';
+import { __require as requireColorName } from '../node_modules/color-name/index.js';
 
-var colorConvertExports = requireColorConvert();
-var index = /*@__PURE__*/getDefaultExportFromCjs(colorConvertExports);
+var colorNameExports = requireColorName();
+var names = /*@__PURE__*/getDefaultExportFromCjs(colorNameExports);
 
-export { index as default };
+export { names as default };

package/dist/esm/_virtual/index7.js

@@ -1,3 +1,7 @@
-var propTypes = {exports: {}};
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireColorConvert } from '../node_modules/color-convert/index.js';
 
-export { propTypes as __module };
+var colorConvertExports = requireColorConvert();
+var index = /*@__PURE__*/getDefaultExportFromCjs(colorConvertExports);
+
+export { index as default };

package/dist/esm/components/ui/rich-editor/extensions/carousel/view.js

@@ -1,12 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { NodeViewWrapper } from '../../../../../node_modules/@tiptap/react/dist/index.js';
 import { normalizeCarouselAttrs } from './config.js';
 import { SharedCarousel } from './shared.js';
 
 const CarouselView = ({ node }) => {
     const attrs = useMemo(() => normalizeCarouselAttrs((node.attrs || {})), [node.attrs]);
-    return (jsx(NodeViewWrapper, { children: jsx(SharedCarousel, { images: attrs.images, opts: attrs }) }));
+    return jsx(SharedCarousel, { images: attrs.images, opts: attrs });
 };
 
 export { CarouselView };

package/dist/esm/components/ui/rich-editor/extensions.js

@@ -34,7 +34,6 @@ import { HorizontalRule } from './extensions/horizontal-rule.js';
 import { Details } from './extensions/details.js';
 import { DetailsSummary } from './extensions/details-summary.js';
 import { DetailsContent } from './extensions/details-content.js';
-import { CodeBlockLowlightBase } from './extensions/code-block-lowlight-base.js';
 import { Code } from './extensions/code.js';
 import { Subscript } from './extensions/subscript.js';
 import { Superscript } from './extensions/superscript.js';
@@ -91,7 +90,7 @@ const CORE_EXTENSIONS = [
     index_default$2,
     Carousel,
     TableKit,
-    CodeBlockLowlightBase,
+    // CodeBlockLowlightBase,
 ];
 /**
  * Default configurations for editor extensions.

package/dist/esm/components/ui/rich-editor/rich-editor.js

@@ -1,7 +1,7 @@
 "use client";
 import { __awaiter } from '../../../node_modules/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
+import { useRef } from 'react';
 import { useEditor, EditorContent } from '../../../node_modules/@tiptap/react/dist/index.js';
 import index_default from '../../../node_modules/@tiptap/extension-placeholder/dist/index.js';
 import index_default$1 from '../../../node_modules/@tiptap/extension-character-count/dist/index.js';
@@ -23,23 +23,20 @@ const defaultOnFileUpload = (files) => __awaiter(void 0, void 0, void 0, functio
         alt: file.name.replace(/\.[^/.]+$/, ""),
     }));
 });
-/**
- * Drop-in rich editor built with Tiptap + shadcn/ui.
- * - Configurable toolbar (Headings, lists, quote, code, link, image, align, marks)
- * - BubbleMenu on text select
- * - CodeBlock w/ Lowlight highlighting
- * - Character counter & max length (optional)
- */
-function RichEditor({ value, outputFormat = "html", onChange, editable = true, placeholder = "Start typing…", maxChars, className, editorContentClassName, showToolbar = true, showBubbleMenu = true, showFooter = true, toolbarActions, onFileUpload = defaultOnFileUpload, }) {
-    const lastContent = useRef(value);
+function RichEditor({ initialValue, outputFormat, onChange, editable = true, placeholder = "Start typing…", maxChars, className, editorContentClassName, showToolbar = true, showBubbleMenu = true, showFooter = true, toolbarActions, onFileUpload = defaultOnFileUpload, }) {
+    const format = outputFormat !== null && outputFormat !== void 0 ? outputFormat : "html";
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const onFileUploadRef = useRef(onFileUpload);
+    onFileUploadRef.current = onFileUpload;
     const editor = useEditor({
         editable,
-        content: value || "",
+        content: initialValue || "",
         extensions: getEditorExtensions([
             CodeBlockLowlight,
             index_default.configure({ placeholder }),
             CarouselEditor.configure({
-                onUploadFiles: onFileUpload,
+                onUploadFiles: (files) => onFileUploadRef.current(files),
             }),
             index_default$1.configure({ limit: maxChars !== null && maxChars !== void 0 ? maxChars : 0 }),
         ]),
@@ -73,8 +70,9 @@ function RichEditor({ value, outputFormat = "html", onChange, editable = true, p
             },
         },
         onUpdate: ({ editor }) => {
+            var _a;
             let content;
-            switch (outputFormat) {
+            switch (format) {
                 case "json":
                     content = editor.getJSON();
                     break;
@@ -86,29 +84,14 @@ function RichEditor({ value, outputFormat = "html", onChange, editable = true, p
                     content = editor.getHTML();
                     break;
             }
-            // Use JSON.stringify for comparison when content is an object
-            const currentSerialized = typeof content === "object" ? JSON.stringify(content) : content;
-            const lastSerialized = typeof lastContent.current === "object" ? JSON.stringify(lastContent.current) : lastContent.current;
-            if (currentSerialized !== lastSerialized) {
-                lastContent.current = content;
-                onChange === null || onChange === void 0 ? void 0 : onChange(content);
-            }
+            (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, content);
         },
         immediatelyRender: false,
-    }, [editable, placeholder, maxChars, onFileUpload, outputFormat, onChange]);
-    useEffect(() => {
-        if (!editor)
-            return;
-        if (typeof value === "string" && value !== lastContent.current) {
-            // external update (e.g., form reset)
-            lastContent.current = value;
-            editor.commands.setContent(value);
-        }
-    }, [value, editor]);
+    }, [editable, placeholder, maxChars, outputFormat]);
     if (!editor)
         return null;
     const isLimit = maxChars && editor.storage.characterCount.characters() >= (maxChars !== null && maxChars !== void 0 ? maxChars : 0);
-    return (jsx(TooltipProvider, { children: jsxs("div", { className: "w-full rounded-2xl border bg-background shadow-sm " + (className !== null && className !== void 0 ? className : ""), children: [showToolbar && jsx(Toolbar, { editor: editor, actions: toolbarActions, onFileUpload: onFileUpload }), jsxs("div", { className: "relative px-4", children: [showBubbleMenu && jsx(FloatingBubbleControls, { editor: editor }), jsx(EditorContent, { editor: editor, className: ["min-h-[220px] py-4", editorContentClassName].filter(Boolean).join(" ") }), jsx(TableFloatingControls, { editor: editor })] }), showFooter && jsx(Footer, { editor: editor, maxChars: maxChars, isLimit: !!isLimit })] }) }));
+    return (jsx(TooltipProvider, { children: jsxs("div", { className: "w-full rounded-2xl border bg-background shadow-sm " + (className !== null && className !== void 0 ? className : ""), children: [showToolbar && (jsx(Toolbar, { editor: editor, actions: toolbarActions, onFileUpload: (files) => onFileUploadRef.current(files) })), jsxs("div", { className: "relative px-4", children: [showBubbleMenu && jsx(FloatingBubbleControls, { editor: editor }), jsx(EditorContent, { editor: editor, className: ["min-h-[220px] py-4", editorContentClassName].filter(Boolean).join(" ") }), jsx(TableFloatingControls, { editor: editor })] }), showFooter && jsx(Footer, { editor: editor, maxChars: maxChars, isLimit: !!isLimit })] }) }));
 }
 // ---------- Footer ----------
 function Footer({ editor, maxChars, isLimit }) {

package/dist/esm/node_modules/@ckeditor/ckeditor5-mention/dist/index.js

@@ -1,7 +1,7 @@
 import '../../ckeditor5-core/dist/index.js';
 import { keyCodes } from '../../ckeditor5-utils/dist/index.js';
-import '../../../../_virtual/index5.js';
 import '../../../../_virtual/index6.js';
+import '../../../../_virtual/index7.js';
 import '../../ckeditor5-engine/dist/index.js';
 
 /**

package/dist/esm/node_modules/@ckeditor/ckeditor5-paragraph/dist/index.js

@@ -1,7 +1,7 @@
 import { Plugin, Command } from '../../ckeditor5-core/dist/index.js';
 import { first } from '../../ckeditor5-utils/dist/index.js';
-import '../../../../_virtual/index5.js';
 import '../../../../_virtual/index6.js';
+import '../../../../_virtual/index7.js';
 import '../../ckeditor5-engine/dist/index.js';
 
 /**

package/dist/esm/node_modules/@ckeditor/ckeditor5-ui/dist/index.js

@@ -1,7 +1,7 @@
 import { getEnvKeystrokeText, uid, env, delay, createElement, KeystrokeHandler, FocusTracker, toUnit, global, Rect, DomEmitterMixin, ObservableMixin, Collection, isIterable, CKEditorError, getOptimalPosition, logWarning, isVisible, EmitterMixin, isNode, priorities, isText, ResizeObserver, first, verifyLicense, isRange, toArray } from '../../ckeditor5-utils/dist/index.js';
 import { Plugin, icons, ContextPlugin } from '../../ckeditor5-core/dist/index.js';
 import parse from '../../../color-parse/index.js';
-import * as index from '../../../../_virtual/index6.js';
+import * as index from '../../../../_virtual/index7.js';
 import { HexBase } from '../../../vanilla-colorful/lib/entrypoints/hex.js';
 import '../../ckeditor5-engine/dist/index.js';
 import assignIn from '../../../lodash-es/assignIn.js';

package/dist/esm/node_modules/color-parse/index.js

@@ -1,4 +1,4 @@
-import names from '../../_virtual/index5.js';
+import names from '../../_virtual/index6.js';
 
 /**
  * @module color-parse

package/dist/esm/node_modules/prop-types/index.js

@@ -1,4 +1,4 @@
-import { __module as propTypes } from '../../_virtual/index7.js';
+import { __module as propTypes } from '../../_virtual/index5.js';
 import { __require as requireReactIs } from './node_modules/react-is/index.js';
 import { __require as requireFactoryWithTypeCheckers } from './factoryWithTypeCheckers.js';
 import { __require as requireFactoryWithThrowingShims } from './factoryWithThrowingShims.js';

package/dist/types/index.d.ts

@@ -168,7 +168,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefA
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon-sm" | "icon" | "icon-md" | "icon-lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
@@ -301,7 +301,7 @@ declare const Dropzone: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
 
 declare const labelVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
-    weight?: "default" | "bold" | "light" | null | undefined;
+    weight?: "default" | "light" | "bold" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type LabelProps = ComponentProps<typeof Root$5> & VariantProps<typeof labelVariants>;
 declare const Label: React$1.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React$1.RefAttributes<HTMLLabelElement>>;
@@ -420,7 +420,7 @@ interface FormControlProps extends React$1.ComponentProps<typeof FormItem> {
 declare function FormControl({ name, label, description, showMessage, children, ...props }: FormControlProps): react_jsx_runtime.JSX.Element;
 
 declare const inputContainerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
     disabled?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -448,7 +448,7 @@ declare const inputGroupAddonVariants: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React$1.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): react_jsx_runtime.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React$1.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime.JSX.Element;
 declare function InputGroupText({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
@@ -638,8 +638,8 @@ declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<_radix_ui
 type ToastActionElement = ReactElement<typeof ToastAction>;
 
 declare const textVariants: (props?: ({
-    size?: 2 | 1 | 3 | 9 | 8 | 7 | 6 | 5 | 4 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "light" | "bold" | "medium" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
@@ -650,8 +650,8 @@ type TextProps = {
 declare const Text: React$1.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: 2 | 1 | 3 | 9 | 8 | 7 | 6 | 5 | 4 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "light" | "bold" | "medium" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
@@ -662,8 +662,8 @@ declare const Heading: React$1.ForwardRefExoticComponent<{
     level?: HeadingLevel;
     asChild?: boolean;
 } & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & VariantProps<(props?: ({
-    size?: 2 | 1 | 3 | 9 | 8 | 7 | 6 | 5 | 4 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "light" | "bold" | "medium" | "regular" | null | undefined;
     align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
@@ -1737,16 +1737,22 @@ declare module "@tiptap/core" {
 type ToolbarAction = "history" | "heading" | "fontFamily" | "fontSize" | "lineHeight" | "bold" | "italic" | "underline" | "strike" | "subscript" | "superscript" | "code" | "link" | "codeBlock" | "textColor" | "backgroundColor" | "highlight" | "clearFormatting" | "indent" | "alignment" | "bulletList" | "orderedList" | "blockquote" | "table" | "insert";
 
 type OutputFormat = "html" | "json" | "text";
-type RichEditorProps = {
-    value?: string;
+type OutputFormatContentMap = {
+    html: string;
+    json: JSONContent;
+    text: string;
+};
+type RichEditorProps<F extends OutputFormat = "html"> = {
+    /** Initial content. Accepts an HTML string or a Tiptap JSONContent object. */
+    initialValue?: string | JSONContent;
     /** Output format for the editor content. Defaults to 'html' */
-    outputFormat?: OutputFormat;
+    outputFormat?: F;
     /** Called when content changes. The type depends on outputFormat:
      * - 'html': string (HTML)
      * - 'json': JSONContent (Tiptap JSON)
      * - 'text': string (plain text)
      */
-    onChange?: (content: string | JSONContent) => void;
+    onChange?: (content: OutputFormatContentMap[F]) => void;
     editable?: boolean;
     placeholder?: string;
     maxChars?: number;
@@ -1760,14 +1766,7 @@ type RichEditorProps = {
     /** Generic file upload handler. Receives selected files and should return uploaded image data. */
     onFileUpload?: (files: File[]) => Promise<UploadedImage[]>;
 };
-/**
- * Drop-in rich editor built with Tiptap + shadcn/ui.
- * - Configurable toolbar (Headings, lists, quote, code, link, image, align, marks)
- * - BubbleMenu on text select
- * - CodeBlock w/ Lowlight highlighting
- * - Character counter & max length (optional)
- */
-declare function RichEditor({ value, outputFormat, onChange, editable, placeholder, maxChars, className, editorContentClassName, showToolbar, showBubbleMenu, showFooter, toolbarActions, onFileUpload, }: RichEditorProps): react_jsx_runtime.JSX.Element | null;
+declare function RichEditor<F extends OutputFormat = "html">({ initialValue, outputFormat, onChange, editable, placeholder, maxChars, className, editorContentClassName, showToolbar, showBubbleMenu, showFooter, toolbarActions, onFileUpload, }: RichEditorProps<F>): react_jsx_runtime.JSX.Element | null;
 
 type RichContentRendererProps = {
     doc?: JSONContent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "art-bd-ui",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "description": "Set of handy components for React like projects",
   "type": "module",
   "main": "./dist/cjs/index.js",