@lobehub/editor 4.29.2 → 5.0.0

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);

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

@@ -1,10 +1,9 @@
 import { CONTROL_OR_META, init_sys } from "../../../../common/sys.js";
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { styles } from "../style.js";
-import { Button, Text, TextArea } from "@lobehub/ui/base-ui";
+import { Button, Flexbox, Hotkey, Text, TextArea } from "@lobehub/ui";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Hotkey } from "@lobehub/ui";
 import { isModifierMatch } from "lexical";
 import { renderToString } from "katex";
 //#region src/plugins/math/react/components/MathEditorContent.tsx

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

@@ -1,9 +1,7 @@
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { styles } from "../style.js";
-import { Text } from "@lobehub/ui/base-ui";
+import { Center, Text, cx } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
-import { Center } from "@lobehub/ui";
-import { cx } from "antd-style";
 //#region src/plugins/math/react/components/Placeholder.tsx
 const Placeholder = ({ mathBlock }) => {
 	const t = useTranslation();

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

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

package/es/plugins/mention/react/components/Mention.js

@@ -1,7 +1,7 @@
 import { useLexicalNodeSelection } from "../../../../editor-kernel/react/useLexicalNodeSelection.js";
+import { cx } from "@lobehub/ui";
 import { useCallback, useEffect, useRef } from "react";
 import { jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { CLICK_COMMAND, COMMAND_PRIORITY_LOW } from "lexical";
 //#region src/plugins/mention/react/components/Mention.tsx
 const Mention = ({ node, editor, className }) => {

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

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

package/es/plugins/slash/react/components/DefaultSlashMenu.js

@@ -1,10 +1,9 @@
 "use client";
 import { flattenSlashOptions, isSlashDividerOption, isSlashSectionOption } from "../../service/i-slash-service.js";
 import { shouldShowLoadingPlaceholder } from "./menuLoading.js";
+import { Icon, LOBE_THEME_APP_ID, createStaticStyles, menuSharedStyles } from "@lobehub/ui";
 import { isValidElement, useEffect, useLayoutEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Icon, LOBE_THEME_APP_ID, menuSharedStyles } from "@lobehub/ui";
-import { createStaticStyles } from "antd-style";
 import { createPortal } from "react-dom";
 import { autoUpdate, flip, offset, shift, size, useFloating } from "@floating-ui/react";
 //#region src/plugins/slash/react/components/DefaultSlashMenu.tsx

package/es/plugins/slash/service/i-slash-service.d.ts

@@ -1,8 +1,8 @@
 import { IEditor, IServiceID } from "../../../types/kernel.js";
 import "../../../types/index.js";
 import "../utils/utils.js";
-import { ReactNode } from "react";
 import { MenuItemType } from "@lobehub/ui";
+import { ReactNode } from "react";
 import Fuse, { IFuseOptions } from "fuse.js";
 //#region src/plugins/slash/service/i-slash-service.d.ts
 type ISlashDividerOption = {

package/es/plugins/table/react/TableActionMenu/ActionMenu.js

@@ -1,9 +1,9 @@
 import { useTranslation } from "../../../../editor-kernel/react/useTranslation.js";
 import { $canUnmerge, $selectLastDescendant, computeSelectionCount, currentCellBackgroundColor } from "./utils.js";
+import { DropdownMenu } from "@lobehub/ui";
 import { Grid2X2XIcon, PanelBottomCloseIcon, PanelLeftCloseIcon, PanelRightCloseIcon, PanelTopCloseIcon, TableColumnsSplitIcon, TableRowsSplitIcon } from "lucide-react";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { DropdownMenu } from "@lobehub/ui";
 import { $computeTableMapSkipCellCheck, $deleteTableColumnAtSelection, $deleteTableRowAtSelection, $getTableColumnIndexFromTableCellNode, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableSelection, $mergeCells, $unmergeCell, TableCellHeaderStates, TableCellNode, getTableElement, getTableObserverFromTableElement } from "@lexical/table";
 import { $getSelection, $setSelection } from "lexical";
 //#region src/plugins/table/react/TableActionMenu/ActionMenu.tsx

package/es/plugins/table/react/TableActionMenu/index.js

@@ -2,7 +2,7 @@ import { useAnchor } from "../../../../editor-kernel/react/useAnchor.js";
 import { cleanPosition, updatePosition } from "../../../../utils/updatePosition.js";
 import TableActionMenu$1 from "./ActionMenu.js";
 import { styles } from "./style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon } from "@lobehub/ui";
 import { ChevronDown } from "lucide-react";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/es/plugins/table/react/TableActionMenu/style.js

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

package/es/plugins/table/react/TableColController.js

@@ -6,9 +6,9 @@ import { styles } from "./TableController/style.js";
 import { createTableDragImage } from "./TableController/utils.js";
 import TableControllerMenu from "./TableControllerMenu.js";
 import TableInsertButton from "./TableInsertButton.js";
+import { cx } from "@lobehub/ui";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { $computeTableMapSkipCellCheck } from "@lexical/table";
 //#region src/plugins/table/react/TableColController.tsx
 const INSERT_BUTTON_HIDE_DELAY = 160;

package/es/plugins/table/react/TableController/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles } from "antd-style";
+import { createStaticStyles } from "@lobehub/ui";
 //#region src/plugins/table/react/TableController/style.ts
 const styles = createStaticStyles(({ css, cssVar }) => {
 	const selectedBackground = `color-mix(in srgb, ${cssVar.colorPrimaryBg} 72%, ${cssVar.colorPrimary} 28%)`;

package/es/plugins/table/react/TableControllerButton.js

@@ -1,12 +1,12 @@
+import { LOBE_THEME_APP_ID, cx } from "@lobehub/ui";
 import { memo, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { createPortal } from "react-dom";
 //#region src/plugins/table/react/TableControllerButton.tsx
 const BUTTON_SIZE = 24;
 const getPortalContainer = () => {
 	if (typeof document === "undefined") return null;
-	return document.querySelector(".ant-app") || document.body;
+	return document.querySelector(`#${LOBE_THEME_APP_ID}`) || document.body;
 };
 const getButtonStyle = (reference, position, offset = 0, gap) => {
 	if (!reference) return {};

package/es/plugins/table/react/TableControllerMenu.js

@@ -1,7 +1,7 @@
 import { styles } from "./TableController/style.js";
+import { LOBE_THEME_APP_ID, cx } from "@lobehub/ui";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { createPortal } from "react-dom";
 //#region src/plugins/table/react/TableControllerMenu.tsx
 const MENU_GAP = 8;
@@ -12,7 +12,7 @@ const isSeparatorItem = (item) => {
 };
 const getPortalContainer = () => {
 	if (typeof document === "undefined") return null;
-	return document.querySelector(".ant-app") || document.body;
+	return document.querySelector(`#${LOBE_THEME_APP_ID}`) || document.body;
 };
 const getMenuStyle = (anchorElement, items, position, menuElement) => {
 	if (!anchorElement || typeof window === "undefined") return {};

package/es/plugins/table/react/TableHoverActions/index.js

@@ -2,11 +2,10 @@ import { useLexicalComposerContext } from "../../../../editor-kernel/react/react
 import { useAnchor } from "../../../../editor-kernel/react/useAnchor.js";
 import { styles } from "./style.js";
 import { getMouseInfo, useDebounce } from "./utils.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, cx } from "@lobehub/ui";
 import { PlusIcon } from "lucide-react";
 import { memo, useEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { $getTableAndElementByKey, $getTableColumnIndexFromTableCellNode, $getTableRowIndexFromTableCellNode, $insertTableColumnAtSelection, $insertTableRowAtSelection, $isTableCellNode, $isTableNode, TableNode, getTableElement } from "@lexical/table";
 import { $getNearestNodeFromDOMNode } from "lexical";
 import { $findMatchingParent, mergeRegister } from "@lexical/utils";

package/es/plugins/table/react/TableHoverActions/style.js

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

package/es/plugins/table/react/TableResize/index.js

@@ -1,9 +1,9 @@
 import { createDefaultTableColWidths, syncTableWidthDOM } from "../../utils/index.js";
 import { styles } from "./style.js";
 import { getCellColumnIndex, getCellNodeHeight } from "./utils.js";
+import { LOBE_THEME_APP_ID, cssVar, cx } from "@lobehub/ui";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cssVar, cx } from "antd-style";
 import { $computeTableMapSkipCellCheck, $getTableNodeFromLexicalNodeOrThrow, $getTableRowIndexFromTableCellNode, $isTableCellNode, $isTableNode, $isTableRowNode, TableNode, getDOMCellFromTarget, getTableElement } from "@lexical/table";
 import { $getNearestNodeFromDOMNode, $getNodeByKey, HISTORIC_TAG, SKIP_SCROLL_INTO_VIEW_TAG, isHTMLElement } from "lexical";
 import { calculateZoomLevel, mergeRegister } from "@lexical/utils";
@@ -317,7 +317,7 @@ const TableCellResize = memo(({ editor, eventEmitter, resizeMode }) => {
 });
 var TableResize_default = memo(({ editor, eventEmitter, resizeMode }) => {
 	if (typeof document === "undefined") return null;
-	const container = document.querySelector(".ant-app") || document.body;
+	const container = document.querySelector(`#${LOBE_THEME_APP_ID}`) || document.body;
 	return createPortal(/* @__PURE__ */ jsx(TableCellResize, {
 		editor,
 		eventEmitter,

package/es/plugins/table/react/TableResize/style.js

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

package/es/plugins/table/react/TableRowController.js

@@ -5,9 +5,9 @@ import { styles } from "./TableController/style.js";
 import { createTableDragImage } from "./TableController/utils.js";
 import TableControllerMenu from "./TableControllerMenu.js";
 import TableInsertButton from "./TableInsertButton.js";
+import { cx } from "@lobehub/ui";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { $computeTableMapSkipCellCheck } from "@lexical/table";
 //#region src/plugins/table/react/TableRowController.tsx
 const INSERT_BUTTON_HIDE_DELAY = 160;

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

@@ -14,9 +14,9 @@ import TableResize_default from "./TableResize/index.js";
 import TableRowController from "./TableRowController.js";
 import { useAutoFitPastedTable } from "./useAutoFitPastedTable.js";
 import { useScrollFocusedTableCellIntoView } from "./useScrollFocusedTableCellIntoView.js";
+import { cx } from "@lobehub/ui";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 import { $findTableNode, $getElementForTableNode, $isTableNode, $isTableSelection } from "@lexical/table";
 import EventEmitter from "eventemitter3";
 import { $getNodeByKey, $getSelection, $isRangeSelection } from "lexical";

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

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

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

@@ -6,10 +6,9 @@ import { HIDE_TOOLBAR_COMMAND, registerToolbarCommand } from "../command/index.j
 import { getDOMRangeRect } from "../utils/getDOMRangeRect.js";
 import { setFloatingElemPosition } from "../utils/setFloatingElemPosition.js";
 import { styles } from "./style.js";
+import { Block, LOBE_THEME_APP_ID, cx, useThemeMode } from "@lobehub/ui";
 import { useCallback, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Block, LOBE_THEME_APP_ID } from "@lobehub/ui";
-import { cx, useThemeMode } from "antd-style";
 import { $getSelection, COMMAND_PRIORITY_LOW, SELECTION_CHANGE_COMMAND, getDOMSelection } from "lexical";
 import { mergeRegister } from "@lexical/utils";
 import { createPortal } from "react-dom";

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

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

package/es/react/ChatInput/ChatInput.js

@@ -1,10 +1,9 @@
 "use client";
 import { useHeight } from "../hooks/useSize.js";
 import { styles } from "./style.js";
+import { Flexbox, cx, useThemeMode } from "@lobehub/ui";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx, useThemeMode } from "antd-style";
 import { Resizable } from "re-resizable";
 import useMergeState from "use-merge-value";
 //#region src/react/ChatInput/ChatInput.tsx

package/es/react/ChatInput/style.js

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

package/es/react/ChatInput/type.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, ReactNode, Ref } from "react";
 import { FlexboxProps } from "@lobehub/ui";
+import { CSSProperties, ReactNode, Ref } from "react";
 //#region src/react/ChatInput/type.d.ts
 interface ChatInputProps extends Omit<FlexboxProps, 'height'> {
   classNames?: {

package/es/react/ChatInputActionBar/ChatInputActionBar.js

@@ -1,8 +1,7 @@
 "use client";
 import { styles } from "./style.js";
+import { Flexbox, cx } from "@lobehub/ui";
 import { jsxs } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx } from "antd-style";
 //#region src/react/ChatInputActionBar/ChatInputActionBar.tsx
 const ChatInputActionBar = ({ className, style, left, right, ...rest }) => {
 	return /* @__PURE__ */ jsxs(Flexbox, {

package/es/react/ChatInputActionBar/style.js

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

package/es/react/ChatInputActionBar/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/ChatInputActionBar/type.d.ts
 interface ChatInputActionBarProps extends Omit<FlexboxProps, 'children'> {
   left?: ReactNode;

package/es/react/ChatInputActions/ChatInputActions.js

@@ -2,10 +2,9 @@
 import { styles } from "./style.js";
 import ActionItem from "./components/ActionItem.js";
 import { useDisplayActionCount } from "./components/useDisplayActionCount.js";
+import { Flexbox, TooltipGroup, cx } from "@lobehub/ui";
 import { memo, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox, TooltipGroup } from "@lobehub/ui";
-import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 //#region src/react/ChatInputActions/ChatInputActions.tsx
 const ChatInputActions = memo(({ gap = 2, disabled, items = [], onActionClick, className, collapseOffset = 0, autoCollapse = true, defaultGroupCollapse = false, onGroupCollapseChange, groupCollapse, ...rest }) => {

package/es/react/ChatInputActions/components/ActionItem.js

@@ -1,7 +1,7 @@
 "use client";
 import ActionRender from "./ActionRender.js";
 import CollapsedActions from "./CollapsedActions.js";
-import { ActionIcon, DropdownMenu } from "@lobehub/ui/base-ui";
+import { ActionIcon, DropdownMenu } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/ChatInputActions/components/ActionItem.tsx
 const ActionItem = ({ item, disabled, onActionClick, groupCollapsed, collapsed, gap, setGroupCollapsed }) => {

package/es/react/ChatInputActions/components/ActionRender.js

@@ -1,5 +1,5 @@
 import { styles } from "../style.js";
-import { ActionIcon, Divider } from "@lobehub/ui/base-ui";
+import { ActionIcon, Divider } from "@lobehub/ui";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/ChatInputActions/components/ActionRender.tsx

package/es/react/ChatInputActions/components/CollapsedActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "../style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 //#region src/react/ChatInputActions/components/CollapsedActions.tsx
 const CollapsedActions = ({ children, groupCollapse = false, onGroupCollapseChange, gap, mode }) => {
 	const Motion = useMotionComponent();

package/es/react/ChatInputActions/style.js

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

package/es/react/ChatInputActions/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/ChatInputActions/type.d.ts
 type ChatInputActionEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 interface ActionItem extends MenuItemType {
@@ -16,11 +16,11 @@ type CollapseItem = {
   children: (ActionItem | DividerItem)[];
   type: 'collapse';
 };
-type DropdownItem = Omit<ActionItem, 'children' | 'type'> & {
+type DropdownItem$1 = Omit<ActionItem, 'children' | 'type'> & {
   children: MenuItemType[];
   type: 'dropdown';
 };
-type ChatInputActionItem = ActionItem | DividerItem | CollapseItem | DropdownItem;
+type ChatInputActionItem = ActionItem | DividerItem | CollapseItem | DropdownItem$1;
 interface ChatInputActionsProps extends Omit<FlexboxProps, 'children'> {
   autoCollapse?: boolean;
   collapseOffset?: number;
@@ -32,4 +32,4 @@ interface ChatInputActionsProps extends Omit<FlexboxProps, 'children'> {
   onGroupCollapseChange?: (collapse: boolean) => void;
 }
 //#endregion
-export { ActionItem, ChatInputActionEvent, ChatInputActionItem, ChatInputActionsProps, CollapseItem, DividerItem, DropdownItem };
+export { ActionItem, ChatInputActionEvent, ChatInputActionItem, ChatInputActionsProps, CollapseItem, DividerItem, DropdownItem$1 as DropdownItem };

package/es/react/CodeLanguageSelect/CodeLanguageSelect.js

@@ -1,10 +1,8 @@
 "use client";
 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";
 import { bundledLanguagesInfo } from "shiki";
 //#region src/react/CodeLanguageSelect/CodeLanguageSelect.tsx
 const CodeLanguageSelect = ({ className, ...rest }) => {

package/es/react/CodeLanguageSelect/style.js

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

package/es/react/CodeLanguageSelect/type.d.ts

@@ -1,4 +1,4 @@
-import { SelectProps } from "@lobehub/ui/base-ui";
+import { SelectProps } from "@lobehub/ui";
 //#region src/react/CodeLanguageSelect/type.d.ts
 type CodeLanguageSelectProps = Omit<SelectProps, 'options'>;
 //#endregion

package/es/react/FloatActions/FloatActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "./style.js";
 import ActionItem from "./components/ActionItem.js";
+import { Flexbox, cx } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
-import { Flexbox } from "@lobehub/ui";
-import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
 //#region src/react/FloatActions/FloatActions.tsx
 const FloatActions = ({ gap = 2, disabled, items = [], onActionClick, className, defaultGroupCollapse = false, onGroupCollapseChange, groupCollapse, ...rest }) => {

package/es/react/FloatActions/components/ActionItem.js

@@ -1,7 +1,7 @@
 "use client";
 import ActionRender from "./ActionRender.js";
 import CollapsedActions from "./CollapsedActions.js";
-import { ActionIcon, DropdownMenu } from "@lobehub/ui/base-ui";
+import { ActionIcon, DropdownMenu } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/FloatActions/components/ActionItem.tsx
 const ActionItem = ({ item, disabled, onActionClick, groupCollapsed, gap, setGroupCollapsed }) => {

package/es/react/FloatActions/components/ActionRender.js

@@ -1,5 +1,5 @@
 import { styles } from "../style.js";
-import { ActionIcon, Divider } from "@lobehub/ui/base-ui";
+import { ActionIcon, Divider } from "@lobehub/ui";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/react/FloatActions/components/ActionRender.tsx

package/es/react/FloatActions/components/CollapsedActions.js

@@ -1,9 +1,8 @@
 "use client";
 import { styles } from "../style.js";
-import { ActionIcon } from "@lobehub/ui/base-ui";
+import { ActionIcon, Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 import { CircleChevronLeftIcon, CircleChevronRightIcon, CircleChevronUpIcon } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Flexbox, Popover, useMotionComponent } from "@lobehub/ui";
 //#region src/react/FloatActions/components/CollapsedActions.tsx
 const CollapsedActions = ({ children, groupCollapse = false, onGroupCollapseChange, gap, mode }) => {
 	const Motion = useMotionComponent();

package/es/react/FloatActions/style.js

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

package/es/react/FloatActions/type.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { FlexboxProps, MenuInfo, MenuItemType, TooltipProps } from "@lobehub/ui";
+import { ReactNode } from "react";
 //#region src/react/FloatActions/type.d.ts
 type FloatActionsEvent = Pick<MenuInfo, 'key' | 'keyPath' | 'domEvent'>;
 interface ActionItem extends MenuItemType {
@@ -15,11 +15,11 @@ type CollapseItem = {
   children: (ActionItem | DividerItem)[];
   type: 'collapse';
 };
-type DropdownItem = Omit<ActionItem, 'children' | 'type'> & {
+type DropdownItem$1 = Omit<ActionItem, 'children' | 'type'> & {
   children: MenuItemType[];
   type: 'dropdown';
 };
-type FloatActionsItem = ActionItem | DividerItem | CollapseItem | DropdownItem;
+type FloatActionsItem = ActionItem | DividerItem | CollapseItem | DropdownItem$1;
 interface FloatActionsProps extends Omit<FlexboxProps, 'children'> {
   defaultGroupCollapse?: boolean;
   disabled?: boolean;
@@ -29,4 +29,4 @@ interface FloatActionsProps extends Omit<FlexboxProps, 'children'> {
   onGroupCollapseChange?: (collapse: boolean) => void;
 }
 //#endregion
-export { ActionItem, CollapseItem, DividerItem, DropdownItem, FloatActionsEvent, FloatActionsItem, FloatActionsProps };
+export { ActionItem, CollapseItem, DividerItem, DropdownItem$1 as DropdownItem, FloatActionsEvent, FloatActionsItem, FloatActionsProps };

package/es/react/SendButton/SendButton.js

@@ -2,10 +2,9 @@
 import SendIcon from "./components/SendIcon.js";
 import StopIcon from "./components/StopIcon.js";
 import { styles } from "./style.js";
-import { Button, SplitButton } from "@lobehub/ui/base-ui";
+import { Button, SplitButton, cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/react/SendButton/SendButton.tsx
 const SendButton = ({ type = "primary", menu, className, style, loading, generating, size = 32, shape, onSend, onStop, disabled, onClick, placement = "topRight", trigger, title, ...rest }) => {
 	const cssVariables = useMemo(() => ({ "--send-button-size": `${size}px` }), [size]);

package/es/react/SendButton/components/SendIcon.js

@@ -1,6 +1,6 @@
 "use client";
+import { createStaticStyles, cx } from "@lobehub/ui";
 import { jsx } from "react/jsx-runtime";
-import { createStaticStyles, cx } from "antd-style";
 //#region src/react/SendButton/components/SendIcon.tsx
 const styles = createStaticStyles(({ css }) => ({ icon: css`
     flex: none;

package/es/react/SendButton/components/StopIcon.js

@@ -1,5 +1,5 @@
+import { createStaticStyles, cssVar, cx } from "@lobehub/ui";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createStaticStyles, cssVar, cx } from "antd-style";
 //#region src/react/SendButton/components/StopIcon.tsx
 const styles = createStaticStyles(({ css }) => ({
 	icon: css`

package/es/react/SendButton/style.js

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

package/es/react/SendButton/type.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps, DropdownItem, DropdownMenuProps } from "@lobehub/ui/base-ui";
+import { ButtonProps, DropdownItem, DropdownMenuProps } from "@lobehub/ui";
 import { CSSProperties, MouseEvent, Ref } from "react";
 //#region src/react/SendButton/type.d.ts
 type SendButtonClickHandler = (e: MouseEvent<HTMLElement>) => void;

package/es/renderer/LexicalDiff.js

@@ -1,9 +1,9 @@
 import { computeLexicalDiffRows } from "./diff/compute.js";
 import { diffStyles } from "./diff/style.js";
 import { LexicalRenderer } from "./LexicalRenderer.js";
+import { cx } from "@lobehub/ui";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
 //#region src/renderer/LexicalDiff.tsx
 function wrapBlock(block) {
 	return { root: {

package/es/renderer/LexicalRenderer.js

@@ -2,8 +2,8 @@ import { getCSSVariables, getRendererClassName } from "./style.js";
 import { renderNode } from "./engine/render-tree.js";
 import { rendererNodes } from "./nodes/index.js";
 import { createDefaultRenderers } from "./renderers/index.js";
-import { createElement, use, useMemo } from "react";
 import { MotionComponent, MotionProvider } from "@lobehub/ui";
+import { createElement, use, useMemo } from "react";
 import { createHeadlessEditor } from "@lexical/headless";
 import { $getRoot } from "lexical";
 import { motion } from "motion/react";

package/es/renderer/diff/compute.js

@@ -1,7 +1,7 @@
 //#region src/renderer/diff/compute.ts
 const CHAR_DIFF_MAX_MATRIX_CELLS = 5e4;
-const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--ant-color-error) 18%, transparent); text-decoration: line-through;";
-const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--ant-color-success) 18%, transparent);";
+const DELETE_MARK_STYLE = "background-color: color-mix(in srgb, var(--lobe-color-error) 18%, transparent); text-decoration: line-through;";
+const INSERT_MARK_STYLE = "background-color: color-mix(in srgb, var(--lobe-color-success) 18%, transparent);";
 function getBaseNodeType(node) {
 	if (!node) return null;
 	const type = node.type;

package/es/renderer/diff/style.js

@@ -1,4 +1,4 @@
-import { createStaticStyles, cx } from "antd-style";
+import { createStaticStyles, cx } from "@lobehub/ui";
 //#region src/renderer/diff/style.ts
 const base = createStaticStyles(({ css, cssVar }) => ({
 	body: css`