@zencemarketing/text-editor-sdk 0.1.0-alpha.0 → 0.1.0-alpha.2

package/README.md

@@ -1,6 +1,6 @@
 # @zencemarketing/text-editor-sdk
 
-> ⚠️ **Alpha Release**: This is an early alpha version (0.1.0-alpha.0). APIs may change before the stable 1.0.0 release. Use in production at your own risk.
+> ⚠️ **Alpha Release**: This is an early alpha version (0.1.0-alpha.2). APIs may change before the stable 1.0.0 release. Use in production at your own risk.
 
 A highly customizable, feature-rich React text editor built with Slate.js. Perfect for content management systems, messaging apps, comment sections, and any application requiring rich text editing capabilities.
 
@@ -188,10 +188,30 @@ interface Tag {
 | `toolbarPosition` | `'top' \| 'bottom' \| 'both'` | `'top'` | Toolbar position |
 | `topToolbarButtons` | `string[]` | `[]` | Buttons for top toolbar |
 | `bottomToolbarButtons` | `string[]` | `[]` | Buttons for bottom toolbar |
+| `moreMenuItems` | `MoreMenuItem[]` | `[]` | Items shown inside the More (⋯) popup |
 
 **Available Toolbar Buttons:**
 `'headings'`, `'bold'`, `'italic'`, `'underline'`, `'strikethrough'`, `'bulletList'`, `'numberedList'`, `'link'`, `'mediaUpload'`, `'mentions'`, `'tags'`, `'emoji'`, `'codeBlock'`, `'more'`
 
+**Available `moreMenuItems`:**
+`'paragraph'`, `'codeBlock'`, `'clearFormatting'`, `'decreaseIndent'`, `'increaseIndent'`, `'horizontalRule'`, `'undo'`, `'redo'`
+
+**Example (hide code block in More menu):**
+```tsx
+<RichTextEditor
+  // ...other props
+  moreMenuItems={[
+    'paragraph',
+    'clearFormatting',
+    'decreaseIndent',
+    'increaseIndent',
+    'horizontalRule',
+    'undo',
+    'redo'
+  ]}
+/>
+```
+
 #### Action Buttons
 
 | Prop | Type | Default | Description |
@@ -629,7 +649,7 @@ The editor includes its own CSS. Make sure your build tool processes CSS imports
 
 ## ⚠️ Alpha Version Notice
 
-This is an **alpha release** (0.1.0-alpha.0). This means:
+This is an **alpha release** (0.1.0-alpha.2). This means:
 
 - ✅ Core features are implemented and tested
 - ⚠️ API may change before stable 1.0.0 release

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAGA,OAAO,WAAW,CAAC;AAsDnB,iBAAS,GAAG,4CA8QX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAGA,OAAO,WAAW,CAAC;AAsDnB,iBAAS,GAAG,4CAgRX;AAED,eAAe,GAAG,CAAC"}

package/dist/components/RichTextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,sBAAsB,CAAC;AAS9B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAknCjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../src/components/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAMjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,sBAAsB,CAAC;AAS9B,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqnCjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/Toolbar.d.ts

@@ -16,6 +16,7 @@ interface ToolbarProps {
     toolbarBackgroundColor?: string;
     toolbarStyle?: React.CSSProperties;
     visibleButtons?: string[];
+    moreMenuItems?: RichTextEditorProps['moreMenuItems'];
     position?: 'top' | 'bottom';
     actionButtons?: React.ReactNode;
 }

package/dist/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAc,MAAM,OAAO,CAAC;AAa3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,eAAe,CAAC;AAEvB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAu5BnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAc,MAAM,OAAO,CAAC;AAa3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,OAAO,eAAe,CAAC;AAEvB,UAAU,YAAY;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,aAAa,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA47BnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-.rte-custom-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:240px;padding:32px 12px 12px;position:relative}.rte-color-picker-presets{display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:12px}.rte-color-preset{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;padding:0;transition:transform .1s,box-shadow .1s;width:32px}.rte-color-preset:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;transform:scale(1.1);z-index:1}.rte-color-picker-input-group{align-items:center;display:flex;gap:8px}.rte-color-preview{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:40px;width:40px}.rte-color-hex-input{border:1px solid #ddd;border-radius:4px;flex:1;font-family:monospace;font-size:14px;padding:8px;text-transform:uppercase}.rte-color-hex-input:focus{border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1);outline:none}.rte-color-native-input{bottom:60px;height:1px;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translateX(-50%);width:1px;z-index:-1}.rte-color-native-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:18px;margin-top:8px;padding:8px;position:relative;transition:background-color .2s;width:100%}.rte-color-native-button:hover{background:#e9ecef}.rte-toolbar{align-items:center;background-color:#f8f9fa;display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px}.rte-toolbar-top{border-bottom:1px solid #e0e0e0}.rte-toolbar-bottom{border-top:1px solid #e0e0e0}.rte-toolbar-action-buttons{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.rte-toolbar-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:4px;padding:4px 8px}.rte-toolbar-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.rte-toolbar-button:hover{background-color:#e0e0e0}.rte-toolbar-button.active{background-color:#d0d0d0;color:#000}.rte-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.rte-toolbar-divider{background-color:#ddd;height:24px;margin:0 4px;width:1px}.rte-toolbar-group{position:relative}.rte-link-dialog-wrapper{overflow:visible;position:relative}.rte-link-dialog-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-link-dialog{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:320px;overflow:hidden;position:relative}.rte-link-dialog-content{display:flex;gap:8px;padding:12px}.rte-close-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s;width:24px;z-index:10001}.rte-close-button:hover{background-color:#f0f0f0;border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#000;transform:scale(1.1)}.rte-close-button:active{transform:scale(.95)}.rte-link-dialog input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.rte-link-dialog input:focus{border-color:#06c}.rte-link-dialog button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.rte-link-dialog button:hover{background-color:#0052a3}.rte-link-dialog button:active{background-color:#004080}.rte-mention-list-wrapper{overflow:visible;position:relative}.rte-mention-list-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-mention-list{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:350px;max-width:400px;min-width:280px;overflow:hidden;position:relative}.rte-mention-list input{background:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:12px 16px;transition:background-color .2s;width:100%}.rte-mention-list input:focus{background:#fff;border-bottom-color:#06c}.rte-mention-list input::-moz-placeholder{color:#999}.rte-mention-list input::placeholder{color:#999}.rte-mention-items{max-height:280px;overflow-y:auto;padding:4px 0}.rte-mention-items::-webkit-scrollbar{width:6px}.rte-mention-items::-webkit-scrollbar-track{background:#f1f1f1}.rte-mention-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.rte-mention-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rte-mention-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .2s}.rte-mention-item:last-child{border-bottom:none}.rte-mention-item:hover{background-color:#f5f5f5}.rte-mention-item:active{background-color:#e8e8e8}.rte-mention-item img{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.rte-mention-item span{color:#333;flex:1;font-size:14px}.rte-emoji-picker-container{margin-top:4px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.rte-emoji-picker-container .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-emoji-picker-wrapper{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}.rte-more-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;min-width:220px;overflow:visible;padding-top:8px;position:absolute;right:0;top:100%;z-index:1000}.rte-more-menu-content{padding:4px 0}.rte-more-menu-item{align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.rte-more-menu-item:hover{background-color:#f0f0f0}.rte-menu-icon{display:inline-block;font-size:16px;text-align:center;width:20px}.rte-menu-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.rte-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:200px;padding:32px 8px 8px}.rte-resizable-container{display:inline-block;position:relative}.rte-resizable-container:hover .rte-resize-handle{opacity:1}.rte-resize-handle{background:#06c;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.15);opacity:0;position:absolute;transition:opacity .2s;z-index:1000}.rte-resize-handle:hover{background:#0052a3;opacity:1!important}.rte-resize-handle-nw{border-radius:50% 0 50% 0;cursor:nw-resize;height:8px;left:-4px;top:-4px;width:8px}.rte-resize-handle-ne{cursor:ne-resize;right:-4px;top:-4px}.rte-resize-handle-ne,.rte-resize-handle-sw{border-radius:0 50% 0 50%;height:8px;width:8px}.rte-resize-handle-sw{bottom:-4px;cursor:sw-resize;left:-4px}.rte-resize-handle-se{border-radius:50% 0 50% 0;bottom:-4px;cursor:se-resize;height:8px;right:-4px;width:8px}.rte-resize-handle-n{cursor:n-resize;top:-3px}.rte-resize-handle-n,.rte-resize-handle-s{border-radius:2px;height:4px;left:50%;transform:translateX(-50%);width:30px}.rte-resize-handle-s{bottom:-3px;cursor:s-resize}.rte-resize-handle-e{cursor:e-resize;right:-3px}.rte-resize-handle-e,.rte-resize-handle-w{border-radius:2px;height:30px;top:50%;transform:translateY(-50%);width:4px}.rte-resize-handle-w{cursor:w-resize;left:-3px}.rte-paste-options-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;position:absolute!important;z-index:10000!important}.rte-paste-options-content{align-items:center;display:flex;flex-direction:row;gap:2px;padding:4px}.rte-paste-option{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.rte-paste-option:hover{background-color:#f0f0f0}.rte-paste-option.rte-paste-close{border-left:1px solid #e0e0e0;margin-left:4px;padding-left:4px}.rte-paste-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.rte-paste-option-desc,.rte-paste-option-title{display:none}.rte-container{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.rte-editor-wrapper{cursor:text;flex:1;min-height:100%;overflow-y:auto}.rte-editor-wrapper h1{font-size:2em;font-weight:700;margin:.67em 0}.rte-editor-wrapper h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rte-editor-wrapper h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rte-editor-wrapper ol,.rte-editor-wrapper ul{margin:1em 0;padding-left:2em}.rte-editor-wrapper li{margin:.25em 0}.rte-editor-wrapper a{color:#06c;text-decoration:underline}.rte-editor-wrapper a:hover{color:#0052a3}.rte-editor-wrapper pre{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:12px}.rte-editor-wrapper code,.rte-editor-wrapper pre{background-color:#f5f5f5;font-family:Courier New,Courier,monospace}.rte-editor-wrapper code{border-radius:3px;font-size:.9em;padding:2px 4px}.rte-editor-wrapper pre code{background-color:transparent;padding:0}.rte-editor-wrapper [data-slate-placeholder]{opacity:.5;pointer-events:none;position:absolute}.rte-action-buttons{display:flex;flex-shrink:0;gap:8px}.rte-action-button{min-width:80px;white-space:nowrap}.rte-action-button:hover{opacity:.9}.rte-action-button:active{transform:scale(.98)}
+.rte-custom-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:240px;padding:32px 12px 12px;position:relative}.rte-color-picker-presets{display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:12px}.rte-color-preset{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;padding:0;transition:transform .1s,box-shadow .1s;width:32px}.rte-color-preset:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;transform:scale(1.1);z-index:1}.rte-color-picker-input-group{align-items:center;display:flex;gap:8px}.rte-color-preview{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:40px;width:40px}.rte-color-hex-input{border:1px solid #ddd;border-radius:4px;flex:1;font-family:monospace;font-size:14px;padding:8px;text-transform:uppercase}.rte-color-hex-input:focus{border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1);outline:none}.rte-color-native-input{bottom:60px;height:1px;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translateX(-50%);width:1px;z-index:-1}.rte-color-native-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:18px;margin-top:8px;padding:8px;position:relative;transition:background-color .2s;width:100%}.rte-color-native-button:hover{background:#e9ecef}.rte-toolbar{align-items:center;background-color:#f8f9fa;display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px}.rte-toolbar-top{border-bottom:1px solid #e0e0e0}.rte-toolbar-bottom{border-top:1px solid #e0e0e0}.rte-toolbar-action-buttons{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.rte-toolbar-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:4px;padding:4px 8px}.rte-toolbar-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.rte-toolbar-button:hover{background-color:#e0e0e0}.rte-toolbar-button.active{background-color:#d0d0d0;color:#000}.rte-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.rte-toolbar-divider{background-color:#ddd;height:24px;margin:0 4px;width:1px}.rte-toolbar-group{position:relative}.rte-link-dialog-wrapper{overflow:visible;position:relative}.rte-link-dialog-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-link-dialog{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:320px;overflow:hidden;position:relative}.rte-link-dialog-content{display:flex;gap:8px;padding:12px}.rte-close-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s;width:24px;z-index:10001}.rte-close-button:hover{background-color:#f0f0f0;border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#000;transform:scale(1.1)}.rte-close-button:active{transform:scale(.95)}.rte-link-dialog input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.rte-link-dialog input:focus{border-color:#06c}.rte-link-dialog button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.rte-link-dialog button:hover{background-color:#0052a3}.rte-link-dialog button:active{background-color:#004080}.rte-mention-list-wrapper{overflow:visible;position:relative}.rte-mention-list-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-mention-list{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:350px;max-width:400px;min-width:280px;overflow:hidden;position:relative}.rte-mention-list input{background:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:12px 16px;transition:background-color .2s;width:100%}.rte-mention-list input:focus{background:#fff;border-bottom-color:#06c}.rte-mention-list input::-moz-placeholder{color:#999}.rte-mention-list input::placeholder{color:#999}.rte-mention-items{max-height:280px;overflow-y:auto;padding:4px 0}.rte-mention-items::-webkit-scrollbar{width:6px}.rte-mention-items::-webkit-scrollbar-track{background:#f1f1f1}.rte-mention-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.rte-mention-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rte-mention-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .2s}.rte-mention-item:last-child{border-bottom:none}.rte-mention-item:hover{background-color:#f5f5f5}.rte-mention-item:active{background-color:#e8e8e8}.rte-mention-item img{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.rte-mention-item span{color:#333;flex:1;font-size:14px}.rte-emoji-picker-container{margin-top:4px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.rte-emoji-picker-container .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-emoji-picker-wrapper{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}.rte-more-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;max-width:220px;min-width:200px;overflow:visible;padding-top:8px;position:absolute;right:0;top:100%;z-index:1000}.rte-more-menu-content{padding:4px 0}.rte-more-menu-item{align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.rte-more-menu-item:hover{background-color:#f0f0f0}.rte-menu-icon{display:inline-block;font-size:16px;text-align:center;width:20px}.rte-menu-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.rte-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:200px;padding:32px 8px 8px}.rte-resizable-container{display:inline-block;position:relative}.rte-resizable-container:hover .rte-resize-handle{opacity:1}.rte-resize-handle{background:#06c;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.15);opacity:0;position:absolute;transition:opacity .2s;z-index:1000}.rte-resize-handle:hover{background:#0052a3;opacity:1!important}.rte-resize-handle-nw{border-radius:50% 0 50% 0;cursor:nw-resize;height:8px;left:-4px;top:-4px;width:8px}.rte-resize-handle-ne{cursor:ne-resize;right:-4px;top:-4px}.rte-resize-handle-ne,.rte-resize-handle-sw{border-radius:0 50% 0 50%;height:8px;width:8px}.rte-resize-handle-sw{bottom:-4px;cursor:sw-resize;left:-4px}.rte-resize-handle-se{border-radius:50% 0 50% 0;bottom:-4px;cursor:se-resize;height:8px;right:-4px;width:8px}.rte-resize-handle-n{cursor:n-resize;top:-3px}.rte-resize-handle-n,.rte-resize-handle-s{border-radius:2px;height:4px;left:50%;transform:translateX(-50%);width:30px}.rte-resize-handle-s{bottom:-3px;cursor:s-resize}.rte-resize-handle-e{cursor:e-resize;right:-3px}.rte-resize-handle-e,.rte-resize-handle-w{border-radius:2px;height:30px;top:50%;transform:translateY(-50%);width:4px}.rte-resize-handle-w{cursor:w-resize;left:-3px}.rte-paste-options-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;position:absolute!important;z-index:10000!important}.rte-paste-options-content{align-items:center;display:flex;flex-direction:row;gap:2px;padding:4px}.rte-paste-option{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.rte-paste-option:hover{background-color:#f0f0f0}.rte-paste-option.rte-paste-close{border-left:1px solid #e0e0e0;margin-left:4px;padding-left:4px}.rte-paste-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.rte-paste-option-desc,.rte-paste-option-title{display:none}.rte-container{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.rte-editor-wrapper{cursor:text;flex:1;min-height:100%;overflow-y:auto}.rte-editor-wrapper h1{font-size:2em;font-weight:700;margin:.67em 0}.rte-editor-wrapper h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rte-editor-wrapper h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rte-editor-wrapper ol,.rte-editor-wrapper ul{margin:1em 0;padding-left:2em}.rte-editor-wrapper li{margin:.25em 0}.rte-editor-wrapper a{color:#06c;text-decoration:underline}.rte-editor-wrapper a:hover{color:#0052a3}.rte-editor-wrapper pre{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:12px}.rte-editor-wrapper code,.rte-editor-wrapper pre{background-color:#f5f5f5;font-family:Courier New,Courier,monospace}.rte-editor-wrapper code{border-radius:3px;font-size:.9em;padding:2px 4px}.rte-editor-wrapper pre code{background-color:transparent;padding:0}.rte-editor-wrapper [data-slate-placeholder]{opacity:.5;pointer-events:none;position:absolute}.rte-action-buttons{display:flex;flex-shrink:0;gap:8px}.rte-action-button{min-width:80px;white-space:nowrap}.rte-action-button:hover{opacity:.9}.rte-action-button:active{transform:scale(.98)}

package/dist/index.esm.css

@@ -1 +1 @@
-.rte-custom-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:240px;padding:32px 12px 12px;position:relative}.rte-color-picker-presets{display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:12px}.rte-color-preset{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;padding:0;transition:transform .1s,box-shadow .1s;width:32px}.rte-color-preset:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;transform:scale(1.1);z-index:1}.rte-color-picker-input-group{align-items:center;display:flex;gap:8px}.rte-color-preview{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:40px;width:40px}.rte-color-hex-input{border:1px solid #ddd;border-radius:4px;flex:1;font-family:monospace;font-size:14px;padding:8px;text-transform:uppercase}.rte-color-hex-input:focus{border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1);outline:none}.rte-color-native-input{bottom:60px;height:1px;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translateX(-50%);width:1px;z-index:-1}.rte-color-native-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:18px;margin-top:8px;padding:8px;position:relative;transition:background-color .2s;width:100%}.rte-color-native-button:hover{background:#e9ecef}.rte-toolbar{align-items:center;background-color:#f8f9fa;display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px}.rte-toolbar-top{border-bottom:1px solid #e0e0e0}.rte-toolbar-bottom{border-top:1px solid #e0e0e0}.rte-toolbar-action-buttons{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.rte-toolbar-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:4px;padding:4px 8px}.rte-toolbar-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.rte-toolbar-button:hover{background-color:#e0e0e0}.rte-toolbar-button.active{background-color:#d0d0d0;color:#000}.rte-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.rte-toolbar-divider{background-color:#ddd;height:24px;margin:0 4px;width:1px}.rte-toolbar-group{position:relative}.rte-link-dialog-wrapper{overflow:visible;position:relative}.rte-link-dialog-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-link-dialog{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:320px;overflow:hidden;position:relative}.rte-link-dialog-content{display:flex;gap:8px;padding:12px}.rte-close-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s;width:24px;z-index:10001}.rte-close-button:hover{background-color:#f0f0f0;border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#000;transform:scale(1.1)}.rte-close-button:active{transform:scale(.95)}.rte-link-dialog input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.rte-link-dialog input:focus{border-color:#06c}.rte-link-dialog button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.rte-link-dialog button:hover{background-color:#0052a3}.rte-link-dialog button:active{background-color:#004080}.rte-mention-list-wrapper{overflow:visible;position:relative}.rte-mention-list-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-mention-list{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:350px;max-width:400px;min-width:280px;overflow:hidden;position:relative}.rte-mention-list input{background:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:12px 16px;transition:background-color .2s;width:100%}.rte-mention-list input:focus{background:#fff;border-bottom-color:#06c}.rte-mention-list input::-moz-placeholder{color:#999}.rte-mention-list input::placeholder{color:#999}.rte-mention-items{max-height:280px;overflow-y:auto;padding:4px 0}.rte-mention-items::-webkit-scrollbar{width:6px}.rte-mention-items::-webkit-scrollbar-track{background:#f1f1f1}.rte-mention-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.rte-mention-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rte-mention-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .2s}.rte-mention-item:last-child{border-bottom:none}.rte-mention-item:hover{background-color:#f5f5f5}.rte-mention-item:active{background-color:#e8e8e8}.rte-mention-item img{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.rte-mention-item span{color:#333;flex:1;font-size:14px}.rte-emoji-picker-container{margin-top:4px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.rte-emoji-picker-container .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-emoji-picker-wrapper{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}.rte-more-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;min-width:220px;overflow:visible;padding-top:8px;position:absolute;right:0;top:100%;z-index:1000}.rte-more-menu-content{padding:4px 0}.rte-more-menu-item{align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.rte-more-menu-item:hover{background-color:#f0f0f0}.rte-menu-icon{display:inline-block;font-size:16px;text-align:center;width:20px}.rte-menu-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.rte-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:200px;padding:32px 8px 8px}.rte-resizable-container{display:inline-block;position:relative}.rte-resizable-container:hover .rte-resize-handle{opacity:1}.rte-resize-handle{background:#06c;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.15);opacity:0;position:absolute;transition:opacity .2s;z-index:1000}.rte-resize-handle:hover{background:#0052a3;opacity:1!important}.rte-resize-handle-nw{border-radius:50% 0 50% 0;cursor:nw-resize;height:8px;left:-4px;top:-4px;width:8px}.rte-resize-handle-ne{cursor:ne-resize;right:-4px;top:-4px}.rte-resize-handle-ne,.rte-resize-handle-sw{border-radius:0 50% 0 50%;height:8px;width:8px}.rte-resize-handle-sw{bottom:-4px;cursor:sw-resize;left:-4px}.rte-resize-handle-se{border-radius:50% 0 50% 0;bottom:-4px;cursor:se-resize;height:8px;right:-4px;width:8px}.rte-resize-handle-n{cursor:n-resize;top:-3px}.rte-resize-handle-n,.rte-resize-handle-s{border-radius:2px;height:4px;left:50%;transform:translateX(-50%);width:30px}.rte-resize-handle-s{bottom:-3px;cursor:s-resize}.rte-resize-handle-e{cursor:e-resize;right:-3px}.rte-resize-handle-e,.rte-resize-handle-w{border-radius:2px;height:30px;top:50%;transform:translateY(-50%);width:4px}.rte-resize-handle-w{cursor:w-resize;left:-3px}.rte-paste-options-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;position:absolute!important;z-index:10000!important}.rte-paste-options-content{align-items:center;display:flex;flex-direction:row;gap:2px;padding:4px}.rte-paste-option{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.rte-paste-option:hover{background-color:#f0f0f0}.rte-paste-option.rte-paste-close{border-left:1px solid #e0e0e0;margin-left:4px;padding-left:4px}.rte-paste-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.rte-paste-option-desc,.rte-paste-option-title{display:none}.rte-container{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.rte-editor-wrapper{cursor:text;flex:1;min-height:100%;overflow-y:auto}.rte-editor-wrapper h1{font-size:2em;font-weight:700;margin:.67em 0}.rte-editor-wrapper h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rte-editor-wrapper h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rte-editor-wrapper ol,.rte-editor-wrapper ul{margin:1em 0;padding-left:2em}.rte-editor-wrapper li{margin:.25em 0}.rte-editor-wrapper a{color:#06c;text-decoration:underline}.rte-editor-wrapper a:hover{color:#0052a3}.rte-editor-wrapper pre{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:12px}.rte-editor-wrapper code,.rte-editor-wrapper pre{background-color:#f5f5f5;font-family:Courier New,Courier,monospace}.rte-editor-wrapper code{border-radius:3px;font-size:.9em;padding:2px 4px}.rte-editor-wrapper pre code{background-color:transparent;padding:0}.rte-editor-wrapper [data-slate-placeholder]{opacity:.5;pointer-events:none;position:absolute}.rte-action-buttons{display:flex;flex-shrink:0;gap:8px}.rte-action-button{min-width:80px;white-space:nowrap}.rte-action-button:hover{opacity:.9}.rte-action-button:active{transform:scale(.98)}
+.rte-custom-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:240px;padding:32px 12px 12px;position:relative}.rte-color-picker-presets{display:grid;gap:4px;grid-template-columns:repeat(6,1fr);margin-bottom:12px}.rte-color-preset{border:1px solid #ddd;border-radius:4px;cursor:pointer;height:32px;padding:0;transition:transform .1s,box-shadow .1s;width:32px}.rte-color-preset:hover{box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;transform:scale(1.1);z-index:1}.rte-color-picker-input-group{align-items:center;display:flex;gap:8px}.rte-color-preview{border:1px solid #ddd;border-radius:4px;flex-shrink:0;height:40px;width:40px}.rte-color-hex-input{border:1px solid #ddd;border-radius:4px;flex:1;font-family:monospace;font-size:14px;padding:8px;text-transform:uppercase}.rte-color-hex-input:focus{border-color:#06c;box-shadow:0 0 0 2px rgba(0,102,204,.1);outline:none}.rte-color-native-input{bottom:60px;height:1px;left:50%;opacity:0;pointer-events:none;position:absolute;top:auto;transform:translateX(-50%);width:1px;z-index:-1}.rte-color-native-button{background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:18px;margin-top:8px;padding:8px;position:relative;transition:background-color .2s;width:100%}.rte-color-native-button:hover{background:#e9ecef}.rte-toolbar{align-items:center;background-color:#f8f9fa;display:flex;flex-wrap:nowrap;gap:4px;padding:8px 12px}.rte-toolbar-top{border-bottom:1px solid #e0e0e0}.rte-toolbar-bottom{border-top:1px solid #e0e0e0}.rte-toolbar-action-buttons{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.rte-toolbar-select{background-color:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;margin-right:4px;padding:4px 8px}.rte-toolbar-button{align-items:center;background-color:transparent;border:none;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.rte-toolbar-button:hover{background-color:#e0e0e0}.rte-toolbar-button.active{background-color:#d0d0d0;color:#000}.rte-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.rte-toolbar-divider{background-color:#ddd;height:24px;margin:0 4px;width:1px}.rte-toolbar-group{position:relative}.rte-link-dialog-wrapper{overflow:visible;position:relative}.rte-link-dialog-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-link-dialog{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:320px;overflow:hidden;position:relative}.rte-link-dialog-content{display:flex;gap:8px;padding:12px}.rte-close-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.15);color:#666;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:-12px;top:-12px;transition:all .2s;width:24px;z-index:10001}.rte-close-button:hover{background-color:#f0f0f0;border-color:#999;box-shadow:0 2px 6px rgba(0,0,0,.2);color:#000;transform:scale(1.1)}.rte-close-button:active{transform:scale(.95)}.rte-link-dialog input{border:1px solid #ddd;border-radius:6px;flex:1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.rte-link-dialog input:focus{border-color:#06c}.rte-link-dialog button{background-color:#06c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.rte-link-dialog button:hover{background-color:#0052a3}.rte-link-dialog button:active{background-color:#004080}.rte-mention-list-wrapper{overflow:visible;position:relative}.rte-mention-list-wrapper .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-mention-list{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;max-height:350px;max-width:400px;min-width:280px;overflow:hidden;position:relative}.rte-mention-list input{background:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;box-sizing:border-box;color:#333;font-size:14px;outline:none;padding:12px 16px;transition:background-color .2s;width:100%}.rte-mention-list input:focus{background:#fff;border-bottom-color:#06c}.rte-mention-list input::-moz-placeholder{color:#999}.rte-mention-list input::placeholder{color:#999}.rte-mention-items{max-height:280px;overflow-y:auto;padding:4px 0}.rte-mention-items::-webkit-scrollbar{width:6px}.rte-mention-items::-webkit-scrollbar-track{background:#f1f1f1}.rte-mention-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.rte-mention-items::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.rte-mention-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:10px 16px;transition:all .2s}.rte-mention-item:last-child{border-bottom:none}.rte-mention-item:hover{background-color:#f5f5f5}.rte-mention-item:active{background-color:#e8e8e8}.rte-mention-item img{border-radius:50%;flex-shrink:0;height:32px;-o-object-fit:cover;object-fit:cover;width:32px}.rte-mention-item span{color:#333;flex:1;font-size:14px}.rte-emoji-picker-container{margin-top:4px;overflow:visible;position:absolute;right:0;top:100%;z-index:1000}.rte-emoji-picker-container .rte-close-button{position:absolute;right:-12px;top:-12px;z-index:10001}.rte-emoji-picker-wrapper{border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);overflow:hidden}.rte-more-menu{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);margin-top:4px;max-width:220px;min-width:200px;overflow:visible;padding-top:8px;position:absolute;right:0;top:100%;z-index:1000}.rte-more-menu-content{padding:4px 0}.rte-more-menu-item{align-items:center;background:transparent;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:8px 16px;text-align:left;transition:background-color .2s;width:100%}.rte-more-menu-item:hover{background-color:#f0f0f0}.rte-menu-icon{display:inline-block;font-size:16px;text-align:center;width:20px}.rte-menu-divider{background-color:#e0e0e0;height:1px;margin:4px 0}.rte-color-picker{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);min-width:200px;padding:32px 8px 8px}.rte-resizable-container{display:inline-block;position:relative}.rte-resizable-container:hover .rte-resize-handle{opacity:1}.rte-resize-handle{background:#06c;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.15);opacity:0;position:absolute;transition:opacity .2s;z-index:1000}.rte-resize-handle:hover{background:#0052a3;opacity:1!important}.rte-resize-handle-nw{border-radius:50% 0 50% 0;cursor:nw-resize;height:8px;left:-4px;top:-4px;width:8px}.rte-resize-handle-ne{cursor:ne-resize;right:-4px;top:-4px}.rte-resize-handle-ne,.rte-resize-handle-sw{border-radius:0 50% 0 50%;height:8px;width:8px}.rte-resize-handle-sw{bottom:-4px;cursor:sw-resize;left:-4px}.rte-resize-handle-se{border-radius:50% 0 50% 0;bottom:-4px;cursor:se-resize;height:8px;right:-4px;width:8px}.rte-resize-handle-n{cursor:n-resize;top:-3px}.rte-resize-handle-n,.rte-resize-handle-s{border-radius:2px;height:4px;left:50%;transform:translateX(-50%);width:30px}.rte-resize-handle-s{bottom:-3px;cursor:s-resize}.rte-resize-handle-e{cursor:e-resize;right:-3px}.rte-resize-handle-e,.rte-resize-handle-w{border-radius:2px;height:30px;top:50%;transform:translateY(-50%);width:4px}.rte-resize-handle-w{cursor:w-resize;left:-3px}.rte-paste-options-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;position:absolute!important;z-index:10000!important}.rte-paste-options-content{align-items:center;display:flex;flex-direction:row;gap:2px;padding:4px}.rte-paste-option{align-items:center;background:transparent;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.rte-paste-option:hover{background-color:#f0f0f0}.rte-paste-option.rte-paste-close{border-left:1px solid #e0e0e0;margin-left:4px;padding-left:4px}.rte-paste-icon{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1}.rte-paste-option-desc,.rte-paste-option-title{display:none}.rte-container{display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5}.rte-editor-wrapper{cursor:text;flex:1;min-height:100%;overflow-y:auto}.rte-editor-wrapper h1{font-size:2em;font-weight:700;margin:.67em 0}.rte-editor-wrapper h2{font-size:1.5em;font-weight:700;margin:.75em 0}.rte-editor-wrapper h3{font-size:1.17em;font-weight:700;margin:.83em 0}.rte-editor-wrapper ol,.rte-editor-wrapper ul{margin:1em 0;padding-left:2em}.rte-editor-wrapper li{margin:.25em 0}.rte-editor-wrapper a{color:#06c;text-decoration:underline}.rte-editor-wrapper a:hover{color:#0052a3}.rte-editor-wrapper pre{border:1px solid #ddd;border-radius:4px;font-size:13px;line-height:1.4;margin:12px 0;overflow-x:auto;padding:12px}.rte-editor-wrapper code,.rte-editor-wrapper pre{background-color:#f5f5f5;font-family:Courier New,Courier,monospace}.rte-editor-wrapper code{border-radius:3px;font-size:.9em;padding:2px 4px}.rte-editor-wrapper pre code{background-color:transparent;padding:0}.rte-editor-wrapper [data-slate-placeholder]{opacity:.5;pointer-events:none;position:absolute}.rte-action-buttons{display:flex;flex-shrink:0;gap:8px}.rte-action-button{min-width:80px;white-space:nowrap}.rte-action-button:hover{opacity:.9}.rte-action-button:active{transform:scale(.98)}

package/dist/index.esm.js

@@ -35495,7 +35495,7 @@ const ColorPicker = ({ value, onChange, onClose }) => {
                 }, onMouseDown: (e) => e.stopPropagation(), title: "Open advanced color picker", children: "\uD83C\uDFA8 Advanced" })] }));
 };
 
-const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelect, mentionUsers = [], onMentionSelect, tags = [], onTagSelect, tagPlaceholder = 'Search variables...', toolbarBackgroundColor, toolbarStyle, visibleButtons = [], position = 'top', actionButtons, }) => {
+const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelect, mentionUsers = [], onMentionSelect, tags = [], onTagSelect, tagPlaceholder = 'Search variables...', toolbarBackgroundColor, toolbarStyle, visibleButtons = [], moreMenuItems = [], position = 'top', actionButtons, }) => {
     const [showEmojiPicker, setShowEmojiPicker] = useState(false);
     const [showMentionList, setShowMentionList] = useState(false);
     const [showTagList, setShowTagList] = useState(false);
@@ -35600,13 +35600,13 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
         return marks?.[type] || (type === 'color' ? '#000000' : '#ffff00');
     };
     // Calculate fixed position for modals based on button ref
-    const getModalPosition = (buttonRef, modalWidth = 240) => {
+    const getModalPosition = (buttonRef, modalWidth = 240, align = 'left') => {
         if (!buttonRef.current)
             return { top: 0, left: 0 };
         // Get the actual button element inside the group (if it's a group wrapper)
         const button = buttonRef.current.querySelector('button') || buttonRef.current;
         const buttonRect = button.getBoundingClientRect();
-        let left = buttonRect.left;
+        let left = align === 'right' ? buttonRect.right - modalWidth : buttonRect.left;
         let top = buttonRect.bottom + 4;
         // Ensure modal stays within viewport
         if (left + modalWidth > window.innerWidth) {
@@ -35739,6 +35739,12 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
         }
         return visibleButtons.includes(buttonName);
     };
+    const isMoreMenuItemVisible = (itemName) => {
+        if (!moreMenuItems || moreMenuItems.length === 0) {
+            return true;
+        }
+        return moreMenuItems.includes(itemName);
+    };
     return (jsxs("div", { className: `rte-toolbar rte-toolbar-${position}`, style: { backgroundColor: toolbarBackgroundColor, ...toolbarStyle }, children: [defaultFeatures.headings && isButtonVisible('headings') && (jsxs("select", { className: "rte-toolbar-select", onChange: (e) => {
                     if (e.target.value === 'paragraph') {
                         toggleBlock(editor, 'paragraph');
@@ -35847,7 +35853,7 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
                             e.preventDefault();
                             setShowLinkDialog(!showLinkDialog);
                         }, title: "Insert Link", children: "\uD83D\uDD17" }), showLinkDialog && (() => {
-                        const position = getModalPosition(linkButtonRef);
+                        const position = getModalPosition(linkButtonRef, 340, 'right');
                         return (jsxs("div", { className: "rte-link-dialog-wrapper", style: { position: 'fixed', top: `${position.top}px`, left: `${position.left}px`, zIndex: 10000 }, children: [jsx("button", { className: "rte-close-button", onClick: () => setShowLinkDialog(false), children: "\u00D7" }), jsx("div", { className: "rte-link-dialog", children: jsxs("div", { className: "rte-link-dialog-content", children: [jsx("input", { type: "text", placeholder: "Enter URL", value: linkUrl, onChange: (e) => setLinkUrl(e.target.value), onKeyDown: (e) => {
                                                     if (e.key === 'Enter') {
                                                         handleLinkSubmit();
@@ -35863,7 +35869,7 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
                             e.preventDefault();
                             setShowMentionList(!showMentionList);
                         }, title: "Mention", children: "@" }), showMentionList && (() => {
-                        const position = getModalPosition(mentionButtonRef);
+                        const position = getModalPosition(mentionButtonRef, 360, 'right');
                         return (jsxs("div", { className: "rte-mention-list-wrapper", style: { position: 'fixed', top: `${position.top}px`, left: `${position.left}px`, zIndex: 10000 }, children: [jsx("button", { className: "rte-close-button", onClick: () => setShowMentionList(false), children: "\u00D7" }), jsxs("div", { className: "rte-mention-list", children: [jsx("input", { type: "text", placeholder: "Search users...", value: mentionQuery, onChange: (e) => setMentionQuery(e.target.value), autoFocus: true }), jsx("div", { className: "rte-mention-items", children: filteredMentions.map((user) => (jsxs("div", { className: "rte-mention-item", onClick: () => {
                                                     onMentionSelect?.(user);
                                                     setShowMentionList(false);
@@ -35873,7 +35879,7 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
                             e.preventDefault();
                             setShowTagList(!showTagList);
                         }, title: "Insert Variable", children: "#" }), showTagList && (() => {
-                        const position = getModalPosition(tagButtonRef);
+                        const position = getModalPosition(tagButtonRef, 380, 'right');
                         return (jsxs("div", { className: "rte-mention-list-wrapper", style: { position: 'fixed', top: `${position.top}px`, left: `${position.left}px`, zIndex: 10000 }, children: [jsx("button", { className: "rte-close-button", onClick: () => setShowTagList(false), children: "\u00D7" }), jsxs("div", { className: "rte-mention-list", children: [jsx("input", { type: "text", placeholder: tagPlaceholder, value: tagQuery, onChange: (e) => setTagQuery(e.target.value), autoFocus: true }), jsx("div", { className: "rte-mention-items", children: filteredTags.map((tag) => (jsxs("div", { className: "rte-mention-item", onClick: () => handleTagSelect(tag), children: [jsx("span", { style: {
                                                             backgroundColor: tag.backgroundColor || '#fff3cd',
                                                             color: tag.color || '#856404',
@@ -35926,43 +35932,52 @@ const Toolbar = ({ editor, features = {}, onLinkAdd, onMediaUpload, onEmojiSelec
                             e.preventDefault();
                             setShowMoreMenu(!showMoreMenu);
                         }, title: "More Options", children: "\u22EF" }), showMoreMenu && (() => {
-                        const position = getModalPosition(moreMenuRef);
-                        // For more menu, align to right edge of button
-                        const buttonRect = moreMenuRef.current?.getBoundingClientRect();
-                        const rightPos = buttonRect ? window.innerWidth - buttonRect.right : 0;
-                        return (jsxs("div", { className: "rte-more-menu", style: { position: 'fixed', top: `${position.top}px`, right: `${rightPos}px`, zIndex: 10000 }, children: [jsx("button", { className: "rte-close-button", onClick: () => setShowMoreMenu(false), children: "\u00D7" }), jsxs("div", { className: "rte-more-menu-content", children: [jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                        const position = getModalPosition(moreMenuRef, 220, 'right');
+                        const showParagraph = isMoreMenuItemVisible('paragraph');
+                        const showCodeBlock = isMoreMenuItemVisible('codeBlock');
+                        const showClearFormatting = isMoreMenuItemVisible('clearFormatting');
+                        const showDecreaseIndent = isMoreMenuItemVisible('decreaseIndent');
+                        const showIncreaseIndent = isMoreMenuItemVisible('increaseIndent');
+                        const showHorizontalRule = isMoreMenuItemVisible('horizontalRule');
+                        const showUndo = isMoreMenuItemVisible('undo');
+                        const showRedo = isMoreMenuItemVisible('redo');
+                        const hasGroupOne = showParagraph || showCodeBlock || showClearFormatting;
+                        const hasGroupTwo = showDecreaseIndent || showIncreaseIndent;
+                        const hasGroupThree = showHorizontalRule;
+                        const hasGroupFour = showUndo || showRedo;
+                        return (jsxs("div", { className: "rte-more-menu", style: { position: 'fixed', top: `${position.top}px`, left: `${position.left}px`, zIndex: 10000 }, children: [jsx("button", { className: "rte-close-button", onClick: () => setShowMoreMenu(false), children: "\u00D7" }), jsxs("div", { className: "rte-more-menu-content", children: [showParagraph && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 toggleBlock(editor, 'paragraph');
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u00B6" }), jsx("span", { children: "Paragraph" })] }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u00B6" }), jsx("span", { children: "Paragraph" })] })), showCodeBlock && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 insertCodeBlock(editor);
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: '</>' }), jsx("span", { children: "Code" })] }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: '</>' }), jsx("span", { children: "Code" })] })), showClearFormatting && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 clearFormatting(editor);
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "Ab\u0336" }), jsx("span", { children: "Clear all formatting" })] }), jsx("div", { className: "rte-menu-divider" }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "Ab\u0336" }), jsx("span", { children: "Clear all formatting" })] })), hasGroupOne && (hasGroupTwo || hasGroupThree || hasGroupFour) && jsx("div", { className: "rte-menu-divider" }), showDecreaseIndent && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 decreaseIndent(editor);
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u25C0" }), jsx("span", { children: "Decrease indent" })] }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u25C0" }), jsx("span", { children: "Decrease indent" })] })), showIncreaseIndent && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 increaseIndent(editor);
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u25B6" }), jsx("span", { children: "Increase indent" })] }), jsx("div", { className: "rte-menu-divider" }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u25B6" }), jsx("span", { children: "Increase indent" })] })), hasGroupTwo && (hasGroupThree || hasGroupFour) && jsx("div", { className: "rte-menu-divider" }), showHorizontalRule && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 insertHorizontalRule(editor);
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u2500" }), jsx("span", { children: "Insert horizontal rule" })] }), jsx("div", { className: "rte-menu-divider" }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u2500" }), jsx("span", { children: "Insert horizontal rule" })] })), hasGroupThree && hasGroupFour && jsx("div", { className: "rte-menu-divider" }), showUndo && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 handleUndo();
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u21B6" }), jsx("span", { children: "Undo typing" })] }), jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u21B6" }), jsx("span", { children: "Undo typing" })] })), showRedo && (jsxs("button", { className: "rte-more-menu-item", onMouseDown: (e) => {
                                                 e.preventDefault();
                                                 handleRedo();
                                                 setShowMoreMenu(false);
-                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u21B7" }), jsx("span", { children: "Repeat typing" })] })] })] }));
+                                            }, children: [jsx("span", { className: "rte-menu-icon", children: "\u21B7" }), jsx("span", { children: "Repeat typing" })] }))] })] }));
                     })()] })), actionButtons && (jsx("div", { className: "rte-toolbar-action-buttons", children: actionButtons }))] }));
 };
 
@@ -36411,7 +36426,7 @@ const initialValue = [
         children: [{ text: '' }],
     },
 ];
-const RichTextEditor = ({ value, defaultValue, onChange, placeholder = 'Type or @ to mention, # to tag, and notify someone.', height = '400px', width = '100%', borderColor = '#ddd', borderWidth = '1px', borderRadius = '4px', backgroundColor = '#fff', textColor = '#000', toolbarBackgroundColor = '#f8f9fa', headerBackgroundColor, headerBackgroundImage, features, mentionUsers = [], onMentionSelect, onLinkAdd, onMediaUpload, tags = [], onTagSelect, tagPlaceholder, showCharCount = false, maxCharCount, charCountPosition = 'bottom-right', resizable = false, minHeight = '200px', maxHeight = '400px', minWidth = '300px', maxWidth = '100%', toolbarPosition = 'both', topToolbarButtons = [], bottomToolbarButtons = [], actionButtonsPosition = 'none', cancelButton, submitButton, disabled = false, readOnly = false, className = '', style, }) => {
+const RichTextEditor = ({ value, defaultValue, onChange, placeholder = 'Type or @ to mention, # to tag, and notify someone.', height = '400px', width = '100%', borderColor = '#ddd', borderWidth = '1px', borderRadius = '4px', backgroundColor = '#fff', textColor = '#000', toolbarBackgroundColor = '#f8f9fa', headerBackgroundColor, headerBackgroundImage, features, mentionUsers = [], onMentionSelect, onLinkAdd, onMediaUpload, tags = [], onTagSelect, tagPlaceholder, showCharCount = false, maxCharCount, charCountPosition = 'bottom-right', resizable = false, minHeight = '200px', maxHeight = '400px', minWidth = '300px', maxWidth = '100%', toolbarPosition = 'both', topToolbarButtons = [], bottomToolbarButtons = [], moreMenuItems = [], actionButtonsPosition = 'none', cancelButton, submitButton, disabled = false, readOnly = false, className = '', style, }) => {
     const editor = useMemo(() => {
         const baseEditor = withHistory(withReact(createEditor()));
         // Configure tags and mentions as inline void elements
@@ -36934,7 +36949,7 @@ const RichTextEditor = ({ value, defaultValue, onChange, placeholder = 'Type or
     return (jsx("div", { className: `rte-container ${className}`, style: containerStyle, children: jsxs(Slate, { editor: editor, initialValue: editorValue, onValueChange: (newValue) => {
                 setEditorValue(newValue);
                 handleChange(newValue);
-            }, children: [(toolbarPosition === 'top' || toolbarPosition === 'both') && (jsx(Toolbar, { editor: editor, features: features, onLinkAdd: handleLinkAdd, onMediaUpload: handleMediaUpload, onEmojiSelect: handleEmojiSelect, mentionUsers: mentionUsers, onMentionSelect: handleMentionSelect, tags: tags, onTagSelect: onTagSelect, tagPlaceholder: tagPlaceholder, toolbarBackgroundColor: headerBackgroundColor || toolbarBackgroundColor, toolbarStyle: toolbarStyle, visibleButtons: topToolbarButtons, position: "top", actionButtons: actionButtonsPosition === 'top-right' ? renderActionButtons() : undefined })), jsxs("div", { ref: editorWrapperRef, className: "rte-editor-wrapper", style: { ...editorStyle, position: 'relative' }, onClick: (e) => {
+            }, children: [(toolbarPosition === 'top' || toolbarPosition === 'both') && (jsx(Toolbar, { editor: editor, features: features, onLinkAdd: handleLinkAdd, onMediaUpload: handleMediaUpload, onEmojiSelect: handleEmojiSelect, mentionUsers: mentionUsers, onMentionSelect: handleMentionSelect, tags: tags, onTagSelect: onTagSelect, tagPlaceholder: tagPlaceholder, toolbarBackgroundColor: headerBackgroundColor || toolbarBackgroundColor, toolbarStyle: toolbarStyle, visibleButtons: topToolbarButtons, moreMenuItems: moreMenuItems, position: "top", actionButtons: actionButtonsPosition === 'top-right' ? renderActionButtons() : undefined })), jsxs("div", { ref: editorWrapperRef, className: "rte-editor-wrapper", style: { ...editorStyle, position: 'relative' }, onClick: (e) => {
                         // Focus the editor when clicking anywhere in the wrapper
                         ReactEditor.focus(editor);
                         // If clicking on empty space (not on content), move cursor to end
@@ -37218,7 +37233,7 @@ const RichTextEditor = ({ value, defaultValue, onChange, placeholder = 'Type or
                                                     fontFamily: 'monospace',
                                                     fontSize: '0.85em',
                                                 }, children: item.value }), jsxs("div", { children: [jsx("div", { style: { fontWeight: 500 }, children: item.label }), item.description && (jsx("div", { style: { fontSize: '0.85em', color: '#666' }, children: item.description }))] })] })) }, autocompleteTarget.type === 'mention' ? item.id : item.id))) }));
-                        })()] }), (toolbarPosition === 'bottom' || toolbarPosition === 'both') && (jsx(Toolbar, { editor: editor, features: features, onLinkAdd: handleLinkAdd, onMediaUpload: handleMediaUpload, onEmojiSelect: handleEmojiSelect, mentionUsers: mentionUsers, onMentionSelect: handleMentionSelect, tags: tags, onTagSelect: onTagSelect, tagPlaceholder: tagPlaceholder, toolbarBackgroundColor: headerBackgroundColor || toolbarBackgroundColor, toolbarStyle: toolbarStyle, visibleButtons: bottomToolbarButtons, position: "bottom", actionButtons: actionButtonsPosition === 'bottom-right' ? renderActionButtons() : undefined }))] }) }));
+                        })()] }), (toolbarPosition === 'bottom' || toolbarPosition === 'both') && (jsx(Toolbar, { editor: editor, features: features, onLinkAdd: handleLinkAdd, onMediaUpload: handleMediaUpload, onEmojiSelect: handleEmojiSelect, mentionUsers: mentionUsers, onMentionSelect: handleMentionSelect, tags: tags, onTagSelect: onTagSelect, tagPlaceholder: tagPlaceholder, toolbarBackgroundColor: headerBackgroundColor || toolbarBackgroundColor, toolbarStyle: toolbarStyle, visibleButtons: bottomToolbarButtons, moreMenuItems: moreMenuItems, position: "bottom", actionButtons: actionButtonsPosition === 'bottom-right' ? renderActionButtons() : undefined }))] }) }));
 };
 
 export { RichTextEditor, RichTextEditor as default };