@lobehub/ui 3.4.2 → 3.4.3

package/es/chat/BackBottom/BackBottom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackBottom.mjs","names":["scrollToBottom: MouseEventHandler<HTMLDivElement>","Button"],"sources":["../../../src/chat/BackBottom/BackBottom.tsx"],"sourcesContent":["'use client';\n\nimport { useScroll } from 'ahooks';\nimport { ListEnd } from 'lucide-react';\nimport { type MouseEventHandler, memo, useEffect, useRef, useState } from 'react';\n\nimport Button from '@/Button';\n\nimport { useStyles } from './style';\nimport type { BackBottomProps } from './type';\n\nconst BackBottom = memo<BackBottomProps>(\n  ({ visibilityHeight = 240, target, onClick, style, className, text }) => {\n    const [visible, setVisible] = useState<boolean>(false);\n    const { styles, cx } = useStyles(visible);\n    const ref = useRef<HTMLButtonElement>(null);\n    const current = (target as any)?.current;\n    const scrollHeight = current?.scrollHeight || 0;\n    const clientHeight = current?.clientHeight || 0;\n    const scroll = useScroll(target);\n\n    useEffect(() => {\n      if (scroll?.top) {\n        setVisible(scroll?.top + clientHeight + visibilityHeight < scrollHeight);\n      }\n    }, [scrollHeight, scroll, visibilityHeight]);\n\n    const scrollToBottom: MouseEventHandler<HTMLDivElement> = (e) => {\n      (target as any)?.current?.scrollTo({ behavior: 'smooth', left: 0, top: scrollHeight });\n      onClick?.(e);\n    };\n\n    return (\n      <Button\n        className={cx(styles, className)}\n        glass\n        icon={ListEnd}\n        onClick={scrollToBottom}\n        ref={ref}\n        shape={'round'}\n        size={'small'}\n        style={style}\n        variant={'filled'}\n      >\n        {text || 'Back to bottom'}\n      </Button>\n    );\n  },\n);\n\nBackBottom.displayName = 'BackBottom';\n\nexport default BackBottom;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,mBAAmB,KAAK,QAAQ,SAAS,OAAO,WAAW,WAAW;CACvE,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CACtD,MAAM,EAAE,QAAQ,OAAO,UAAU,QAAQ;CACzC,MAAM,MAAM,OAA0B,KAAK;CAC3C,MAAM,UAAW,QAAgB;CACjC,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,eAAe,SAAS,gBAAgB;CAC9C,MAAM,SAAS,UAAU,OAAO;AAEhC,iBAAgB;AACd,MAAI,QAAQ,IACV,YAAW,QAAQ,MAAM,eAAe,mBAAmB,aAAa;IAEzE;EAAC;EAAc;EAAQ;EAAiB,CAAC;CAE5C,MAAMA,kBAAqD,MAAM;AAC/D,EAAC,QAAgB,SAAS,SAAS;GAAE,UAAU;GAAU,MAAM;GAAG,KAAK;GAAc,CAAC;AACtF,YAAU,EAAE;;AAGd,QACE,oBAACC;EACC,WAAW,GAAG,QAAQ,UAAU;EAChC;EACA,MAAM;EACN,SAAS;EACJ;EACL,OAAO;EACP,MAAM;EACC;EACP,SAAS;YAER,QAAQ;GACF;EAGd;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/chat/BackBottom/index.d.mts

@@ -0,0 +1,2 @@
+import { BackBottomProps } from "./type.mjs";
+import { BackBottom } from "./BackBottom.mjs";

package/es/chat/BackBottom/style.mjs

@@ -0,0 +1,24 @@
+import { createStyles } from "antd-style";
+
+//#region src/chat/BackBottom/style.ts
+const useStyles = createStyles(({ css: css$1, responsive }, visible) => css$1`
+    pointer-events: ${visible ? "all" : "none"};
+
+    position: absolute;
+    inset-block-end: 16px;
+    inset-inline-end: 16px;
+    transform: translateY(${visible ? 0 : "16px"});
+
+    opacity: ${visible ? 1 : 0};
+
+    ${responsive.mobile} {
+      inset-inline-end: 0;
+      border-inline-end: none;
+      border-start-end-radius: 0 !important;
+      border-end-end-radius: 0 !important;
+    }
+  `);
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/chat/BackBottom/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/BackBottom/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(\n  ({ css, responsive }, visible: boolean) => css`\n    pointer-events: ${visible ? 'all' : 'none'};\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(${visible ? 0 : '16px'});\n\n    opacity: ${visible ? 1 : 0};\n\n    ${responsive.mobile} {\n      inset-inline-end: 0;\n      border-inline-end: none;\n      border-start-end-radius: 0 !important;\n      border-end-end-radius: 0 !important;\n    }\n  `,\n);\n"],"mappings":";;;AAEA,MAAa,YAAY,cACtB,EAAE,YAAK,cAAc,YAAqB,KAAG;sBAC1B,UAAU,QAAQ,OAAO;;;;;4BAKnB,UAAU,IAAI,OAAO;;eAElC,UAAU,IAAI,EAAE;;MAEzB,WAAW,OAAO;;;;;;IAOvB"}

package/es/chat/BackBottom/type.d.mts

@@ -0,0 +1,16 @@
+import { BackTopProps } from "antd";
+import { CSSProperties } from "react";
+import { Target } from "ahooks/lib/useScroll";
+
+//#region src/chat/BackBottom/type.d.ts
+interface BackBottomProps {
+  className?: string;
+  onClick?: BackTopProps['onClick'];
+  style?: CSSProperties;
+  target: Target;
+  text?: string;
+  visibilityHeight?: BackTopProps['visibilityHeight'];
+}
+//#endregion
+export { BackBottomProps };
+//# sourceMappingURL=type.d.mts.map

package/es/chat/ChatHeader/ChatHeader.mjs

@@ -0,0 +1,61 @@
+'use client';
+
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft } from "lucide-react";
+
+//#region src/chat/ChatHeader/ChatHeader.tsx
+const ChatHeader = memo(({ left, right, className, styles: contentStyles, gaps, classNames, showBackButton, onBackClick, children, gap = 16, ...rest }) => {
+	const { cx, styles } = useStyles();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className: cx(styles.container, className),
+		distribution: "space-between",
+		gap,
+		horizontal: true,
+		paddingInline: 16,
+		...rest,
+		children: [
+			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				align: "center",
+				className: cx(styles.left, classNames?.left),
+				gap: gaps?.left || 12,
+				horizontal: true,
+				justify: "flex-start",
+				style: contentStyles?.left,
+				children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
+					icon: ChevronLeft,
+					onClick: () => onBackClick?.(),
+					style: { marginRight: gaps?.left ? -gaps.left / 2 : -6 }
+				}), left]
+			}),
+			children && /* @__PURE__ */ jsx(FlexBasic_default, {
+				align: "center",
+				className: cx(styles.center, classNames?.center),
+				gap: gaps?.center || 8,
+				horizontal: true,
+				justify: "center",
+				style: contentStyles?.center,
+				children
+			}),
+			/* @__PURE__ */ jsx(FlexBasic_default, {
+				align: "center",
+				className: cx(styles.right, classNames?.right),
+				gap: gaps?.right || 8,
+				horizontal: true,
+				justify: "flex-end",
+				style: contentStyles?.right,
+				children: right
+			})
+		]
+	});
+});
+ChatHeader.displayName = "ChatHeader";
+var ChatHeader_default = ChatHeader;
+
+//#endregion
+export { ChatHeader_default as default };
+//# sourceMappingURL=ChatHeader.mjs.map

package/es/chat/ChatHeader/ChatHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","ActionIcon"],"sources":["../../../src/chat/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';\n\nimport { useStyles } from './style';\nimport type { ChatHeaderProps } from './type';\n\nconst ChatHeader = memo<ChatHeaderProps>(\n  ({\n    left,\n    right,\n    className,\n    styles: contentStyles,\n    gaps,\n    classNames,\n    showBackButton,\n    onBackClick,\n    children,\n    gap = 16,\n    ...rest\n  }) => {\n    const { cx, styles } = useStyles();\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        horizontal\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          horizontal\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              onClick={() => onBackClick?.()}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            horizontal\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\n          horizontal\n          justify={'flex-end'}\n          style={contentStyles?.right}\n        >\n          {right}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nChatHeader.displayName = 'ChatHeader';\n\nexport default ChatHeader;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;CACJ,MAAM,EAAE,IAAI,WAAW,WAAW;AAElC,QACE,qBAACA;EACC,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL;EACA,eAAe;EACf,GAAI;;GAEJ,qBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB;IACA,SAAS;IACT,OAAO,eAAe;eAErB,kBACC,oBAACC;KACC,MAAM;KACN,eAAe,eAAe;KAC9B,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;MACxD,EAEH;KACO;GACT,YACC,oBAACD;IACC,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB;IACA,SAAS;IACT,OAAO,eAAe;IAErB;KACO;GAEZ,oBAACA;IACC,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB;IACA,SAAS;IACT,OAAO,eAAe;cAErB;KACO;;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}

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

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

package/es/chat/ChatHeader/ChatHeaderTitle.mjs

@@ -0,0 +1,48 @@
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useTitleStyles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/ChatHeader/ChatHeaderTitle.tsx
+const ChatHeaderTitle = ({ title, desc, tag }) => {
+	const { styles } = useTitleStyles();
+	const tagContent = tag && /* @__PURE__ */ jsx(FlexBasic_default, {
+		align: "center",
+		className: styles.tag,
+		horizontal: true,
+		children: tag
+	});
+	if (desc) return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		className: styles.container,
+		gap: 4,
+		children: [/* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			className: styles.titleContainer,
+			gap: 8,
+			horizontal: true,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: styles.titleWithDesc,
+				children: title
+			}), tagContent]
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			className: styles.desc,
+			horizontal: true,
+			children: desc
+		})]
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className: styles.container,
+		gap: 8,
+		horizontal: true,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: styles.title,
+			children: title
+		}), tagContent]
+	});
+};
+var ChatHeaderTitle_default = ChatHeaderTitle;
+
+//#endregion
+export { ChatHeaderTitle_default as default };
+//# sourceMappingURL=ChatHeaderTitle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["ChatHeaderTitle: FC<ChatHeaderTitleProps>","useStyles","Flexbox"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useTitleStyles as useStyles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const { styles } = useStyles();\n\n  const tagContent = tag && (\n    <Flexbox align={'center'} className={styles.tag} horizontal>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={8} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox align={'center'} className={styles.desc} horizontal>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} className={styles.container} gap={8} horizontal>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;AAOA,MAAMA,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,EAAE,WAAWC,gBAAW;CAE9B,MAAM,aAAa,OACjB,oBAACC;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAK;YAC9C;GACO;AAGZ,KAAI,KACF,QACE,qBAACA;EAAQ,WAAW,OAAO;EAAW,KAAK;aACzC,qBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAW,OAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAM;aAC/C;IACO;GACF;AAEd,QACE,qBAACA;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAW,KAAK;EAAG;aAC7D,oBAAC;GAAI,WAAW,OAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}

package/es/chat/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/chat/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/chat/ChatHeader/index.mjs

@@ -0,0 +1,11 @@
+import ChatHeader_default$1 from "./ChatHeader.mjs";
+import ChatHeaderTitle_default from "./ChatHeaderTitle.mjs";
+
+//#region src/chat/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/chat/ChatHeader/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["ChatHeaderParent","ChatHeaderTitle"],"sources":["../../../src/chat/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/chat/ChatHeader/style.mjs

@@ -0,0 +1,84 @@
+import { createStyles } from "antd-style";
+
+//#region src/chat/ChatHeader/style.ts
+const useStyles = createStyles(({ css: css$1, token }) => {
+	return {
+		center: css$1`
+      position: relative;
+      overflow: hidden;
+    `,
+		container: css$1`
+      position: absolute;
+      z-index: 10;
+
+      overflow: hidden;
+      grid-area: header;
+      align-self: stretch;
+
+      width: 100%;
+      height: 52px;
+      min-height: 52px;
+      max-height: 52px;
+
+      background: ${token.colorBgContainerSecondary};
+      border-block-end: 1px solid ${token.colorBorderSecondary};
+    `,
+		left: css$1`
+      position: relative;
+      overflow: hidden;
+      flex: 1;
+      padding-inline-start: 8px;
+    `,
+		right: css$1`
+      position: relative;
+      overflow: hidden;
+      flex: none;
+    `
+	};
+});
+const useTitleStyles = createStyles(({ css: css$1, token }) => ({
+	container: css$1`
+    position: relative;
+    overflow: hidden;
+    flex: 1;
+    max-width: 100%;
+  `,
+	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;
+    align-items: baseline;
+  `,
+	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;
+    line-height: 1;
+  `,
+	titleWithDesc: css$1`
+    overflow: hidden;
+    font-weight: bold;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+
+//#endregion
+export { useStyles, useTitleStyles };
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatHeader/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token }) => {\n  return {\n    center: css`\n      position: relative;\n      overflow: hidden;\n    `,\n    container: css`\n      position: absolute;\n      z-index: 10;\n\n      overflow: hidden;\n      grid-area: header;\n      align-self: stretch;\n\n      width: 100%;\n      height: 52px;\n      min-height: 52px;\n      max-height: 52px;\n\n      background: ${token.colorBgContainerSecondary};\n      border-block-end: 1px solid ${token.colorBorderSecondary};\n    `,\n    left: css`\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      padding-inline-start: 8px;\n    `,\n    right: css`\n      position: relative;\n      overflow: hidden;\n      flex: none;\n    `,\n  };\n});\n\nexport const useTitleStyles = createStyles(({ css, token }) => ({\n  container: css`\n    position: relative;\n    overflow: hidden;\n    flex: 1;\n    max-width: 100%;\n  `,\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    align-items: baseline;\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    line-height: 1;\n  `,\n  titleWithDesc: css`\n    overflow: hidden;\n    font-weight: bold;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,YAAY;AACxD,QAAO;EACL,QAAQ,KAAG;;;;EAIX,WAAW,KAAG;;;;;;;;;;;;;oBAaE,MAAM,0BAA0B;oCAChB,MAAM,qBAAqB;;EAE3D,MAAM,KAAG;;;;;;EAMT,OAAO,KAAG;;;;;EAKX;EACD;AAEF,MAAa,iBAAiB,cAAc,EAAE,YAAK,aAAa;CAC9D,WAAW,KAAG;;;;;;CAMd,MAAM,KAAG;;;;;;;aAOE,MAAM,kBAAkB;;;;CAInC,KAAK,KAAG;;;;CAIR,OAAO,KAAG;;;;;;;;;CASV,gBAAgB,KAAG;;;;CAInB,eAAe,KAAG;;;;;;CAMnB,EAAE"}

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

@@ -0,0 +1,34 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/chat/ChatHeader/type.d.ts
+interface ChatHeaderProps extends FlexboxProps {
+  classNames?: {
+    center?: string;
+    left?: string;
+    right?: string;
+  };
+  gaps?: {
+    center?: number;
+    left?: number;
+    right?: number;
+  };
+  left?: ReactNode;
+  onBackClick?: () => void;
+  right?: ReactNode;
+  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/chat/ChatInputArea/ChatInputArea.mjs

@@ -0,0 +1,56 @@
+'use client';
+
+import DraggablePanel_default from "../../DraggablePanel/index.mjs";
+import ChatInputAreaInner_default from "./components/ChatInputAreaInner.mjs";
+import { useStyles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/ChatInputArea/ChatInputArea.tsx
+const ChatInputArea = memo(({ ref, className, style, classNames, expand = true, setExpand, bottomAddons, topAddons, onSizeChange, heights, onSend, ...rest }) => {
+	const { styles } = useStyles();
+	return /* @__PURE__ */ jsx(DraggablePanel_default, {
+		className,
+		classNames,
+		fullscreen: expand,
+		headerHeight: heights?.headerHeight,
+		maxHeight: heights?.maxHeight,
+		minHeight: heights?.minHeight,
+		onSizeChange,
+		placement: "bottom",
+		size: {
+			height: heights?.inputHeight,
+			width: "100%"
+		},
+		style: {
+			zIndex: 10,
+			...style
+		},
+		children: /* @__PURE__ */ jsxs("section", {
+			className: styles.container,
+			style: { minHeight: heights?.minHeight },
+			children: [
+				topAddons,
+				/* @__PURE__ */ jsx("div", {
+					className: styles.textareaContainer,
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner_default, {
+						className: styles.textarea,
+						onSend: () => {
+							onSend?.();
+							setExpand?.(false);
+						},
+						ref,
+						style: { paddingInline: 16 },
+						...rest
+					})
+				}),
+				bottomAddons
+			]
+		})
+	});
+});
+var ChatInputArea_default = ChatInputArea;
+
+//#endregion
+export { ChatInputArea_default as default };
+//# sourceMappingURL=ChatInputArea.mjs.map

package/es/chat/ChatInputArea/ChatInputArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.mjs","names":["DraggablePanel","ChatInputAreaInner"],"sources":["../../../src/chat/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport DraggablePanel from '@/DraggablePanel';\n\nimport ChatInputAreaInner from './components/ChatInputAreaInner';\nimport { useStyles } from './style';\nimport type { ChatInputAreaProps } from './type';\n\nconst ChatInputArea = memo<ChatInputAreaProps>(\n  ({\n    ref,\n    className,\n    style,\n    classNames,\n    expand = true,\n    setExpand,\n    bottomAddons,\n    topAddons,\n    onSizeChange,\n    heights,\n    onSend,\n    ...rest\n  }) => {\n    const { styles } = useStyles();\n\n    return (\n      <DraggablePanel\n        className={className}\n        classNames={classNames}\n        fullscreen={expand}\n        headerHeight={heights?.headerHeight}\n        maxHeight={heights?.maxHeight}\n        minHeight={heights?.minHeight}\n        onSizeChange={onSizeChange}\n        placement=\"bottom\"\n        size={{ height: heights?.inputHeight, width: '100%' }}\n        style={{ zIndex: 10, ...style }}\n      >\n        <section className={styles.container} style={{ minHeight: heights?.minHeight }}>\n          {topAddons}\n          <div className={styles.textareaContainer}>\n            <ChatInputAreaInner\n              className={styles.textarea}\n              onSend={() => {\n                onSend?.();\n                setExpand?.(false);\n              }}\n              ref={ref}\n              style={{\n                paddingInline: 16,\n              }}\n              {...rest}\n            />\n          </div>\n          {bottomAddons}\n        </section>\n      </DraggablePanel>\n    );\n  },\n);\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,YACA,SAAS,MACT,WACA,cACA,WACA,cACA,SACA,QACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,WAAW;AAE9B,QACE,oBAACA;EACY;EACC;EACZ,YAAY;EACZ,cAAc,SAAS;EACvB,WAAW,SAAS;EACpB,WAAW,SAAS;EACN;EACd,WAAU;EACV,MAAM;GAAE,QAAQ,SAAS;GAAa,OAAO;GAAQ;EACrD,OAAO;GAAE,QAAQ;GAAI,GAAG;GAAO;YAE/B,qBAAC;GAAQ,WAAW,OAAO;GAAW,OAAO,EAAE,WAAW,SAAS,WAAW;;IAC3E;IACD,oBAAC;KAAI,WAAW,OAAO;eACrB,oBAACC;MACC,WAAW,OAAO;MAClB,cAAc;AACZ,iBAAU;AACV,mBAAY,MAAM;;MAEf;MACL,OAAO,EACL,eAAe,IAChB;MACD,GAAI;OACJ;MACE;IACL;;IACO;GACK;EAGtB;AAED,4BAAe"}

package/es/chat/ChatInputArea/components/ChatInputActionBar.d.mts

@@ -0,0 +1,8 @@
+import { ChatInputActionBarProps } from "../type.mjs";
+import { FC } from "react";
+
+//#region src/chat/ChatInputArea/components/ChatInputActionBar.d.ts
+declare const ChatInputActionBar: FC<ChatInputActionBarProps>;
+//#endregion
+export { ChatInputActionBar };
+//# sourceMappingURL=ChatInputActionBar.d.mts.map

package/es/chat/ChatInputArea/components/ChatInputActionBar.mjs

@@ -0,0 +1,44 @@
+'use client';
+
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import { useActionBarStyles } from "../style.mjs";
+import { useResponsive } from "antd-style";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/chat/ChatInputArea/components/ChatInputActionBar.tsx
+const ChatInputActionBar = ({ ref, padding = "0 16px", leftAddons, rightAddons, ...rest }) => {
+	const { mobile } = useResponsive();
+	const { styles } = useActionBarStyles();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "center",
+		className: styles.root,
+		flex: "none",
+		horizontal: true,
+		justify: "space-between",
+		padding,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			className: styles.left,
+			flex: 1,
+			gap: mobile ? 0 : 4,
+			horizontal: true,
+			children: leftAddons
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			className: styles.right,
+			flex: 0,
+			gap: mobile ? 0 : 4,
+			horizontal: true,
+			justify: "flex-end",
+			children: rightAddons
+		})]
+	});
+};
+ChatInputActionBar.displayName = "ChatInputActionBar";
+var ChatInputActionBar_default = ChatInputActionBar;
+
+//#endregion
+export { ChatInputActionBar_default as default };
+//# sourceMappingURL=ChatInputActionBar.mjs.map

package/es/chat/ChatInputArea/components/ChatInputActionBar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputActionBar.mjs","names":["ChatInputActionBar: FC<ChatInputActionBarProps>","useStyles","Flexbox"],"sources":["../../../../src/chat/ChatInputArea/components/ChatInputActionBar.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { useActionBarStyles as useStyles } from '../style';\nimport { ChatInputActionBarProps } from '../type';\n\nconst ChatInputActionBar: FC<ChatInputActionBarProps> = ({\n  ref,\n  padding = '0 16px',\n  leftAddons,\n  rightAddons,\n  ...rest\n}) => {\n  const { mobile } = useResponsive();\n  const { styles } = useStyles();\n  return (\n    <Flexbox\n      align={'center'}\n      className={styles.root}\n      flex={'none'}\n      horizontal\n      justify={'space-between'}\n      padding={padding}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox align={'center'} className={styles.left} flex={1} gap={mobile ? 0 : 4} horizontal>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox\n        align={'center'}\n        className={styles.right}\n        flex={0}\n        gap={mobile ? 0 : 4}\n        horizontal\n        justify={'flex-end'}\n      >\n        {rightAddons}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatInputActionBar.displayName = 'ChatInputActionBar';\n\nexport default ChatInputActionBar;\n"],"mappings":";;;;;;;;AAUA,MAAMA,sBAAmD,EACvD,KACA,UAAU,UACV,YACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,WAAWC,oBAAW;AAC9B,QACE,qBAACC;EACC,OAAO;EACP,WAAW,OAAO;EAClB,MAAM;EACN;EACA,SAAS;EACA;EACJ;EACL,GAAI;aAEJ,oBAACA;GAAQ,OAAO;GAAU,WAAW,OAAO;GAAM,MAAM;GAAG,KAAK,SAAS,IAAI;GAAG;aAC7E;IACO,EACV,oBAACA;GACC,OAAO;GACP,WAAW,OAAO;GAClB,MAAM;GACN,KAAK,SAAS,IAAI;GAClB;GACA,SAAS;aAER;IACO;GACF;;AAId,mBAAmB,cAAc;AAEjC,iCAAe"}

package/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts

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

package/es/chat/ChatInputArea/components/ChatInputAreaInner.mjs

@@ -0,0 +1,46 @@
+'use client';
+
+import TextArea_default from "../../../Input/TextArea.mjs";
+import { memo, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/chat/ChatInputArea/components/ChatInputAreaInner.tsx
+const ChatInputAreaInner = memo(({ ref, resize = false, onCompositionEnd, onPressEnter, onCompositionStart, className, onInput, loading, onSend, onBlur, onChange, ...rest }) => {
+	const isChineseInput = useRef(false);
+	return /* @__PURE__ */ jsx(TextArea_default, {
+		className,
+		onBlur: (e) => {
+			onInput?.(e.target.value);
+			onBlur?.(e);
+		},
+		onChange: (e) => {
+			onInput?.(e.target.value);
+			onChange?.(e);
+		},
+		onCompositionEnd: (e) => {
+			isChineseInput.current = false;
+			onCompositionEnd?.(e);
+		},
+		onCompositionStart: (e) => {
+			isChineseInput.current = true;
+			onCompositionStart?.(e);
+		},
+		onPressEnter: (e) => {
+			onPressEnter?.(e);
+			const isMobile = /mobi|android|iphone/i.test(navigator.userAgent);
+			if (!loading && !isChineseInput.current && (!isMobile && !e.shiftKey || isMobile && e.shiftKey)) {
+				e.preventDefault();
+				onSend?.();
+			}
+		},
+		ref,
+		resize,
+		variant: "borderless",
+		...rest
+	});
+});
+var ChatInputAreaInner_default = ChatInputAreaInner;
+
+//#endregion
+export { ChatInputAreaInner_default as default };
+//# sourceMappingURL=ChatInputAreaInner.mjs.map

package/es/chat/ChatInputArea/components/ChatInputAreaInner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAreaInner.mjs","names":["TextArea"],"sources":["../../../../src/chat/ChatInputArea/components/ChatInputAreaInner.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useRef } from 'react';\n\nimport { TextArea } from '@/Input';\n\nimport { ChatInputAreaInnerProps } from '../type';\n\nconst ChatInputAreaInner = memo<ChatInputAreaInnerProps>(\n  ({\n    ref,\n    resize = false,\n    onCompositionEnd,\n    onPressEnter,\n    onCompositionStart,\n    className,\n    onInput,\n    loading,\n    onSend,\n    onBlur,\n    onChange,\n    ...rest\n  }) => {\n    const isChineseInput = useRef(false);\n\n    return (\n      <TextArea\n        className={className}\n        onBlur={(e) => {\n          onInput?.(e.target.value);\n          onBlur?.(e);\n        }}\n        onChange={(e) => {\n          onInput?.(e.target.value);\n          onChange?.(e);\n        }}\n        onCompositionEnd={(e) => {\n          isChineseInput.current = false;\n          onCompositionEnd?.(e);\n        }}\n        onCompositionStart={(e) => {\n          isChineseInput.current = true;\n          onCompositionStart?.(e);\n        }}\n        onPressEnter={(e) => {\n          onPressEnter?.(e);\n          const isMobile = /mobi|android|iphone/i.test(navigator.userAgent);\n          if (\n            !loading &&\n            !isChineseInput.current &&\n            ((!isMobile && !e.shiftKey) || (isMobile && e.shiftKey))\n          ) {\n            e.preventDefault();\n            onSend?.();\n          }\n        }}\n        ref={ref}\n        resize={resize}\n        variant={'borderless'}\n        {...rest}\n      />\n    );\n  },\n);\n\nexport default ChatInputAreaInner;\n"],"mappings":";;;;;;;AAQA,MAAM,qBAAqB,MACxB,EACC,KACA,SAAS,OACT,kBACA,cACA,oBACA,WACA,SACA,SACA,QACA,QACA,UACA,GAAG,WACC;CACJ,MAAM,iBAAiB,OAAO,MAAM;AAEpC,QACE,oBAACA;EACY;EACX,SAAS,MAAM;AACb,aAAU,EAAE,OAAO,MAAM;AACzB,YAAS,EAAE;;EAEb,WAAW,MAAM;AACf,aAAU,EAAE,OAAO,MAAM;AACzB,cAAW,EAAE;;EAEf,mBAAmB,MAAM;AACvB,kBAAe,UAAU;AACzB,sBAAmB,EAAE;;EAEvB,qBAAqB,MAAM;AACzB,kBAAe,UAAU;AACzB,wBAAqB,EAAE;;EAEzB,eAAe,MAAM;AACnB,kBAAe,EAAE;GACjB,MAAM,WAAW,uBAAuB,KAAK,UAAU,UAAU;AACjE,OACE,CAAC,WACD,CAAC,eAAe,YACd,CAAC,YAAY,CAAC,EAAE,YAAc,YAAY,EAAE,WAC9C;AACA,MAAE,gBAAgB;AAClB,cAAU;;;EAGT;EACG;EACR,SAAS;EACT,GAAI;GACJ;EAGP;AAED,iCAAe"}

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

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

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

@@ -0,0 +1,68 @@
+import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
+import Icon_default from "../../../Icon/Icon.mjs";
+import Button_default from "../../../Button/Button.mjs";
+import { useTheme } from "antd-style";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowBigUp, CornerDownLeft, Loader2 } from "lucide-react";
+
+//#region src/chat/ChatInputArea/components/ChatSendButton.tsx
+const ChatSendButton = ({ ref, leftAddons, rightAddons, texts, onSend, loading, onStop, ...rest }) => {
+	const theme = useTheme();
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		align: "end",
+		distribution: "space-between",
+		flex: "none",
+		gap: 8,
+		horizontal: true,
+		paddingInline: 16,
+		ref,
+		...rest,
+		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+			align: "center",
+			gap: 8,
+			horizontal: true,
+			children: leftAddons
+		}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+			align: "center",
+			gap: 8,
+			horizontal: true,
+			children: [
+				/* @__PURE__ */ jsxs(FlexBasic_default, {
+					gap: 4,
+					horizontal: true,
+					style: {
+						color: theme.colorTextDescription,
+						fontSize: 12,
+						marginRight: 12
+					},
+					children: [
+						/* @__PURE__ */ jsx(Icon_default, { icon: CornerDownLeft }),
+						/* @__PURE__ */ jsx("span", { children: texts?.send || "Send" }),
+						/* @__PURE__ */ jsx("span", { children: "/" }),
+						/* @__PURE__ */ jsxs(FlexBasic_default, {
+							horizontal: true,
+							children: [/* @__PURE__ */ jsx(Icon_default, { icon: ArrowBigUp }), /* @__PURE__ */ jsx(Icon_default, { icon: CornerDownLeft })]
+						}),
+						/* @__PURE__ */ jsx("span", { children: texts?.warp || "Warp" })
+					]
+				}),
+				rightAddons,
+				loading ? /* @__PURE__ */ jsx(Button_default, {
+					icon: loading && Loader2,
+					onClick: onStop,
+					children: texts?.stop || "Stop"
+				}) : /* @__PURE__ */ jsx(Button_default, {
+					onClick: onSend,
+					type: "primary",
+					children: texts?.send || "Send"
+				})
+			]
+		})]
+	});
+};
+ChatSendButton.displayName = "ChatSendButton";
+var ChatSendButton_default = ChatSendButton;
+
+//#endregion
+export { ChatSendButton_default as default };
+//# sourceMappingURL=ChatSendButton.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSendButton.mjs","names":["ChatSendButton: FC<ChatSendButtonProps>","Flexbox","Icon","Button"],"sources":["../../../../src/chat/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["import { useTheme } from 'antd-style';\nimport { ArrowBigUp, CornerDownLeft, Loader2 } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport Button from '@/Button';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { ChatSendButtonProps } from '../type';\n\nconst ChatSendButton: FC<ChatSendButtonProps> = ({\n  ref,\n  leftAddons,\n  rightAddons,\n  texts,\n  onSend,\n  loading,\n  onStop,\n  ...rest\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Flexbox\n      align={'end'}\n      distribution={'space-between'}\n      flex={'none'}\n      gap={8}\n      horizontal\n      paddingInline={16}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox align={'center'} gap={8} horizontal>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox align={'center'} gap={8} horizontal>\n        <Flexbox\n          gap={4}\n          horizontal\n          style={{ color: theme.colorTextDescription, fontSize: 12, marginRight: 12 }}\n        >\n          <Icon icon={CornerDownLeft} />\n          <span>{texts?.send || 'Send'}</span>\n          <span>/</span>\n          <Flexbox horizontal>\n            <Icon icon={ArrowBigUp} />\n            <Icon icon={CornerDownLeft} />\n          </Flexbox>\n          <span>{texts?.warp || 'Warp'}</span>\n        </Flexbox>\n        {rightAddons}\n        {loading ? (\n          <Button icon={loading && Loader2} onClick={onStop}>\n            {texts?.stop || 'Stop'}\n          </Button>\n        ) : (\n          <Button onClick={onSend} type={'primary'}>\n            {texts?.send || 'Send'}\n          </Button>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;;;AAUA,MAAMA,kBAA2C,EAC/C,KACA,YACA,aACA,OACA,QACA,SACA,QACA,GAAG,WACC;CACJ,MAAM,QAAQ,UAAU;AAExB,QACE,qBAACC;EACC,OAAO;EACP,cAAc;EACd,MAAM;EACN,KAAK;EACL;EACA,eAAe;EACV;EACL,GAAI;aAEJ,oBAACA;GAAQ,OAAO;GAAU,KAAK;GAAG;aAC/B;IACO,EACV,qBAACA;GAAQ,OAAO;GAAU,KAAK;GAAG;;IAChC,qBAACA;KACC,KAAK;KACL;KACA,OAAO;MAAE,OAAO,MAAM;MAAsB,UAAU;MAAI,aAAa;MAAI;;MAE3E,oBAACC,gBAAK,MAAM,iBAAkB;MAC9B,oBAAC,oBAAM,OAAO,QAAQ,SAAc;MACpC,oBAAC,oBAAK,MAAQ;MACd,qBAACD;OAAQ;kBACP,oBAACC,gBAAK,MAAM,aAAc,EAC1B,oBAACA,gBAAK,MAAM,iBAAkB;QACtB;MACV,oBAAC,oBAAM,OAAO,QAAQ,SAAc;;MAC5B;IACT;IACA,UACC,oBAACC;KAAO,MAAM,WAAW;KAAS,SAAS;eACxC,OAAO,QAAQ;MACT,GAET,oBAACA;KAAO,SAAS;KAAQ,MAAM;eAC5B,OAAO,QAAQ;MACT;;IAEH;GACF;;AAId,eAAe,cAAc;AAE7B,6BAAe"}

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

@@ -0,0 +1,17 @@
+import { ChatInputActionBarProps, ChatInputAreaInnerProps, ChatInputAreaProps, ChatSendButtonProps } from "./type.mjs";
+import { ChatInputActionBar } from "./components/ChatInputActionBar.mjs";
+import { ChatInputAreaInner } from "./components/ChatInputAreaInner.mjs";
+import { ChatSendButton } from "./components/ChatSendButton.mjs";
+import { ReactNode } from "react";
+
+//#region src/chat/ChatInputArea/index.d.ts
+interface IChatHeader {
+  (props: ChatInputAreaProps): ReactNode;
+  ActionBar: typeof ChatInputActionBar;
+  Inner: typeof ChatInputAreaInner;
+  SendButton: typeof ChatSendButton;
+}
+declare const ChatInputArea: IChatHeader;
+//#endregion
+export { ChatInputArea };
+//# sourceMappingURL=index.d.mts.map