@lobehub/editor 4.29.2 → 5.0.0-beta.1

package/es/codemirror/components/CopyButton.js

@@ -1,5 +1,5 @@
 "use client";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon } from "@lobehub/ui";
 import { Check, CopyIcon } from "lucide-react";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/es/codemirror/components/LanguageSelect.js

@@ -1,11 +1,9 @@
 "use client";
 import { LANGUAGES } from "../constants.js";
 import { styles } from "./style.js";
-import { Select, Text } from "@lobehub/ui/base-ui";
+import { Flexbox, MaterialFileTypeIcon, Select, Text, cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, MaterialFileTypeIcon } from "@lobehub/ui";
-import { cx } from "antd-style";
 //#region src/codemirror/components/LanguageSelect.tsx
 const LanguageSelect = ({ selectedLang, onLanguageChange, options, labels, className }) => {
 	const modes = options ?? LANGUAGES;

package/es/codemirror/components/MoreOptions.js

@@ -1,9 +1,8 @@
 "use client";
-import { ActionIcon, InputNumber, Switch, Text } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox, InputNumber, Popover, Switch, Text } from "@lobehub/ui";
 import { MoreHorizontalIcon } from "lucide-react";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Popover } from "@lobehub/ui";
 //#region src/codemirror/components/MoreOptions.tsx
 const MoreOptions = ({ tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, labels }) => {
 	const handleTabSizeChange = useCallback((value = 2) => {

package/es/codemirror/components/Toolbar.js

@@ -2,10 +2,9 @@
 import { CopyButton } from "./CopyButton.js";
 import { LanguageSelect } from "./LanguageSelect.js";
 import { MoreOptions } from "./MoreOptions.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox } from "@lobehub/ui";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
 //#region src/codemirror/components/Toolbar.tsx
 const Toolbar = ({ selectedLang, onLanguageChange, onCopy, tabSize, onTabSizeChange, useTabs, onUseTabsChange, showLineNumbers, onShowLineNumbersChange, onClick, expand, toggleExpand, labels, languageOptions, extra }) => {
 	return /* @__PURE__ */ jsxs(Flexbox, {

package/es/codemirror/components/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/codemirror/components/style.ts
 const styles = createStaticStyles(({ css }) => ({ container: css`
     min-width: 160px;

package/es/codemirror/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/codemirror/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     cursor: pointer;

package/es/codemirror/theme.js

@@ -1,4 +1,4 @@
-import { cssVar } from "antd-style";
+import { cssVar } from "@lobehub/ui";
 //#region src/codemirror/theme.ts
 const lobeTheme = {
 	"&": {

package/es/editor-kernel/react/useAnchor.js

@@ -1,7 +1,7 @@
 "use client";
 import { useLexicalComposerContext } from "./react-context.js";
-import { useMemo } from "react";
 import { LOBE_THEME_APP_ID } from "@lobehub/ui";
+import { useMemo } from "react";
 //#region src/editor-kernel/react/useAnchor.ts
 const useAnchor = () => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/auto-complete/react/ReactAutoCompletePlugin.js

@@ -3,8 +3,8 @@ import { createDebugLogger, init_debug } from "../../../utils/debug.js";
 import { useLexicalComposerContext } from "../../../editor-kernel/react/react-context.js";
 import { AutoCompletePlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect, useRef } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/auto-complete/react/ReactAutoCompletePlugin.tsx
 init_debug();
 const logger = createDebugLogger("react-plugin", "auto-complete");

package/es/plugins/auto-complete/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/auto-complete/react/style.ts
 const styles = createStaticStyles(({ css }) => ({
 	placeholderBlock: css`

package/es/plugins/block/react/ReactBlockPlugin.js

@@ -10,12 +10,10 @@ import { createRuntimeContext } from "./core/runtime-context.js";
 import { collectDragBlocks, getBlockMeasureRect, getTableBlockRect, isTableBlockElement } from "./drag/drag-utils.js";
 import { startBlockDragSession } from "./drag/drag-session.js";
 import { ANCHOR_PADDING_CSS_VAR, styles } from "./style.js";
-import { Button } from "@lobehub/ui/base-ui";
+import { Button, DropdownMenu, Icon, cx, useAppElement } from "@lobehub/ui";
 import { GripVerticalIcon, PlusIcon } from "lucide-react";
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { DropdownMenu as DropdownMenu$1, Icon, useAppElement } from "@lobehub/ui";
-import { cx } from "antd-style";
 import { $findTableNode, $isTableSelection } from "@lexical/table";
 import { $getNodeByKey, $getSelection, $isRangeSelection } from "lexical";
 import { createPortal } from "react-dom";
@@ -634,7 +632,7 @@ const ReactBlockPlugin = (props) => {
 					title,
 					type: "text"
 				}, item.key);
-			}), /* @__PURE__ */ jsx(DropdownMenu$1, {
+			}), /* @__PURE__ */ jsx(DropdownMenu, {
 				items: dropdownItems,
 				onOpenChange: handleOperationMenuOpenChange,
 				open: operationMenuOpen && operationMenuContext?.blockId === menuContext.blockId,

package/es/plugins/block/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/block/react/style.ts
 const ANCHOR_PADDING_CSS_VAR = "--lobe-block-anchor-padding";
 /**

package/es/plugins/code/react/CodeReactPlugin.js

@@ -3,8 +3,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { MarkdownPlugin } from "../../markdown/plugin/index.js";
 import { CodePlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/code/react/CodeReactPlugin.tsx
 const ReactCodePlugin = ({ className, enableHotkey = true }) => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/code/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/code/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({ codeInline: css`
     display: inline;

package/es/plugins/codeblock/react/ReactCodeblockPlugin.js

@@ -3,8 +3,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { MarkdownPlugin } from "../../markdown/plugin/index.js";
 import { CodeblockPlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/codeblock/react/ReactCodeblockPlugin.tsx
 const ReactCodeblockPlugin = ({ theme, shikiTheme }) => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/codeblock/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/codeblock/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	code: css`

package/es/plugins/codemirror-block/react/CodemirrorNode.js

@@ -8,12 +8,10 @@ import { SELECT_AFTER_CODEMIRROR_COMMAND, SELECT_BEFORE_CODEMIRROR_COMMAND } fro
 import { useLexicalNodeSelection } from "../../../editor-kernel/react/useLexicalNodeSelection.js";
 import MermaidPreview from "./MermaidPreview.js";
 import { useCodemirrorEditLock } from "./useCodemirrorEditLock.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Block, cx } from "@lobehub/ui";
 import { CodeXml, Eye } from "lucide-react";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Block } from "@lobehub/ui";
-import { cx } from "antd-style";
 import { debounce } from "es-toolkit/compat";
 import { $getSelection, $setSelection, COMMAND_PRIORITY_CRITICAL, KEY_DOWN_COMMAND } from "lexical";
 import { mergeRegister } from "@lexical/utils";

package/es/plugins/codemirror-block/react/MermaidPreview.js

@@ -1,8 +1,7 @@
 "use client";
+import { Mermaid, cssVar } from "@lobehub/ui";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Mermaid } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 //#region src/plugins/codemirror-block/react/MermaidPreview.tsx
 const MermaidPreview = ({ code }) => {
 	const [error, setError] = useState(null);

package/es/plugins/collapsible/react/ReactCollapsiblePlugin.js

@@ -3,8 +3,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { MarkdownPlugin } from "../../markdown/plugin/index.js";
 import { CollapsiblePlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/collapsible/react/ReactCollapsiblePlugin.tsx
 const ReactCollapsiblePlugin = ({ className }) => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/collapsible/react/style.js

@@ -1,67 +1,77 @@
-import { css } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/collapsible/react/style.ts
-const styles = css`
-  position: relative;
-  margin: 12px 0;
-  padding: 14px 16px 14px 42px;
-  border: 1px solid rgba(51, 103, 153, 0.72);
-  border-radius: 8px;
-
-  &[data-collapsible-collapsed='true'] {
-    padding-block: 10px;
-  }
-
-  [data-collapsible-toggle='true'] {
-    cursor: pointer;
-    position: absolute;
-    inset-block-start: 20px;
-    inset-inline-start: 16px;
-    width: 14px;
-    height: 14px;
-    padding: 0;
-    border: 0;
-    color: currentColor;
-    background: transparent;
-  }
-
-  &[data-collapsible-collapsed='true'] > [data-collapsible-toggle='true'] {
-    inset-block-start: 15px;
-  }
-
-  [data-collapsible-toggle='true']::before {
-    content: '';
-    display: block;
-    width: 0;
-    height: 0;
-    margin: 3px 0 0 2px;
-    border-style: solid;
-  }
-
-  &[data-collapsible-collapsed='false'] > [data-collapsible-toggle='true']::before {
-    border-width: 7px 5px 0 5px;
-    border-color: currentColor transparent transparent transparent;
-  }
-
-  &[data-collapsible-collapsed='true'] > [data-collapsible-toggle='true']::before {
-    border-width: 5px 0 5px 7px;
-    border-color: transparent transparent transparent currentColor;
-  }
-
-  [data-collapsible-content='true'] > *:first-child {
-    margin-block-start: 0;
-  }
-
-  [data-collapsible-content='true'] > *:last-child {
-    margin-block-end: 0;
-  }
-
-  &[data-collapsible-collapsed='true'] > [data-collapsible-content='true'] > *:first-child {
-    margin-block-end: 0;
-  }
-
-  &[data-collapsible-collapsed='true'] > [data-collapsible-content='true'] > *:not(:first-child) {
-    display: none !important;
-  }
-`;
+const styles = createStaticStyles(({ css }) => css`
+    position: relative;
+
+    margin-block: 12px;
+    margin-inline: 0;
+    padding-block: 14px;
+    padding-inline: 42px 16px;
+    border: 1px solid rgb(51 103 153 / 72%);
+    border-radius: 8px;
+
+    &[data-collapsible-collapsed='true'] {
+      padding-block: 10px;
+    }
+
+    [data-collapsible-toggle='true'] {
+      cursor: pointer;
+
+      position: absolute;
+      inset-block-start: 20px;
+      inset-inline-start: 16px;
+
+      width: 14px;
+      height: 14px;
+      padding: 0;
+      border: 0;
+
+      color: currentcolor;
+
+      background: transparent;
+    }
+
+    &[data-collapsible-collapsed='true'] > [data-collapsible-toggle='true'] {
+      inset-block-start: 15px;
+    }
+
+    [data-collapsible-toggle='true']::before {
+      content: '';
+
+      display: block;
+
+      width: 0;
+      height: 0;
+      margin-block: 3px 0;
+      margin-inline: 2px 0;
+      border-style: solid;
+    }
+
+    &[data-collapsible-collapsed='false'] > [data-collapsible-toggle='true']::before {
+      border-color: currentcolor transparent transparent;
+      border-width: 7px 5px 0;
+    }
+
+    &[data-collapsible-collapsed='true'] > [data-collapsible-toggle='true']::before {
+      border-color: transparent transparent transparent currentcolor;
+      border-width: 5px 0 5px 7px;
+    }
+
+    [data-collapsible-content='true'] > *:first-child {
+      margin-block-start: 0;
+    }
+
+    [data-collapsible-content='true'] > *:last-child {
+      margin-block-end: 0;
+    }
+
+    &[data-collapsible-collapsed='true'] > [data-collapsible-content='true'] > *:first-child {
+      margin-block-end: 0;
+    }
+
+    &[data-collapsible-collapsed='true'] > [data-collapsible-content='true'] > *:not(:first-child) {
+      display: none !important;
+    }
+  `);
 //#endregion
 export { styles };

package/es/plugins/common/react/Placeholder/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/common/react/Placeholder/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	placeholder: css`

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

@@ -6,9 +6,9 @@ import { CommonPlugin } from "../plugin/index.js";
 import { useDecorators } from "../../../editor-kernel/react/useDecorators.js";
 import Placeholder from "./Placeholder/index.js";
 import { styles, themeStyles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { Children, memo, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { COMMAND_PRIORITY_EDITOR, KEY_DOWN_COMMAND } from "lexical";
 //#region src/plugins/common/react/ReactPlainText.tsx
 const ReactPlainText = memo(({ style, children, theme = {}, onChange, editable, className, variant, enableHotkey = true, enablePasteMarkdown = true, autoFormatMarkdown = true, markdownOption = true, pasteAsPlainText = false, pasteMarkdownAutoConvertThreshold, pasteVSCodeAsCodeBlock = true, onKeyDown, onFocus, onBlur, autoFocus, onPressEnter, onCompositionStart, onCompositionEnd, onContextMenu, onTextChange }) => {

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

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx, keyframes } from "antd-style";
+import { createStaticStyles, cx, keyframes } from "@lobehub/ui";
 //#region src/plugins/common/react/style.ts
 const cursorBlink = keyframes`
   to {

package/es/plugins/file/react/components/ReactFile.js

@@ -1,8 +1,8 @@
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
+import { Center, MaterialFileTypeIcon } from "@lobehub/ui";
 import { useCallback, useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Center, MaterialFileTypeIcon } from "@lobehub/ui";
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
 //#region src/plugins/file/react/components/ReactFile.tsx
 const ReactFile = ({ className, editor, node }) => {

package/es/plugins/file/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/file/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({ file: css`
     user-select: none;

package/es/plugins/hr/react/components/HRNode.js

@@ -1,9 +1,9 @@
 "use client";
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
 import { styles } from "../style.js";
+import { cx } from "@lobehub/ui";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/hr/react/components/HRNode.tsx

package/es/plugins/hr/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/hr/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     cursor: pointer;

package/es/plugins/image/react/components/Image.js

@@ -7,12 +7,10 @@ import BrokenImage from "./BrokenImage.js";
 import ImageEditPopover from "./ImageEditPopover.js";
 import LazyImage from "./LazyImage.js";
 import { ResizeHandle } from "./ResizeHandle.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Icon, cx, useImagePreview } from "@lobehub/ui";
 import { LoaderCircleIcon, ZoomInIcon } from "lucide-react";
 import { Suspense, memo, useCallback, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Icon, useImagePreview } from "@lobehub/ui";
-import { cx } from "antd-style";
 import { COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND } from "lexical";
 //#region src/plugins/image/react/components/Image.tsx
 function getResizedImageWidth(startWidth, deltaX, maxWidth) {

package/es/plugins/image/react/components/ImageEditPopover.js

@@ -1,12 +1,10 @@
 import { useLexicalEditor } from "../../../../editor-kernel/react/useLexicalEditor.js";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { useEditable } from "../../../../editor-kernel/react/useEditable.js";
-import { Button, Input } from "@lobehub/ui/base-ui";
+import { Button, Flexbox, Icon, Input, Popover, cssVar } from "@lobehub/ui";
 import { LinkIcon, UploadIcon } from "lucide-react";
 import { memo, useCallback, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Icon, Popover } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 //#region src/plugins/image/react/components/ImageEditPopover.tsx
 const ImageEditPopover = memo(({ children, node, handleUpload, onPickFile }) => {
 	const [open, setOpen] = useState(false);

package/es/plugins/image/react/components/LazyImage.js

@@ -1,9 +1,9 @@
 import { styles } from "./style.js";
 import BrokenImage from "./BrokenImage.js";
 import { useSuspenseImage } from "./useSupenseImage.js";
+import { cx } from "@lobehub/ui";
 import { useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/plugins/image/react/components/LazyImage.tsx
 function isSVG(src) {
 	return src.toLowerCase().endsWith(".svg");

package/es/plugins/image/react/components/ResizeHandle.js

@@ -1,7 +1,7 @@
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useCallback, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/plugins/image/react/components/ResizeHandle.tsx
 const ResizeHandle = ({ imageRef, isBlock, onResize, onResizeEnd, onResizeStart, position }) => {
 	const startWidthRef = useRef(0);

package/es/plugins/image/react/components/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/image/react/components/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	brokenImage: css`

package/es/plugins/image/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/image/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	image: css`

package/es/plugins/link/react/ReactLinkPlugin.js

@@ -15,7 +15,7 @@ import LinkIframe from "./components/LinkIframe.js";
 import LinkToolbar from "./components/LinkToolbar.js";
 import SchemaLink from "./components/SchemaLink.js";
 import { LinkReactRendererRegistry, splitReactSchemaRules } from "./renderer-registry.js";
-import { toast } from "@lobehub/ui/base-ui";
+import { toast } from "@lobehub/ui";
 import { useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/plugins/link/react/ReactLinkPlugin.tsx

package/es/plugins/link/react/components/LinkEdit.js

@@ -4,12 +4,10 @@ import { UPDATE_LINK_TEXT_COMMAND } from "../../command/index.js";
 import { EDIT_LINK_CARD_COMMAND } from "../../node/LinkCardNode.js";
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import { styles } from "../style.js";
-import { Button, Input, Text } from "@lobehub/ui/base-ui";
+import { Block, Button, Flexbox, Hotkey, Icon, Input, Text, cssVar } from "@lobehub/ui";
 import { BaselineIcon, LinkIcon } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Block, Flexbox, Hotkey, Icon } from "@lobehub/ui";
-import { cssVar } from "antd-style";
 import { COMMAND_PRIORITY_EDITOR, COMMAND_PRIORITY_NORMAL, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, createCommand } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/link/react/components/LinkEdit.tsx

package/es/plugins/link/react/components/LinkToolbar.js

@@ -8,10 +8,10 @@ import { useEditable } from "../../../../editor-kernel/react/useEditable.js";
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import { styles } from "../style.js";
 import { $isLinkToolbarNode, convertLinkNodeByKeyToSchema, convertLinkToolbarNodeByKeyToLink, getLinkToolbarCapabilities, replaceNodeByKeyWithBlockCardNode, replaceNodeByKeyWithCardNode, replaceNodeByKeyWithIframeNode } from "../../conversion/index.js";
+import { Flexbox, Icon } from "@lobehub/ui";
 import { CopyIcon, EditIcon, ExternalLinkIcon, GalleryHorizontalEndIcon, LinkIcon, PanelTopOpenIcon, PanelsTopLeftIcon, UnlinkIcon } from "lucide-react";
 import { memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox, Icon } from "@lobehub/ui";
 import { $getNodeByKey, $getSelection, $isRangeSelection, COMMAND_PRIORITY_NORMAL } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 //#region src/plugins/link/react/components/LinkToolbar.tsx

package/es/plugins/link/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx } from "antd-style";
+import { createStaticStyles, cx } from "@lobehub/ui";
 //#region src/plugins/link/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	const position = css`

package/es/plugins/link-highlight/react/ReactLinkHighlightPlugin.js

@@ -2,8 +2,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { MarkdownPlugin } from "../../markdown/plugin/index.js";
 import { LinkHighlightPlugin } from "../plugin/index.js";
 import { styles } from "./style.js";
+import { cx } from "@lobehub/ui";
 import { useLayoutEffect } from "react";
-import { cx } from "antd-style";
 //#region src/plugins/link-highlight/react/ReactLinkHighlightPlugin.tsx
 const ReactLinkHighlightPlugin = ({ className, enableHotkey = true, enablePasteAutoHighlight = true }) => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/link-highlight/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/link-highlight/react/style.ts
 const styles = createStaticStyles(({ css }) => {
 	return { linkHighlight: css`

package/es/plugins/list/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/list/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     .editor_listUnordered&,

package/es/plugins/litexml/react/DiffNodeToolbar/index.js

@@ -2,11 +2,9 @@ import { LexicalPortalContainer } from "../../../../editor-kernel/react/PortalCo
 import { LITEXML_DIFFNODE_COMMAND } from "../../command/symbols.js";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { styles } from "./style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Block, useThemeMode } from "@lobehub/ui";
 import { Check, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Block } from "@lobehub/ui";
-import { useThemeMode } from "antd-style";
 //#region src/plugins/litexml/react/DiffNodeToolbar/index.tsx
 const ReactDiffNodeToolbar = ({ editor, node }) => {
 	const t = useTranslation();

package/es/plugins/litexml/react/DiffNodeToolbar/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/litexml/react/DiffNodeToolbar/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => ({
 	accept: css`

package/es/plugins/litexml/react/TableRowDiffToolbar.js

@@ -2,12 +2,10 @@ import { $isTableRowDiffNode } from "../node/TableRowDiffNode.js";
 import { LITEXML_DIFFNODE_COMMAND } from "../command/symbols.js";
 import { useTranslation } from "../../../editor-kernel/react/useTranslation.js";
 import { styles } from "./DiffNodeToolbar/style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Block, useThemeMode } from "@lobehub/ui";
 import { Check, X } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Block } from "@lobehub/ui";
-import { useThemeMode } from "antd-style";
 import { $getNearestNodeFromDOMNode } from "lexical";
 import { createPortal } from "react-dom";
 //#region src/plugins/litexml/react/TableRowDiffToolbar.tsx

package/es/plugins/litexml/react/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/litexml/react/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => css`
     position: relative;

package/es/plugins/markdown/react/index.js

@@ -3,8 +3,8 @@ import { useLexicalComposerContext } from "../../../editor-kernel/react/react-co
 import { INodePlugin } from "../../inode/plugin/index.js";
 import { MarkdownPlugin } from "../plugin/index.js";
 import { useTranslation } from "../../../editor-kernel/react/useTranslation.js";
-import { useLayoutEffect } from "react";
 import { toast } from "@lobehub/ui";
+import { useLayoutEffect } from "react";
 //#region src/plugins/markdown/react/index.tsx
 const ReactMarkdownPlugin = () => {
 	const [editor] = useLexicalComposerContext();

package/es/plugins/math/react/components/MathEditorContainer.js

@@ -1,8 +1,8 @@
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import { styles } from "../style.js";
+import { Flexbox, Popover } from "@lobehub/ui";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox, Popover } from "@lobehub/ui";
 //#region src/plugins/math/react/components/MathEditorContainer.tsx
 const MathEditorContainer = memo(({ children, isBlockMode, mathDOM, onFocus, prev }) => {
 	const anchorRef = useRef(null);