@lobehub/ui 5.6.2 → 5.6.4

package/es/mdx/mdxComponents/Pre.mjs

@@ -1,21 +1,19 @@
-'use client';
-
+"use client";
 import { FALLBACK_LANG } from "../../Highlighter/const.mjs";
-import Highlighter_default from "../../Highlighter/Highlighter.mjs";
-import Mermaid_default from "../../Mermaid/Mermaid.mjs";
-import Snippet_default from "../../Snippet/Snippet.mjs";
+import Highlighter from "../../Highlighter/Highlighter.mjs";
+import Mermaid from "../../Mermaid/Mermaid.mjs";
+import Snippet from "../../Snippet/Snippet.mjs";
 import { jsx } from "react/jsx-runtime";
 import { createStaticStyles, cx } from "antd-style";
-
 //#region src/mdx/mdxComponents/Pre.tsx
-const styles = createStaticStyles(({ css: css$1 }) => ({ container: css$1`
+const styles = createStaticStyles(({ css }) => ({ container: css`
     overflow: hidden;
     margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);
     border-radius: calc(var(--lobe-markdown-border-radius) * 1px);
     box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;
   ` }));
 const Pre = ({ fullFeatured, fileName, allowChangeLanguage, language = FALLBACK_LANG, children, className, style, variant = "filled", icon, theme, ...rest }) => {
-	return /* @__PURE__ */ jsx(Highlighter_default, {
+	return /* @__PURE__ */ jsx(Highlighter, {
 		allowChangeLanguage,
 		className: cx(styles.container, className),
 		fileName,
@@ -30,7 +28,7 @@ const Pre = ({ fullFeatured, fileName, allowChangeLanguage, language = FALLBACK_
 	});
 };
 const PreSingleLine = ({ language = FALLBACK_LANG, children, className, style, variant = "filled", ...rest }) => {
-	return /* @__PURE__ */ jsx(Snippet_default, {
+	return /* @__PURE__ */ jsx(Snippet, {
 		className: cx(styles.container, className),
 		"data-code-type": "highlighter",
 		language,
@@ -41,7 +39,7 @@ const PreSingleLine = ({ language = FALLBACK_LANG, children, className, style, v
 	});
 };
 const PreMermaid = ({ animated, fullFeatured, children, className, style, variant = "filled", theme, ...rest }) => {
-	return /* @__PURE__ */ jsx(Mermaid_default, {
+	return /* @__PURE__ */ jsx(Mermaid, {
 		animated,
 		className: cx(styles.container, className),
 		fullFeatured,
@@ -53,8 +51,7 @@ const PreMermaid = ({ animated, fullFeatured, children, className, style, varian
 	});
 };
 Pre.displayName = "MdxPre";
-var Pre_default = Pre;
-
 //#endregion
-export { Pre, PreMermaid, PreSingleLine, Pre_default as default };
+export { PreMermaid, PreSingleLine, Pre as default };
+
 //# sourceMappingURL=Pre.mjs.map

package/es/mdx/mdxComponents/Pre.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pre.mjs","names":["Pre: FC<PreProps>","Highlighter","PreSingleLine: FC<SnippetProps>","Snippet","PreMermaid: FC<MermaidProps>","Mermaid"],"sources":["../../../src/mdx/mdxComponents/Pre.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Highlighter, { type HighlighterProps } from '@/Highlighter';\nimport { FALLBACK_LANG } from '@/Highlighter/const';\nimport Mermaid, { type MermaidProps } from '@/Mermaid';\nimport Snippet, { type SnippetProps } from '@/Snippet';\n\nconst styles = createStaticStyles(({ css }) => ({\n  container: css`\n    overflow: hidden;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;\n  `,\n}));\n\nexport type PreProps = HighlighterProps;\n\nexport const Pre: FC<PreProps> = ({\n  fullFeatured,\n  fileName,\n  allowChangeLanguage,\n  language = FALLBACK_LANG,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  icon,\n  theme,\n  ...rest\n}) => {\n  return (\n    <Highlighter\n      allowChangeLanguage={allowChangeLanguage}\n      className={cx(styles.container, className)}\n      fileName={fileName}\n      fullFeatured={fullFeatured}\n      icon={icon}\n      language={language}\n      style={style}\n      theme={theme}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Highlighter>\n  );\n};\n\nexport const PreSingleLine: FC<SnippetProps> = ({\n  language = FALLBACK_LANG,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <Snippet\n      className={cx(styles.container, className)}\n      data-code-type=\"highlighter\"\n      language={language}\n      style={style}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Snippet>\n  );\n};\n\nexport const PreMermaid: FC<MermaidProps> = ({\n  animated,\n  fullFeatured,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  theme,\n  ...rest\n}) => {\n  return (\n    <Mermaid\n      animated={animated}\n      className={cx(styles.container, className)}\n      fullFeatured={fullFeatured}\n      style={style}\n      theme={theme}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Mermaid>\n  );\n};\n\nPre.displayName = 'MdxPre';\n\nexport default Pre;\n"],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,oBAAoB,EAAE,kBAAW,EAC9C,WAAW,KAAG;;;;;KAMf,EAAE;AAIH,MAAaA,OAAqB,EAChC,cACA,UACA,qBACA,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,MACA,OACA,GAAG,WACC;AACJ,QACE,oBAACC;EACsB;EACrB,WAAW,GAAG,OAAO,WAAW,UAAU;EAChC;EACI;EACR;EACI;EACH;EACA;EACE;EACT,GAAI;EAEH;GACW;;AAIlB,MAAaC,iBAAmC,EAC9C,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAACC;EACC,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,kBAAe;EACL;EACH;EACE;EACT,GAAI;EAEH;GACO;;AAId,MAAaC,cAAgC,EAC3C,UACA,cACA,UACA,WACA,OACA,UAAU,UACV,OACA,GAAG,WACC;AACJ,QACE,oBAACC;EACW;EACV,WAAW,GAAG,OAAO,WAAW,UAAU;EAC5B;EACP;EACA;EACE;EACT,GAAI;EAEH;GACO;;AAId,IAAI,cAAc;AAElB,kBAAe"}
+{"version":3,"file":"Pre.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/Pre.tsx"],"sourcesContent":["'use client';\n\nimport { createStaticStyles, cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Highlighter, { type HighlighterProps } from '@/Highlighter';\nimport { FALLBACK_LANG } from '@/Highlighter/const';\nimport Mermaid, { type MermaidProps } from '@/Mermaid';\nimport Snippet, { type SnippetProps } from '@/Snippet';\n\nconst styles = createStaticStyles(({ css }) => ({\n  container: css`\n    overflow: hidden;\n    margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;\n  `,\n}));\n\nexport type PreProps = HighlighterProps;\n\nexport const Pre: FC<PreProps> = ({\n  fullFeatured,\n  fileName,\n  allowChangeLanguage,\n  language = FALLBACK_LANG,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  icon,\n  theme,\n  ...rest\n}) => {\n  return (\n    <Highlighter\n      allowChangeLanguage={allowChangeLanguage}\n      className={cx(styles.container, className)}\n      fileName={fileName}\n      fullFeatured={fullFeatured}\n      icon={icon}\n      language={language}\n      style={style}\n      theme={theme}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Highlighter>\n  );\n};\n\nexport const PreSingleLine: FC<SnippetProps> = ({\n  language = FALLBACK_LANG,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  ...rest\n}) => {\n  return (\n    <Snippet\n      className={cx(styles.container, className)}\n      data-code-type=\"highlighter\"\n      language={language}\n      style={style}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Snippet>\n  );\n};\n\nexport const PreMermaid: FC<MermaidProps> = ({\n  animated,\n  fullFeatured,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  theme,\n  ...rest\n}) => {\n  return (\n    <Mermaid\n      animated={animated}\n      className={cx(styles.container, className)}\n      fullFeatured={fullFeatured}\n      style={style}\n      theme={theme}\n      variant={variant}\n      {...rest}\n    >\n      {children}\n    </Mermaid>\n  );\n};\n\nPre.displayName = 'MdxPre';\n\nexport default Pre;\n"],"mappings":";;;;;;;;AAUA,MAAM,SAAS,oBAAoB,EAAE,WAAW,EAC9C,WAAW,GAAG;;;;;KAMf,EAAE;AAIH,MAAa,OAAqB,EAChC,cACA,UACA,qBACA,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,MACA,OACA,GAAG,WACC;AACJ,QACE,oBAAC,aAAD;EACuB;EACrB,WAAW,GAAG,OAAO,WAAW,UAAU;EAChC;EACI;EACR;EACI;EACH;EACA;EACE;EACT,GAAI;EAEH;EACW,CAAA;;AAIlB,MAAa,iBAAmC,EAC9C,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,GAAG,WACC;AACJ,QACE,oBAAC,SAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,kBAAe;EACL;EACH;EACE;EACT,GAAI;EAEH;EACO,CAAA;;AAId,MAAa,cAAgC,EAC3C,UACA,cACA,UACA,WACA,OACA,UAAU,UACV,OACA,GAAG,WACC;AACJ,QACE,oBAAC,SAAD;EACY;EACV,WAAW,GAAG,OAAO,WAAW,UAAU;EAC5B;EACP;EACA;EACE;EACT,GAAI;EAEH;EACO,CAAA;;AAId,IAAI,cAAc"}

package/es/mdx/mdxComponents/Section.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Footnotes_default from "../../Markdown/components/Footnotes.mjs";
+"use client";
+import Footnotes from "../../Markdown/components/Footnotes.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/mdx/mdxComponents/Section.tsx
 const Section = ({ children, showFootnotes, ...rest }) => {
 	if (rest["data-footnotes"]) {
 		if (!showFootnotes) return null;
-		return /* @__PURE__ */ jsx(Footnotes_default, {
+		return /* @__PURE__ */ jsx(Footnotes, {
 			...rest,
 			children
 		});
@@ -18,8 +16,7 @@ const Section = ({ children, showFootnotes, ...rest }) => {
 	});
 };
 Section.displayName = "MdxSection";
-var Section_default = Section;
-
 //#endregion
-export { Section_default as default };
+export { Section as default };
+
 //# sourceMappingURL=Section.mjs.map

package/es/mdx/mdxComponents/Section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Section.mjs","names":["Section: FC<SectionProps>","Footnotes"],"sources":["../../../src/mdx/mdxComponents/Section.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\n\nimport Footnotes from '@/Markdown/components/Footnotes';\n\ninterface SectionProps {\n  'children': ReactNode;\n  'data-footnotes'?: boolean;\n  'showFootnotes'?: boolean;\n}\n\nconst Section: FC<SectionProps> = ({ children, showFootnotes, ...rest }) => {\n  // 说明是脚注\n  if (rest['data-footnotes']) {\n    if (!showFootnotes) return null;\n    return <Footnotes {...rest}>{children}</Footnotes>;\n  }\n\n  return <section {...rest}>{children}</section>;\n};\n\nSection.displayName = 'MdxSection';\n\nexport default Section;\n"],"mappings":";;;;;;AAYA,MAAMA,WAA6B,EAAE,UAAU,eAAe,GAAG,WAAW;AAE1E,KAAI,KAAK,mBAAmB;AAC1B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,oBAACC;GAAU,GAAI;GAAO;IAAqB;;AAGpD,QAAO,oBAAC;EAAQ,GAAI;EAAO;GAAmB;;AAGhD,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"Section.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/Section.tsx"],"sourcesContent":["'use client';\n\nimport type { FC, ReactNode } from 'react';\n\nimport Footnotes from '@/Markdown/components/Footnotes';\n\ninterface SectionProps {\n  'children': ReactNode;\n  'data-footnotes'?: boolean;\n  'showFootnotes'?: boolean;\n}\n\nconst Section: FC<SectionProps> = ({ children, showFootnotes, ...rest }) => {\n  // 说明是脚注\n  if (rest['data-footnotes']) {\n    if (!showFootnotes) return null;\n    return <Footnotes {...rest}>{children}</Footnotes>;\n  }\n\n  return <section {...rest}>{children}</section>;\n};\n\nSection.displayName = 'MdxSection';\n\nexport default Section;\n"],"mappings":";;;;AAYA,MAAM,WAA6B,EAAE,UAAU,eAAe,GAAG,WAAW;AAE1E,KAAI,KAAK,mBAAmB;AAC1B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,oBAAC,WAAD;GAAW,GAAI;GAAO;GAAqB,CAAA;;AAGpD,QAAO,oBAAC,WAAD;EAAS,GAAI;EAAO;EAAmB,CAAA;;AAGhD,QAAQ,cAAc"}

package/es/mdx/mdxComponents/Video.mjs

@@ -1,11 +1,9 @@
-'use client';
-
-import Video_default$1 from "../../Video/index.mjs";
+"use client";
+import Video$1 from "../../Video/index.mjs";
 import { jsx } from "react/jsx-runtime";
-
 //#region src/mdx/mdxComponents/Video.tsx
 const Video = ({ style, ...rest }) => {
-	return /* @__PURE__ */ jsx(Video_default$1, {
+	return /* @__PURE__ */ jsx(Video$1, {
 		preview: false,
 		style: {
 			borderRadius: "calc(var(--lobe-markdown-border-radius) * 1px)",
@@ -16,8 +14,7 @@ const Video = ({ style, ...rest }) => {
 	});
 };
 Video.displayName = "MdxVdieo";
-var Video_default = Video;
-
 //#endregion
-export { Video_default as default };
+export { Video as default };
+
 //# sourceMappingURL=Video.mjs.map

package/es/mdx/mdxComponents/Video.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Video.mjs","names":["Video: FC<VideoProps>","LobeVideo"],"sources":["../../../src/mdx/mdxComponents/Video.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport LobeVideo, { type VideoProps as LobeVideoProps } from '@/Video';\n\nexport type VideoProps = LobeVideoProps;\n\nconst Video: FC<VideoProps> = ({ style, ...rest }) => {\n  return (\n    <LobeVideo\n      preview={false}\n      style={{\n        borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nVideo.displayName = 'MdxVdieo';\n\nexport default Video;\n"],"mappings":";;;;;;AAQA,MAAMA,SAAyB,EAAE,OAAO,GAAG,WAAW;AACpD,QACE,oBAACC;EACC,SAAS;EACT,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;GACJ;EACD,GAAI;GACJ;;AAIN,MAAM,cAAc;AAEpB,oBAAe"}
+{"version":3,"file":"Video.mjs","names":["LobeVideo"],"sources":["../../../src/mdx/mdxComponents/Video.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\n\nimport LobeVideo, { type VideoProps as LobeVideoProps } from '@/Video';\n\nexport type VideoProps = LobeVideoProps;\n\nconst Video: FC<VideoProps> = ({ style, ...rest }) => {\n  return (\n    <LobeVideo\n      preview={false}\n      style={{\n        borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)',\n        ...style,\n      }}\n      {...rest}\n    />\n  );\n};\n\nVideo.displayName = 'MdxVdieo';\n\nexport default Video;\n"],"mappings":";;;;AAQA,MAAM,SAAyB,EAAE,OAAO,GAAG,WAAW;AACpD,QACE,oBAACA,SAAD;EACE,SAAS;EACT,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;GACJ;EACD,GAAI;EACJ,CAAA;;AAIN,MAAM,cAAc"}

package/es/mdx/mdxComponents/index.d.mts

@@ -1,4 +1,4 @@
-import { MDXComponents } from "mdx/types";
+import { MDXComponents } from "../../node_modules/@types/mdx/types.mjs";
 
 //#region src/mdx/mdxComponents/index.d.ts
 declare const mdxComponents: MDXComponents;

package/es/mdx/mdxComponents/index.mjs

@@ -1,29 +1,27 @@
-import Image_default from "./Image.mjs";
-import Link_default from "./Link.mjs";
-import Video_default from "./Video.mjs";
-import Callout_default from "../Callout/index.mjs";
-import Cards_default from "../Cards/index.mjs";
-import Card_default from "../Cards/Card.mjs";
-import FileTree_default from "../FileTree/index.mjs";
-import Steps_default from "../Steps/index.mjs";
-import Tabs_default from "../Tabs/index.mjs";
-import Tab_default from "../Tabs/Tab.mjs";
-
+import Image from "./Image.mjs";
+import Link from "./Link.mjs";
+import Video from "./Video.mjs";
+import Callout from "../Callout/index.mjs";
+import Cards from "../Cards/index.mjs";
+import Card from "../Cards/Card.mjs";
+import FileTree from "../FileTree/index.mjs";
+import Steps from "../Steps/index.mjs";
+import Tabs from "../Tabs/index.mjs";
+import Tab from "../Tabs/Tab.mjs";
 //#region src/mdx/mdxComponents/index.ts
 const mdxComponents = {
-	Callout: Callout_default,
-	Card: Card_default,
-	Cards: Cards_default,
-	FileTree: FileTree_default,
-	Image: Image_default,
-	Steps: Steps_default,
-	Tab: Tab_default,
-	Tabs: Tabs_default,
-	Video: Video_default,
-	a: Link_default
+	Callout,
+	Card,
+	Cards,
+	FileTree,
+	Image,
+	Steps,
+	Tab,
+	Tabs,
+	Video,
+	a: Link
 };
-var mdxComponents_default = mdxComponents;
-
 //#endregion
-export { mdxComponents_default as default };
+export { mdxComponents as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/mdx/mdxComponents/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["mdxComponents: MDXComponents","Link"],"sources":["../../../src/mdx/mdxComponents/index.ts"],"sourcesContent":["import type { MDXComponents } from 'mdx/types';\n\nimport Callout from '@/mdx/Callout';\nimport Cards from '@/mdx/Cards';\nimport Card from '@/mdx/Cards/Card';\nimport FileTree from '@/mdx/FileTree';\nimport Steps from '@/mdx/Steps';\nimport Tabs from '@/mdx/Tabs';\nimport Tab from '@/mdx/Tabs/Tab';\n\nimport Image from './Image';\nimport Link from './Link';\nimport Video from './Video';\n\nconst mdxComponents: MDXComponents = {\n  Callout,\n  Card,\n  Cards,\n  FileTree,\n  Image,\n  Steps,\n  Tab,\n  Tabs,\n  Video,\n  a: Link,\n} as MDXComponents;\n\nexport default mdxComponents;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,gBAA+B;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAGC;CACJ;AAED,4BAAe"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/index.ts"],"sourcesContent":["import type { MDXComponents } from 'mdx/types';\n\nimport Callout from '@/mdx/Callout';\nimport Cards from '@/mdx/Cards';\nimport Card from '@/mdx/Cards/Card';\nimport FileTree from '@/mdx/FileTree';\nimport Steps from '@/mdx/Steps';\nimport Tabs from '@/mdx/Tabs';\nimport Tab from '@/mdx/Tabs/Tab';\n\nimport Image from './Image';\nimport Link from './Link';\nimport Video from './Video';\n\nconst mdxComponents: MDXComponents = {\n  Callout,\n  Card,\n  Cards,\n  FileTree,\n  Image,\n  Steps,\n  Tab,\n  Tabs,\n  Video,\n  a: Link,\n} as MDXComponents;\n\nexport default mdxComponents;\n"],"mappings":";;;;;;;;;;;AAcA,MAAM,gBAA+B;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,GAAG;CACJ"}

package/es/mobile/ChatHeader/ChatHeader.mjs

@@ -1,14 +1,12 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
-import SafeArea_default from "../SafeArea/SafeArea.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import SafeArea from "../SafeArea/SafeArea.mjs";
 import { styles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ChevronLeft } from "lucide-react";
-
 //#region src/mobile/ChatHeader/ChatHeader.tsx
 const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left, right, gaps, classNames, onBackClick, showBackButton, styles: custmStyles, children, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -17,7 +15,7 @@ const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left,
 		ref,
 		style,
 		...rest,
-		children: [safeArea && /* @__PURE__ */ jsx(SafeArea_default, { position: "top" }), /* @__PURE__ */ jsxs(FlexBasic_default, {
+		children: [safeArea && /* @__PURE__ */ jsx(SafeArea, { position: "top" }), /* @__PURE__ */ jsxs(FlexBasic_default, {
 			horizontal: true,
 			align: "center",
 			className: styles.inner,
@@ -31,7 +29,7 @@ const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left,
 					flex: 1,
 					gap: gaps?.left,
 					style: custmStyles?.left,
-					children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
+					children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon, {
 						icon: ChevronLeft,
 						onClick: () => onBackClick?.()
 					}), left]
@@ -60,8 +58,7 @@ const ChatHeader = memo(({ ref, className, safeArea = true, style, center, left,
 	});
 });
 ChatHeader.displayName = "ChatHeader";
-var ChatHeader_default = ChatHeader;
-
 //#endregion
-export { ChatHeader_default as default };
+export { ChatHeader as default };
+
 //# sourceMappingURL=ChatHeader.mjs.map

package/es/mobile/ChatHeader/ChatHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea","ActionIcon"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport MobileSafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    ref,\n    className,\n    safeArea = true,\n    style,\n    center,\n    left,\n    right,\n    gaps,\n    classNames,\n    onBackClick,\n    showBackButton,\n    styles: custmStyles,\n    children,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        as={'header'}\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {safeArea && <MobileSafeArea position={'top'} />}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={styles.inner}\n          flex={1}\n          justify={'space-between'}\n        >\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            style={custmStyles?.right}\n          >\n            {right}\n          </Flexbox>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA;EACC,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;aAEH,YAAY,oBAACC,oBAAe,UAAU,QAAS,EAChD,qBAACD;GACC;GACA,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN,SAAS;;IAET,qBAACA;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;gBAEnB,kBAAkB,oBAACE;MAAW,MAAM;MAAa,eAAe,eAAe;OAAI,EACnF;MACO;IACV,qBAACF;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX,SAAS;KACT,OAAO,aAAa;gBAEnB,UACA;MACO;IACV,oBAACA;KACC;KACA,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;eAEnB;MACO;;IACF;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport MobileSafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    ref,\n    className,\n    safeArea = true,\n    style,\n    center,\n    left,\n    right,\n    gaps,\n    classNames,\n    onBackClick,\n    showBackButton,\n    styles: custmStyles,\n    children,\n    ...rest\n  }) => {\n    return (\n      <Flexbox\n        as={'header'}\n        className={cx(styles.container, className)}\n        ref={ref}\n        style={style}\n        {...rest}\n      >\n        {safeArea && <MobileSafeArea position={'top'} />}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={styles.inner}\n          flex={1}\n          justify={'space-between'}\n        >\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            style={custmStyles?.right}\n          >\n            {right}\n          </Flexbox>\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EACE,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;YALN,CAOG,YAAY,oBAACC,UAAD,EAAgB,UAAU,OAAS,CAAA,EAChD,qBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN,SAAS;aALX;IAOE,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;eANtB,CAQG,kBAAkB,oBAAC,YAAD;MAAY,MAAM;MAAa,eAAe,eAAe;MAAI,CAAA,EACnF,KACO;;IACV,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX,SAAS;KACT,OAAO,aAAa;eAPtB,CASG,UACA,OACO;;IACV,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;eAEnB;KACO,CAAA;IACF;KACF;;EAGf;AAED,WAAW,cAAc"}

package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts

@@ -1,8 +1,8 @@
 import { ChatHeaderTitleProps } from "./type.mjs";
-import * as react156 from "react";
+import * as _$react from "react";
 
 //#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
-declare const ChatHeaderTitle: react156.NamedExoticComponent<ChatHeaderTitleProps>;
+declare const ChatHeaderTitle: _$react.NamedExoticComponent<ChatHeaderTitleProps>;
 //#endregion
 export { ChatHeaderTitle };
 //# sourceMappingURL=ChatHeaderTitle.d.mts.map

package/es/mobile/ChatHeader/ChatHeaderTitle.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { titleStyles } from "./style.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-
 //#region src/mobile/ChatHeader/ChatHeaderTitle.tsx
 const ChatHeaderTitle = memo(({ title, desc, tag }) => {
 	if (desc) return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -51,8 +49,7 @@ const ChatHeaderTitle = memo(({ title, desc, tag }) => {
 	});
 });
 ChatHeaderTitle.displayName = "ChatHeaderTitle";
-var ChatHeaderTitle_default = ChatHeaderTitle;
-
 //#endregion
-export { ChatHeaderTitle_default as default };
+export { ChatHeaderTitle as default };
+
 //# sourceMappingURL=ChatHeaderTitle.mjs.map

package/es/mobile/ChatHeader/ChatHeaderTitle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/mobile/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle = memo<ChatHeaderTitleProps>(({ title, desc, tag }) => {\n  if (desc)\n    return (\n      <Flexbox align={'center'} flex={1} gap={4} justify={'center'}>\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={4}>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tag && (\n            <Flexbox horizontal className={styles.tag}>\n              {tag}\n            </Flexbox>\n          )}\n        </Flexbox>\n        <Flexbox horizontal align={'center'}>\n          <div className={styles.desc}>{desc}</div>\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox horizontal align={'center'} flex={1} gap={4} justify={'center'}>\n      <div className={styles.title}>{title}</div>\n      <Flexbox horizontal className={styles.tag}>\n        {tag}\n      </Flexbox>\n    </Flexbox>\n  );\n});\n\nChatHeaderTitle.displayName = 'ChatHeaderTitle';\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,MAA4B,EAAE,OAAO,MAAM,UAAU;AAC3E,KAAI,KACF,QACE,qBAACA;EAAQ,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;aAClD,qBAACA;GAAQ;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;cAC1E,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD,OACC,oBAACD;IAAQ;IAAW,WAAWC,YAAO;cACnC;KACO;IAEJ,EACV,oBAACD;GAAQ;GAAW,OAAO;aACzB,oBAAC;IAAI,WAAWC,YAAO;cAAO;KAAW;IACjC;GACF;AAEd,QACE,qBAACD;EAAQ;EAAW,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;aAC7D,oBAAC;GAAI,WAAWC,YAAO;aAAQ;IAAY,EAC3C,oBAACD;GAAQ;GAAW,WAAWC,YAAO;aACnC;IACO;GACF;EAEZ;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/mobile/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle = memo<ChatHeaderTitleProps>(({ title, desc, tag }) => {\n  if (desc)\n    return (\n      <Flexbox align={'center'} flex={1} gap={4} justify={'center'}>\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={4}>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tag && (\n            <Flexbox horizontal className={styles.tag}>\n              {tag}\n            </Flexbox>\n          )}\n        </Flexbox>\n        <Flexbox horizontal align={'center'}>\n          <div className={styles.desc}>{desc}</div>\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox horizontal align={'center'} flex={1} gap={4} justify={'center'}>\n      <div className={styles.title}>{title}</div>\n      <Flexbox horizontal className={styles.tag}>\n        {tag}\n      </Flexbox>\n    </Flexbox>\n  );\n});\n\nChatHeaderTitle.displayName = 'ChatHeaderTitle';\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;;AASA,MAAM,kBAAkB,MAA4B,EAAE,OAAO,MAAM,UAAU;AAC3E,KAAI,KACF,QACE,qBAACA,mBAAD;EAAS,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;YAApD,CACE,qBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;aAA5E,CACE,oBAAC,OAAD;IAAK,WAAWA,YAAO;cAAgB;IAAY,CAAA,EAClD,OACC,oBAACD,mBAAD;IAAS,YAAA;IAAW,WAAWC,YAAO;cACnC;IACO,CAAA,CAEJ;MACV,oBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;aACzB,oBAAC,OAAD;IAAK,WAAWC,YAAO;cAAO;IAAW,CAAA;GACjC,CAAA,CACF;;AAEd,QACE,qBAACD,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;YAA/D,CACE,oBAAC,OAAD;GAAK,WAAWC,YAAO;aAAQ;GAAY,CAAA,EAC3C,oBAACD,mBAAD;GAAS,YAAA;GAAW,WAAWC,YAAO;aACnC;GACO,CAAA,CACF;;EAEZ;AAEF,gBAAgB,cAAc"}

package/es/mobile/ChatHeader/index.mjs

@@ -1,11 +1,9 @@
-import ChatHeader_default$1 from "./ChatHeader.mjs";
-import ChatHeaderTitle_default from "./ChatHeaderTitle.mjs";
-
+import ChatHeader$1 from "./ChatHeader.mjs";
+import ChatHeaderTitle from "./ChatHeaderTitle.mjs";
 //#region src/mobile/ChatHeader/index.ts
-const ChatHeader = ChatHeader_default$1;
-ChatHeader.Title = ChatHeaderTitle_default;
-var ChatHeader_default = ChatHeader;
-
+const ChatHeader = ChatHeader$1;
+ChatHeader.Title = ChatHeaderTitle;
 //#endregion
-export { ChatHeader_default as default };
+export { ChatHeader as default };
+
 //# sourceMappingURL=index.mjs.map

package/es/mobile/ChatHeader/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ChatHeaderParent","ChatHeaderTitle"],"sources":["../../../src/mobile/ChatHeader/index.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport ChatHeaderParent from './ChatHeader';\nimport ChatHeaderTitle from './ChatHeaderTitle';\nimport type { ChatHeaderProps } from './type';\n\ninterface IChatHeader {\n  (props: ChatHeaderProps): ReactNode;\n  Title: typeof ChatHeaderTitle;\n}\n\nconst ChatHeader = ChatHeaderParent as unknown as IChatHeader;\n\nChatHeader.Title = ChatHeaderTitle;\n\nexport default ChatHeader;\nexport { default as ChatHeaderTitle } from './ChatHeaderTitle';\nexport type * from './type';\n"],"mappings":";;;;AAWA,MAAM,aAAaA;AAEnB,WAAW,QAAQC;AAEnB,yBAAe"}
+{"version":3,"file":"index.mjs","names":["ChatHeaderParent"],"sources":["../../../src/mobile/ChatHeader/index.ts"],"sourcesContent":["import { type ReactNode } from 'react';\n\nimport ChatHeaderParent from './ChatHeader';\nimport ChatHeaderTitle from './ChatHeaderTitle';\nimport type { ChatHeaderProps } from './type';\n\ninterface IChatHeader {\n  (props: ChatHeaderProps): ReactNode;\n  Title: typeof ChatHeaderTitle;\n}\n\nconst ChatHeader = ChatHeaderParent as unknown as IChatHeader;\n\nChatHeader.Title = ChatHeaderTitle;\n\nexport default ChatHeader;\nexport { default as ChatHeaderTitle } from './ChatHeaderTitle';\nexport type * from './type';\n"],"mappings":";;;AAWA,MAAM,aAAaA;AAEnB,WAAW,QAAQ"}

package/es/mobile/ChatHeader/style.mjs

@@ -1,18 +1,17 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/mobile/ChatHeader/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		center: css$1`
+		center: css`
       height: 100%;
     `,
-		container: css$1`
+		container: css`
       overflow: hidden;
       flex: none;
       width: 100vw;
-      background: ${cssVar$1.colorBgLayout};
+      background: ${cssVar.colorBgLayout};
     `,
-		inner: css$1`
+		inner: css`
       position: relative;
 
       width: 100%;
@@ -22,32 +21,32 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       padding-block: 0;
       padding-inline: 6px;
     `,
-		left: css$1`
+		left: css`
       justify-content: flex-start;
       height: 100%;
     `,
-		right: css$1`
+		right: css`
       justify-content: flex-end;
       height: 100%;
     `
 	};
 });
-const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	desc: css$1`
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	desc: css`
     overflow: hidden;
 
     width: 100%;
 
     font-size: 12px;
     line-height: 1;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-	tag: css$1`
+	tag: css`
     flex: none;
   `,
-	title: css$1`
+	title: css`
     overflow: hidden;
 
     font-size: 16px;
@@ -56,10 +55,10 @@ const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-	titleContainer: css$1`
+	titleContainer: css`
     flex: 1;
   `,
-	titleWithDesc: css$1`
+	titleWithDesc: css`
     overflow: hidden;
 
     font-weight: bold;
@@ -68,7 +67,7 @@ const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     white-space: nowrap;
   `
 }));
-
 //#endregion
 export { styles, titleStyles };
+
 //# sourceMappingURL=style.mjs.map

package/es/mobile/ChatHeader/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/mobile/ChatHeader/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    center: css`\n      height: 100%;\n    `,\n    container: css`\n      overflow: hidden;\n      flex: none;\n      width: 100vw;\n      background: ${cssVar.colorBgLayout};\n    `,\n\n    inner: css`\n      position: relative;\n\n      width: 100%;\n      height: 44px;\n      min-height: 44px;\n      max-height: 44px;\n      padding-block: 0;\n      padding-inline: 6px;\n    `,\n    left: css`\n      justify-content: flex-start;\n      height: 100%;\n    `,\n    right: css`\n      justify-content: flex-end;\n      height: 100%;\n    `,\n  };\n});\n\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\n  desc: css`\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  tag: css`\n    flex: none;\n  `,\n  title: css`\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  titleContainer: css`\n    flex: 1;\n  `,\n  titleWithDesc: css`\n    overflow: hidden;\n\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;;;EAGX,WAAW,KAAG;;;;oBAIEA,SAAO,cAAc;;EAGrC,OAAO,KAAG;;;;;;;;;;EAUV,MAAM,KAAG;;;;EAIT,OAAO,KAAG;;;;EAIX;EACD;AAEF,MAAa,cAAc,oBAAoB,EAAE,YAAK,wBAAc;CAClE,MAAM,KAAG;;;;;;;aAOEA,SAAO,kBAAkB;;;;CAIpC,KAAK,KAAG;;;CAGR,OAAO,KAAG;;;;;;;;;CASV,gBAAgB,KAAG;;;CAGnB,eAAe,KAAG;;;;;;;;CAQnB,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/ChatHeader/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    center: css`\n      height: 100%;\n    `,\n    container: css`\n      overflow: hidden;\n      flex: none;\n      width: 100vw;\n      background: ${cssVar.colorBgLayout};\n    `,\n\n    inner: css`\n      position: relative;\n\n      width: 100%;\n      height: 44px;\n      min-height: 44px;\n      max-height: 44px;\n      padding-block: 0;\n      padding-inline: 6px;\n    `,\n    left: css`\n      justify-content: flex-start;\n      height: 100%;\n    `,\n    right: css`\n      justify-content: flex-end;\n      height: 100%;\n    `,\n  };\n});\n\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\n  desc: css`\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ${cssVar.colorTextTertiary};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  tag: css`\n    flex: none;\n  `,\n  title: css`\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  titleContainer: css`\n    flex: 1;\n  `,\n  titleWithDesc: css`\n    overflow: hidden;\n\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;oBAIE,OAAO,cAAc;;EAGrC,OAAO,GAAG;;;;;;;;;;EAUV,MAAM,GAAG;;;;EAIT,OAAO,GAAG;;;;EAIX;EACD;AAEF,MAAa,cAAc,oBAAoB,EAAE,KAAK,cAAc;CAClE,MAAM,GAAG;;;;;;;aAOE,OAAO,kBAAkB;;;;CAIpC,KAAK,GAAG;;;CAGR,OAAO,GAAG;;;;;;;;;CASV,gBAAgB,GAAG;;;CAGnB,eAAe,GAAG;;;;;;;;CAQnB,EAAE"}

package/es/mobile/ChatHeader/type.d.mts

@@ -1,5 +1,4 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 
 //#region src/mobile/ChatHeader/type.d.ts

package/es/mobile/ChatInputArea/ChatInputArea.mjs

@@ -1,16 +1,14 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
-import ChatInputAreaInner_default from "../../chat/ChatInputArea/components/ChatInputAreaInner.mjs";
-import SafeArea_default from "../SafeArea/SafeArea.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import ChatInputAreaInner from "../../chat/ChatInputArea/components/ChatInputAreaInner.mjs";
+import SafeArea from "../SafeArea/SafeArea.mjs";
 import { styles } from "./style.mjs";
 import { memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import { ChevronDown, ChevronUp } from "lucide-react";
 import { useSize } from "ahooks";
-
 //#region src/mobile/ChatInputArea/ChatInputArea.tsx
 const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddons, textAreaRightAddons, bottomAddons, expand = false, setExpand, onSend, onInput, loading, value, safeArea }) => {
 	const containerRef = useRef(null);
@@ -60,7 +58,7 @@ const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddo
 				className: cx(expand && styles.expand),
 				ref: containerRef,
 				style: { position: "relative" },
-				children: [showFullscreen && /* @__PURE__ */ jsx(ActionIcon_default, {
+				children: [showFullscreen && /* @__PURE__ */ jsx(ActionIcon, {
 					active: true,
 					className: styles.expandButton,
 					icon: expand ? ChevronDown : ChevronUp,
@@ -77,7 +75,7 @@ const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddo
 					textAreaLeftAddons,
 					textAreaRightAddons,
 					topAddons,
-					children: /* @__PURE__ */ jsx(ChatInputAreaInner_default, {
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner, {
 						autoSize: expand ? false : {
 							maxRows: 6,
 							minRows: 1
@@ -102,13 +100,12 @@ const ChatInputArea = memo(({ ref, className, style, topAddons, textAreaLeftAddo
 				style: showAddons ? {} : { display: "none" },
 				children: bottomAddons
 			}),
-			safeArea && !isFocused && /* @__PURE__ */ jsx(SafeArea_default, { position: "bottom" })
+			safeArea && !isFocused && /* @__PURE__ */ jsx(SafeArea, { position: "bottom" })
 		]
 	});
 });
 ChatInputArea.displayName = "ChatInputArea";
-var ChatInputArea_default = ChatInputArea;
-
 //#endregion
-export { ChatInputArea_default as default };
+export { ChatInputArea as default };
+
 //# sourceMappingURL=ChatInputArea.mjs.map

package/es/mobile/ChatInputArea/ChatInputArea.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInputArea.mjs","names":["InnerContainer: FC<\n      PropsWithChildren & {\n        bottomAddons?: ReactNode;\n        textAreaLeftAddons?: ReactNode;\n        textAreaRightAddons?: ReactNode;\n        topAddons?: ReactNode;\n      }\n    >","Flexbox","ActionIcon","ChatInputAreaInner","SafeArea"],"sources":["../../../src/mobile/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  type FC,\n  memo,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { type ChatInputAreaProps } from './type';\n\nconst ChatInputArea = memo<ChatInputAreaProps>(\n  ({\n    ref,\n    className,\n    style,\n    topAddons,\n    textAreaLeftAddons,\n    textAreaRightAddons,\n    bottomAddons,\n    expand = false,\n    setExpand,\n    onSend,\n    onInput,\n    loading,\n    value,\n    safeArea,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const size = useSize(containerRef);\n    const [showFullscreen, setShowFullscreen] = useState<boolean>(false);\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n\n    useEffect(() => {\n      if (!size?.height) return;\n      setShowFullscreen(size.height > 72);\n    }, [size]);\n\n    const InnerContainer: FC<\n      PropsWithChildren & {\n        bottomAddons?: ReactNode;\n        textAreaLeftAddons?: ReactNode;\n        textAreaRightAddons?: ReactNode;\n        topAddons?: ReactNode;\n      }\n    > = useCallback(\n      ({ children, ...r }) =>\n        expand ? (\n          <Flexbox className={styles.inner} gap={8}>\n            <Flexbox horizontal gap={8} justify={'flex-end'}>\n              {r.textAreaLeftAddons}\n              {r.textAreaRightAddons}\n            </Flexbox>\n            {children}\n            {r.topAddons}\n            {r.bottomAddons}\n          </Flexbox>\n        ) : (\n          <Flexbox horizontal align={'flex-end'} className={styles.inner} gap={8}>\n            {r.textAreaLeftAddons}\n            {children}\n            {r.textAreaRightAddons}\n          </Flexbox>\n        ),\n      [expand, loading],\n    );\n\n    const showAddons = !expand && !isFocused;\n\n    return (\n      <Flexbox\n        className={cx(styles.container, expand && styles.expand, className)}\n        gap={12}\n        style={style}\n      >\n        {topAddons && <Flexbox style={showAddons ? {} : { display: 'none' }}>{topAddons}</Flexbox>}\n        <Flexbox\n          className={cx(expand && styles.expand)}\n          ref={containerRef}\n          style={{ position: 'relative' }}\n        >\n          {showFullscreen && (\n            <ActionIcon\n              active\n              className={styles.expandButton}\n              icon={expand ? ChevronDown : ChevronUp}\n              id={'sssssss'}\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\n              style={expand ? { top: 6 } : {}}\n              onClick={() => setExpand?.(!expand)}\n            />\n          )}\n          <InnerContainer\n            bottomAddons={bottomAddons}\n            textAreaLeftAddons={textAreaLeftAddons}\n            textAreaRightAddons={textAreaRightAddons}\n            topAddons={topAddons}\n          >\n            <ChatInputAreaInner\n              autoSize={expand ? false : { maxRows: 6, minRows: 1 }}\n              className={styles.expandTextArea}\n              loading={loading}\n              ref={ref}\n              style={{ height: 36, paddingBlock: 6 }}\n              value={value}\n              variant={expand ? 'borderless' : 'filled'}\n              onBlur={() => setIsFocused(false)}\n              onFocus={() => setIsFocused(true)}\n              onInput={onInput}\n              onSend={onSend}\n            />\n          </InnerContainer>\n        </Flexbox>\n        {bottomAddons && (\n          <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>\n        )}\n        {safeArea && !isFocused && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nChatInputArea.displayName = 'ChatInputArea';\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;;;;;;AAwBA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,WACA,oBACA,qBACA,cACA,SAAS,OACT,WACA,QACA,SACA,SACA,OACA,eACI;CACJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,OAAO,QAAQ,aAAa;CAClC,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,MAAM;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,MAAM;AAE1D,iBAAgB;AACd,MAAI,CAAC,MAAM,OAAQ;AACnB,oBAAkB,KAAK,SAAS,GAAG;IAClC,CAAC,KAAK,CAAC;CAEV,MAAMA,iBAOF,aACD,EAAE,UAAU,GAAG,QACd,SACE,qBAACC;EAAQ,WAAW,OAAO;EAAO,KAAK;;GACrC,qBAACA;IAAQ;IAAW,KAAK;IAAG,SAAS;eAClC,EAAE,oBACF,EAAE;KACK;GACT;GACA,EAAE;GACF,EAAE;;GACK,GAEV,qBAACA;EAAQ;EAAW,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;;GAClE,EAAE;GACF;GACA,EAAE;;GACK,EAEd,CAAC,QAAQ,QAAQ,CAClB;CAED,MAAM,aAAa,CAAC,UAAU,CAAC;AAE/B,QACE,qBAACA;EACC,WAAW,GAAG,OAAO,WAAW,UAAU,OAAO,QAAQ,UAAU;EACnE,KAAK;EACE;;GAEN,aAAa,oBAACA;IAAQ,OAAO,aAAa,EAAE,GAAG,EAAE,SAAS,QAAQ;cAAG;KAAoB;GAC1F,qBAACA;IACC,WAAW,GAAG,UAAU,OAAO,OAAO;IACtC,KAAK;IACL,OAAO,EAAE,UAAU,YAAY;eAE9B,kBACC,oBAACC;KACC;KACA,WAAW,OAAO;KAClB,MAAM,SAAS,cAAc;KAC7B,IAAI;KACJ,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;MAAI;KACtD,OAAO,SAAS,EAAE,KAAK,GAAG,GAAG,EAAE;KAC/B,eAAe,YAAY,CAAC,OAAO;MACnC,EAEJ,oBAAC;KACe;KACM;KACC;KACV;eAEX,oBAACC;MACC,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;OAAG;MACrD,WAAW,OAAO;MACT;MACJ;MACL,OAAO;OAAE,QAAQ;OAAI,cAAc;OAAG;MAC/B;MACP,SAAS,SAAS,eAAe;MACjC,cAAc,aAAa,MAAM;MACjC,eAAe,aAAa,KAAK;MACxB;MACD;OACR;MACa;KACT;GACT,gBACC,oBAACF;IAAQ,OAAO,aAAa,EAAE,GAAG,EAAE,SAAS,QAAQ;cAAG;KAAuB;GAEhF,YAAY,CAAC,aAAa,oBAACG,oBAAS,UAAU,WAAY;;GACnD;EAGf;AAED,cAAc,cAAc;AAE5B,4BAAe"}
+{"version":3,"file":"ChatInputArea.mjs","names":["Flexbox"],"sources":["../../../src/mobile/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\n\nimport { useSize } from 'ahooks';\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  type FC,\n  memo,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\nimport { Flexbox } from '@/Flex';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { styles } from './style';\nimport { type ChatInputAreaProps } from './type';\n\nconst ChatInputArea = memo<ChatInputAreaProps>(\n  ({\n    ref,\n    className,\n    style,\n    topAddons,\n    textAreaLeftAddons,\n    textAreaRightAddons,\n    bottomAddons,\n    expand = false,\n    setExpand,\n    onSend,\n    onInput,\n    loading,\n    value,\n    safeArea,\n  }) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const size = useSize(containerRef);\n    const [showFullscreen, setShowFullscreen] = useState<boolean>(false);\n    const [isFocused, setIsFocused] = useState<boolean>(false);\n\n    useEffect(() => {\n      if (!size?.height) return;\n      setShowFullscreen(size.height > 72);\n    }, [size]);\n\n    const InnerContainer: FC<\n      PropsWithChildren & {\n        bottomAddons?: ReactNode;\n        textAreaLeftAddons?: ReactNode;\n        textAreaRightAddons?: ReactNode;\n        topAddons?: ReactNode;\n      }\n    > = useCallback(\n      ({ children, ...r }) =>\n        expand ? (\n          <Flexbox className={styles.inner} gap={8}>\n            <Flexbox horizontal gap={8} justify={'flex-end'}>\n              {r.textAreaLeftAddons}\n              {r.textAreaRightAddons}\n            </Flexbox>\n            {children}\n            {r.topAddons}\n            {r.bottomAddons}\n          </Flexbox>\n        ) : (\n          <Flexbox horizontal align={'flex-end'} className={styles.inner} gap={8}>\n            {r.textAreaLeftAddons}\n            {children}\n            {r.textAreaRightAddons}\n          </Flexbox>\n        ),\n      [expand, loading],\n    );\n\n    const showAddons = !expand && !isFocused;\n\n    return (\n      <Flexbox\n        className={cx(styles.container, expand && styles.expand, className)}\n        gap={12}\n        style={style}\n      >\n        {topAddons && <Flexbox style={showAddons ? {} : { display: 'none' }}>{topAddons}</Flexbox>}\n        <Flexbox\n          className={cx(expand && styles.expand)}\n          ref={containerRef}\n          style={{ position: 'relative' }}\n        >\n          {showFullscreen && (\n            <ActionIcon\n              active\n              className={styles.expandButton}\n              icon={expand ? ChevronDown : ChevronUp}\n              id={'sssssss'}\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\n              style={expand ? { top: 6 } : {}}\n              onClick={() => setExpand?.(!expand)}\n            />\n          )}\n          <InnerContainer\n            bottomAddons={bottomAddons}\n            textAreaLeftAddons={textAreaLeftAddons}\n            textAreaRightAddons={textAreaRightAddons}\n            topAddons={topAddons}\n          >\n            <ChatInputAreaInner\n              autoSize={expand ? false : { maxRows: 6, minRows: 1 }}\n              className={styles.expandTextArea}\n              loading={loading}\n              ref={ref}\n              style={{ height: 36, paddingBlock: 6 }}\n              value={value}\n              variant={expand ? 'borderless' : 'filled'}\n              onBlur={() => setIsFocused(false)}\n              onFocus={() => setIsFocused(true)}\n              onInput={onInput}\n              onSend={onSend}\n            />\n          </InnerContainer>\n        </Flexbox>\n        {bottomAddons && (\n          <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>\n        )}\n        {safeArea && !isFocused && <SafeArea position={'bottom'} />}\n      </Flexbox>\n    );\n  },\n);\n\nChatInputArea.displayName = 'ChatInputArea';\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;;;;AAwBA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,WACA,oBACA,qBACA,cACA,SAAS,OACT,WACA,QACA,SACA,SACA,OACA,eACI;CACJ,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,OAAO,QAAQ,aAAa;CAClC,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,MAAM;CACpE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,MAAM;AAE1D,iBAAgB;AACd,MAAI,CAAC,MAAM,OAAQ;AACnB,oBAAkB,KAAK,SAAS,GAAG;IAClC,CAAC,KAAK,CAAC;CAEV,MAAM,iBAOF,aACD,EAAE,UAAU,GAAG,QACd,SACE,qBAACA,mBAAD;EAAS,WAAW,OAAO;EAAO,KAAK;YAAvC;GACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,KAAK;IAAG,SAAS;cAArC,CACG,EAAE,oBACF,EAAE,oBACK;;GACT;GACA,EAAE;GACF,EAAE;GACK;MAEV,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;YAArE;GACG,EAAE;GACF;GACA,EAAE;GACK;KAEd,CAAC,QAAQ,QAAQ,CAClB;CAED,MAAM,aAAa,CAAC,UAAU,CAAC;AAE/B,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU,OAAO,QAAQ,UAAU;EACnE,KAAK;EACE;YAHT;GAKG,aAAa,oBAACA,mBAAD;IAAS,OAAO,aAAa,EAAE,GAAG,EAAE,SAAS,QAAQ;cAAG;IAAoB,CAAA;GAC1F,qBAACA,mBAAD;IACE,WAAW,GAAG,UAAU,OAAO,OAAO;IACtC,KAAK;IACL,OAAO,EAAE,UAAU,YAAY;cAHjC,CAKG,kBACC,oBAAC,YAAD;KACE,QAAA;KACA,WAAW,OAAO;KAClB,MAAM,SAAS,cAAc;KAC7B,IAAI;KACJ,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;MAAI;KACtD,OAAO,SAAS,EAAE,KAAK,GAAG,GAAG,EAAE;KAC/B,eAAe,YAAY,CAAC,OAAO;KACnC,CAAA,EAEJ,oBAAC,gBAAD;KACgB;KACM;KACC;KACV;eAEX,oBAAC,oBAAD;MACE,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;OAAG;MACrD,WAAW,OAAO;MACT;MACJ;MACL,OAAO;OAAE,QAAQ;OAAI,cAAc;OAAG;MAC/B;MACP,SAAS,SAAS,eAAe;MACjC,cAAc,aAAa,MAAM;MACjC,eAAe,aAAa,KAAK;MACxB;MACD;MACR,CAAA;KACa,CAAA,CACT;;GACT,gBACC,oBAACA,mBAAD;IAAS,OAAO,aAAa,EAAE,GAAG,EAAE,SAAS,QAAQ;cAAG;IAAuB,CAAA;GAEhF,YAAY,CAAC,aAAa,oBAAC,UAAD,EAAU,UAAU,UAAY,CAAA;GACnD;;EAGf;AAED,cAAc,cAAc"}

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

@@ -1,8 +1,8 @@
 import { ChatSendButtonProps } from "../type.mjs";
-import * as react157 from "react";
+import * as _$react from "react";
 
 //#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
-declare const ChatSendButton: react157.NamedExoticComponent<ChatSendButtonProps>;
+declare const ChatSendButton: _$react.NamedExoticComponent<ChatSendButtonProps>;
 //#endregion
 export { ChatSendButton };
 //# sourceMappingURL=ChatSendButton.d.mts.map

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Button_default from "../../../Button/Button.mjs";
+"use client";
+import Button from "../../../Button/Button.mjs";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { SendHorizontal } from "lucide-react";
-
 //#region src/mobile/ChatInputArea/components/ChatSendButton.tsx
 const ChatSendButton = memo(({ ref, loading, onStop, onSend, ...rest }) => {
-	return /* @__PURE__ */ jsx(Button_default, {
+	return /* @__PURE__ */ jsx(Button, {
 		icon: SendHorizontal,
 		loading,
 		ref,
@@ -21,8 +19,7 @@ const ChatSendButton = memo(({ ref, loading, onStop, onSend, ...rest }) => {
 	});
 });
 ChatSendButton.displayName = "ChatSendButton";
-var ChatSendButton_default = ChatSendButton;
-
 //#endregion
-export { ChatSendButton_default as default };
+export { ChatSendButton as default };
+
 //# sourceMappingURL=ChatSendButton.mjs.map

package/es/mobile/ChatInputArea/components/ChatSendButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatSendButton.mjs","names":["Button"],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;AAC9F,QACE,oBAACA;EACC,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;AACd,KAAE,gBAAgB;AAClB,OAAI,QACF,UAAS,EAAE;OAEX,UAAS,EAAE;;EAGf,GAAI;GACJ;EAEJ;AAEF,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\n\nimport { SendHorizontal } from 'lucide-react';\nimport { memo } from 'react';\n\nimport Button from '@/Button';\n\nimport type { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\n  return (\n    <Button\n      icon={SendHorizontal}\n      loading={loading}\n      ref={ref}\n      type={'primary'}\n      onClick={(e) => {\n        e.preventDefault();\n        if (loading) {\n          onStop?.(e);\n        } else {\n          onSend?.(e);\n        }\n      }}\n      {...rest}\n    />\n  );\n});\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;AAC9F,QACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;AACd,KAAE,gBAAgB;AAClB,OAAI,QACF,UAAS,EAAE;OAEX,UAAS,EAAE;;EAGf,GAAI;EACJ,CAAA;EAEJ;AAEF,eAAe,cAAc"}

package/es/mobile/ChatInputArea/index.mjs

@@ -1,11 +1,9 @@
-import ChatInputArea_default$1 from "./ChatInputArea.mjs";
-import ChatSendButton_default from "./components/ChatSendButton.mjs";
-
+import ChatInputArea$1 from "./ChatInputArea.mjs";
+import ChatSendButton from "./components/ChatSendButton.mjs";
 //#region src/mobile/ChatInputArea/index.ts
-const ChatInputArea = ChatInputArea_default$1;
-ChatInputArea.SendButton = ChatSendButton_default;
-var ChatInputArea_default = ChatInputArea;
-
+const ChatInputArea = ChatInputArea$1;
+ChatInputArea.SendButton = ChatSendButton;
 //#endregion
-export { ChatInputArea_default as default };
+export { ChatInputArea as default };
+
 //# sourceMappingURL=index.mjs.map