art-bd-ui 1.0.32 → 1.0.34

package/dist/cjs/_virtual/index.js

@@ -1,7 +1,11 @@
 'use strict';
 
-var index = require('../node_modules/use-sync-external-store/shim/index.js');
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var shimExports = index.__require();
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
 
-exports.shimExports = shimExports;
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+exports.default = PropTypes;

package/dist/cjs/_virtual/index2.js

@@ -1,11 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('../node_modules/use-sync-external-store/shim/index.js');
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/prop-types/index.js');
+var shimExports = index.__require();
 
-var propTypesExports = /*@__PURE__*/ index.__require();
-var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
-
-exports.default = PropTypes;
+exports.shimExports = shimExports;

package/dist/cjs/_virtual/index3.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var shim = {exports: {}};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__module = shim;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/attr-accept/dist/es/index.js');
+
+var esExports = index.__require();
+var _accepts = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(esExports);
+
+exports.default = _accepts;

package/dist/cjs/_virtual/index4.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var shim = {exports: {}};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/attr-accept/dist/es/index.js');
-
-var esExports = index.__require();
-var _accepts = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(esExports);
-
-exports.default = _accepts;
+exports.__module = shim;

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/_virtual/index8.js

@@ -1,11 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var es = {};
 
-var _commonjsHelpers = require('./_commonjsHelpers.js');
-var index = require('../node_modules/pako/index.js');
-
-var pakoExports = index.__require();
-var pako = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pakoExports);
-
-exports.default = pako;
+exports.__exports = es;

package/dist/cjs/_virtual/index9.js

@@ -1,5 +1,11 @@
 'use strict';
 
-var es = {};
+Object.defineProperty(exports, '__esModule', { value: true });
 
-exports.__exports = es;
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/pako/index.js');
+
+var pakoExports = index.__require();
+var pako = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(pakoExports);
+
+exports.default = pako;

package/dist/cjs/components/quiz/runner/question/question.js

@@ -13,6 +13,7 @@ require('../../../ui/rich-editor/extensions/carousel/extension.js');
 require('../../../ui/rich-editor/extensions/carousel/editor.js');
 require('../../../ui/carousel/carousel.js');
 require('../../../forms/file-upload/file-upload.js');
+require('../../../ui/rich-editor/extensions/code-block-lowlight.js');
 require('../../../ui/rich-editor/extensions.js');
 require('react-dom');
 require('../../../../node_modules/prosemirror-tables/dist/index.js');

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 codeBlockLowlight = require('./extensions/code-block-lowlight.js');
 var code = require('./extensions/code.js');
 var subscript = require('./extensions/subscript.js');
 var superscript = require('./extensions/superscript.js');
@@ -48,7 +47,6 @@ require('../carousel/carousel.js');
 require('../../../node_modules/tslib/tslib.es6.js');
 require('../../forms/file-upload/file-upload.js');
 var columns = require('./extensions/columns.js');
-var codeBlockLowlightBase = require('./extensions/code-block-lowlight-base.js');
 
 /**
  * Core content and formatting extensions used by both editor and renderer.
@@ -94,7 +92,7 @@ const CORE_EXTENSIONS = [
     index$2.default,
     extension.Carousel,
     tableKit.TableKit,
-    codeBlockLowlightBase.CodeBlockLowlightBase,
+    // CodeBlockLowlightBase,
 ];
 /**
  * Default configurations for editor extensions.
@@ -169,7 +167,6 @@ const EDITOR_EXTENSIONS = [
     tableActionsExtension.TableActionsExtension,
     tableSelectionOverlay.TableSelectionOverlay,
     tableHoverExtension.TableHoverExtension,
-    codeBlockLowlight.CodeBlockLowlight, // overrides CodeBlockLowlightBase from CORE_EXTENSIONS via unionBy
 ];
 const configureExtension = (extension) => {
     const { options } = extension;

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

@@ -11,6 +11,7 @@ require('./extensions/carousel/extension.js');
 var editor = require('./extensions/carousel/editor.js');
 require('../carousel/carousel.js');
 require('../../forms/file-upload/file-upload.js');
+var codeBlockLowlight = require('./extensions/code-block-lowlight.js');
 var extensions = require('./extensions.js');
 var tableFloatingControls = require('./extensions/table/table-floating-controls.js');
 var toolbar = require('./toolbar.js');
@@ -24,22 +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 }),
         ]),
@@ -73,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;
@@ -86,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/@pdf-lib/standard-fonts/es/utils.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index8.js');
+var index = require('../../../../_virtual/index9.js');
 
 /*
  * The `chars`, `lookup`, and `decodeFromBase64` members of this file are

package/dist/cjs/node_modules/@pdf-lib/upng/UPNG.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../../_virtual/index8.js');
+var index = require('../../../_virtual/index9.js');
 
 var UPNG = {};
 

package/dist/cjs/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index.js');
+var index = require('../../../../_virtual/index2.js');
 
 // src/use-is-hydrated.tsx
 function useIsHydrated() {

package/dist/cjs/node_modules/@tiptap/react/dist/index.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index$1 = require('../../../../_virtual/index.js');
+var index$1 = require('../../../../_virtual/index2.js');
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../core/dist/index.js');
 var react = require('../../../../_virtual/react.js');

package/dist/cjs/node_modules/attr-accept/dist/es/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../_virtual/index9.js');
+var index = require('../../../../_virtual/index8.js');
 
 var hasRequiredEs;
 

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/pdf-lib/es/core/PDFContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../tslib/tslib.es6.js');
-var index = require('../../../../_virtual/index8.js');
+var index = require('../../../../_virtual/index9.js');
 var PDFHeader = require('./document/PDFHeader.js');
 var errors = require('./errors.js');
 var PDFArray = require('./objects/PDFArray.js');

package/dist/cjs/node_modules/pdf-lib/es/core/structures/PDFFlateStream.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib_es6 = require('../../../../tslib/tslib.es6.js');
-var index = require('../../../../../_virtual/index8.js');
+var index = require('../../../../../_virtual/index9.js');
 var errors = require('../errors.js');
 var PDFName = require('../objects/PDFName.js');
 var PDFStream = require('../objects/PDFStream.js');

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/cjs/node_modules/react-dropzone/dist/es/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var index$1 = require('../../../../_virtual/index2.js');
+var index$1 = require('../../../../_virtual/index.js');
 var fileSelector = require('../../../file-selector/dist/es2015/file-selector.js');
 var index = require('./utils/index.js');
 

package/dist/cjs/node_modules/react-dropzone/dist/es/utils/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../../../_virtual/index4.js');
+var index = require('../../../../../_virtual/index3.js');
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 

package/dist/cjs/node_modules/use-sync-external-store/shim/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('../../../_virtual/index3.js');
+var index = require('../../../_virtual/index4.js');
 var useSyncExternalStoreShim_production = require('../cjs/use-sync-external-store-shim.production.js');
 var useSyncExternalStoreShim_development = require('../cjs/use-sync-external-store-shim.development.js');
 

package/dist/esm/_virtual/index.js

@@ -1,5 +1,7 @@
-import { __require as requireShim } from '../node_modules/use-sync-external-store/shim/index.js';
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requirePropTypes } from '../node_modules/prop-types/index.js';
 
-var shimExports = requireShim();
+var propTypesExports = /*@__PURE__*/ requirePropTypes();
+var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
 
-export { shimExports as s };
+export { PropTypes as default };

package/dist/esm/_virtual/index2.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePropTypes } from '../node_modules/prop-types/index.js';
+import { __require as requireShim } from '../node_modules/use-sync-external-store/shim/index.js';
 
-var propTypesExports = /*@__PURE__*/ requirePropTypes();
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
+var shimExports = requireShim();
 
-export { PropTypes as default };
+export { shimExports as s };

package/dist/esm/_virtual/index3.js

@@ -1,3 +1,7 @@
-var shim = {exports: {}};
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireEs } from '../node_modules/attr-accept/dist/es/index.js';
 
-export { shim as __module };
+var esExports = requireEs();
+var _accepts = /*@__PURE__*/getDefaultExportFromCjs(esExports);
+
+export { _accepts as default };

package/dist/esm/_virtual/index4.js

@@ -1,7 +1,3 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireEs } from '../node_modules/attr-accept/dist/es/index.js';
+var shim = {exports: {}};
 
-var esExports = requireEs();
-var _accepts = /*@__PURE__*/getDefaultExportFromCjs(esExports);
-
-export { _accepts as default };
+export { shim as __module };

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/_virtual/index8.js

@@ -1,7 +1,3 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePako } from '../node_modules/pako/index.js';
+var es = {};
 
-var pakoExports = requirePako();
-var pako = /*@__PURE__*/getDefaultExportFromCjs(pakoExports);
-
-export { pako as default };
+export { es as __exports };

package/dist/esm/_virtual/index9.js

@@ -1,3 +1,7 @@
-var es = {};
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requirePako } from '../node_modules/pako/index.js';
 
-export { es as __exports };
+var pakoExports = requirePako();
+var pako = /*@__PURE__*/getDefaultExportFromCjs(pakoExports);
+
+export { pako as default };

package/dist/esm/components/quiz/runner/question/question.js

@@ -11,6 +11,7 @@ import '../../../ui/rich-editor/extensions/carousel/extension.js';
 import '../../../ui/rich-editor/extensions/carousel/editor.js';
 import '../../../ui/carousel/carousel.js';
 import '../../../forms/file-upload/file-upload.js';
+import '../../../ui/rich-editor/extensions/code-block-lowlight.js';
 import '../../../ui/rich-editor/extensions.js';
 import 'react-dom';
 import '../../../../node_modules/prosemirror-tables/dist/index.js';

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 { CodeBlockLowlight } from './extensions/code-block-lowlight.js';
 import { Code } from './extensions/code.js';
 import { Subscript } from './extensions/subscript.js';
 import { Superscript } from './extensions/superscript.js';
@@ -46,7 +45,6 @@ import '../carousel/carousel.js';
 import '../../../node_modules/tslib/tslib.es6.js';
 import '../../forms/file-upload/file-upload.js';
 import { Columns, Column } from './extensions/columns.js';
-import { CodeBlockLowlightBase } from './extensions/code-block-lowlight-base.js';
 
 /**
  * Core content and formatting extensions used by both editor and renderer.
@@ -92,7 +90,7 @@ const CORE_EXTENSIONS = [
     index_default$2,
     Carousel,
     TableKit,
-    CodeBlockLowlightBase,
+    // CodeBlockLowlightBase,
 ];
 /**
  * Default configurations for editor extensions.
@@ -167,7 +165,6 @@ const EDITOR_EXTENSIONS = [
     TableActionsExtension,
     TableSelectionOverlay,
     TableHoverExtension,
-    CodeBlockLowlight, // overrides CodeBlockLowlightBase from CORE_EXTENSIONS via unionBy
 ];
 const configureExtension = (extension) => {
     const { options } = extension;

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';
@@ -9,6 +9,7 @@ import './extensions/carousel/extension.js';
 import { CarouselEditor } from './extensions/carousel/editor.js';
 import '../carousel/carousel.js';
 import '../../forms/file-upload/file-upload.js';
+import { CodeBlockLowlight } from './extensions/code-block-lowlight.js';
 import { getEditorExtensions } from './extensions.js';
 import { TableFloatingControls } from './extensions/table/table-floating-controls.js';
 import { Toolbar } from './toolbar.js';
@@ -22,22 +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 }),
         ]),
@@ -71,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;
@@ -84,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/@pdf-lib/standard-fonts/es/utils.js

@@ -1,4 +1,4 @@
-import pako from '../../../../_virtual/index8.js';
+import pako from '../../../../_virtual/index9.js';
 
 /*
  * The `chars`, `lookup`, and `decodeFromBase64` members of this file are

package/dist/esm/node_modules/@pdf-lib/upng/UPNG.js

@@ -1,4 +1,4 @@
-import pako from '../../../_virtual/index8.js';
+import pako from '../../../_virtual/index9.js';
 
 var UPNG = {};
 

package/dist/esm/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,4 +1,4 @@
-import { s as shimExports } from '../../../../_virtual/index.js';
+import { s as shimExports } from '../../../../_virtual/index2.js';
 
 // src/use-is-hydrated.tsx
 function useIsHydrated() {

package/dist/esm/node_modules/@tiptap/react/dist/index.js

@@ -1,6 +1,6 @@
 import React__default, { createRef, memo, createContext, createElement, version, useContext, useRef, useState, useDebugValue, useEffect, forwardRef, useLayoutEffect } from 'react';
 import ReactDOM__default, { flushSync } from 'react-dom';
-import { s as shimExports } from '../../../../_virtual/index.js';
+import { s as shimExports } from '../../../../_virtual/index2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { NodeView, getRenderedAttributes, Editor } from '../../core/dist/index.js';
 export { CommandManager, Extendable, Extension, InputRule, MappablePosition, Mark, Node, NodePos, PasteRule, ResizableNodeView, callOrReturn, canInsertNode, combineTransactionSteps, commands, createAtomBlockMarkdownSpec, createBlockMarkdownSpec, createChainableState, createDocument, createInlineMarkdownSpec, createMappablePosition, createNodeFromContent, createStyleTag, defaultBlockAt, deleteProps, elementFromString, extensions, findChildren, findChildrenInRange, findDuplicates, findParentNode, findParentNodeClosestToPos, flattenExtensions, fromString, getAttributes, getAttributesFromExtensions, getChangedRanges, getExtensionField, getHTMLFromFragment, getMarkAttributes, getMarkRange, getMarkType, getMarksBetween, getNodeAtPosition, getNodeAttributes, getNodeType, getSchema, getSchemaByResolvedExtensions, getSchemaTypeByName, getSchemaTypeNameByName, getSplittedAttributes, getText, getTextBetween, getTextContentFromNodes, getTextSerializersFromSchema, getUpdatedPosition, injectExtensionAttributesToParseRule, inputRulesPlugin, isActive, isAndroid, isAtEndOfNode, isAtStartOfNode, isEmptyObject, isExtensionRulesEnabled, isFunction, isList, isMacOS, isMarkActive, isNodeActive, isNodeEmpty, isNodeSelection, isNumber, isPlainObject, isRegExp, isSafari, isTextSelection, isiOS, markInputRule, markPasteRule, markdown, mergeAttributes, mergeDeep, minMax, nodeInputRule, nodePasteRule, objectIncludes, parseAttributes, parseIndentedBlocks, pasteRulesPlugin, posToDOMRect, removeDuplicates, renderNestedMarkdownContent, resolveExtensions, resolveFocusPosition, selectionToInsertionEnd, serializeAttributes, sortExtensions, splitExtensions, textblockTypeInputRule, updateMarkViewAttributes, wrappingInputRule } from '../../core/dist/index.js';

package/dist/esm/node_modules/attr-accept/dist/es/index.js

@@ -1,4 +1,4 @@
-import { __exports as es } from '../../../../_virtual/index9.js';
+import { __exports as es } from '../../../../_virtual/index8.js';
 
 var hasRequiredEs;
 

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/pdf-lib/es/core/PDFContext.js

@@ -1,5 +1,5 @@
 import { __assign } from '../../../tslib/tslib.es6.js';
-import pako from '../../../../_virtual/index8.js';
+import pako from '../../../../_virtual/index9.js';
 import PDFHeader from './document/PDFHeader.js';
 import { UnexpectedObjectTypeError } from './errors.js';
 import PDFArray from './objects/PDFArray.js';

package/dist/esm/node_modules/pdf-lib/es/core/structures/PDFFlateStream.js

@@ -1,5 +1,5 @@
 import { __extends } from '../../../../tslib/tslib.es6.js';
-import pako from '../../../../../_virtual/index8.js';
+import pako from '../../../../../_virtual/index9.js';
 import { MethodNotImplementedError } from '../errors.js';
 import PDFName from '../objects/PDFName.js';
 import PDFStream from '../objects/PDFStream.js';

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/esm/node_modules/react-dropzone/dist/es/index.js

@@ -1,5 +1,5 @@
 import React__default, { useMemo, useRef, useReducer, useEffect, useCallback, forwardRef, useImperativeHandle, Fragment } from 'react';
-import PropTypes from '../../../../_virtual/index2.js';
+import PropTypes from '../../../../_virtual/index.js';
 import { fromEvent } from '../../../file-selector/dist/es2015/file-selector.js';
 import { acceptPropAsAcceptAttr, pickerOptionsFromAccept, canUseFileSystemAccessAPI, onDocumentDragOver, isEvtWithFiles, isPropagationStopped, allFilesAccepted, fileAccepted, fileMatchSize, TOO_MANY_FILES_REJECTION, isAbort, isSecurityError, isIeOrEdge, composeEventHandlers } from './utils/index.js';
 

package/dist/esm/node_modules/react-dropzone/dist/es/utils/index.js

@@ -1,4 +1,4 @@
-import _accepts from '../../../../../_virtual/index4.js';
+import _accepts from '../../../../../_virtual/index3.js';
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 

package/dist/esm/node_modules/use-sync-external-store/shim/index.js

@@ -1,4 +1,4 @@
-import { __module as shim } from '../../../_virtual/index3.js';
+import { __module as shim } from '../../../_virtual/index4.js';
 import { __require as requireUseSyncExternalStoreShim_production } from '../cjs/use-sync-external-store-shim.production.js';
 import { __require as requireUseSyncExternalStoreShim_development } from '../cjs/use-sync-external-store-shim.development.js';
 

package/dist/types/index.d.ts

@@ -182,7 +182,7 @@ type SeparatorProps = ComponentProps<typeof Root>;
 declare const Separator: FC<SeparatorProps>;
 
 declare const buttonGroupVariants: (props?: ({
-    orientation?: "vertical" | "horizontal" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
     groupGap?: "default" | "none" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function ButtonGroup({ className, orientation, groupGap, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime.JSX.Element;
@@ -312,7 +312,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): react_jsx_runtime.JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 declare const fieldVariants: (props?: ({
-    orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
+    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
@@ -611,7 +611,7 @@ declare const SheetTrigger: FC<SheetTriggerProps>;
 type SheetCloseProps = ComponentProps<typeof Close>;
 declare const SheetClose: FC<SheetCloseProps>;
 declare const contentVariants: (props?: ({
-    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+    side?: "top" | "right" | "bottom" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type SheetContentProps = ComponentProps<typeof Content$2> & VariantProps<typeof contentVariants>;
 declare const SheetContent: FC<SheetContentProps>;
@@ -638,9 +638,9 @@ declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<_radix_ui
 type ToastActionElement = ReactElement<typeof ToastAction>;
 
 declare const textVariants: (props?: ({
-    size?: 1 | 2 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -650,9 +650,9 @@ type TextProps = {
 declare const Text: React$1.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: 1 | 2 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLSpanElement>>;
@@ -662,9 +662,9 @@ declare const Heading: React$1.ForwardRefExoticComponent<{
     level?: HeadingLevel;
     asChild?: boolean;
 } & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & VariantProps<(props?: ({
-    size?: 1 | 2 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
-    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
-    align?: "center" | "left" | "right" | null | undefined;
+    size?: 2 | 1 | 3 | 4 | 8 | 9 | 7 | 6 | 5 | null | undefined;
+    weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
     color?: "default" | "destructive" | "secondary" | "muted" | "primary" | "accent" | null | undefined;
     truncate?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLHeadingElement>>;
@@ -736,7 +736,7 @@ type CarouselProps = {
 declare const Carousel: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & CarouselProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const CarouselContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
     layout?: "single" | "peek" | "multi" | null | undefined;
-    orientation?: "vertical" | "horizontal" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     itemsPerView?: number;
     peekAmount?: string;
@@ -1169,7 +1169,7 @@ declare const ContextMenuShortcut: {
 };
 
 declare const dataListVariants: (props?: ({
-    orientation?: "vertical" | "horizontal" | null | undefined;
+    orientation?: "horizontal" | "vertical" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface DataListProps extends ComponentPropsWithoutRef<"dl">, VariantProps<typeof dataListVariants> {
@@ -1188,8 +1188,8 @@ interface DataListValueProps extends ComponentPropsWithoutRef<"dd">, Pick<TextPr
 declare const DataListValue: FC<DataListValueProps>;
 
 declare const cellVariants$1: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-    sticky?: "left" | "right" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
+    sticky?: "right" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TableCellProps = ComponentProps<"td"> & VariantProps<typeof cellVariants$1>;
 declare const TableCell: FC<TableCellProps>;
@@ -1201,8 +1201,8 @@ type TableRowProps = ComponentProps<"tr"> & VariantProps<typeof rowVariants>;
 declare const TableRow: FC<TableRowProps>;
 
 declare const cellVariants: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-    sticky?: "left" | "right" | null | undefined;
+    align?: "center" | "right" | "left" | null | undefined;
+    sticky?: "right" | "left" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type TableHeadProps = ComponentProps<"th"> & VariantProps<typeof cellVariants>;
 declare const TableHead: FC<TableHeadProps>;
@@ -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.32",
+  "version": "1.0.34",
   "description": "Set of handy components for React like projects",
   "type": "module",
   "main": "./dist/cjs/index.js",