@lobehub/ui 1.153.10 → 1.153.12

package/es/index.js

@@ -1,94 +1,8 @@
-export { default as ActionIcon } from "./ActionIcon";
-export { default as ActionIconGroup } from "./ActionIconGroup";
-export { default as Alert } from "./Alert";
-export { default as AuroraBackground } from "./AuroraBackground";
-export { default as Avatar } from "./Avatar";
-export { default as BackBottom } from "./BackBottom";
+export * from "./awesome";
 export { default as Logo } from "./brand/LobeHub";
-export { default as Burger } from "./Burger";
-export { default as ChatHeader } from "./ChatHeader";
-export { default as ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle";
-export * from "./ChatInputArea";
-export { default as ChatItem } from "./ChatItem";
-export { default as ChatList } from "./ChatList";
-export { default as ActionsBar } from "./ChatList/ActionsBar";
-export { default as CodeEditor } from "./CodeEditor";
-export { default as Collapse } from "./Collapse";
-export { default as ColorScales } from "./ColorScales";
-export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";
-export { default as ContextMenu } from "./ContextMenu";
-export { default as CopyButton } from "./CopyButton";
-export { default as DraggablePanel } from "./DraggablePanel";
-export { default as DraggablePanelBody } from "./DraggablePanel/components/DraggablePanelBody";
-export { default as DraggablePanelContainer } from "./DraggablePanel/components/DraggablePanelContainer";
-export { default as DraggablePanelFooter } from "./DraggablePanel/components/DraggablePanelFooter";
-export { default as DraggablePanelHeader } from "./DraggablePanel/components/DraggablePanelHeader";
-export { default as EditableMessage } from "./EditableMessage";
-export { default as EditableMessageList } from "./EditableMessageList";
-export { default as EditableText } from "./EditableText";
-export { default as EmojiPicker } from "./EmojiPicker";
-export { default as EmptyCard } from "./EmptyCard";
-export { default as Features } from "./Features";
-export { default as FileTypeIcon } from "./FileTypeIcon";
-export { default as FluentEmoji } from "./FluentEmoji";
-export { default as FontLoader } from "./FontLoader";
-export { default as Footer } from "./Footer";
-export { default as Form } from "./Form";
-export { default as FormDivider } from "./Form/components/FormDivider";
-export { default as FormFooter } from "./Form/components/FormFooter";
-export { default as FormGroup } from "./Form/components/FormGroup";
-export { default as FormItem } from "./Form/components/FormItem";
-export { default as FormTitle } from "./Form/components/FormTitle";
-export { default as GaussianBackground } from "./GaussianBackground";
-export { default as Giscus } from "./Giscus";
-export { default as GradientButton } from "./GradientButton";
-export { default as Grid } from "./Grid";
-export { default as GridBackground } from "./GridBackground";
-export { default as GridShowcase } from "./GridBackground/GridShowcase";
-export { default as Header } from "./Header";
-export { default as Hero } from "./Hero";
-export { default as Highlighter, SyntaxHighlighter } from "./Highlighter";
-export { useChatListActionsBar } from "./hooks/useChatListActionsBar";
-export { default as Icon } from "./Icon";
-export * from "./Icon/icons";
-export { default as Image } from "./Image";
-export { default as ImageGallery } from "./Image/ImageGallery";
-export { Input, TextArea } from "./Input";
-export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc } from "./Layout";
-export { default as List } from "./List";
-export { default as LogoThree } from "./LogoThree";
-export { default as LogoSpline } from "./LogoThree/LogoSpline";
-export { default as Markdown } from "./Markdown";
-export { Typography } from "./Markdown/Typography";
-export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
-export { default as Mermaid } from "./Mermaid";
-export { default as MessageInput } from "./MessageInput";
-export { default as MessageModal } from "./MessageModal";
-export { default as MobileNavBar } from "./MobileNavBar";
-export { default as MobileNavBarTitle } from "./MobileNavBar/MobileNavBarTitle";
-export { default as MobileSafeArea } from "./MobileSafeArea";
-export { default as MobileTabBar } from "./MobileTabBar";
-export { default as Modal } from "./Modal";
-export { default as SearchBar } from "./SearchBar";
-export { default as SelectWithImg } from "./SelectWithImg";
-export { default as SideNav } from "./SideNav";
-export { default as SliderWithInput } from "./SliderWithInput";
-export { default as Snippet } from "./Snippet";
-export { default as SortableList } from "./SortableList";
-export { default as Spline } from "./Spline";
-export { default as Spotlight } from "./Spotlight";
-export { default as SpotlightCard } from "./SpotlightCard";
-export { default as StoryBook, useControls, useCreateStore } from "./StoryBook";
-export * from "./styles";
-export { default as Swatches } from "./Swatches";
-export { default as TabsNav } from "./TabsNav";
-export { default as Tag } from "./Tag";
-export { default as ThemeProvider } from "./ThemeProvider";
-export { default as Meta } from "./ThemeProvider/Meta";
-export { default as ThemeSwitch } from "./ThemeSwitch";
-export { default as Toc } from "./Toc";
-export { default as TokenTag } from "./TokenTag";
-export { default as Tooltip } from "./Tooltip";
-export { copyToClipboard } from "./utils/copyToClipboard";
-export { genCdnUrl } from "./utils/genCdnUrl";
-export { default as Video } from "./Video";
+export { default as LogoThree } from "./brand/LogoThree";
+export { default as LogoSpline } from "./brand/LogoThree/LogoSpline";
+export * from "./chat";
+export * from "./components";
+export * from "./mobile";
+export * from "./storybook";

package/es/mdx/{Callout.js → Callout/index.js}

@@ -9,7 +9,7 @@ import { createStyles } from 'antd-style';
 import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';
 import { rgba } from 'polished';
 import { Flexbox } from 'react-layout-kit';
-import Icon from "../Icon";
+import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {

package/es/mdx/{Card.d.ts → Cards/Card.d.ts}

@@ -1,7 +1,7 @@
 import { TagProps } from 'antd';
 import { FC } from 'react';
 import { type FlexboxProps } from 'react-layout-kit';
-import { type IconProps } from "../Icon";
+import { type IconProps } from "../../Icon";
 export interface CardProps extends Omit<FlexboxProps, 'children'> {
     desc?: string;
     href?: string;

package/es/mdx/{Card.js → Cards/Card.js}

@@ -8,9 +8,9 @@ var _templateObject, _templateObject2, _templateObject3;
 import { Tag } from 'antd';
 import { createStyles } from 'antd-style';
 import { Flexbox } from 'react-layout-kit';
-import A from "../A";
-import Icon from "../Icon";
-import Img from "../Img";
+import A from "../../A";
+import Icon from "../../Icon";
+import Img from "../../Img";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {

package/es/mdx/{Cards.d.ts → Cards/index.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { type GridProps } from "../Grid";
+import { type GridProps } from "../../Grid";
 export type CardsProps = GridProps;
 declare const Cards: FC<CardsProps>;
 export default Cards;

package/es/mdx/{Cards.js → Cards/index.js}

@@ -6,7 +6,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _excluded = ["children", "className", "maxItemWidth", "rows"];
 var _templateObject;
 import { createStyles } from 'antd-style';
-import Grid from "../Grid";
+import Grid from "../../Grid";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;

package/es/mdx/{File.d.ts → FileTree/File.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
-import { type IconProps } from "../Icon";
+import { type IconProps } from "../../Icon";
 export interface FileProps extends Omit<FlexboxProps, 'children'> {
     icon?: IconProps['icon'];
     name: string;

package/es/mdx/{File.js → FileTree/File.js}

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["name", "icon"];
 import { FileIcon } from 'lucide-react';
 import { Flexbox } from 'react-layout-kit';
-import Icon from "../Icon";
+import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var File = function File(_ref) {

package/es/mdx/{Folder.d.ts → FileTree/Folder.d.ts}

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
-import { type IconProps } from "../Icon";
+import { type IconProps } from "../../Icon";
 export interface FolderProps extends FlexboxProps {
     defaultOpen?: boolean;
     icon?: IconProps['icon'];

package/es/mdx/{Folder.js → FileTree/Folder.js}

@@ -10,7 +10,7 @@ import { createStyles } from 'antd-style';
 import { FolderIcon, FolderOpen } from 'lucide-react';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import Icon from "../Icon";
+import Icon from "../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {

package/es/mdx/{FileTree.d.ts → FileTree/index.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DivProps } from "../types";
+import { DivProps } from "../../types";
 export type FileTreeProps = DivProps;
 declare const FileTree: FC<FileTreeProps>;
 export default FileTree;

package/es/mdx/{Steps.d.ts → Steps/index.d.ts}

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { DivProps } from "../types";
+import { DivProps } from "../../types";
 declare const Steps: FC<DivProps>;
 export default Steps;

package/es/mdx/{Tab.d.ts → Tabs/Tab.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { DivProps } from "../types";
+import { DivProps } from "../../types";
 export type TabProps = DivProps;
 declare const Tab: FC<TabProps>;
 export default Tab;

package/es/mdx/{Tabs.d.ts → Tabs/index.d.ts}

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
-import { type TabsNavProps } from "../TabsNav";
+import { type TabsNavProps } from "../../TabsNav";
 export interface TabsProps extends Omit<FlexboxProps, 'children'> {
     children: ReactNode[];
     defaultIndex?: number | string;

package/es/mdx/{Tabs.js → Tabs/index.js}

@@ -10,7 +10,7 @@ var _templateObject, _templateObject2;
 import { createStyles } from 'antd-style';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import TabsNav from "../TabsNav";
+import TabsNav from "../../TabsNav";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {

package/es/mdx/index.d.ts

@@ -1,14 +1,14 @@
 export { default as Callout, type CalloutProps } from './Callout';
-export { default as Card, type CardProps } from './Card';
 export { default as Cards, type CardsProps } from './Cards';
-export { default as File, type FileProps } from './File';
+export { default as Card, type CardProps } from './Cards/Card';
 export { default as FileTree, type FileTreeProps } from './FileTree';
-export { default as Folder, type FolderProps } from './Folder';
-export { default as Image, type ImageProps } from './Image';
-export { default as Link, type LinkProps } from './Link';
+export { default as File, type FileProps } from './FileTree/File';
+export { default as Folder, type FolderProps } from './FileTree/Folder';
 export { default as mdxComponents } from './mdxComponents';
-export { default as Pre, type PreProps, PreSingleLine } from './Pre';
+export { default as Image, type ImageProps } from './mdxComponents/Image';
+export { default as Link, type LinkProps } from './mdxComponents/Link';
+export { default as Pre, type PreProps, PreSingleLine } from './mdxComponents/Pre';
+export { default as Video, type VideoProps } from './mdxComponents/Video';
 export { default as Steps } from './Steps';
-export { default as Tab, type TabProps } from './Tab';
 export { default as Tabs, type TabsProps } from './Tabs';
-export { default as Video, type VideoProps } from './Video';
+export { default as Tab, type TabProps } from './Tabs/Tab';

package/es/mdx/index.js

@@ -1,14 +1,14 @@
 export { default as Callout } from "./Callout";
-export { default as Card } from "./Card";
 export { default as Cards } from "./Cards";
-export { default as File } from "./File";
+export { default as Card } from "./Cards/Card";
 export { default as FileTree } from "./FileTree";
-export { default as Folder } from "./Folder";
-export { default as Image } from "./Image";
-export { default as Link } from "./Link";
+export { default as File } from "./FileTree/File";
+export { default as Folder } from "./FileTree/Folder";
 export { default as mdxComponents } from "./mdxComponents";
-export { default as Pre, PreSingleLine } from "./Pre";
+export { default as Image } from "./mdxComponents/Image";
+export { default as Link } from "./mdxComponents/Link";
+export { default as Pre, PreSingleLine } from "./mdxComponents/Pre";
+export { default as Video } from "./mdxComponents/Video";
 export { default as Steps } from "./Steps";
-export { default as Tab } from "./Tab";
 export { default as Tabs } from "./Tabs";
-export { default as Video } from "./Video";
+export { default as Tab } from "./Tabs/Tab";

package/es/mdx/{Image.d.ts → mdxComponents/Image.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { type ImageProps as LobeImageProps } from "../Image";
+import { type ImageProps as LobeImageProps } from "../../Image";
 export interface ImageProps extends LobeImageProps {
     cover?: boolean;
     inStep?: boolean;

package/es/mdx/{Image.js → mdxComponents/Image.js}

@@ -3,7 +3,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["style", "width", "height", "cover", "inStep", "alt"];
-import LobeImage from "../Image";
+import LobeImage from "../../Image";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Image = function Image(_ref) {
   var style = _ref.style,

package/es/mdx/{Link.d.ts → mdxComponents/Link.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { AProps } from "../types";
+import { AProps } from "../../types";
 export type LinkProps = AProps;
 declare const Link: FC<LinkProps>;
 export default Link;

package/es/mdx/{Link.js → mdxComponents/Link.js}

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["href", "target"];
-import A from "../A";
+import A from "../../A";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Link = function Link(_ref) {
   var href = _ref.href,

package/es/mdx/{Pre.d.ts → mdxComponents/Pre.d.ts}

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { type HighlighterProps } from "../Highlighter";
-import { type MermaidProps } from "../Mermaid";
-import { type SnippetProps } from "../Snippet";
+import { type HighlighterProps } from "../../Highlighter";
+import { type MermaidProps } from "../../Mermaid";
+import { type SnippetProps } from "../../Snippet";
 export type PreProps = HighlighterProps;
 export declare const Pre: FC<PreProps>;
 export declare const PreSingleLine: FC<SnippetProps>;

package/es/mdx/{Pre.js → mdxComponents/Pre.js}

@@ -8,10 +8,10 @@ var _excluded = ["fullFeatured", "fileName", "allowChangeLanguage", "language",
   _excluded3 = ["fullFeatured", "children", "className", "style"];
 var _templateObject;
 import { createStyles } from 'antd-style';
-import Highlighter from "../Highlighter";
-import Mermaid from "../Mermaid";
-import Snippet from "../Snippet";
-import { FALLBACK_LANG } from "../hooks/useHighlight";
+import Highlighter from "../../Highlighter";
+import Mermaid from "../../Mermaid";
+import Snippet from "../../Snippet";
+import { FALLBACK_LANG } from "../../hooks/useHighlight";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;

package/es/mdx/{Video.d.ts → mdxComponents/Video.d.ts}

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { type VideoProps as LobeVideoProps } from "../Video";
+import { type VideoProps as LobeVideoProps } from "../../Video";
 export interface VideoProps extends LobeVideoProps {
     cover?: boolean;
     inStep?: boolean;

package/es/mdx/{Video.js → mdxComponents/Video.js}

@@ -3,7 +3,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["style", "width", "height", "cover", "inStep"];
-import LobeVideo from "../Video";
+import LobeVideo from "../../Video";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Video = function Video(_ref) {
   var style = _ref.style,

package/es/mdx/{mdxComponents.js → mdxComponents/index.js}

@@ -1,12 +1,12 @@
-import Callout from "./Callout";
-import Card from "./Card";
-import Cards from "./Cards";
-import FileTree from "./FileTree";
+import Callout from "../Callout";
+import Cards from "../Cards";
+import Card from "../Cards/Card";
+import FileTree from "../FileTree";
+import Steps from "../Steps";
+import Tabs from "../Tabs";
+import Tab from "../Tabs/Tab";
 import Image from "./Image";
 import Link from "./Link";
-import Steps from "./Steps";
-import Tab from "./Tab";
-import Tabs from "./Tabs";
 import Video from "./Video";
 var mdxComponents = {
   Callout: Callout,

package/es/{ChatInputArea/mobile/ChatInputArea.d.ts → mobile/MobileChatInputArea/index.d.ts}

@@ -1,6 +1,6 @@
 import { TextAreaRef } from 'antd/es/input/TextArea';
 import { CSSProperties, ReactNode } from 'react';
-import { type ChatInputAreaInnerProps } from '../ChatInputAreaInner';
+import { type ChatInputAreaInnerProps } from "../../chat/ChatInputArea/ChatInputAreaInner";
 export interface MobileChatInputAreaProps extends ChatInputAreaInnerProps {
     bottomAddons?: ReactNode;
     expand?: boolean;

package/es/{ChatInputArea/mobile/ChatInputArea.js → mobile/MobileChatInputArea/index.js}

@@ -10,8 +10,8 @@ import { rgba } from 'polished';
 import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
-import MobileSafeArea from "../../MobileSafeArea";
-import ChatInputAreaInner from "../ChatInputAreaInner";
+import ChatInputAreaInner from "../../chat/ChatInputArea/ChatInputAreaInner";
+import MobileSafeArea from "../MobileSafeArea";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {

package/es/{MobileNavBar → mobile/MobileNavBar}/index.js

@@ -3,7 +3,7 @@
 import { ChevronLeft } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import ActionIcon from "../ActionIcon";
+import ActionIcon from "../../ActionIcon";
 import MobileSafeArea from "../MobileSafeArea";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/{MobileSafeArea → mobile/MobileSafeArea}/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DivProps } from "../types";
+import { DivProps } from "../../types";
 export interface MobileSafeAreaProps extends DivProps {
     position: 'top' | 'bottom';
 }

package/es/mobile/index.d.ts

@@ -0,0 +1,6 @@
+export { default as MobileChatInputArea, type MobileChatInputAreaProps, } from './MobileChatInputArea';
+export { default as MobileChatSendButton, type MobileChatSendButtonProps, } from './MobileChatInputArea/SendButton';
+export { default as MobileNavBar, type MobileNavBarProps } from './MobileNavBar';
+export { default as MobileNavBarTitle, type MobileNavBarTitleProps, } from './MobileNavBar/MobileNavBarTitle';
+export { default as MobileSafeArea, type MobileSafeAreaProps } from './MobileSafeArea';
+export { default as MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, } from './MobileTabBar';

package/es/mobile/index.js

@@ -0,0 +1,6 @@
+export { default as MobileChatInputArea } from "./MobileChatInputArea";
+export { default as MobileChatSendButton } from "./MobileChatInputArea/SendButton";
+export { default as MobileNavBar } from "./MobileNavBar";
+export { default as MobileNavBarTitle } from "./MobileNavBar/MobileNavBarTitle";
+export { default as MobileSafeArea } from "./MobileSafeArea";
+export { default as MobileTabBar } from "./MobileTabBar";

package/es/{StoryBook → storybook/StoryBook}/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DivProps } from "../types";
+import { DivProps } from "../../types";
 export interface StoryBookProps extends DivProps {
     /**
      * @description The Leva store instance to be used by the component

package/es/{StoryBook → storybook/StoryBook}/index.js

@@ -7,7 +7,7 @@ import { useResponsive } from 'antd-style';
 import { LevaPanel } from 'leva';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import DraggablePanel from "../DraggablePanel";
+import DraggablePanel from "../../DraggablePanel";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/storybook/index.d.ts

@@ -0,0 +1 @@
+export { default as StoryBook, type StoryBookProps, useControls, useCreateStore, } from './StoryBook';

package/es/storybook/index.js

@@ -0,0 +1 @@
+export { default as StoryBook, useControls, useCreateStore } from "./StoryBook";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.153.10",
+  "version": "1.153.12",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -76,8 +76,9 @@
     ]
   },
   "dependencies": {
+    "@ant-design/cssinjs": "^1.22.1",
     "@babel/runtime": "^7.26.0",
-    "@dnd-kit/core": "^6.2.0",
+    "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^8.0.0",
     "@dnd-kit/sortable": "^9.0.0",
     "@dnd-kit/utilities": "^3.2.2",
@@ -85,10 +86,14 @@
     "@emoji-mart/react": "^1.1.1",
     "@floating-ui/react": "^0.26.28",
     "@giscus/react": "^3.0.0",
+    "@lobehub/fluent-emoji": "^1.0.1",
+    "@radix-ui/react-slot": "^1.1.0",
     "@react-spring/web": "^9.7.5",
     "@shikijs/transformers": "^1.24.0",
     "@splinetool/runtime": "^0.9.526",
+    "ahooks": "^3.8.4",
     "chroma-js": "^3.1.2",
+    "class-variance-authority": "^0.7.1",
     "dayjs": "^1.11.13",
     "emoji-mart": "^5.6.0",
     "fast-deep-equal": "^3.1.3",
@@ -104,7 +109,7 @@
     "re-resizable": "^6.10.1",
     "react-avatar-editor": "^13.0.2",
     "react-error-boundary": "^4.1.2",
-    "react-layout-kit": "^1.9.0",
+    "react-layout-kit": "^1.9.1",
     "react-markdown": "^8.0.7",
     "react-merge-refs": "^2.1.1",
     "react-rnd": "^10.4.13",
@@ -117,6 +122,7 @@
     "shiki": "^1.24.0",
     "swr": "^2.2.5",
     "ts-md5": "^1.3.1",
+    "unified": "^10.1.2",
     "url-join": "^5.0.0",
     "use-merge-value": "^1.2.0",
     "uuid": "^11.0.3"
@@ -132,9 +138,9 @@
     "@types/numeral": "^2.0.5",
     "@types/pangu": "^4.0.2",
     "@types/query-string": "^6.3.0",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.3.14",
     "@types/react-avatar-editor": "^13.0.3",
-    "@types/react-dom": "^18.3.1",
+    "@types/react-dom": "^18.3.2",
     "@types/unist": "^3.0.3",
     "@types/uuid": "^10.0.0",
     "@vitest/coverage-v8": "~1.2.2",
@@ -150,7 +156,7 @@
     "husky": "^9.1.7",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "remark": "^14.0.3",
@@ -163,15 +169,11 @@
     "vitest": "~1.2.2"
   },
   "peerDependencies": {
-    "@ant-design/cssinjs": ">=1",
-    "@lobehub/fluent-emoji": ">=1",
-    "ahooks": ">=3",
     "antd": ">=5.13.0",
     "antd-style": ">=3",
     "lucide-react": ">=0.396.0",
     "react": ">=18",
-    "react-dom": ">=18",
-    "unified": ">=10"
+    "react-dom": ">=18"
   },
   "publishConfig": {
     "access": "public",

package/es/ChatInputArea/index.js

@@ -1,6 +0,0 @@
-export { default as ChatInputActionBar } from "./ChatInputActionBar";
-export { default as ChatInputAreaInner } from "./ChatInputAreaInner";
-export { default as ChatInputArea } from "./desktop/ChatInputArea";
-export { default as ChatSendButton } from "./desktop/SendButton";
-export { default as MobileChatInputArea } from "./mobile/ChatInputArea";
-export { default as MobileChatSendButton } from "./mobile/SendButton";