@hubstr/kit 0.1.5 → 0.1.6

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } 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: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\r\n  const tagContent = tag && (\r\n    <Flexbox horizontal align={'center'} className={styles.tag}>\r\n      {tag}\r\n    </Flexbox>\r\n  );\r\n\r\n  if (desc)\r\n    return (\r\n      <Flexbox className={styles.container} gap={4}>\r\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={8}>\r\n          <div className={styles.titleWithDesc}>{title}</div>\r\n          {tagContent}\r\n        </Flexbox>\r\n        <Flexbox horizontal align={'center'} className={styles.desc}>\r\n          {desc}\r\n        </Flexbox>\r\n      </Flexbox>\r\n    );\r\n  return (\r\n    <Flexbox horizontal align={'center'} className={styles.container} gap={8}>\r\n      <div className={styles.title}>{title}</div>\r\n      {tagContent}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nexport default ChatHeaderTitle;\r\n"],"mappings":";;;;AAOA,MAAM,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,aAAa,OACjB,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,WAAWC,YAAO;YACpD;EACO,CAAA;AAGZ,KAAI,KACF,QACE,qBAACD,mBAAD;EAAS,WAAWC,YAAO;EAAW,KAAK;YAA3C,CACE,qBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;aAA5E,CACE,oBAAC,OAAD;IAAK,WAAWA,YAAO;cAAgB;IAAY,CAAA,EAClD,WACO;MACV,oBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,YAAO;aACpD;GACO,CAAA,CACF;;AAEd,QACE,qBAACD,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,WAAWC,YAAO;EAAW,KAAK;YAAvE,CACE,oBAAC,OAAD;GAAK,WAAWA,YAAO;aAAQ;GAAY,CAAA,EAC1C,WACO"}

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/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      position: relative;\r\n      overflow: hidden;\r\n    `,\r\n    container: css`\r\n      position: absolute;\r\n      z-index: 10;\r\n\r\n      overflow: hidden;\r\n      grid-area: header;\r\n      align-self: stretch;\r\n\r\n      width: 100%;\r\n      height: 52px;\r\n      min-height: 52px;\r\n      max-height: 52px;\r\n      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\r\n\r\n      background: ${cssVar.colorBgContainer};\r\n    `,\r\n    left: css`\r\n      position: relative;\r\n      overflow: hidden;\r\n      flex: 1;\r\n      padding-inline-start: 8px;\r\n    `,\r\n    right: css`\r\n      position: relative;\r\n      overflow: hidden;\r\n      flex: none;\r\n    `,\r\n  };\r\n});\r\n\r\nexport const titleStyles = createStaticStyles(({ css, cssVar }) => ({\r\n  container: css`\r\n    position: relative;\r\n    overflow: hidden;\r\n    flex: 1;\r\n    max-width: 100%;\r\n  `,\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    align-items: baseline;\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    line-height: 1;\r\n  `,\r\n  titleWithDesc: css`\r\n    overflow: hidden;\r\n    font-weight: bold;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n  `,\r\n}));\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;;;;EAIX,WAAW,GAAG;;;;;;;;;;;;oCAYkB,OAAO,qBAAqB;;oBAE5C,OAAO,iBAAiB;;EAExC,MAAM,GAAG;;;;;;EAMT,OAAO,GAAG;;;;;EAKX;EACD;AAEF,MAAa,cAAc,oBAAoB,EAAE,KAAK,cAAc;CAClE,WAAW,GAAG;;;;;;CAMd,MAAM,GAAG;;;;;;;aAOE,OAAO,kBAAkB;;;;CAIpC,KAAK,GAAG;;;;CAIR,OAAO,GAAG;;;;;;;;;CASV,gBAAgB,GAAG;;;;CAInB,eAAe,GAAG;;;;;;CAMnB,EAAE"}

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

@@ -0,0 +1,33 @@
+import { FlexboxProps } from "../../Flex/type.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/ui/es/chat/ChatInputArea/ChatInputArea.mjs

@@ -0,0 +1,52 @@
+"use client";
+import DraggablePanel from "../../DraggablePanel/index.mjs";
+import ChatInputAreaInner from "./components/ChatInputAreaInner.mjs";
+import { styles } 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 }) => {
+	return /* @__PURE__ */ jsx(DraggablePanel, {
+		className,
+		classNames,
+		fullscreen: expand,
+		headerHeight: heights?.headerHeight,
+		maxHeight: heights?.maxHeight,
+		minHeight: heights?.minHeight,
+		placement: "bottom",
+		size: {
+			height: heights?.inputHeight,
+			width: "100%"
+		},
+		style: {
+			zIndex: 10,
+			...style
+		},
+		onSizeChange,
+		children: /* @__PURE__ */ jsxs("section", {
+			className: styles.container,
+			style: { minHeight: heights?.minHeight },
+			children: [
+				topAddons,
+				/* @__PURE__ */ jsx("div", {
+					className: styles.textareaContainer,
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner, {
+						className: styles.textarea,
+						ref,
+						style: { paddingInline: 16 },
+						onSend: () => {
+							onSend?.();
+							setExpand?.(false);
+						},
+						...rest
+					})
+				}),
+				bottomAddons
+			]
+		})
+	});
+});
+//#endregion
+export { ChatInputArea as default };
+
+//# sourceMappingURL=ChatInputArea.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputArea.mjs","names":[],"sources":["../../../src/chat/ChatInputArea/ChatInputArea.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo } from 'react';\r\n\r\nimport DraggablePanel from '../../DraggablePanel';\r\n\r\nimport ChatInputAreaInner from './components/ChatInputAreaInner';\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    classNames,\r\n    expand = true,\r\n    setExpand,\r\n    bottomAddons,\r\n    topAddons,\r\n    onSizeChange,\r\n    heights,\r\n    onSend,\r\n    ...rest\r\n  }) => {\r\n    return (\r\n      <DraggablePanel\r\n        className={className}\r\n        classNames={classNames}\r\n        fullscreen={expand}\r\n        headerHeight={heights?.headerHeight}\r\n        maxHeight={heights?.maxHeight}\r\n        minHeight={heights?.minHeight}\r\n        placement=\"bottom\"\r\n        size={{ height: heights?.inputHeight, width: '100%' }}\r\n        style={{ zIndex: 10, ...style }}\r\n        onSizeChange={onSizeChange}\r\n      >\r\n        <section className={styles.container} style={{ minHeight: heights?.minHeight }}>\r\n          {topAddons}\r\n          <div className={styles.textareaContainer}>\r\n            <ChatInputAreaInner\r\n              className={styles.textarea}\r\n              ref={ref}\r\n              style={{\r\n                paddingInline: 16,\r\n              }}\r\n              onSend={() => {\r\n                onSend?.();\r\n                setExpand?.(false);\r\n              }}\r\n              {...rest}\r\n            />\r\n          </div>\r\n          {bottomAddons}\r\n        </section>\r\n      </DraggablePanel>\r\n    );\r\n  },\r\n);\r\n\r\nexport default ChatInputArea;\r\n"],"mappings":";;;;;;;AAUA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,YACA,SAAS,MACT,WACA,cACA,WACA,cACA,SACA,QACA,GAAG,WACC;AACJ,QACE,oBAAC,gBAAD;EACa;EACC;EACZ,YAAY;EACZ,cAAc,SAAS;EACvB,WAAW,SAAS;EACpB,WAAW,SAAS;EACpB,WAAU;EACV,MAAM;GAAE,QAAQ,SAAS;GAAa,OAAO;GAAQ;EACrD,OAAO;GAAE,QAAQ;GAAI,GAAG;GAAO;EACjB;YAEd,qBAAC,WAAD;GAAS,WAAW,OAAO;GAAW,OAAO,EAAE,WAAW,SAAS,WAAW;aAA9E;IACG;IACD,oBAAC,OAAD;KAAK,WAAW,OAAO;eACrB,oBAAC,oBAAD;MACE,WAAW,OAAO;MACb;MACL,OAAO,EACL,eAAe,IAChB;MACD,cAAc;AACZ,iBAAU;AACV,mBAAY,MAAM;;MAEpB,GAAI;MACJ,CAAA;KACE,CAAA;IACL;IACO;;EACK,CAAA;EAGtB"}

package/ui/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/ui/es/chat/ChatInputArea/components/ChatInputActionBar.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputActionBar.mjs","names":["Flexbox","styles"],"sources":["../../../../src/chat/ChatInputArea/components/ChatInputActionBar.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useResponsive } from 'antd-style';\r\nimport { type FC } from 'react';\r\n\r\nimport { Flexbox } from '../../../Flex';\r\n\r\nimport { actionBarStyles as styles } from '../style';\r\nimport type { ChatInputActionBarProps } from '../type';\r\n\r\nconst ChatInputActionBar: FC<ChatInputActionBarProps> = ({\r\n  ref,\r\n  padding = '0 16px',\r\n  leftAddons,\r\n  rightAddons,\r\n  ...rest\r\n}) => {\r\n  const { mobile } = useResponsive();\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={'center'}\r\n      className={styles.root}\r\n      flex={'none'}\r\n      justify={'space-between'}\r\n      padding={padding}\r\n      ref={ref}\r\n      {...rest}\r\n    >\r\n      <Flexbox horizontal align={'center'} className={styles.left} flex={1} gap={mobile ? 0 : 4}>\r\n        {leftAddons}\r\n      </Flexbox>\r\n      <Flexbox\r\n        horizontal\r\n        align={'center'}\r\n        className={styles.right}\r\n        flex={0}\r\n        gap={mobile ? 0 : 4}\r\n        justify={'flex-end'}\r\n      >\r\n        {rightAddons}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nChatInputActionBar.displayName = 'ChatInputActionBar';\r\n\r\nexport default ChatInputActionBar;\r\n"],"mappings":";;;;;;AAUA,MAAM,sBAAmD,EACvD,KACA,UAAU,UACV,YACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;AAClC,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAWC,gBAAO;EAClB,MAAM;EACN,SAAS;EACA;EACJ;EACL,GAAI;YARN,CAUE,oBAACD,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,WAAWC,gBAAO;GAAM,MAAM;GAAG,KAAK,SAAS,IAAI;aACrF;GACO,CAAA,EACV,oBAACD,mBAAD;GACE,YAAA;GACA,OAAO;GACP,WAAWC,gBAAO;GAClB,MAAM;GACN,KAAK,SAAS,IAAI;GAClB,SAAS;aAER;GACO,CAAA,CACF;;;AAId,mBAAmB,cAAc"}

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

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

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

@@ -0,0 +1,43 @@
+"use client";
+import TextArea 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, {
+		className,
+		ref,
+		resize,
+		variant: "borderless",
+		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?.();
+			}
+		},
+		...rest
+	});
+});
+//#endregion
+export { ChatInputAreaInner as default };
+
+//# sourceMappingURL=ChatInputAreaInner.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatInputAreaInner.mjs","names":[],"sources":["../../../../src/chat/ChatInputArea/components/ChatInputAreaInner.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { memo, useRef } from 'react';\r\n\r\nimport { TextArea } from '../../../Input';\r\n\r\nimport type { ChatInputAreaInnerProps } from '../type';\r\n\r\nconst ChatInputAreaInner = memo<ChatInputAreaInnerProps>(\r\n  ({\r\n    ref,\r\n    resize = false,\r\n    onCompositionEnd,\r\n    onPressEnter,\r\n    onCompositionStart,\r\n    className,\r\n    onInput,\r\n    loading,\r\n    onSend,\r\n    onBlur,\r\n    onChange,\r\n    ...rest\r\n  }) => {\r\n    const isChineseInput = useRef(false);\r\n\r\n    return (\r\n      <TextArea\r\n        className={className}\r\n        ref={ref}\r\n        resize={resize}\r\n        variant={'borderless'}\r\n        onBlur={(e) => {\r\n          onInput?.(e.target.value);\r\n          onBlur?.(e);\r\n        }}\r\n        onChange={(e) => {\r\n          onInput?.(e.target.value);\r\n          onChange?.(e);\r\n        }}\r\n        onCompositionEnd={(e) => {\r\n          isChineseInput.current = false;\r\n          onCompositionEnd?.(e);\r\n        }}\r\n        onCompositionStart={(e) => {\r\n          isChineseInput.current = true;\r\n          onCompositionStart?.(e);\r\n        }}\r\n        onPressEnter={(e) => {\r\n          onPressEnter?.(e);\r\n          const isMobile = /mobi|android|iphone/i.test(navigator.userAgent);\r\n          if (\r\n            !loading &&\r\n            !isChineseInput.current &&\r\n            ((!isMobile && !e.shiftKey) || (isMobile && e.shiftKey))\r\n          ) {\r\n            e.preventDefault();\r\n            onSend?.();\r\n          }\r\n        }}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nexport default ChatInputAreaInner;\r\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,oBAAC,UAAD;EACa;EACN;EACG;EACR,SAAS;EACT,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;;;EAGd,GAAI;EACJ,CAAA;EAGP"}

package/ui/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/ui/es/chat/ChatInputArea/components/ChatSendButton.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatSendButton.mjs","names":["Flexbox"],"sources":["../../../../src/chat/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["import { cssVar } from 'antd-style';\r\nimport { ArrowBigUp, CornerDownLeft, Loader2 } from 'lucide-react';\r\nimport { type FC } from 'react';\r\n\r\nimport Button from '../../../Button';\r\nimport { Flexbox } from '../../../Flex';\r\nimport Icon from '../../../Icon';\r\n\r\nimport type { ChatSendButtonProps } from '../type';\r\n\r\nconst ChatSendButton: FC<ChatSendButtonProps> = ({\r\n  ref,\r\n  leftAddons,\r\n  rightAddons,\r\n  texts,\r\n  onSend,\r\n  loading,\r\n  onStop,\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={'end'}\r\n      distribution={'space-between'}\r\n      flex={'none'}\r\n      gap={8}\r\n      paddingInline={16}\r\n      ref={ref}\r\n      {...rest}\r\n    >\r\n      <Flexbox horizontal align={'center'} gap={8}>\r\n        {leftAddons}\r\n      </Flexbox>\r\n      <Flexbox horizontal align={'center'} gap={8}>\r\n        <Flexbox\r\n          horizontal\r\n          gap={4}\r\n          style={{ color: cssVar.colorTextDescription, fontSize: 12, marginRight: 12 }}\r\n        >\r\n          <Icon icon={CornerDownLeft} />\r\n          <span>{texts?.send || 'Send'}</span>\r\n          <span>/</span>\r\n          <Flexbox horizontal>\r\n            <Icon icon={ArrowBigUp} />\r\n            <Icon icon={CornerDownLeft} />\r\n          </Flexbox>\r\n          <span>{texts?.warp || 'Warp'}</span>\r\n        </Flexbox>\r\n        {rightAddons}\r\n        {loading ? (\r\n          <Button icon={loading && Loader2} onClick={onStop}>\r\n            {texts?.stop || 'Stop'}\r\n          </Button>\r\n        ) : (\r\n          <Button type={'primary'} onClick={onSend}>\r\n            {texts?.send || 'Send'}\r\n          </Button>\r\n        )}\r\n      </Flexbox>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nChatSendButton.displayName = 'ChatSendButton';\r\n\r\nexport default ChatSendButton;\r\n"],"mappings":";;;;;;;AAUA,MAAM,kBAA2C,EAC/C,KACA,YACA,aACA,OACA,QACA,SACA,QACA,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,cAAc;EACd,MAAM;EACN,KAAK;EACL,eAAe;EACV;EACL,GAAI;YARN,CAUE,oBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,KAAK;aACvC;GACO,CAAA,EACV,qBAACA,mBAAD;GAAS,YAAA;GAAW,OAAO;GAAU,KAAK;aAA1C;IACE,qBAACA,mBAAD;KACE,YAAA;KACA,KAAK;KACL,OAAO;MAAE,OAAO,OAAO;MAAsB,UAAU;MAAI,aAAa;MAAI;eAH9E;MAKE,oBAAC,MAAD,EAAM,MAAM,gBAAkB,CAAA;MAC9B,oBAAC,QAAD,EAAA,UAAO,OAAO,QAAQ,QAAc,CAAA;MACpC,oBAAC,QAAD,EAAA,UAAM,KAAQ,CAAA;MACd,qBAACA,mBAAD;OAAS,YAAA;iBAAT,CACE,oBAAC,MAAD,EAAM,MAAM,YAAc,CAAA,EAC1B,oBAAC,MAAD,EAAM,MAAM,gBAAkB,CAAA,CACtB;;MACV,oBAAC,QAAD,EAAA,UAAO,OAAO,QAAQ,QAAc,CAAA;MAC5B;;IACT;IACA,UACC,oBAAC,QAAD;KAAQ,MAAM,WAAW;KAAS,SAAS;eACxC,OAAO,QAAQ;KACT,CAAA,GAET,oBAAC,QAAD;KAAQ,MAAM;KAAW,SAAS;eAC/B,OAAO,QAAQ;KACT,CAAA;IAEH;KACF;;;AAId,eAAe,cAAc"}

package/ui/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

package/ui/es/chat/ChatInputArea/index.mjs

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

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

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

package/ui/es/chat/ChatInputArea/style.mjs

@@ -0,0 +1,43 @@
+import { staticStylish } from "../../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles, cx } from "antd-style";
+//#region src/chat/ChatInputArea/style.ts
+const styles = createStaticStyles(({ css }) => {
+	return {
+		container: css`
+      position: relative;
+
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      height: 100%;
+      padding-block: 8px 12px;
+      padding-inline: 0;
+    `,
+		textarea: css`
+      height: 100% !important;
+      padding-block: 0;
+      padding-inline: 8px;
+      line-height: 1.5;
+    `,
+		textareaContainer: css`
+      position: relative;
+      flex: 1;
+    `
+	};
+});
+const actionBarStyles = createStaticStyles(({ css }) => ({
+	left: cx(staticStylish.noScrollbar, css`
+      overflow: auto hidden;
+    `),
+	right: css``,
+	root: css`
+    position: relative;
+    overflow: hidden;
+    width: 100%;
+  `
+}));
+//#endregion
+export { actionBarStyles, styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["hubstrStaticStylish"],"sources":["../../../src/chat/ChatInputArea/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\r\n\r\nimport { hubstrStaticStylish } from '../../styles';\r\n\r\nexport const styles = createStaticStyles(({ css }) => {\r\n  return {\r\n    container: css`\r\n      position: relative;\r\n\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n\r\n      height: 100%;\r\n      padding-block: 8px 12px;\r\n      padding-inline: 0;\r\n    `,\r\n    textarea: css`\r\n      height: 100% !important;\r\n      padding-block: 0;\r\n      padding-inline: 8px;\r\n      line-height: 1.5;\r\n    `,\r\n    textareaContainer: css`\r\n      position: relative;\r\n      flex: 1;\r\n    `,\r\n  };\r\n});\r\n\r\nexport const actionBarStyles = createStaticStyles(({ css }) => ({\r\n  left: cx(\r\n    hubstrStaticStylish.noScrollbar,\r\n    css`\r\n      overflow: auto hidden;\r\n    `,\r\n  ),\r\n  right: css``,\r\n  root: css`\r\n    position: relative;\r\n    overflow: hidden;\r\n    width: 100%;\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO;EACL,WAAW,GAAG;;;;;;;;;;;EAWd,UAAU,GAAG;;;;;;EAMb,mBAAmB,GAAG;;;;EAIvB;EACD;AAEF,MAAa,kBAAkB,oBAAoB,EAAE,WAAW;CAC9D,MAAM,GACJA,cAAoB,aACpB,GAAG;;MAGJ;CACD,OAAO,GAAG;CACV,MAAM,GAAG;;;;;CAKV,EAAE"}

package/ui/es/chat/ChatInputArea/type.d.mts

@@ -0,0 +1,55 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import { DraggablePanelProps } from "../../DraggablePanel/type.mjs";
+import { TextAreaProps as TextAreaProps$1 } from "../../Input/type.mjs";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { TextAreaRef } from "antd/es/input/TextArea.js";
+
+//#region src/chat/ChatInputArea/type.d.ts
+interface ChatInputAreaProps extends Omit<ChatInputAreaInnerProps, 'classNames'> {
+  bottomAddons?: ReactNode;
+  classNames?: DraggablePanelProps['classNames'];
+  expand?: boolean;
+  heights?: {
+    headerHeight?: number;
+    inputHeight?: number;
+    maxHeight?: number;
+    minHeight?: number;
+  };
+  onSizeChange?: DraggablePanelProps['onSizeChange'];
+  ref?: Ref<TextAreaRef>;
+  setExpand?: (expand: boolean) => void;
+  topAddons?: ReactNode;
+}
+interface ChatInputActionBarProps {
+  leftAddons?: ReactNode;
+  mobile?: boolean;
+  padding?: number | string;
+  ref?: Ref<HTMLDivElement>;
+  rightAddons?: ReactNode;
+}
+interface ChatInputAreaInnerProps extends Omit<TextAreaProps$1, 'onInput'> {
+  className?: string;
+  loading?: boolean;
+  onInput?: (value: string) => void;
+  onSend?: () => void;
+  ref?: Ref<TextAreaRef>;
+  style?: CSSProperties;
+}
+interface ChatSendButtonProps extends FlexboxProps {
+  className?: string;
+  leftAddons?: ReactNode;
+  loading?: boolean;
+  onSend?: () => void;
+  onStop?: () => void;
+  ref?: Ref<HTMLDivElement>;
+  rightAddons?: ReactNode;
+  style?: CSSProperties;
+  texts?: {
+    send?: string;
+    stop?: string;
+    warp?: string;
+  };
+}
+//#endregion
+export { ChatInputActionBarProps, ChatInputAreaInnerProps, ChatInputAreaProps, ChatSendButtonProps };
+//# sourceMappingURL=type.d.mts.map

package/ui/es/chat/ChatItem/ChatItem.d.mts

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