@lobehub/editor 3.9.1 → 3.11.0

package/es/const/hotkey.js

@@ -1,4 +1,4 @@
-import { COMMAND_PRIORITY_EDITOR } from 'lexical';
+import { COMMAND_PRIORITY_LOW } from 'lexical';
 import { HotkeyEnum, HotkeyScopeEnum, KeyEnum } from "../types/hotkey";
 var combineKeys = function combineKeys(keys) {
   return keys.join('+');
@@ -6,58 +6,58 @@ var combineKeys = function combineKeys(keys) {
 export var HOTKEYS_REGISTRATION = [{
   id: HotkeyEnum.Undo,
   keys: combineKeys([KeyEnum.Mod, 'z']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.Redo,
   keys: combineKeys([KeyEnum.Mod, 'y']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.Bold,
   keys: combineKeys([KeyEnum.Mod, 'b']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.Italic,
   keys: combineKeys([KeyEnum.Mod, 'i']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.Underline,
   keys: combineKeys([KeyEnum.Mod, 'u']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.Strikethrough,
   keys: combineKeys([KeyEnum.Mod, KeyEnum.Shift, 'x']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }, {
   id: HotkeyEnum.CodeInline,
   keys: combineKeys([KeyEnum.Mod, 'e']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format, HotkeyScopeEnum.Plugin]
 }, {
   id: HotkeyEnum.Link,
   keys: combineKeys([KeyEnum.Mod, KeyEnum.Shift, 'k']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format, HotkeyScopeEnum.Plugin]
 },
 // List hotkeys
 {
   id: HotkeyEnum.NumberList,
   keys: combineKeys([KeyEnum.Mod, KeyEnum.Shift, '7']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Insert, HotkeyScopeEnum.Plugin]
 }, {
   id: HotkeyEnum.BulletList,
   keys: combineKeys([KeyEnum.Mod, KeyEnum.Shift, '8']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Insert, HotkeyScopeEnum.Plugin]
 }, {
   id: HotkeyEnum.PasteAsPlainText,
   keys: combineKeys([KeyEnum.Mod, KeyEnum.Shift, 'v']),
-  priority: COMMAND_PRIORITY_EDITOR,
+  priority: COMMAND_PRIORITY_LOW,
   scopes: [HotkeyScopeEnum.Format]
 }];

package/es/editor-kernel/data-source.d.ts

@@ -6,6 +6,6 @@ export default class DataSource {
     protected dataType: string;
     constructor(dataType: string);
     get type(): string;
-    read(editor: LexicalEditor, data: any): void;
+    read(editor: LexicalEditor, data: any, options?: Record<string, unknown>): void;
     write(editor: LexicalEditor, options?: IWriteOptions): any;
 }

package/es/editor-kernel/data-source.js

@@ -18,7 +18,7 @@ var DataSource = /*#__PURE__*/function () {
     }
   }, {
     key: "read",
-    value: function read(editor, data) {}
+    value: function read(editor, data, options) {}
   }, {
     key: "write",
     value: function write(editor, options) {

package/es/editor-kernel/kernel.d.ts

@@ -40,7 +40,7 @@ export declare class Kernel extends EventEmitter implements IEditorKernel {
     setRootElement(dom: HTMLElement, editable?: boolean): LexicalEditor;
     setEditable(editable: boolean): void;
     initNodeEditor(): LexicalEditor;
-    setDocument(type: string, content: any): void;
+    setDocument(type: string, content: any, options?: Record<string, unknown>): void;
     focus(): void;
     blur(): void;
     getDocument(type: string): DataSource | undefined;

package/es/editor-kernel/kernel.js

@@ -261,7 +261,7 @@ export var Kernel = /*#__PURE__*/function (_EventEmitter) {
     }
   }, {
     key: "setDocument",
-    value: function setDocument(type, content) {
+    value: function setDocument(type, content, options) {
       var datasource = this.dataTypeMap.get(type);
       if (!datasource) {
         this.logger.error("\u274C DataSource for type \"".concat(type, "\" not found"));
@@ -271,7 +271,7 @@ export var Kernel = /*#__PURE__*/function (_EventEmitter) {
         this.logger.error('❌ Editor not initialized');
         throw new Error("Editor is not initialized.");
       }
-      datasource.read(this.editor, content);
+      datasource.read(this.editor, content, options);
       this.emit('documentChange', type, content);
       this.logger.debug("\uD83D\uDCE5 Set ".concat(type, " document"));
     }

package/es/plugins/common/data-source/json-data-source.d.ts

@@ -2,6 +2,6 @@ import type { LexicalEditor } from 'lexical';
 import { DataSource } from "../../../editor-kernel";
 import type { IWriteOptions } from "../../../editor-kernel/data-source";
 export default class JSONDataSource extends DataSource {
-    read(editor: LexicalEditor, data: any): void;
+    read(editor: LexicalEditor, data: any, options?: Record<string, unknown>): void;
     write(editor: LexicalEditor, options?: IWriteOptions): any;
 }

package/es/plugins/common/data-source/json-data-source.js

@@ -40,6 +40,7 @@ var JSONDataSource = /*#__PURE__*/function (_DataSource) {
   _createClass(JSONDataSource, [{
     key: "read",
     value: function read(editor, data) {
+      var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       var dataObj;
       if (typeof data === 'string') {
         dataObj = JSON.parse(data);
@@ -69,7 +70,7 @@ var JSONDataSource = /*#__PURE__*/function (_DataSource) {
       };
       process(dataObj.root);
       // @ts-expect-error add id option
-      if (dataObj.keepId) {
+      if (dataObj.keepId || options.keepId) {
         var state = editor.parseEditorState({
           root: INodeHelper.createRootNode()
         }, function (state) {

package/es/plugins/common/plugin/index.d.ts

@@ -17,6 +17,11 @@ export interface CommonPluginOptions {
         underline?: boolean;
         underlineStrikethrough?: boolean;
     };
+    /**
+     * Force paste as plain text, stripping all rich text formatting
+     * @default false
+     */
+    pasteAsPlainText?: boolean;
     theme?: {
         quote?: string;
         textBold?: string;

package/es/plugins/common/plugin/index.js

@@ -1,4 +1,5 @@
 var _class;
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -25,7 +26,7 @@ import { registerDragonSupport } from '@lexical/dragon';
 import { registerHistory } from '@lexical/history';
 import { $createHeadingNode, $createQuoteNode, $isHeadingNode, $isQuoteNode, HeadingNode, QuoteNode, registerRichText } from '@lexical/rich-text';
 import { CAN_USE_DOM } from '@lexical/utils';
-import { $createLineBreakNode, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, PASTE_COMMAND, ParagraphNode, TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical';
+import { $createLineBreakNode, $createParagraphNode, $getSelection, $isRangeSelection, $isTextNode, COMMAND_PRIORITY_CRITICAL, COMMAND_PRIORITY_HIGH, CONTROLLED_TEXT_INSERTION_COMMAND, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, PASTE_COMMAND, ParagraphNode, TEXT_TYPE_TO_FORMAT, TextNode } from 'lexical';
 import { noop } from "../../../editor-kernel";
 import { INodeHelper } from "../../../editor-kernel/inode/helper";
 import { KernelPlugin } from "../../../editor-kernel/plugin";
@@ -349,10 +350,40 @@ export var CommonPlugin = (_class = /*#__PURE__*/function (_KernelPlugin) {
       var _this2 = this,
         _this$config2;
       this.register(this.kernel.registerHighCommand(PASTE_COMMAND, function (event) {
+        var _this2$config;
         if (!(event instanceof ClipboardEvent)) return false;
         var clipboardData = event.clipboardData;
         if (!clipboardData) return false;
         _this2.kernel.emit('onPaste', event);
+
+        // If pasteAsPlainText is enabled, intercept and paste as plain text
+        if ((_this2$config = _this2.config) !== null && _this2$config !== void 0 && _this2$config.pasteAsPlainText) {
+          // Check if it's a file paste - don't interfere with file uploads
+          var items = clipboardData.items;
+          var _iterator = _createForOfIteratorHelper(items),
+            _step;
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var item = _step.value;
+              if (item.kind === 'file') {
+                return false; // Let file paste be handled normally
+              }
+            }
+
+            // Get plain text from clipboard
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+          var text = clipboardData.getData('text/plain');
+          if (!text) return false;
+
+          // Prevent default paste behavior and insert plain text
+          event.preventDefault();
+          editor.dispatchCommand(CONTROLLED_TEXT_INSERTION_COMMAND, text);
+          return true;
+        }
         return false;
       }, COMMAND_PRIORITY_CRITICAL));
       this.registerClears(registerRichText(editor), CAN_USE_DOM ? registerDragonSupport(editor) : noop, registerHistory(editor, this.kernel.getHistoryState(), 300), registerHeaderBackspace(editor), registerRichKeydown(editor, this.kernel, {

package/es/plugins/common/react/ReactPlainText.js

@@ -44,6 +44,8 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
     _ref$markdownOption = _ref.markdownOption,
     markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
+    _ref$pasteAsPlainText = _ref.pasteAsPlainText,
+    pasteAsPlainText = _ref$pasteAsPlainText === void 0 ? false : _ref$pasteAsPlainText,
     onKeyDown = _ref.onKeyDown,
     onFocus = _ref.onFocus,
     onBlur = _ref.onBlur,
@@ -109,9 +111,10 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     editor.registerPlugin(CommonPlugin, {
       enableHotkey: enableHotkey,
       markdownOption: markdownOption,
+      pasteAsPlainText: pasteAsPlainText,
       theme: restTheme ? _objectSpread(_objectSpread({}, computedThemeStyles), restTheme) : computedThemeStyles
     });
-  }, [editor, enableHotkey, enablePasteMarkdown, markdownOption, restTheme, computedThemeStyles]);
+  }, [editor, enableHotkey, enablePasteMarkdown, markdownOption, pasteAsPlainText, restTheme, computedThemeStyles]);
   useEffect(function () {
     var _editor$getLexicalEdi;
     var container = editorContainerRef.current;

package/es/plugins/common/react/type.d.ts

@@ -57,6 +57,11 @@ export interface ReactPlainTextProps {
      * Unlike onChange, this won't trigger on cursor movement or selection changes
      */
     onTextChange?: (editor: IEditor) => void;
+    /**
+     * Force paste as plain text, stripping all rich text formatting
+     * @default false
+     */
+    pasteAsPlainText?: boolean;
     style?: CSSProperties;
     theme?: CommonPluginOptions['theme'] & {
         fontSize?: number;

package/es/plugins/litexml/index.d.ts

@@ -4,5 +4,6 @@ export { default as LitexmlDataSource } from './data-source/litexml-data-source'
 export type { LitexmlPluginOptions } from './plugin';
 export { LitexmlPlugin } from './plugin';
 export { ReactLiteXmlPlugin } from './react';
+export { useHasDiffNode } from './react/hooks/useHasDiffNode';
 export type { XMLReaderFunc, XMLReaderRecord, XMLWriterFunc, XMLWriterRecord, } from './service/litexml-service';
 export { ILitexmlService, LitexmlService } from './service/litexml-service';

package/es/plugins/litexml/index.js

@@ -3,4 +3,5 @@ export { DiffAction, LITEXML_DIFFNODE_ALL_COMMAND, LITEXML_DIFFNODE_COMMAND } fr
 export { default as LitexmlDataSource } from "./data-source/litexml-data-source";
 export { LitexmlPlugin } from "./plugin";
 export { ReactLiteXmlPlugin } from "./react";
+export { useHasDiffNode } from "./react/hooks/useHasDiffNode";
 export { ILitexmlService, LitexmlService } from "./service/litexml-service";

package/es/plugins/litexml/react/hooks/useHasDiffNode.d.ts

@@ -0,0 +1,4 @@
+import { IEditor } from "../../../../types";
+export declare function useHasDiffNode(editor: IEditor): {
+    hasDiff: boolean;
+};

package/es/plugins/litexml/react/hooks/useHasDiffNode.js

@@ -0,0 +1,61 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { useEffect, useState } from 'react';
+function hasDiffNode(editor) {
+  var _editor$getLexicalEdi;
+  var values = (_editor$getLexicalEdi = editor.getLexicalEditor()) === null || _editor$getLexicalEdi === void 0 ? void 0 : _editor$getLexicalEdi.getEditorState()._nodeMap.values();
+  if (!values) {
+    return false;
+  }
+  var _iterator = _createForOfIteratorHelper(values),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var node = _step.value;
+      if (node.getType() === 'diff') {
+        return true;
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return false;
+}
+export function useHasDiffNode(editor) {
+  var _useState = useState(!!editor.getLexicalEditor()),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasInit = _useState2[0],
+    setHasInit = _useState2[1];
+  var _useState3 = useState(hasDiffNode(editor)),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasDiff = _useState4[0],
+    setHasDiff = _useState4[1];
+  useEffect(function () {
+    var handle = function handle() {
+      setHasInit(true);
+    };
+    editor.on('initialized', handle);
+    return function () {
+      editor.off('initialized', handle);
+    };
+  }, [editor]);
+  useEffect(function () {
+    var _editor$getLexicalEdi2;
+    var unregister = (_editor$getLexicalEdi2 = editor.getLexicalEditor()) === null || _editor$getLexicalEdi2 === void 0 ? void 0 : _editor$getLexicalEdi2.registerUpdateListener(function () {
+      setHasDiff(hasDiffNode(editor));
+    });
+    return function () {
+      unregister === null || unregister === void 0 || unregister();
+    };
+  }, [editor, hasInit]);
+  return {
+    hasDiff: hasDiff
+  };
+}

package/es/react/Editor/Editor.js

@@ -57,6 +57,8 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
     enablePasteMarkdown = _ref$enablePasteMarkd === void 0 ? true : _ref$enablePasteMarkd,
     _ref$markdownOption = _ref.markdownOption,
     markdownOption = _ref$markdownOption === void 0 ? true : _ref$markdownOption,
+    _ref$pasteAsPlainText = _ref.pasteAsPlainText,
+    pasteAsPlainText = _ref$pasteAsPlainText === void 0 ? false : _ref$pasteAsPlainText,
     onCompositionStart = _ref.onCompositionStart,
     onCompositionEnd = _ref.onCompositionEnd,
     onContextMenu = _ref.onContextMenu,
@@ -124,6 +126,7 @@ var Editor = /*#__PURE__*/memo(function (_ref) {
       onKeyDown: onKeyDown,
       onPressEnter: onPressEnter,
       onTextChange: debouncedOnTextChange,
+      pasteAsPlainText: pasteAsPlainText,
       style: style,
       variant: variant,
       children: /*#__PURE__*/_jsx(ReactEditorContent, {

package/es/types/kernel.d.ts

@@ -186,7 +186,7 @@ export interface IEditor {
      * @param type
      * @param content
      */
-    setDocument(type: string, content: any): void;
+    setDocument(type: string, content: any, options?: Record<string, unknown>): void;
     /**
      * Enable or disable editor editing capability
      * @param editable

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "3.9.1",
+  "version": "3.11.0",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",
@@ -29,6 +29,35 @@
     "react.d.ts",
     "react.js"
   ],
+  "scripts": {
+    "build": "npm run build:clean && father build && npm run build:packages",
+    "build:clean": "tsx ./scripts/clean.ts",
+    "build:packages": "tsx ./scripts/build.ts",
+    "build:watch": "father dev",
+    "ci": "npm run lint:circular && npm run lint && npm run type-check",
+    "clean": "rm -r es lib dist coverage .dumi/tmp .eslintcache node_modules/.cache",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "docs:build-analyze": "ANALYZE=1 dumi build",
+    "docs:dev": "dumi dev",
+    "doctor": "father doctor",
+    "postinstall": "node scripts/patch-lexical.js",
+    "lint": "eslint \"{src,tests}/**/*.{js,jsx,ts,tsx}\" --fix",
+    "lint:circular": "dpdm src/**/*.{ts,tsx}  --warning false  --tree false  --exit-code circular:1  -T true",
+    "lint:md": "remark . --quiet --frail --output",
+    "lint:style": "stylelint \"{src,tests}/**/*.{js,jsx,ts,tsx,less}\" --fix",
+    "prepack": "clean-package",
+    "postpack": "clean-package restore",
+    "prepare": "husky && npm run setup",
+    "prettier": "prettier -c --write --no-error-on-unmatched-pattern \"**/**\"",
+    "release": "semantic-release",
+    "setup": "dumi setup",
+    "start": "npm run docs:dev",
+    "test": "vitest",
+    "test:coverage": "vitest run --coverage  --passWithNoTests",
+    "test:watch": "vitest --watch",
+    "type-check": "tsc --noEmit"
+  },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
     "@floating-ui/react": "^0.27.16",