@jinmi/ui 0.0.0-stage → 6.0.1

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

@@ -0,0 +1 @@
+{"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 HtmlPreview, { type HtmlPreviewProps } from '@/HtmlPreview';\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(--jinmi-markdown-margin-multiple) * 0.5em);\n    border-radius: calc(var(--jinmi-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--jinmi-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\nexport const PreHtmlPreview: FC<HtmlPreviewProps> = ({\n  animated,\n  fullFeatured,\n  children,\n  className,\n  style,\n  variant = 'filled',\n  theme,\n  ...rest\n}) => {\n  return (\n    <HtmlPreview\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    </HtmlPreview>\n  );\n};\n\nPre.displayName = 'MdxPre';\n\nexport default Pre;\n"],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,oBAAoB,EAAE,WAAW,EAC9C,WAAW,GAAG;;;;;IAMhB,EAAE;AAIF,MAAa,OAAqB,EAChC,cACA,UACA,qBACA,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,MACA,OACA,GAAG,WACC;CACJ,OACE,oBAAC,aAAD;EACuB;EACrB,WAAW,GAAG,OAAO,WAAW,SAAS;EAC/B;EACI;EACR;EACI;EACH;EACA;EACE;EACT,GAAI;EAEH;CACU,CAAA;AAEjB;AAEA,MAAa,iBAAmC,EAC9C,WAAW,eACX,UACA,WACA,OACA,UAAU,UACV,GAAG,WACC;CACJ,OACE,oBAAC,SAAD;EACE,WAAW,GAAG,OAAO,WAAW,SAAS;EACzC,kBAAe;EACL;EACH;EACE;EACT,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,MAAa,cAAgC,EAC3C,UACA,cACA,UACA,WACA,OACA,UAAU,UACV,OACA,GAAG,WACC;CACJ,OACE,oBAAC,SAAD;EACY;EACV,WAAW,GAAG,OAAO,WAAW,SAAS;EAC3B;EACP;EACA;EACE;EACT,GAAI;EAEH;CACM,CAAA;AAEb;AAEA,MAAa,kBAAwC,EACnD,UACA,cACA,UACA,WACA,OACA,UAAU,UACV,OACA,GAAG,WACC;CACJ,OACE,oBAAC,aAAD;EACY;EACV,WAAW,GAAG,OAAO,WAAW,SAAS;EAC3B;EACP;EACA;EACE;EACT,GAAI;EAEH;CACU,CAAA;AAEjB;AAEA,IAAI,cAAc"}

package/es/mdx/mdxComponents/Section.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.mjs","names":[],"sources":["../../../src/mdx/mdxComponents/Section.tsx"],"sourcesContent":["'use client';\r\n\r\nimport type { FC, ReactNode } from 'react';\r\n\r\nimport Footnotes from '@/Markdown/components/Footnotes';\r\n\r\ninterface SectionProps {\r\n  'children': ReactNode;\r\n  'data-footnotes'?: boolean;\r\n  'showFootnotes'?: boolean;\r\n}\r\n\r\nconst Section: FC<SectionProps> = ({ children, showFootnotes, ...rest }) => {\r\n  // 说明是脚注\r\n  if (rest['data-footnotes']) {\r\n    if (!showFootnotes) return null;\r\n    return <Footnotes {...rest}>{children}</Footnotes>;\r\n  }\r\n\r\n  return <section {...rest}>{children}</section>;\r\n};\r\n\r\nSection.displayName = 'MdxSection';\r\n\r\nexport default Section;\r\n"],"mappings":";;;;AAYA,MAAM,WAA6B,EAAE,UAAU,eAAe,GAAG,WAAW;CAE1E,IAAI,KAAK,mBAAmB;EAC1B,IAAI,CAAC,eAAe,OAAO;EAC3B,OAAO,oBAAC,WAAD;GAAW,GAAI;GAAO;EAAoB,CAAA;CACnD;CAEA,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAO;CAAkB,CAAA;AAC/C;AAEA,QAAQ,cAAc"}

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

@@ -0,0 +1,8 @@
+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 { VideoProps, Video as default };
+//# sourceMappingURL=Video.d.mts.map

package/es/mdx/mdxComponents/Video.mjs

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

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

@@ -0,0 +1 @@
+{"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(--jinmi-markdown-border-radius) * 1px)',\n        marginBlock: 'calc(var(--jinmi-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;CACpD,OACE,oBAACA,SAAD;EACE,SAAS;EACT,OAAO;GACL,cAAc;GACd,aAAa;GACb,GAAG;EACL;EACA,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,cAAc"}

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

@@ -0,0 +1,6 @@
+import { MDXComponents } from "../../node_modules/.pnpm/@types_mdx@2.0.14/node_modules/@types/mdx/types.mjs";
+//#region src/mdx/mdxComponents/index.d.ts
+declare const mdxComponents: MDXComponents;
+//#endregion
+export { mdxComponents as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mdx/mdxComponents/index.mjs

@@ -0,0 +1,27 @@
+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,
+	Card,
+	Cards,
+	FileTree,
+	Image,
+	Steps,
+	Tab,
+	Tabs,
+	Video,
+	a: Link
+};
+//#endregion
+export { mdxComponents as default };
+
+//# sourceMappingURL=index.mjs.map

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

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

package/es/mobile/ChatHeader/ChatHeader.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","MobileSafeArea"],"sources":["../../../src/mobile/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { ChevronLeft } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport { Flexbox } from '@/Flex';\r\nimport MobileSafeArea from '@/mobile/SafeArea';\r\n\r\nimport { styles } from './style';\r\nimport type { ChatHeaderProps } from './type';\r\n\r\nconst ChatHeader = memo<ChatHeaderProps>(\r\n  ({\r\n    ref,\r\n    className,\r\n    safeArea = true,\r\n    style,\r\n    center,\r\n    left,\r\n    right,\r\n    gaps,\r\n    classNames,\r\n    onBackClick,\r\n    showBackButton,\r\n    styles: custmStyles,\r\n    children,\r\n    ...rest\r\n  }) => {\r\n    return (\r\n      <Flexbox\r\n        as={'header'}\r\n        className={cx(styles.container, className)}\r\n        ref={ref}\r\n        style={style}\r\n        {...rest}\r\n      >\r\n        {safeArea && <MobileSafeArea position={'top'} />}\r\n        <Flexbox\r\n          horizontal\r\n          align={'center'}\r\n          className={styles.inner}\r\n          flex={1}\r\n          justify={'space-between'}\r\n        >\r\n          <Flexbox\r\n            horizontal\r\n            align={'center'}\r\n            className={cx(styles.left, classNames?.left)}\r\n            flex={1}\r\n            gap={gaps?.left}\r\n            style={custmStyles?.left}\r\n          >\r\n            {showBackButton && <ActionIcon icon={ChevronLeft} onClick={() => onBackClick?.()} />}\r\n            {left}\r\n          </Flexbox>\r\n          <Flexbox\r\n            horizontal\r\n            align={'center'}\r\n            className={cx(styles.center, classNames?.center)}\r\n            flex={1}\r\n            gap={gaps?.center}\r\n            justify={'center'}\r\n            style={custmStyles?.center}\r\n          >\r\n            {children}\r\n            {center}\r\n          </Flexbox>\r\n          <Flexbox\r\n            horizontal\r\n            align={'center'}\r\n            className={cx(styles.right, classNames?.right)}\r\n            flex={1}\r\n            gap={gaps?.right}\r\n            style={custmStyles?.right}\r\n          >\r\n            {right}\r\n          </Flexbox>\r\n        </Flexbox>\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nChatHeader.displayName = 'ChatHeader';\r\n\r\nexport default ChatHeader;\r\n"],"mappings":";;;;;;;;;;AAaA,MAAM,aAAa,MAChB,EACC,KACA,WACA,WAAW,MACX,OACA,QACA,MACA,OACA,MACA,YACA,aACA,gBACA,QAAQ,aACR,UACA,GAAG,WACC;CACJ,OACE,qBAACA,mBAAD;EACE,IAAI;EACJ,WAAW,GAAG,OAAO,WAAW,SAAS;EACpC;EACE;EACP,GAAI;EALN,UAAA,CAOG,YAAY,oBAACC,UAAD,EAAgB,UAAU,MAAQ,CAAA,GAC/C,qBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN,SAAS;GALX,UAAA;IAOE,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;KAC3C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;KANtB,UAAA,CAQG,kBAAkB,oBAAC,YAAD;MAAY,MAAM;MAAa,eAAe,cAAc;KAAI,CAAA,GAClF,IACM;;IACT,qBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,QAAQ,YAAY,MAAM;KAC/C,MAAM;KACN,KAAK,MAAM;KACX,SAAS;KACT,OAAO,aAAa;KAPtB,UAAA,CASG,UACA,MACM;;IACT,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,GAAG,OAAO,OAAO,YAAY,KAAK;KAC7C,MAAM;KACN,KAAK,MAAM;KACX,OAAO,aAAa;KAEnB,UAAA;IACM,CAAA;GACF;EACF,CAAA,CAAA;;AAEb,CACF;AAEA,WAAW,cAAc"}

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

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

package/es/mobile/ChatHeader/ChatHeaderTitle.mjs

@@ -0,0 +1,55 @@
+"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, {
+		align: "center",
+		flex: 1,
+		gap: 4,
+		justify: "center",
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			className: titleStyles.titleContainer,
+			gap: 4,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: titleStyles.titleWithDesc,
+				children: title
+			}), tag && /* @__PURE__ */ jsx(FlexBasic_default, {
+				horizontal: true,
+				className: titleStyles.tag,
+				children: tag
+			})]
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
+			align: "center",
+			children: /* @__PURE__ */ jsx("div", {
+				className: titleStyles.desc,
+				children: desc
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		flex: 1,
+		gap: 4,
+		justify: "center",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: titleStyles.title,
+			children: title
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
+			className: titleStyles.tag,
+			children: tag
+		})]
+	});
+});
+ChatHeaderTitle.displayName = "ChatHeaderTitle";
+//#endregion
+export { ChatHeaderTitle as default };
+
+//# sourceMappingURL=ChatHeaderTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/mobile/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo } from 'react';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport { titleStyles as styles } from './style';\r\nimport type { ChatHeaderTitleProps } from './type';\r\n\r\nconst ChatHeaderTitle = memo<ChatHeaderTitleProps>(({ title, desc, tag }) => {\r\n  if (desc)\r\n    return (\r\n      <Flexbox align={'center'} flex={1} gap={4} justify={'center'}>\r\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={4}>\r\n          <div className={styles.titleWithDesc}>{title}</div>\r\n          {tag && (\r\n            <Flexbox horizontal className={styles.tag}>\r\n              {tag}\r\n            </Flexbox>\r\n          )}\r\n        </Flexbox>\r\n        <Flexbox horizontal align={'center'}>\r\n          <div className={styles.desc}>{desc}</div>\r\n        </Flexbox>\r\n      </Flexbox>\r\n    );\r\n  return (\r\n    <Flexbox horizontal align={'center'} flex={1} gap={4} justify={'center'}>\r\n      <div className={styles.title}>{title}</div>\r\n      <Flexbox horizontal className={styles.tag}>\r\n        {tag}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n});\r\n\r\nChatHeaderTitle.displayName = 'ChatHeaderTitle';\r\n\r\nexport default ChatHeaderTitle;\r\n"],"mappings":";;;;;;AASA,MAAM,kBAAkB,MAA4B,EAAE,OAAO,MAAM,UAAU;CAC3E,IAAI,MACF,OACE,qBAACA,mBAAD;EAAS,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;EAApD,UAAA,CACE,qBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;GAA5E,UAAA,CACE,oBAAC,OAAD;IAAK,WAAWA,YAAO;IAAgB,UAAA;GAAW,CAAA,GACjD,OACC,oBAACD,mBAAD;IAAS,YAAA;IAAW,WAAWC,YAAO;IACnC,UAAA;GACM,CAAA,CAEJ;EACT,CAAA,GAAA,oBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;GACzB,UAAA,oBAAC,OAAD;IAAK,WAAWC,YAAO;IAAO,UAAA;GAAU,CAAA;EACjC,CAAA,CACF;;CAEb,OACE,qBAACD,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,KAAK;EAAG,SAAS;EAA/D,UAAA,CACE,oBAAC,OAAD;GAAK,WAAWC,YAAO;GAAQ,UAAA;EAAW,CAAA,GAC1C,oBAACD,mBAAD;GAAS,YAAA;GAAW,WAAWC,YAAO;GACnC,UAAA;EACM,CAAA,CACF;;AAEb,CAAC;AAED,gBAAgB,cAAc"}

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

@@ -0,0 +1,12 @@
+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 { type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, ChatHeader as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/index.mjs

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

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

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

package/es/mobile/ChatHeader/style.mjs

@@ -0,0 +1,73 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mobile/ChatHeader/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		center: css`
+      height: 100%;
+    `,
+		container: css`
+      overflow: hidden;
+      flex: none;
+      width: 100vw;
+      background: ${cssVar.colorBgLayout};
+    `,
+		inner: css`
+      position: relative;
+
+      width: 100%;
+      height: 44px;
+      min-height: 44px;
+      max-height: 44px;
+      padding-block: 0;
+      padding-inline: 6px;
+    `,
+		left: css`
+      justify-content: flex-start;
+      height: 100%;
+    `,
+		right: css`
+      justify-content: flex-end;
+      height: 100%;
+    `
+	};
+});
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	desc: css`
+    overflow: hidden;
+
+    width: 100%;
+
+    font-size: 12px;
+    line-height: 1;
+    color: ${cssVar.colorTextTertiary};
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	tag: css`
+    flex: none;
+  `,
+	title: css`
+    overflow: hidden;
+
+    font-size: 16px;
+    font-weight: bold;
+    line-height: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `,
+	titleContainer: css`
+    flex: 1;
+  `,
+	titleWithDesc: css`
+    overflow: hidden;
+
+    font-weight: bold;
+    line-height: 1;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+//#endregion
+export { styles, titleStyles };
+
+//# 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 { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    center: css`\r\n      height: 100%;\r\n    `,\r\n    container: css`\r\n      overflow: hidden;\r\n      flex: none;\r\n      width: 100vw;\r\n      background: ${cssVar.colorBgLayout};\r\n    `,\r\n\r\n    inner: css`\r\n      position: relative;\r\n\r\n      width: 100%;\r\n      height: 44px;\r\n      min-height: 44px;\r\n      max-height: 44px;\r\n      padding-block: 0;\r\n      padding-inline: 6px;\r\n    `,\r\n    left: css`\r\n      justify-content: flex-start;\r\n      height: 100%;\r\n    `,\r\n    right: css`\r\n      justify-content: flex-end;\r\n      height: 100%;\r\n    `,\r\n  };\r\n});\r\n\r\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  desc: css`\r\n    overflow: hidden;\r\n\r\n    width: 100%;\r\n\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    color: ${cssVar.colorTextTertiary};\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  tag: css`\r\n    flex: none;\r\n  `,\r\n  title: css`\r\n    overflow: hidden;\r\n\r\n    font-size: 16px;\r\n    font-weight: bold;\r\n    line-height: 1;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n  titleContainer: css`\r\n    flex: 1;\r\n  `,\r\n  titleWithDesc: css`\r\n    overflow: hidden;\r\n\r\n    font-weight: bold;\r\n    line-height: 1;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;;;EAGX,WAAW,GAAG;;;;oBAIE,OAAO,cAAc;;EAGrC,OAAO,GAAG;;;;;;;;;;EAUV,MAAM,GAAG;;;;EAIT,OAAO,GAAG;;;;CAIZ;AACF,CAAC;AAED,MAAa,cAAc,oBAAoB,EAAE,KAAK,cAAc;CAClE,MAAM,GAAG;;;;;;;aAOE,OAAO,kBAAkB;;;;CAIpC,KAAK,GAAG;;;CAGR,OAAO,GAAG;;;;;;;;;CASV,gBAAgB,GAAG;;;CAGnB,eAAe,GAAG;;;;;;;;AAQpB,EAAE"}

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

@@ -0,0 +1,36 @@
+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,111 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import ActionIcon from "../../base-ui/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);
+	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, {
+				horizontal: true,
+				gap: 8,
+				justify: "flex-end",
+				children: [r.textAreaLeftAddons, r.textAreaRightAddons]
+			}),
+			children,
+			r.topAddons,
+			r.bottomAddons
+		]
+	}) : /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "flex-end",
+		className: styles.inner,
+		gap: 8,
+		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, {
+					active: true,
+					className: styles.expandButton,
+					icon: expand ? ChevronDown : ChevronUp,
+					id: "sssssss",
+					size: {
+						blockSize: 24,
+						borderRadius: "50%",
+						size: 14
+					},
+					style: expand ? { top: 6 } : {},
+					onClick: () => setExpand?.(!expand)
+				}), /* @__PURE__ */ jsx(InnerContainer, {
+					bottomAddons,
+					textAreaLeftAddons,
+					textAreaRightAddons,
+					topAddons,
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner, {
+						autoSize: expand ? false : {
+							maxRows: 6,
+							minRows: 1
+						},
+						className: styles.expandTextArea,
+						loading,
+						ref,
+						style: {
+							minHeight: 36,
+							paddingBlock: 6
+						},
+						value,
+						variant: expand ? "borderless" : "filled",
+						onBlur: () => setIsFocused(false),
+						onFocus: () => setIsFocused(true),
+						onInput,
+						onSend
+					})
+				})]
+			}),
+			bottomAddons && /* @__PURE__ */ jsx(FlexBasic_default, {
+				style: showAddons ? {} : { display: "none" },
+				children: bottomAddons
+			}),
+			safeArea && !isFocused && /* @__PURE__ */ jsx(SafeArea, { position: "bottom" })
+		]
+	});
+});
+ChatInputArea.displayName = "ChatInputArea";
+//#endregion
+export { ChatInputArea as default };
+
+//# sourceMappingURL=ChatInputArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.mjs","names":["Flexbox"],"sources":["../../../src/mobile/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useSize } from 'ahooks';\r\nimport { cx } from 'antd-style';\r\nimport { ChevronDown, ChevronUp } from 'lucide-react';\r\nimport {\r\n  type FC,\r\n  memo,\r\n  type PropsWithChildren,\r\n  type ReactNode,\r\n  useCallback,\r\n  useEffect,\r\n  useRef,\r\n  useState,\r\n} from 'react';\r\n\r\nimport ActionIcon from '@/base-ui/ActionIcon';\r\nimport ChatInputAreaInner from '@/chat/ChatInputArea/components/ChatInputAreaInner';\r\nimport { Flexbox } from '@/Flex';\r\nimport SafeArea from '@/mobile/SafeArea';\r\n\r\nimport { styles } from './style';\r\nimport { type ChatInputAreaProps } from './type';\r\n\r\nconst ChatInputArea = memo<ChatInputAreaProps>(\r\n  ({\r\n    ref,\r\n    className,\r\n    style,\r\n    topAddons,\r\n    textAreaLeftAddons,\r\n    textAreaRightAddons,\r\n    bottomAddons,\r\n    expand = false,\r\n    setExpand,\r\n    onSend,\r\n    onInput,\r\n    loading,\r\n    value,\r\n    safeArea,\r\n  }) => {\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n    const size = useSize(containerRef);\r\n    const [showFullscreen, setShowFullscreen] = useState<boolean>(false);\r\n    const [isFocused, setIsFocused] = useState<boolean>(false);\r\n\r\n    useEffect(() => {\r\n      if (!size?.height) return;\r\n      setShowFullscreen(size.height > 72);\r\n    }, [size]);\r\n\r\n    const InnerContainer: FC<\r\n      PropsWithChildren & {\r\n        bottomAddons?: ReactNode;\r\n        textAreaLeftAddons?: ReactNode;\r\n        textAreaRightAddons?: ReactNode;\r\n        topAddons?: ReactNode;\r\n      }\r\n    > = useCallback(\r\n      ({ children, ...r }) =>\r\n        expand ? (\r\n          <Flexbox className={styles.inner} gap={8}>\r\n            <Flexbox horizontal gap={8} justify={'flex-end'}>\r\n              {r.textAreaLeftAddons}\r\n              {r.textAreaRightAddons}\r\n            </Flexbox>\r\n            {children}\r\n            {r.topAddons}\r\n            {r.bottomAddons}\r\n          </Flexbox>\r\n        ) : (\r\n          <Flexbox horizontal align={'flex-end'} className={styles.inner} gap={8}>\r\n            {r.textAreaLeftAddons}\r\n            {children}\r\n            {r.textAreaRightAddons}\r\n          </Flexbox>\r\n        ),\r\n      [expand, loading],\r\n    );\r\n\r\n    const showAddons = !expand && !isFocused;\r\n\r\n    return (\r\n      <Flexbox\r\n        className={cx(styles.container, expand && styles.expand, className)}\r\n        gap={12}\r\n        style={style}\r\n      >\r\n        {topAddons && <Flexbox style={showAddons ? {} : { display: 'none' }}>{topAddons}</Flexbox>}\r\n        <Flexbox\r\n          className={cx(expand && styles.expand)}\r\n          ref={containerRef}\r\n          style={{ position: 'relative' }}\r\n        >\r\n          {showFullscreen && (\r\n            <ActionIcon\r\n              active\r\n              className={styles.expandButton}\r\n              icon={expand ? ChevronDown : ChevronUp}\r\n              id={'sssssss'}\r\n              size={{ blockSize: 24, borderRadius: '50%', size: 14 }}\r\n              style={expand ? { top: 6 } : {}}\r\n              onClick={() => setExpand?.(!expand)}\r\n            />\r\n          )}\r\n          <InnerContainer\r\n            bottomAddons={bottomAddons}\r\n            textAreaLeftAddons={textAreaLeftAddons}\r\n            textAreaRightAddons={textAreaRightAddons}\r\n            topAddons={topAddons}\r\n          >\r\n            <ChatInputAreaInner\r\n              autoSize={expand ? false : { maxRows: 6, minRows: 1 }}\r\n              className={styles.expandTextArea}\r\n              loading={loading}\r\n              ref={ref}\r\n              style={{ minHeight: 36, paddingBlock: 6 }}\r\n              value={value}\r\n              variant={expand ? 'borderless' : 'filled'}\r\n              onBlur={() => setIsFocused(false)}\r\n              onFocus={() => setIsFocused(true)}\r\n              onInput={onInput}\r\n              onSend={onSend}\r\n            />\r\n          </InnerContainer>\r\n        </Flexbox>\r\n        {bottomAddons && (\r\n          <Flexbox style={showAddons ? {} : { display: 'none' }}>{bottomAddons}</Flexbox>\r\n        )}\r\n        {safeArea && !isFocused && <SafeArea position={'bottom'} />}\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nChatInputArea.displayName = 'ChatInputArea';\r\n\r\nexport default ChatInputArea;\r\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,IAAI;CAChD,MAAM,OAAO,QAAQ,YAAY;CACjC,MAAM,CAAC,gBAAgB,qBAAqB,SAAkB,KAAK;CACnE,MAAM,CAAC,WAAW,gBAAgB,SAAkB,KAAK;CAEzD,gBAAgB;EACd,IAAI,CAAC,MAAM,QAAQ;EACnB,kBAAkB,KAAK,SAAS,EAAE;CACpC,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,iBAOF,aACD,EAAE,UAAU,GAAG,QACd,SACE,qBAACA,mBAAD;EAAS,WAAW,OAAO;EAAO,KAAK;EAAvC,UAAA;GACE,qBAACA,mBAAD;IAAS,YAAA;IAAW,KAAK;IAAG,SAAS;IAArC,UAAA,CACG,EAAE,oBACF,EAAE,mBACI;;GACR;GACA,EAAE;GACF,EAAE;EACI;CAET,CAAA,IAAA,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAY,WAAW,OAAO;EAAO,KAAK;EAArE,UAAA;GACG,EAAE;GACF;GACA,EAAE;EACI;CAEb,CAAA,GAAA,CAAC,QAAQ,OAAO,CAClB;CAEA,MAAM,aAAa,CAAC,UAAU,CAAC;CAE/B,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,OAAO,WAAW,UAAU,OAAO,QAAQ,SAAS;EAClE,KAAK;EACE;EAHT,UAAA;GAKG,aAAa,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAmB,CAAA;GACzF,qBAACA,mBAAD;IACE,WAAW,GAAG,UAAU,OAAO,MAAM;IACrC,KAAK;IACL,OAAO,EAAE,UAAU,WAAW;IAHhC,UAAA,CAKG,kBACC,oBAAC,YAAD;KACE,QAAA;KACA,WAAW,OAAO;KAClB,MAAM,SAAS,cAAc;KAC7B,IAAI;KACJ,MAAM;MAAE,WAAW;MAAI,cAAc;MAAO,MAAM;KAAG;KACrD,OAAO,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC;KAC9B,eAAe,YAAY,CAAC,MAAM;IACnC,CAAA,GAEH,oBAAC,gBAAD;KACgB;KACM;KACC;KACV;KAEX,UAAA,oBAAC,oBAAD;MACE,UAAU,SAAS,QAAQ;OAAE,SAAS;OAAG,SAAS;MAAE;MACpD,WAAW,OAAO;MACT;MACJ;MACL,OAAO;OAAE,WAAW;OAAI,cAAc;MAAE;MACjC;MACP,SAAS,SAAS,eAAe;MACjC,cAAc,aAAa,KAAK;MAChC,eAAe,aAAa,IAAI;MACvB;MACD;KACT,CAAA;IACa,CAAA,CACT;;GACR,gBACC,oBAACA,mBAAD;IAAS,OAAO,aAAa,CAAC,IAAI,EAAE,SAAS,OAAO;IAAI,UAAA;GAAsB,CAAA;GAE/E,YAAY,CAAC,aAAa,oBAAC,UAAD,EAAU,UAAU,SAAW,CAAA;EACnD;;AAEb,CACF;AAEA,cAAc,cAAc"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSendButton.mjs","names":[],"sources":["../../../../src/mobile/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { SendHorizontal } from 'lucide-react';\r\nimport { memo } from 'react';\r\n\r\nimport Button from '@/base-ui/Button';\r\n\r\nimport type { ChatSendButtonProps } from '../type';\r\n\r\nconst ChatSendButton = memo<ChatSendButtonProps>(({ ref, loading, onStop, onSend, ...rest }) => {\r\n  return (\r\n    <Button\r\n      icon={SendHorizontal}\r\n      loading={loading}\r\n      ref={ref}\r\n      type={'primary'}\r\n      onClick={(e) => {\r\n        e.preventDefault();\r\n        if (loading) {\r\n          onStop?.(e);\r\n        } else {\r\n          onSend?.(e);\r\n        }\r\n      }}\r\n      {...rest}\r\n    />\r\n  );\r\n});\r\n\r\nChatSendButton.displayName = 'ChatSendButton';\r\n\r\nexport default ChatSendButton;\r\n"],"mappings":";;;;;;AASA,MAAM,iBAAiB,MAA2B,EAAE,KAAK,SAAS,QAAQ,QAAQ,GAAG,WAAW;CAC9F,OACE,oBAAC,QAAD;EACE,MAAM;EACG;EACJ;EACL,MAAM;EACN,UAAU,MAAM;GACd,EAAE,eAAe;GACjB,IAAI,SACF,SAAS,CAAC;QAEV,SAAS,CAAC;EAEd;EACA,GAAI;CACL,CAAA;AAEL,CAAC;AAED,eAAe,cAAc"}

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

@@ -0,0 +1,12 @@
+import { ChatInputAreaProps, ChatSendButtonProps } from "./type.mjs";
+import ChatSendButton from "./components/ChatSendButton.mjs";
+import { ReactNode } from "react";
+//#region src/mobile/ChatInputArea/index.d.ts
+interface IChatHeader {
+  (props: ChatInputAreaProps): ReactNode;
+  SendButton: typeof ChatSendButton;
+}
+declare const ChatInputArea: IChatHeader;
+//#endregion
+export { type ChatInputAreaProps, ChatSendButton, type ChatSendButtonProps, ChatInputArea as default };
+//# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatInputArea/index.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ChatInputAreaParent"],"sources":["../../../src/mobile/ChatInputArea/index.ts"],"sourcesContent":["import { type ReactNode } from 'react';\r\n\r\nimport ChatInputAreaParent from './ChatInputArea';\r\nimport ChatSendButton from './components/ChatSendButton';\r\nimport type { ChatInputAreaProps } from './type';\r\n\r\ninterface IChatHeader {\r\n  (props: ChatInputAreaProps): ReactNode;\r\n  SendButton: typeof ChatSendButton;\r\n}\r\n\r\nconst ChatInputArea = ChatInputAreaParent as unknown as IChatHeader;\r\n\r\nChatInputArea.SendButton = ChatSendButton;\r\n\r\nexport default ChatInputArea;\r\nexport { default as ChatSendButton } from './components/ChatSendButton';\r\nexport type * from './type';\r\n"],"mappings":";;;AAWA,MAAM,gBAAgBA;AAEtB,cAAc,aAAa"}

package/es/mobile/ChatInputArea/style.mjs

@@ -0,0 +1,33 @@
+import { createStaticStyles } from "antd-style";
+//#region src/mobile/ChatInputArea/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		container: css`
+      flex: none;
+      padding-block: 12px;
+      border-block-start: 1px solid ${cssVar.colorFillTertiary};
+      background: ${cssVar.colorFillQuaternary};
+    `,
+		expand: css`
+      position: absolute;
+      width: 100%;
+      height: 100%;
+    `,
+		expandButton: css`
+      position: absolute;
+      inset-inline-end: 14px;
+    `,
+		expandTextArea: css`
+      flex: 1;
+    `,
+		inner: css`
+      height: inherit;
+      padding-block: 0;
+      padding-inline: 8px;
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/mobile/ChatInputArea/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    container: css`\r\n      flex: none;\r\n      padding-block: 12px;\r\n      border-block-start: 1px solid ${cssVar.colorFillTertiary};\r\n      background: ${cssVar.colorFillQuaternary};\r\n    `,\r\n    expand: css`\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n    `,\r\n    expandButton: css`\r\n      position: absolute;\r\n      inset-inline-end: 14px;\r\n    `,\r\n    expandTextArea: css`\r\n      flex: 1;\r\n    `,\r\n    inner: css`\r\n      height: inherit;\r\n      padding-block: 0;\r\n      padding-inline: 8px;\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,WAAW,GAAG;;;sCAGoB,OAAO,kBAAkB;oBAC3C,OAAO,oBAAoB;;EAE3C,QAAQ,GAAG;;;;;EAKX,cAAc,GAAG;;;;EAIjB,gBAAgB,GAAG;;;EAGnB,OAAO,GAAG;;;;;CAKZ;AACF,CAAC"}