@lobehub/ui 3.4.2 → 3.4.3

package/es/mdx/mdxComponents/Pre.mjs

@@ -0,0 +1,62 @@
+'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 { createStyles } from "antd-style";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/mdx/mdxComponents/Pre.tsx
+const useStyles = createStyles(({ css: css$1 }) => ({ container: css$1`
+    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 }) => {
+	const { styles, cx: cx$1 } = useStyles();
+	return /* @__PURE__ */ jsx(Highlighter_default, {
+		allowChangeLanguage,
+		className: cx$1(styles.container, className),
+		fileName,
+		fullFeatured,
+		icon,
+		language,
+		style,
+		theme,
+		variant,
+		...rest,
+		children
+	});
+};
+const PreSingleLine = ({ language = FALLBACK_LANG, children, className, style, variant = "filled", ...rest }) => {
+	const { cx: cx$1, styles } = useStyles();
+	return /* @__PURE__ */ jsx(Snippet_default, {
+		className: cx$1(styles.container, className),
+		"data-code-type": "highlighter",
+		language,
+		style,
+		variant,
+		...rest,
+		children
+	});
+};
+const PreMermaid = ({ fullFeatured, children, className, style, variant = "filled", theme, ...rest }) => {
+	const { styles, cx: cx$1 } = useStyles();
+	return /* @__PURE__ */ jsx(Mermaid_default, {
+		className: cx$1(styles.container, className),
+		fullFeatured,
+		style,
+		theme,
+		variant,
+		...rest,
+		children
+	});
+};
+Pre.displayName = "MdxPre";
+var Pre_default = Pre;
+
+//#endregion
+export { Pre, PreMermaid, PreSingleLine, Pre_default as default };
+//# sourceMappingURL=Pre.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Pre.mjs","names":["Pre: FC<PreProps>","Highlighter","cx","PreSingleLine: FC<SnippetProps>","Snippet","PreMermaid: FC<MermaidProps>","Mermaid"],"sources":["../../../src/mdx/mdxComponents/Pre.tsx"],"sourcesContent":["'use client';\n\nimport { createStyles } 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 useStyles = createStyles(({ 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  const { styles, cx } = useStyles();\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  const { cx, styles } = useStyles();\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  fullFeatured,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  theme,\n  ...rest\n}) => {\n  const { styles, cx } = useStyles();\n\n  return (\n    <Mermaid\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,YAAY,cAAc,EAAE,kBAAW,EAC3C,WAAW,KAAG;;;;;KAMf,EAAE;AAIH,MAAaA,OAAqB,EAChC,cACA,UACA,qBACA,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,MACA,OACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,aAAO,WAAW;AAElC,QACE,oBAACC;EACsB;EACrB,WAAWC,KAAG,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;CACJ,MAAM,EAAE,UAAI,WAAW,WAAW;AAElC,QACE,oBAACC;EACC,WAAWF,KAAG,OAAO,WAAW,UAAU;EAC1C,kBAAe;EACL;EACH;EACE;EACT,GAAI;EAEH;GACO;;AAId,MAAaG,cAAgC,EAC3C,cACA,UACA,WACA,OACA,UAAU,UACV,OACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,aAAO,WAAW;AAElC,QACE,oBAACC;EACC,WAAWJ,KAAG,OAAO,WAAW,UAAU;EAC5B;EACP;EACA;EACE;EACT,GAAI;EAEH;GACO;;AAId,IAAI,cAAc;AAElB,kBAAe"}

package/es/mdx/mdxComponents/Section.mjs

@@ -0,0 +1,25 @@
+'use client';
+
+import Footnotes_default 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, {
+			...rest,
+			children
+		});
+	}
+	return /* @__PURE__ */ jsx("section", {
+		...rest,
+		children
+	});
+};
+Section.displayName = "MdxSection";
+var Section_default = Section;
+
+//#endregion
+export { Section_default as default };
+//# sourceMappingURL=Section.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import { VideoProps as VideoProps$1 } from "../../Video/index.mjs";
+import { FC } from "react";
+
+//#region src/mdx/mdxComponents/Video.d.ts
+type VideoProps = VideoProps$1;
+declare const Video: FC<VideoProps>;
+//#endregion
+export { Video, VideoProps };
+//# sourceMappingURL=Video.d.mts.map

package/es/mdx/mdxComponents/Video.mjs

@@ -0,0 +1,23 @@
+'use client';
+
+import Video_default$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, {
+		preview: false,
+		style: {
+			borderRadius: "calc(var(--lobe-markdown-border-radius) * 1px)",
+			marginBlock: "calc(var(--lobe-markdown-margin-multiple) * 1em)",
+			...style
+		},
+		...rest
+	});
+};
+Video.displayName = "MdxVdieo";
+var Video_default = Video;
+
+//#endregion
+export { Video_default as default };
+//# sourceMappingURL=Video.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { MDXComponents } from "mdx/types";
+
+//#region src/mdx/mdxComponents/index.d.ts
+declare const mdxComponents: MDXComponents;
+//#endregion
+export { mdxComponents };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/mdxComponents/index.mjs

@@ -0,0 +1,29 @@
+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";
+
+//#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
+};
+var mdxComponents_default = mdxComponents;
+
+//#endregion
+export { mdxComponents_default as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +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"}

package/es/mobile/ChatHeader/ChatHeader.mjs

@@ -0,0 +1,67 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+import SafeArea_default from "../SafeArea/SafeArea.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+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 }) => {
+	const { styles, cx } = useStyles();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		as: "header",
+		className: cx(styles.container, className),
+		ref,
+		style,
+		...rest,
+		children: [safeArea && /* @__PURE__ */ jsx(SafeArea_default, { position: "top" }), /* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			className: styles.inner,
+			flex: 1,
+			horizontal: true,
+			justify: "space-between",
+			children: [
+				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					align: "center",
+					className: cx(styles.left, classNames?.left),
+					flex: 1,
+					gap: gaps?.left,
+					horizontal: true,
+					style: custmStyles?.left,
+					children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
+						icon: ChevronLeft,
+						onClick: () => onBackClick?.()
+					}), left]
+				}),
+				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					align: "center",
+					className: cx(styles.center, classNames?.center),
+					flex: 1,
+					gap: gaps?.center,
+					horizontal: true,
+					justify: "center",
+					style: custmStyles?.center,
+					children: [children, center]
+				}),
+				/* @__PURE__ */ jsx(FlexBasic_default, {
+					align: "center",
+					className: cx(styles.right, classNames?.right),
+					flex: 1,
+					gap: gaps?.right,
+					horizontal: true,
+					style: custmStyles?.right,
+					children: right
+				})
+			]
+		})]
+	});
+});
+ChatHeader.displayName = "ChatHeader";
+var ChatHeader_default = ChatHeader;
+
+//#endregion
+export { ChatHeader_default as default };
+//# sourceMappingURL=ChatHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea","ActionIcon"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\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 { useStyles } from './style';\nimport { 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    const { styles, cx } = useStyles();\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          align={'center'}\n          className={styles.inner}\n          flex={1}\n          horizontal\n          justify={'space-between'}\n        >\n          <Flexbox\n            align={'center'}\n            className={cx(styles.left, classNames?.left)}\n            flex={1}\n            gap={gaps?.left}\n            horizontal\n            style={custmStyles?.left}\n          >\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\n            {left}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            flex={1}\n            gap={gaps?.center}\n            horizontal\n            justify={'center'}\n            style={custmStyles?.center}\n          >\n            {children}\n            {center}\n          </Flexbox>\n          <Flexbox\n            align={'center'}\n            className={cx(styles.right, classNames?.right)}\n            flex={1}\n            gap={gaps?.right}\n            horizontal\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":";;;;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;CACJ,MAAM,EAAE,QAAQ,OAAO,WAAW;AAElC,QACE,qBAACA;EACC,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,UAAU;EACrC;EACE;EACP,GAAI;aAEH,YAAY,oBAACC,oBAAe,UAAU,QAAS,EAChD,qBAACD;GACC,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN;GACA,SAAS;;IAET,qBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;KAC5C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;gBAEnB,kBAAkB,oBAACE;MAAW,MAAM;MAAa,eAAe,eAAe;OAAI,EACnF;MACO;IACV,qBAACF;KACC,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;KAChD,MAAM;KACN,KAAK,MAAM;KACX;KACA,SAAS;KACT,OAAO,aAAa;gBAEnB,UACA;MACO;IACV,oBAACA;KACC,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;KAC9C,MAAM;KACN,KAAK,MAAM;KACX;KACA,OAAO,aAAa;eAEnB;MACO;;IACF;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}

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

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

package/es/mobile/ChatHeader/ChatHeaderTitle.mjs

@@ -0,0 +1,59 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useTitleStyles } 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 }) => {
+	const { styles } = useTitleStyles();
+	if (desc) return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		flex: 1,
+		gap: 4,
+		justify: "center",
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			className: styles.titleContainer,
+			gap: 4,
+			horizontal: true,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: styles.titleWithDesc,
+				children: title
+			}), tag && /* @__PURE__ */ jsx(FlexBasic_default, {
+				className: styles.tag,
+				horizontal: true,
+				children: tag
+			})]
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			horizontal: true,
+			children: /* @__PURE__ */ jsx("div", {
+				className: styles.desc,
+				children: desc
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		flex: 1,
+		gap: 4,
+		horizontal: true,
+		justify: "center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.title,
+			children: title
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			className: styles.tag,
+			horizontal: true,
+			children: tag
+		})]
+	});
+});
+ChatHeaderTitle.displayName = "ChatHeaderTitle";
+var ChatHeaderTitle_default = ChatHeaderTitle;
+
+//#endregion
+export { ChatHeaderTitle_default as default };
+//# sourceMappingURL=ChatHeaderTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["useStyles","Flexbox"],"sources":["../../../src/mobile/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useTitleStyles as useStyles } from './style';\nimport { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle = memo<ChatHeaderTitleProps>(({ title, desc, tag }) => {\n  const { styles } = useStyles();\n  if (desc)\n    return (\n      <Flexbox align={'center'} flex={1} gap={4} justify={'center'}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={4} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tag && (\n            <Flexbox className={styles.tag} horizontal>\n              {tag}\n            </Flexbox>\n          )}\n        </Flexbox>\n        <Flexbox align={'center'} horizontal>\n          <div className={styles.desc}>{desc}</div>\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} flex={1} gap={4} horizontal justify={'center'}>\n      <div className={styles.title}>{title}</div>\n      <Flexbox className={styles.tag} horizontal>\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;CAC3E,MAAM,EAAE,WAAWA,gBAAW;AAC9B,KAAI,KACF,QACE,qBAACC;EAAQ,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;aAClD,qBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAW,OAAO;cAAgB;KAAY,EAClD,OACC,oBAACA;IAAQ,WAAW,OAAO;IAAK;cAC7B;KACO;IAEJ,EACV,oBAACA;GAAQ,OAAO;GAAU;aACxB,oBAAC;IAAI,WAAW,OAAO;cAAO;KAAW;IACjC;GACF;AAEd,QACE,qBAACA;EAAQ,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG;EAAW,SAAS;aAC7D,oBAAC;GAAI,WAAW,OAAO;aAAQ;IAAY,EAC3C,oBAACA;GAAQ,WAAW,OAAO;GAAK;aAC7B;IACO;GACF;EAEZ;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}

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

@@ -0,0 +1,13 @@
+import { ChatHeaderProps, ChatHeaderTitleProps } from "./type.mjs";
+import { ChatHeaderTitle } from "./ChatHeaderTitle.mjs";
+import { ReactNode } from "react";
+
+//#region src/mobile/ChatHeader/index.d.ts
+interface IChatHeader {
+  (props: ChatHeaderProps): ReactNode;
+  Title: typeof ChatHeaderTitle;
+}
+declare const ChatHeader: IChatHeader;
+//#endregion
+export { ChatHeader };
+//# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/index.mjs

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

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

@@ -0,0 +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"}

package/es/mobile/ChatHeader/style.mjs

@@ -0,0 +1,74 @@
+import { createStyles } from "antd-style";
+
+//#region src/mobile/ChatHeader/style.ts
+const useStyles = createStyles(({ css: css$1, token }) => {
+	return {
+		center: css$1`
+      height: 100%;
+    `,
+		container: css$1`
+      overflow: hidden;
+      flex: none;
+      width: 100vw;
+      background: ${token.colorBgLayout};
+    `,
+		inner: css$1`
+      position: relative;
+
+      width: 100%;
+      height: 44px;
+      min-height: 44px;
+      max-height: 44px;
+      padding-block: 0;
+      padding-inline: 6px;
+    `,
+		left: css$1`
+      justify-content: flex-start;
+      height: 100%;
+    `,
+		right: css$1`
+      justify-content: flex-end;
+      height: 100%;
+    `
+	};
+});
+const useTitleStyles = createStyles(({ css: css$1, token }) => ({
+	desc: css$1`
+    overflow: hidden;
+
+    width: 100%;
+
+    font-size: 12px;
+    line-height: 1;
+    color: ${token.colorTextTertiary};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	tag: css$1`
+    flex: none;
+  `,
+	title: css$1`
+    overflow: hidden;
+
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	titleContainer: css$1`
+    flex: 1;
+  `,
+	titleWithDesc: css$1`
+    overflow: hidden;
+
+    font-weight: bold;
+    line-height: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+
+//#endregion
+export { useStyles, useTitleStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/ChatHeader/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    center: css`\n      height: 100%;\n    `,\n    container: css`\n      overflow: hidden;\n      flex: none;\n      width: 100vw;\n      background: ${token.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 useTitleStyles = createStyles(({ css, token }) => ({\n  desc: css`\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ${token.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,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO;EACL,QAAQ,KAAG;;;EAGX,WAAW,KAAG;;;;oBAIE,MAAM,cAAc;;EAGpC,OAAO,KAAG;;;;;;;;;;EAUV,MAAM,KAAG;;;;EAIT,OAAO,KAAG;;;;EAIX;EACD;AAEF,MAAa,iBAAiB,cAAc,EAAE,YAAK,aAAa;CAC9D,MAAM,KAAG;;;;;;;aAOE,MAAM,kBAAkB;;;;CAInC,KAAK,KAAG;;;CAGR,OAAO,KAAG;;;;;;;;;CASV,gBAAgB,KAAG;;;CAGnB,eAAe,KAAG;;;;;;;;CAQnB,EAAE"}

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

@@ -0,0 +1,37 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+
+//#region src/mobile/ChatHeader/type.d.ts
+interface ChatHeaderProps extends FlexboxProps {
+  center?: ReactNode;
+  classNames?: {
+    center?: string;
+    left?: string;
+    right?: string;
+  };
+  gaps?: {
+    center?: number;
+    left?: number;
+    right?: number;
+  };
+  left?: ReactNode;
+  onBackClick?: () => void;
+  ref?: Ref<HTMLDivElement>;
+  right?: ReactNode;
+  safeArea?: boolean;
+  showBackButton?: boolean;
+  styles?: {
+    center?: CSSProperties;
+    left?: CSSProperties;
+    right?: CSSProperties;
+  };
+}
+interface ChatHeaderTitleProps {
+  desc?: string | ReactNode;
+  tag?: ReactNode;
+  title: string | ReactNode;
+}
+//#endregion
+export { ChatHeaderProps, ChatHeaderTitleProps };
+//# sourceMappingURL=type.d.mts.map

package/es/mobile/ChatInputArea/ChatInputArea.mjs

@@ -0,0 +1,114 @@
+'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 { useStyles } from "./style.mjs";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSize } from "ahooks";
+import { ChevronDown, ChevronUp } from "lucide-react";
+
+//#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);
+	const { cx, styles } = useStyles();
+	const size = useSize(containerRef);
+	const [showFullscreen, setShowFullscreen] = useState(false);
+	const [isFocused, setIsFocused] = useState(false);
+	useEffect(() => {
+		if (!size?.height) return;
+		setShowFullscreen(size.height > 72);
+	}, [size]);
+	const InnerContainer = useCallback(({ children, ...r }) => expand ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: styles.inner,
+		gap: 8,
+		children: [
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				gap: 8,
+				horizontal: true,
+				justify: "flex-end",
+				children: [r.textAreaLeftAddons, r.textAreaRightAddons]
+			}),
+			children,
+			r.topAddons,
+			r.bottomAddons
+		]
+	}) : /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "flex-end",
+		className: styles.inner,
+		gap: 8,
+		horizontal: true,
+		children: [
+			r.textAreaLeftAddons,
+			children,
+			r.textAreaRightAddons
+		]
+	}), [expand, loading]);
+	const showAddons = !expand && !isFocused;
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: cx(styles.container, expand && styles.expand, className),
+		gap: 12,
+		style,
+		children: [
+			topAddons && /* @__PURE__ */ jsx(FlexBasic_default, {
+				style: showAddons ? {} : { display: "none" },
+				children: topAddons
+			}),
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				className: cx(expand && styles.expand),
+				ref: containerRef,
+				style: { position: "relative" },
+				children: [showFullscreen && /* @__PURE__ */ jsx(ActionIcon_default, {
+					active: true,
+					className: styles.expandButton,
+					icon: expand ? ChevronDown : ChevronUp,
+					id: "sssssss",
+					onClick: () => setExpand?.(!expand),
+					size: {
+						blockSize: 24,
+						borderRadius: "50%",
+						size: 14
+					},
+					style: expand ? { top: 6 } : {}
+				}), /* @__PURE__ */ jsx(InnerContainer, {
+					bottomAddons,
+					textAreaLeftAddons,
+					textAreaRightAddons,
+					topAddons,
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner_default, {
+						autoSize: expand ? false : {
+							maxRows: 6,
+							minRows: 1
+						},
+						className: styles.expandTextArea,
+						loading,
+						onBlur: () => setIsFocused(false),
+						onFocus: () => setIsFocused(true),
+						onInput,
+						onSend,
+						ref,
+						style: {
+							height: 36,
+							paddingBlock: 6
+						},
+						value,
+						variant: expand ? "borderless" : "filled"
+					})
+				})]
+			}),
+			bottomAddons && /* @__PURE__ */ jsx(FlexBasic_default, {
+				style: showAddons ? {} : { display: "none" },
+				children: bottomAddons
+			}),
+			safeArea && !isFocused && /* @__PURE__ */ jsx(SafeArea_default, { position: "bottom" })
+		]
+	});
+});
+ChatInputArea.displayName = "ChatInputArea";
+var ChatInputArea_default = ChatInputArea;
+
+//#endregion
+export { ChatInputArea_default as default };
+//# sourceMappingURL=ChatInputArea.mjs.map

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

@@ -0,0 +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 { ChevronDown, ChevronUp } from 'lucide-react';\nimport {\n  FC,\n  PropsWithChildren,\n  ReactNode,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\nimport SafeArea from '@/mobile/SafeArea';\n\nimport { useStyles } 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 { cx, styles } = useStyles();\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 gap={8} horizontal justify={'flex-end'}>\n              {r.textAreaLeftAddons}\n              {r.textAreaRightAddons}\n            </Flexbox>\n            {children}\n            {r.topAddons}\n            {r.bottomAddons}\n          </Flexbox>\n        ) : (\n          <Flexbox align={'flex-end'} className={styles.inner} gap={8} horizontal>\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              onClick={() => setExpand?.(!expand)}\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\n              style={expand ? { top: 6 } : {}}\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              onBlur={() => setIsFocused(false)}\n              onFocus={() => setIsFocused(true)}\n              onInput={onInput}\n              onSend={onSend}\n              ref={ref}\n              style={{ height: 36, paddingBlock: 6 }}\n              value={value}\n              variant={expand ? 'borderless' : 'filled'}\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":";;;;;;;;;;;;;AAuBA,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,EAAE,IAAI,WAAW,WAAW;CAClC,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,KAAK;IAAG;IAAW,SAAS;eAClC,EAAE,oBACF,EAAE;KACK;GACT;GACA,EAAE;GACF,EAAE;;GACK,GAEV,qBAACA;EAAQ,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;EAAG;;GAC1D,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,eAAe,YAAY,CAAC,OAAO;KACnC,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;MAAI;KACtD,OAAO,SAAS,EAAE,KAAK,GAAG,GAAG,EAAE;MAC/B,EAEJ,oBAAC;KACe;KACM;KACC;KACV;eAEX,oBAACC;MACC,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;OAAG;MACrD,WAAW,OAAO;MACT;MACT,cAAc,aAAa,MAAM;MACjC,eAAe,aAAa,KAAK;MACxB;MACD;MACH;MACL,OAAO;OAAE,QAAQ;OAAI,cAAc;OAAG;MAC/B;MACP,SAAS,SAAS,eAAe;OACjC;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"}

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

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

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

@@ -0,0 +1,28 @@
+'use client';
+
+import Button_default 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, {
+		icon: SendHorizontal,
+		loading,
+		onClick: (e) => {
+			e.preventDefault();
+			if (loading) onStop?.(e);
+			else onSend?.(e);
+		},
+		ref,
+		type: "primary",
+		...rest
+	});
+});
+ChatSendButton.displayName = "ChatSendButton";
+var ChatSendButton_default = ChatSendButton;
+
+//#endregion
+export { ChatSendButton_default as default };
+//# sourceMappingURL=ChatSendButton.mjs.map