@lobehub/ui 5.6.2 → 5.6.4

package/es/chat/BackBottom/style.mjs

@@ -1,8 +1,7 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/chat/BackBottom/style.ts
-const styles = createStaticStyles(({ css: css$1, responsive: responsive$1 }) => ({
-	hidden: css$1`
+const styles = createStaticStyles(({ css, responsive }) => ({
+	hidden: css`
     pointer-events: none;
 
     position: absolute;
@@ -12,14 +11,14 @@ const styles = createStaticStyles(({ css: css$1, responsive: responsive$1 }) =>
 
     opacity: 0;
 
-    ${responsive$1.sm} {
+    ${responsive.sm} {
       inset-inline-end: 0;
       border-inline-end: none;
       border-start-end-radius: 0 !important;
       border-end-end-radius: 0 !important;
     }
   `,
-	visible: css$1`
+	visible: css`
     pointer-events: all;
 
     position: absolute;
@@ -29,7 +28,7 @@ const styles = createStaticStyles(({ css: css$1, responsive: responsive$1 }) =>
 
     opacity: 1;
 
-    ${responsive$1.sm} {
+    ${responsive.sm} {
       inset-inline-end: 0;
       border-inline-end: none;
       border-start-end-radius: 0 !important;
@@ -37,7 +36,7 @@ const styles = createStaticStyles(({ css: css$1, responsive: responsive$1 }) =>
     }
   `
 }));
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["responsive"],"sources":["../../../src/chat/BackBottom/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, responsive }) => ({\n  hidden: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(16px);\n\n    opacity: 0;\n\n    ${responsive.sm} {\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  visible: css`\n    pointer-events: all;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(0);\n\n    opacity: 1;\n\n    ${responsive.sm} {\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,SAAS,oBAAoB,EAAE,YAAK,gCAAkB;CACjE,QAAQ,KAAG;;;;;;;;;;MAUPA,aAAW,GAAG;;;;;;;CAOlB,SAAS,KAAG;;;;;;;;;;MAURA,aAAW,GAAG;;;;;;;CAOnB,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/BackBottom/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, responsive }) => ({\n  hidden: css`\n    pointer-events: none;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(16px);\n\n    opacity: 0;\n\n    ${responsive.sm} {\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  visible: css`\n    pointer-events: all;\n\n    position: absolute;\n    inset-block-end: 16px;\n    inset-inline-end: 16px;\n    transform: translateY(0);\n\n    opacity: 1;\n\n    ${responsive.sm} {\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,SAAS,oBAAoB,EAAE,KAAK,kBAAkB;CACjE,QAAQ,GAAG;;;;;;;;;;MAUP,WAAW,GAAG;;;;;;;CAOlB,SAAS,GAAG;;;;;;;;;;MAUR,WAAW,GAAG;;;;;;;CAOnB,EAAE"}

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

@@ -1,6 +1,6 @@
 import { CSSProperties } from "react";
 import { BackTopProps } from "antd";
-import { Target } from "ahooks/lib/useScroll";
+import { Target } from "ahooks/lib/useScroll/index.js";
 
 //#region src/chat/BackBottom/type.d.ts
 interface BackBottomProps {

package/es/chat/ChatHeader/ChatHeader.mjs

@@ -1,13 +1,11 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.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/chat/ChatHeader/ChatHeader.tsx
 const ChatHeader = memo(({ left, right, className, styles: contentStyles, gaps, classNames, showBackButton, onBackClick, children, gap = 16, ...rest }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -26,7 +24,7 @@ const ChatHeader = memo(({ left, right, className, styles: contentStyles, gaps,
 				gap: gaps?.left || 12,
 				justify: "flex-start",
 				style: contentStyles?.left,
-				children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
+				children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon, {
 					icon: ChevronLeft,
 					style: { marginRight: gaps?.left ? -gaps.left / 2 : -6 },
 					onClick: () => onBackClick?.()
@@ -54,8 +52,7 @@ const ChatHeader = memo(({ left, right, className, styles: contentStyles, gaps,
 	});
 });
 ChatHeader.displayName = "ChatHeader";
-var ChatHeader_default = ChatHeader;
-
 //#endregion
-export { ChatHeader_default as default };
+export { ChatHeader as default };
+
 //# sourceMappingURL=ChatHeader.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.mjs","names":["Flexbox","ActionIcon"],"sources":["../../../src/chat/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } 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    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n              onClick={() => onBackClick?.()}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\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":";;;;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;AACJ,QACE,qBAACA;EACC;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL,eAAe;EACf,GAAI;;GAEJ,qBAACA;IACC;IACA,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB,SAAS;IACT,OAAO,eAAe;eAErB,kBACC,oBAACC;KACC,MAAM;KACN,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;KACxD,eAAe,eAAe;MAC9B,EAEH;KACO;GACT,YACC,oBAACD;IACC;IACA,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB,SAAS;IACT,OAAO,eAAe;IAErB;KACO;GAEZ,oBAACA;IACC;IACA,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB,SAAS;IACT,OAAO,eAAe;cAErB;KACO;;GACF;EAGf;AAED,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"ChatHeader.mjs","names":["Flexbox"],"sources":["../../../src/chat/ChatHeader/ChatHeader.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronLeft } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } 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    return (\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={cx(styles.container, className)}\n        distribution={'space-between'}\n        gap={gap}\n        paddingInline={16}\n        {...rest}\n      >\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.left, classNames?.left)}\n          gap={gaps?.left || 12}\n          justify={'flex-start'}\n          style={contentStyles?.left}\n        >\n          {showBackButton && (\n            <ActionIcon\n              icon={ChevronLeft}\n              style={{ marginRight: gaps?.left ? -gaps.left / 2 : -6 }}\n              onClick={() => onBackClick?.()}\n            />\n          )}\n          {left}\n        </Flexbox>\n        {children && (\n          <Flexbox\n            horizontal\n            align={'center'}\n            className={cx(styles.center, classNames?.center)}\n            gap={gaps?.center || 8}\n            justify={'center'}\n            style={contentStyles?.center}\n          >\n            {children}\n          </Flexbox>\n        )}\n        <Flexbox\n          horizontal\n          align={'center'}\n          className={cx(styles.right, classNames?.right)}\n          gap={gaps?.right || 8}\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":";;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,MACA,OACA,WACA,QAAQ,eACR,MACA,YACA,gBACA,aACA,UACA,MAAM,IACN,GAAG,WACC;AACJ,QACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,GAAG,OAAO,WAAW,UAAU;EAC1C,cAAc;EACT;EACL,eAAe;EACf,GAAI;YAPN;GASE,qBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAC5C,KAAK,MAAM,QAAQ;IACnB,SAAS;IACT,OAAO,eAAe;cANxB,CAQG,kBACC,oBAAC,YAAD;KACE,MAAM;KACN,OAAO,EAAE,aAAa,MAAM,OAAO,CAAC,KAAK,OAAO,IAAI,IAAI;KACxD,eAAe,eAAe;KAC9B,CAAA,EAEH,KACO;;GACT,YACC,oBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,QAAQ,YAAY,OAAO;IAChD,KAAK,MAAM,UAAU;IACrB,SAAS;IACT,OAAO,eAAe;IAErB;IACO,CAAA;GAEZ,oBAACA,mBAAD;IACE,YAAA;IACA,OAAO;IACP,WAAW,GAAG,OAAO,OAAO,YAAY,MAAM;IAC9C,KAAK,MAAM,SAAS;IACpB,SAAS;IACT,OAAO,eAAe;cAErB;IACO,CAAA;GACF;;EAGf;AAED,WAAW,cAAc"}

package/es/chat/ChatHeader/ChatHeaderTitle.mjs

@@ -1,7 +1,6 @@
 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, {
@@ -40,8 +39,7 @@ const ChatHeaderTitle = ({ title, desc, tag }) => {
 		}), tagContent]
 	});
 };
-var ChatHeaderTitle_default = ChatHeaderTitle;
-
 //#endregion
-export { ChatHeaderTitle_default as default };
+export { ChatHeaderTitle as default };
+
 //# sourceMappingURL=ChatHeaderTitle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderTitle.mjs","names":["ChatHeaderTitle: FC<ChatHeaderTitleProps>","Flexbox","styles"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const tagContent = tag && (\n    <Flexbox horizontal align={'center'} className={styles.tag}>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={8}>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox horizontal align={'center'} className={styles.desc}>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox horizontal align={'center'} className={styles.container} gap={8}>\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,aAAa,OACjB,oBAACC;EAAQ;EAAW,OAAO;EAAU,WAAWC,YAAO;YACpD;GACO;AAGZ,KAAI,KACF,QACE,qBAACD;EAAQ,WAAWC,YAAO;EAAW,KAAK;aACzC,qBAACD;GAAQ;GAAW,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;cAC1E,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACD;GAAQ;GAAW,OAAO;GAAU,WAAWC,YAAO;aACpD;IACO;GACF;AAEd,QACE,qBAACD;EAAQ;EAAW,OAAO;EAAU,WAAWC,YAAO;EAAW,KAAK;aACrE,oBAAC;GAAI,WAAWA,YAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}
+{"version":3,"file":"ChatHeaderTitle.mjs","names":["Flexbox","styles"],"sources":["../../../src/chat/ChatHeader/ChatHeaderTitle.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport { titleStyles as styles } from './style';\nimport type { ChatHeaderTitleProps } from './type';\n\nconst ChatHeaderTitle: FC<ChatHeaderTitleProps> = ({ title, desc, tag }) => {\n  const tagContent = tag && (\n    <Flexbox horizontal align={'center'} className={styles.tag}>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox horizontal align={'center'} className={styles.titleContainer} gap={8}>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox horizontal align={'center'} className={styles.desc}>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox horizontal align={'center'} className={styles.container} gap={8}>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\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/es/chat/ChatHeader/index.mjs

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

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

@@ -1 +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"}
+{"version":3,"file":"index.mjs","names":["ChatHeaderParent"],"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,QAAQ"}

package/es/chat/ChatHeader/style.mjs

@@ -1,13 +1,12 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/chat/ChatHeader/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+const styles = createStaticStyles(({ css, cssVar }) => {
 	return {
-		center: css$1`
+		center: css`
       position: relative;
       overflow: hidden;
     `,
-		container: css$1`
+		container: css`
       position: absolute;
       z-index: 10;
 
@@ -19,46 +18,46 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
       height: 52px;
       min-height: 52px;
       max-height: 52px;
-      border-block-end: 1px solid ${cssVar$1.colorBorderSecondary};
+      border-block-end: 1px solid ${cssVar.colorBorderSecondary};
 
-      background: ${cssVar$1.colorBgContainer};
+      background: ${cssVar.colorBgContainer};
     `,
-		left: css$1`
+		left: css`
       position: relative;
       overflow: hidden;
       flex: 1;
       padding-inline-start: 8px;
     `,
-		right: css$1`
+		right: css`
       position: relative;
       overflow: hidden;
       flex: none;
     `
 	};
 });
-const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
-	container: css$1`
+const titleStyles = createStaticStyles(({ css, cssVar }) => ({
+	container: css`
     position: relative;
     overflow: hidden;
     flex: 1;
     max-width: 100%;
   `,
-	desc: css$1`
+	desc: css`
     overflow: hidden;
 
     width: 100%;
 
     font-size: 12px;
     line-height: 1;
-    color: ${cssVar$1.colorTextTertiary};
+    color: ${cssVar.colorTextTertiary};
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-	tag: css$1`
+	tag: css`
     flex: none;
     align-items: baseline;
   `,
-	title: css$1`
+	title: css`
     overflow: hidden;
 
     font-size: 16px;
@@ -67,18 +66,18 @@ const titleStyles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => ({
     text-overflow: ellipsis;
     white-space: nowrap;
   `,
-	titleContainer: css$1`
+	titleContainer: css`
     flex: 1;
     line-height: 1;
   `,
-	titleWithDesc: css$1`
+	titleWithDesc: css`
     overflow: hidden;
     font-weight: bold;
     text-overflow: ellipsis;
     white-space: nowrap;
   `
 }));
-
 //#endregion
 export { styles, titleStyles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../../src/chat/ChatHeader/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\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      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n      background: ${cssVar.colorBgContainer};\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 titleStyles = createStaticStyles(({ css, cssVar }) => ({\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: ${cssVar.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,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;;;;EAIX,WAAW,KAAG;;;;;;;;;;;;oCAYkBA,SAAO,qBAAqB;;oBAE5CA,SAAO,iBAAiB;;EAExC,MAAM,KAAG;;;;;;EAMT,OAAO,KAAG;;;;;EAKX;EACD;AAEF,MAAa,cAAc,oBAAoB,EAAE,YAAK,wBAAc;CAClE,WAAW,KAAG;;;;;;CAMd,MAAM,KAAG;;;;;;;aAOEA,SAAO,kBAAkB;;;;CAIpC,KAAK,KAAG;;;;CAIR,OAAO,KAAG;;;;;;;;;CASV,gBAAgB,KAAG;;;;CAInB,eAAe,KAAG;;;;;;CAMnB,EAAE"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatHeader/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\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      border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n\n      background: ${cssVar.colorBgContainer};\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 titleStyles = createStaticStyles(({ css, cssVar }) => ({\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: ${cssVar.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,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/es/chat/ChatHeader/type.d.mts

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

package/es/chat/ChatInputArea/ChatInputArea.mjs

@@ -1,14 +1,12 @@
-'use client';
-
-import DraggablePanel_default from "../../DraggablePanel/index.mjs";
-import ChatInputAreaInner_default from "./components/ChatInputAreaInner.mjs";
+"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_default, {
+	return /* @__PURE__ */ jsx(DraggablePanel, {
 		className,
 		classNames,
 		fullscreen: expand,
@@ -32,7 +30,7 @@ const ChatInputArea = memo(({ ref, className, style, classNames, expand = true,
 				topAddons,
 				/* @__PURE__ */ jsx("div", {
 					className: styles.textareaContainer,
-					children: /* @__PURE__ */ jsx(ChatInputAreaInner_default, {
+					children: /* @__PURE__ */ jsx(ChatInputAreaInner, {
 						className: styles.textarea,
 						ref,
 						style: { paddingInline: 16 },
@@ -48,8 +46,7 @@ const ChatInputArea = memo(({ ref, className, style, classNames, expand = true,
 		})
 	});
 });
-var ChatInputArea_default = ChatInputArea;
-
 //#endregion
-export { ChatInputArea_default as default };
+export { ChatInputArea as default };
+
 //# sourceMappingURL=ChatInputArea.mjs.map

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

@@ -1 +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 { styles } 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    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        placement=\"bottom\"\n        size={{ height: heights?.inputHeight, width: '100%' }}\n        style={{ zIndex: 10, ...style }}\n        onSizeChange={onSizeChange}\n      >\n        <section className={styles.container} style={{ minHeight: heights?.minHeight }}>\n          {topAddons}\n          <div className={styles.textareaContainer}>\n            <ChatInputAreaInner\n              className={styles.textarea}\n              ref={ref}\n              style={{\n                paddingInline: 16,\n              }}\n              onSend={() => {\n                onSend?.();\n                setExpand?.(false);\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;AACJ,QACE,oBAACA;EACY;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;GAAQ,WAAW,OAAO;GAAW,OAAO,EAAE,WAAW,SAAS,WAAW;;IAC3E;IACD,oBAAC;KAAI,WAAW,OAAO;eACrB,oBAACC;MACC,WAAW,OAAO;MACb;MACL,OAAO,EACL,eAAe,IAChB;MACD,cAAc;AACZ,iBAAU;AACV,mBAAY,MAAM;;MAEpB,GAAI;OACJ;MACE;IACL;;IACO;GACK;EAGtB;AAED,4BAAe"}
+{"version":3,"file":"ChatInputArea.mjs","names":[],"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 { styles } 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    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        placement=\"bottom\"\n        size={{ height: heights?.inputHeight, width: '100%' }}\n        style={{ zIndex: 10, ...style }}\n        onSizeChange={onSizeChange}\n      >\n        <section className={styles.container} style={{ minHeight: heights?.minHeight }}>\n          {topAddons}\n          <div className={styles.textareaContainer}>\n            <ChatInputAreaInner\n              className={styles.textarea}\n              ref={ref}\n              style={{\n                paddingInline: 16,\n              }}\n              onSend={() => {\n                onSend?.();\n                setExpand?.(false);\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;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/es/chat/ChatInputArea/components/ChatInputActionBar.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"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();
@@ -36,8 +34,7 @@ const ChatInputActionBar = ({ ref, padding = "0 16px", leftAddons, rightAddons,
 	});
 };
 ChatInputActionBar.displayName = "ChatInputActionBar";
-var ChatInputActionBar_default = ChatInputActionBar;
-
 //#endregion
-export { ChatInputActionBar_default as default };
+export { ChatInputActionBar as default };
+
 //# sourceMappingURL=ChatInputActionBar.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInputActionBar.mjs","names":["ChatInputActionBar: FC<ChatInputActionBarProps>","Flexbox","styles"],"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 { actionBarStyles as styles } from '../style';\nimport type { 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  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={styles.root}\n      flex={'none'}\n      justify={'space-between'}\n      padding={padding}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox horizontal align={'center'} className={styles.left} flex={1} gap={mobile ? 0 : 4}>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={styles.right}\n        flex={0}\n        gap={mobile ? 0 : 4}\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;AAClC,QACE,qBAACC;EACC;EACA,OAAO;EACP,WAAWC,gBAAO;EAClB,MAAM;EACN,SAAS;EACA;EACJ;EACL,GAAI;aAEJ,oBAACD;GAAQ;GAAW,OAAO;GAAU,WAAWC,gBAAO;GAAM,MAAM;GAAG,KAAK,SAAS,IAAI;aACrF;IACO,EACV,oBAACD;GACC;GACA,OAAO;GACP,WAAWC,gBAAO;GAClB,MAAM;GACN,KAAK,SAAS,IAAI;GAClB,SAAS;aAER;IACO;GACF;;AAId,mBAAmB,cAAc;AAEjC,iCAAe"}
+{"version":3,"file":"ChatInputActionBar.mjs","names":["Flexbox","styles"],"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 { actionBarStyles as styles } from '../style';\nimport type { 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  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={styles.root}\n      flex={'none'}\n      justify={'space-between'}\n      padding={padding}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox horizontal align={'center'} className={styles.left} flex={1} gap={mobile ? 0 : 4}>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox\n        horizontal\n        align={'center'}\n        className={styles.right}\n        flex={0}\n        gap={mobile ? 0 : 4}\n        justify={'flex-end'}\n      >\n        {rightAddons}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatInputActionBar.displayName = 'ChatInputActionBar';\n\nexport default ChatInputActionBar;\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/es/chat/ChatInputArea/components/ChatInputAreaInner.d.mts

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

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

@@ -1,13 +1,11 @@
-'use client';
-
-import TextArea_default from "../../../Input/TextArea.mjs";
+"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_default, {
+	return /* @__PURE__ */ jsx(TextArea, {
 		className,
 		ref,
 		resize,
@@ -39,8 +37,7 @@ const ChatInputAreaInner = memo(({ ref, resize = false, onCompositionEnd, onPres
 		...rest
 	});
 });
-var ChatInputAreaInner_default = ChatInputAreaInner;
-
 //#endregion
-export { ChatInputAreaInner_default as default };
+export { ChatInputAreaInner as default };
+
 //# sourceMappingURL=ChatInputAreaInner.mjs.map

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

@@ -1 +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 type { 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        ref={ref}\n        resize={resize}\n        variant={'borderless'}\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        {...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;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;GACJ;EAGP;AAED,iCAAe"}
+{"version":3,"file":"ChatInputAreaInner.mjs","names":[],"sources":["../../../../src/chat/ChatInputArea/components/ChatInputAreaInner.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useRef } from 'react';\n\nimport { TextArea } from '@/Input';\n\nimport type { 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        ref={ref}\n        resize={resize}\n        variant={'borderless'}\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        {...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,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/es/chat/ChatInputArea/components/ChatSendButton.mjs

@@ -1,10 +1,9 @@
 import FlexBasic_default from "../../../Flex/FlexBasic.mjs";
-import Icon_default from "../../../Icon/Icon.mjs";
-import Button_default from "../../../Button/Button.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, {
@@ -35,22 +34,22 @@ const ChatSendButton = ({ ref, leftAddons, rightAddons, texts, onSend, loading,
 						marginRight: 12
 					},
 					children: [
-						/* @__PURE__ */ jsx(Icon_default, { icon: CornerDownLeft }),
+						/* @__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_default, { icon: ArrowBigUp }), /* @__PURE__ */ jsx(Icon_default, { icon: CornerDownLeft })]
+							children: [/* @__PURE__ */ jsx(Icon, { icon: ArrowBigUp }), /* @__PURE__ */ jsx(Icon, { icon: CornerDownLeft })]
 						}),
 						/* @__PURE__ */ jsx("span", { children: texts?.warp || "Warp" })
 					]
 				}),
 				rightAddons,
-				loading ? /* @__PURE__ */ jsx(Button_default, {
+				loading ? /* @__PURE__ */ jsx(Button, {
 					icon: loading && Loader2,
 					onClick: onStop,
 					children: texts?.stop || "Stop"
-				}) : /* @__PURE__ */ jsx(Button_default, {
+				}) : /* @__PURE__ */ jsx(Button, {
 					type: "primary",
 					onClick: onSend,
 					children: texts?.send || "Send"
@@ -60,8 +59,7 @@ const ChatSendButton = ({ ref, leftAddons, rightAddons, texts, onSend, loading,
 	});
 };
 ChatSendButton.displayName = "ChatSendButton";
-var ChatSendButton_default = ChatSendButton;
-
 //#endregion
-export { ChatSendButton_default as default };
+export { ChatSendButton as default };
+
 //# sourceMappingURL=ChatSendButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ChatSendButton.mjs","names":["ChatSendButton: FC<ChatSendButtonProps>","Flexbox","Icon","Button"],"sources":["../../../../src/chat/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["import { cssVar } 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 type { 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  return (\n    <Flexbox\n      horizontal\n      align={'end'}\n      distribution={'space-between'}\n      flex={'none'}\n      gap={8}\n      paddingInline={16}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox horizontal align={'center'} gap={8}>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox horizontal align={'center'} gap={8}>\n        <Flexbox\n          horizontal\n          gap={4}\n          style={{ color: cssVar.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 type={'primary'} onClick={onSend}>\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;AACJ,QACE,qBAACC;EACC;EACA,OAAO;EACP,cAAc;EACd,MAAM;EACN,KAAK;EACL,eAAe;EACV;EACL,GAAI;aAEJ,oBAACA;GAAQ;GAAW,OAAO;GAAU,KAAK;aACvC;IACO,EACV,qBAACA;GAAQ;GAAW,OAAO;GAAU,KAAK;;IACxC,qBAACA;KACC;KACA,KAAK;KACL,OAAO;MAAE,OAAO,OAAO;MAAsB,UAAU;MAAI,aAAa;MAAI;;MAE5E,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,MAAM;KAAW,SAAS;eAC/B,OAAO,QAAQ;MACT;;IAEH;GACF;;AAId,eAAe,cAAc;AAE7B,6BAAe"}
+{"version":3,"file":"ChatSendButton.mjs","names":["Flexbox"],"sources":["../../../../src/chat/ChatInputArea/components/ChatSendButton.tsx"],"sourcesContent":["import { cssVar } 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 type { 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  return (\n    <Flexbox\n      horizontal\n      align={'end'}\n      distribution={'space-between'}\n      flex={'none'}\n      gap={8}\n      paddingInline={16}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox horizontal align={'center'} gap={8}>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox horizontal align={'center'} gap={8}>\n        <Flexbox\n          horizontal\n          gap={4}\n          style={{ color: cssVar.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 type={'primary'} onClick={onSend}>\n            {texts?.send || 'Send'}\n          </Button>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\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/es/chat/ChatInputArea/index.mjs

@@ -1,15 +1,13 @@
-import ChatInputAreaInner_default from "./components/ChatInputAreaInner.mjs";
-import ChatInputArea_default$1 from "./ChatInputArea.mjs";
-import ChatInputActionBar_default from "./components/ChatInputActionBar.mjs";
-import ChatSendButton_default from "./components/ChatSendButton.mjs";
-
+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_default$1;
-ChatInputArea.Inner = ChatInputAreaInner_default;
-ChatInputArea.ActionBar = ChatInputActionBar_default;
-ChatInputArea.SendButton = ChatSendButton_default;
-var ChatInputArea_default = ChatInputArea;
-
+const ChatInputArea = ChatInputArea$1;
+ChatInputArea.Inner = ChatInputAreaInner;
+ChatInputArea.ActionBar = ChatInputActionBar;
+ChatInputArea.SendButton = ChatSendButton;
 //#endregion
-export { ChatInputArea_default as default };
+export { ChatInputArea as default };
+
 //# sourceMappingURL=index.mjs.map

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

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

package/es/chat/ChatInputArea/style.mjs

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

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

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

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

@@ -1,11 +1,8 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
-import "../../Flex/index.mjs";
 import { DraggablePanelProps } from "../../DraggablePanel/type.mjs";
-import "../../DraggablePanel/index.mjs";
 import { TextAreaProps as TextAreaProps$1 } from "../../Input/type.mjs";
-import "../../Input/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
-import { TextAreaRef } from "antd/es/input/TextArea";
+import { TextAreaRef } from "antd/es/input/TextArea.js";
 
 //#region src/chat/ChatInputArea/type.d.ts
 interface ChatInputAreaProps extends Omit<ChatInputAreaInnerProps, 'classNames'> {