@lobehub/ui 4.33.3 → 4.34.0

package/es/brand/LogoThree/index.mjs

@@ -35,16 +35,16 @@ const LogoThree = memo(({ className, style, size = 128, onLoad, ...rest }) => {
 			style: { position: "absolute" },
 			width: size * .75
 		}), /* @__PURE__ */ jsx(Spine_default, {
-			onLoad: (splineApp) => {
-				setLoading(false);
-				onLoad?.(splineApp);
-			},
 			scene: "https://hub-apac-1.lobeobjects.space/logo.splinecode",
 			style: {
 				flex: "none",
 				height: size,
 				width: size
 			},
+			onLoad: (splineApp) => {
+				setLoading(false);
+				onLoad?.(splineApp);
+			},
 			...rest
 		})]
 	});

package/es/brand/LogoThree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox","Img","Spline"],"sources":["../../../src/brand/LogoThree/index.tsx"],"sourcesContent":["'use client';\n\nimport { CSSProperties, memo, useState } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\nimport Spline, { type SplineProps } from '@/awesome/Spline';\n\nconst LOGO_3D = {\n  path: 'assets/logo-3d.webp',\n  pkg: '@lobehub/assets-logo',\n  version: '1.2.0',\n};\n\nexport interface LogoThreeProps extends Partial<SplineProps> {\n  className?: string;\n  size?: number;\n  style?: CSSProperties;\n}\n\nconst LogoThree = memo<LogoThreeProps>(({ className, style, size = 128, onLoad, ...rest }) => {\n  const genCdnUrl = useCdnFn();\n  const [loading, setLoading] = useState(true);\n  return (\n    <Flexbox\n      align={'center'}\n      className={className}\n      flex={'none'}\n      justify={'center'}\n      style={{ height: size, overflow: 'hidden', position: 'relative', width: size, ...style }}\n    >\n      {loading && (\n        <Img\n          alt={'logo'}\n          height={size * 0.75}\n          src={genCdnUrl(LOGO_3D)}\n          style={{ position: 'absolute' }}\n          width={size * 0.75}\n        />\n      )}\n      <Spline\n        onLoad={(splineApp) => {\n          setLoading(false);\n          onLoad?.(splineApp);\n        }}\n        scene={'https://hub-apac-1.lobeobjects.space/logo.splinecode'}\n        style={{\n          flex: 'none',\n          height: size,\n          width: size,\n        }}\n        {...rest}\n      />\n    </Flexbox>\n  );\n});\n\nLogoThree.displayName = 'LobeHubLogoThree';\n\nexport default LogoThree;\n"],"mappings":";;;;;;;;;;AASA,MAAM,UAAU;CACd,MAAM;CACN,KAAK;CACL,SAAS;CACV;AAQD,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,OAAO,KAAK,QAAQ,GAAG,WAAW;CAC5F,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QACE,qBAACA;EACC,OAAO;EACI;EACX,MAAM;EACN,SAAS;EACT,OAAO;GAAE,QAAQ;GAAM,UAAU;GAAU,UAAU;GAAY,OAAO;GAAM,GAAG;GAAO;aAEvF,WACC,oBAACC;GACC,KAAK;GACL,QAAQ,OAAO;GACf,KAAK,UAAU,QAAQ;GACvB,OAAO,EAAE,UAAU,YAAY;GAC/B,OAAO,OAAO;IACd,EAEJ,oBAACC;GACC,SAAS,cAAc;AACrB,eAAW,MAAM;AACjB,aAAS,UAAU;;GAErB,OAAO;GACP,OAAO;IACL,MAAM;IACN,QAAQ;IACR,OAAO;IACR;GACD,GAAI;IACJ;GACM;EAEZ;AAEF,UAAU,cAAc;AAExB,wBAAe"}
+{"version":3,"file":"index.mjs","names":["Flexbox","Img","Spline"],"sources":["../../../src/brand/LogoThree/index.tsx"],"sourcesContent":["'use client';\n\nimport { type CSSProperties, memo, useState } from 'react';\n\nimport Spline, { type SplineProps } from '@/awesome/Spline';\nimport { useCdnFn } from '@/ConfigProvider';\nimport { Flexbox } from '@/Flex';\nimport Img from '@/Img';\n\nconst LOGO_3D = {\n  path: 'assets/logo-3d.webp',\n  pkg: '@lobehub/assets-logo',\n  version: '1.2.0',\n};\n\nexport interface LogoThreeProps extends Partial<SplineProps> {\n  className?: string;\n  size?: number;\n  style?: CSSProperties;\n}\n\nconst LogoThree = memo<LogoThreeProps>(({ className, style, size = 128, onLoad, ...rest }) => {\n  const genCdnUrl = useCdnFn();\n  const [loading, setLoading] = useState(true);\n  return (\n    <Flexbox\n      align={'center'}\n      className={className}\n      flex={'none'}\n      justify={'center'}\n      style={{ height: size, overflow: 'hidden', position: 'relative', width: size, ...style }}\n    >\n      {loading && (\n        <Img\n          alt={'logo'}\n          height={size * 0.75}\n          src={genCdnUrl(LOGO_3D)}\n          style={{ position: 'absolute' }}\n          width={size * 0.75}\n        />\n      )}\n      <Spline\n        scene={'https://hub-apac-1.lobeobjects.space/logo.splinecode'}\n        style={{\n          flex: 'none',\n          height: size,\n          width: size,\n        }}\n        onLoad={(splineApp) => {\n          setLoading(false);\n          onLoad?.(splineApp);\n        }}\n        {...rest}\n      />\n    </Flexbox>\n  );\n});\n\nLogoThree.displayName = 'LobeHubLogoThree';\n\nexport default LogoThree;\n"],"mappings":";;;;;;;;;;AASA,MAAM,UAAU;CACd,MAAM;CACN,KAAK;CACL,SAAS;CACV;AAQD,MAAM,YAAY,MAAsB,EAAE,WAAW,OAAO,OAAO,KAAK,QAAQ,GAAG,WAAW;CAC5F,MAAM,YAAY,UAAU;CAC5B,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QACE,qBAACA;EACC,OAAO;EACI;EACX,MAAM;EACN,SAAS;EACT,OAAO;GAAE,QAAQ;GAAM,UAAU;GAAU,UAAU;GAAY,OAAO;GAAM,GAAG;GAAO;aAEvF,WACC,oBAACC;GACC,KAAK;GACL,QAAQ,OAAO;GACf,KAAK,UAAU,QAAQ;GACvB,OAAO,EAAE,UAAU,YAAY;GAC/B,OAAO,OAAO;IACd,EAEJ,oBAACC;GACC,OAAO;GACP,OAAO;IACL,MAAM;IACN,QAAQ;IACR,OAAO;IACR;GACD,SAAS,cAAc;AACrB,eAAW,MAAM;AACjB,aAAS,UAAU;;GAErB,GAAI;IACJ;GACM;EAEZ;AAEF,UAAU,cAAc;AAExB,wBAAe"}

package/es/brand/components/Divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.mjs","names":["Divider: FC<SvgProps & DivProps & { size?: number }>"],"sources":["../../../src/brand/components/Divider.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport { DivProps, SvgProps } from '@/types';\n\nconst Divider: FC<SvgProps & DivProps & { size?: number }> = ({ size = '1em', style, ...rest }) => (\n  <svg\n    fill=\"none\"\n    height={size}\n    shapeRendering=\"geometricPrecision\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    style={{ flex: 'none', lineHeight: 1, ...style }}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    {...rest}\n  >\n    <path d=\"M16.88 3.549L7.12 20.451\" />\n  </svg>\n);\n\nexport default Divider;\n"],"mappings":";;;AAIA,MAAMA,WAAwD,EAAE,OAAO,OAAO,OAAO,GAAG,WACtF,oBAAC;CACC,MAAK;CACL,QAAQ;CACR,gBAAe;CACf,QAAO;CACP,eAAc;CACd,gBAAe;CACf,OAAO;EAAE,MAAM;EAAQ,YAAY;EAAG,GAAG;EAAO;CAChD,SAAQ;CACR,OAAO;CACP,GAAI;WAEJ,oBAAC,UAAK,GAAE,6BAA6B;EACjC;AAGR,sBAAe"}
+{"version":3,"file":"Divider.mjs","names":["Divider: FC<SvgProps & DivProps & { size?: number }>"],"sources":["../../../src/brand/components/Divider.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport type { DivProps, SvgProps } from '@/types';\n\nconst Divider: FC<SvgProps & DivProps & { size?: number }> = ({ size = '1em', style, ...rest }) => (\n  <svg\n    fill=\"none\"\n    height={size}\n    shapeRendering=\"geometricPrecision\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    style={{ flex: 'none', lineHeight: 1, ...style }}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    {...rest}\n  >\n    <path d=\"M16.88 3.549L7.12 20.451\" />\n  </svg>\n);\n\nexport default Divider;\n"],"mappings":";;;AAIA,MAAMA,WAAwD,EAAE,OAAO,OAAO,OAAO,GAAG,WACtF,oBAAC;CACC,MAAK;CACL,QAAQ;CACR,gBAAe;CACf,QAAO;CACP,eAAc;CACd,gBAAe;CACf,OAAO;EAAE,MAAM;EAAQ,YAAY;EAAG,GAAG;EAAO;CAChD,SAAQ;CACR,OAAO;CACP,GAAI;WAEJ,oBAAC,UAAK,GAAE,6BAA6B;EACjC;AAGR,sBAAe"}

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

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

package/es/chat/BackBottom/BackBottom.mjs

@@ -32,15 +32,15 @@ const BackBottom = memo(({ visibilityHeight = 240, target, onClick, style, class
 		onClick?.(e);
 	};
 	return /* @__PURE__ */ jsx(Button_default, {
-		className: cx(visible ? styles.visible : styles.hidden, className),
 		glass: true,
+		className: cx(visible ? styles.visible : styles.hidden, className),
 		icon: ListEnd,
-		onClick: scrollToBottom,
 		ref,
 		shape: "round",
 		size: "small",
 		style,
 		variant: "filled",
+		onClick: scrollToBottom,
 		children: text || "Back to bottom"
 	});
 });

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

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

package/es/chat/ChatHeader/ChatHeader.mjs

@@ -11,41 +11,41 @@ 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, {
+		horizontal: true,
 		align: "center",
 		className: cx(styles.container, className),
 		distribution: "space-between",
 		gap,
-		horizontal: true,
 		paddingInline: 16,
 		...rest,
 		children: [
 			/* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
 				align: "center",
 				className: cx(styles.left, classNames?.left),
 				gap: gaps?.left || 12,
-				horizontal: true,
 				justify: "flex-start",
 				style: contentStyles?.left,
 				children: [showBackButton && /* @__PURE__ */ jsx(ActionIcon_default, {
 					icon: ChevronLeft,
-					onClick: () => onBackClick?.(),
-					style: { marginRight: gaps?.left ? -gaps.left / 2 : -6 }
+					style: { marginRight: gaps?.left ? -gaps.left / 2 : -6 },
+					onClick: () => onBackClick?.()
 				}), left]
 			}),
 			children && /* @__PURE__ */ jsx(FlexBasic_default, {
+				horizontal: true,
 				align: "center",
 				className: cx(styles.center, classNames?.center),
 				gap: gaps?.center || 8,
-				horizontal: true,
 				justify: "center",
 				style: contentStyles?.center,
 				children
 			}),
 			/* @__PURE__ */ jsx(FlexBasic_default, {
+				horizontal: true,
 				align: "center",
 				className: cx(styles.right, classNames?.right),
 				gap: gaps?.right || 8,
-				horizontal: true,
 				justify: "flex-end",
 				style: contentStyles?.right,
 				children: right

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

package/es/chat/ChatHeader/ChatHeaderTitle.mjs

@@ -5,35 +5,35 @@ 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,
-		horizontal: true,
 		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,
-			horizontal: true,
 			children: [/* @__PURE__ */ jsx("div", {
 				className: titleStyles.titleWithDesc,
 				children: title
 			}), tagContent]
 		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			className: titleStyles.desc,
-			horizontal: true,
 			children: desc
 		})]
 	});
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
 		align: "center",
 		className: titleStyles.container,
 		gap: 8,
-		horizontal: true,
 		children: [/* @__PURE__ */ jsx("div", {
 			className: titleStyles.title,
 			children: title

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 align={'center'} className={styles.tag} horizontal>\n      {tag}\n    </Flexbox>\n  );\n\n  if (desc)\n    return (\n      <Flexbox className={styles.container} gap={4}>\n        <Flexbox align={'center'} className={styles.titleContainer} gap={8} horizontal>\n          <div className={styles.titleWithDesc}>{title}</div>\n          {tagContent}\n        </Flexbox>\n        <Flexbox align={'center'} className={styles.desc} horizontal>\n          {desc}\n        </Flexbox>\n      </Flexbox>\n    );\n  return (\n    <Flexbox align={'center'} className={styles.container} gap={8} horizontal>\n      <div className={styles.title}>{title}</div>\n      {tagContent}\n    </Flexbox>\n  );\n};\n\nexport default ChatHeaderTitle;\n"],"mappings":";;;;;AAOA,MAAMA,mBAA6C,EAAE,OAAO,MAAM,UAAU;CAC1E,MAAM,aAAa,OACjB,oBAACC;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAK;YAC9C;GACO;AAGZ,KAAI,KACF,QACE,qBAACD;EAAQ,WAAWC,YAAO;EAAW,KAAK;aACzC,qBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAgB,KAAK;GAAG;cAClE,oBAAC;IAAI,WAAWA,YAAO;cAAgB;KAAY,EAClD;IACO,EACV,oBAACD;GAAQ,OAAO;GAAU,WAAWC,YAAO;GAAM;aAC/C;IACO;GACF;AAEd,QACE,qBAACD;EAAQ,OAAO;EAAU,WAAWC,YAAO;EAAW,KAAK;EAAG;aAC7D,oBAAC;GAAI,WAAWA,YAAO;aAAQ;IAAY,EAC1C;GACO;;AAId,8BAAe"}
+{"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"}

package/es/chat/ChatInputArea/ChatInputArea.mjs

@@ -15,7 +15,6 @@ const ChatInputArea = memo(({ ref, className, style, classNames, expand = true,
 		headerHeight: heights?.headerHeight,
 		maxHeight: heights?.maxHeight,
 		minHeight: heights?.minHeight,
-		onSizeChange,
 		placement: "bottom",
 		size: {
 			height: heights?.inputHeight,
@@ -25,6 +24,7 @@ const ChatInputArea = memo(({ ref, className, style, classNames, expand = true,
 			zIndex: 10,
 			...style
 		},
+		onSizeChange,
 		children: /* @__PURE__ */ jsxs("section", {
 			className: styles.container,
 			style: { minHeight: heights?.minHeight },
@@ -34,12 +34,12 @@ const ChatInputArea = memo(({ ref, className, style, classNames, expand = true,
 					className: styles.textareaContainer,
 					children: /* @__PURE__ */ jsx(ChatInputAreaInner_default, {
 						className: styles.textarea,
+						ref,
+						style: { paddingInline: 16 },
 						onSend: () => {
 							onSend?.();
 							setExpand?.(false);
 						},
-						ref,
-						style: { paddingInline: 16 },
 						...rest
 					})
 				}),

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        onSizeChange={onSizeChange}\n        placement=\"bottom\"\n        size={{ height: heights?.inputHeight, width: '100%' }}\n        style={{ zIndex: 10, ...style }}\n      >\n        <section className={styles.container} style={{ minHeight: heights?.minHeight }}>\n          {topAddons}\n          <div className={styles.textareaContainer}>\n            <ChatInputAreaInner\n              className={styles.textarea}\n              onSend={() => {\n                onSend?.();\n                setExpand?.(false);\n              }}\n              ref={ref}\n              style={{\n                paddingInline: 16,\n              }}\n              {...rest}\n            />\n          </div>\n          {bottomAddons}\n        </section>\n      </DraggablePanel>\n    );\n  },\n);\n\nexport default ChatInputArea;\n"],"mappings":";;;;;;;;;AAUA,MAAM,gBAAgB,MACnB,EACC,KACA,WACA,OACA,YACA,SAAS,MACT,WACA,cACA,WACA,cACA,SACA,QACA,GAAG,WACC;AACJ,QACE,oBAACA;EACY;EACC;EACZ,YAAY;EACZ,cAAc,SAAS;EACvB,WAAW,SAAS;EACpB,WAAW,SAAS;EACN;EACd,WAAU;EACV,MAAM;GAAE,QAAQ,SAAS;GAAa,OAAO;GAAQ;EACrD,OAAO;GAAE,QAAQ;GAAI,GAAG;GAAO;YAE/B,qBAAC;GAAQ,WAAW,OAAO;GAAW,OAAO,EAAE,WAAW,SAAS,WAAW;;IAC3E;IACD,oBAAC;KAAI,WAAW,OAAO;eACrB,oBAACC;MACC,WAAW,OAAO;MAClB,cAAc;AACZ,iBAAU;AACV,mBAAY,MAAM;;MAEf;MACL,OAAO,EACL,eAAe,IAChB;MACD,GAAI;OACJ;MACE;IACL;;IACO;GACK;EAGtB;AAED,4BAAe"}
+{"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"}

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

@@ -9,27 +9,27 @@ import { useResponsive } from "antd-style";
 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",
-		horizontal: true,
 		justify: "space-between",
 		padding,
 		ref,
 		...rest,
 		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			className: actionBarStyles.left,
 			flex: 1,
 			gap: mobile ? 0 : 4,
-			horizontal: true,
 			children: leftAddons
 		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			className: actionBarStyles.right,
 			flex: 0,
 			gap: mobile ? 0 : 4,
-			horizontal: true,
 			justify: "flex-end",
 			children: rightAddons
 		})]

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 { 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      align={'center'}\n      className={styles.root}\n      flex={'none'}\n      horizontal\n      justify={'space-between'}\n      padding={padding}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox align={'center'} className={styles.left} flex={1} gap={mobile ? 0 : 4} horizontal>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox\n        align={'center'}\n        className={styles.right}\n        flex={0}\n        gap={mobile ? 0 : 4}\n        horizontal\n        justify={'flex-end'}\n      >\n        {rightAddons}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatInputActionBar.displayName = 'ChatInputActionBar';\n\nexport default ChatInputActionBar;\n"],"mappings":";;;;;;;;AAUA,MAAMA,sBAAmD,EACvD,KACA,UAAU,UACV,YACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;AAClC,QACE,qBAACC;EACC,OAAO;EACP,WAAWC,gBAAO;EAClB,MAAM;EACN;EACA,SAAS;EACA;EACJ;EACL,GAAI;aAEJ,oBAACD;GAAQ,OAAO;GAAU,WAAWC,gBAAO;GAAM,MAAM;GAAG,KAAK,SAAS,IAAI;GAAG;aAC7E;IACO,EACV,oBAACD;GACC,OAAO;GACP,WAAWC,gBAAO;GAClB,MAAM;GACN,KAAK,SAAS,IAAI;GAClB;GACA,SAAS;aAER;IACO;GACF;;AAId,mBAAmB,cAAc;AAEjC,iCAAe"}
+{"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"}

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

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

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

@@ -9,6 +9,9 @@ const ChatInputAreaInner = memo(({ ref, resize = false, onCompositionEnd, onPres
 	const isChineseInput = useRef(false);
 	return /* @__PURE__ */ jsx(TextArea_default, {
 		className,
+		ref,
+		resize,
+		variant: "borderless",
 		onBlur: (e) => {
 			onInput?.(e.target.value);
 			onBlur?.(e);
@@ -33,9 +36,6 @@ const ChatInputAreaInner = memo(({ ref, resize = false, onCompositionEnd, onPres
 				onSend?.();
 			}
 		},
-		ref,
-		resize,
-		variant: "borderless",
 		...rest
 	});
 });

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

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

@@ -8,27 +8,27 @@ 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,
-		horizontal: true,
 		paddingInline: 16,
 		ref,
 		...rest,
 		children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			gap: 8,
-			horizontal: true,
 			children: leftAddons
 		}), /* @__PURE__ */ jsxs(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			gap: 8,
-			horizontal: true,
 			children: [
 				/* @__PURE__ */ jsxs(FlexBasic_default, {
-					gap: 4,
 					horizontal: true,
+					gap: 4,
 					style: {
 						color: cssVar.colorTextDescription,
 						fontSize: 12,
@@ -51,8 +51,8 @@ const ChatSendButton = ({ ref, leftAddons, rightAddons, texts, onSend, loading,
 					onClick: onStop,
 					children: texts?.stop || "Stop"
 				}) : /* @__PURE__ */ jsx(Button_default, {
-					onClick: onSend,
 					type: "primary",
+					onClick: onSend,
 					children: texts?.send || "Send"
 				})
 			]

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 { 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      align={'end'}\n      distribution={'space-between'}\n      flex={'none'}\n      gap={8}\n      horizontal\n      paddingInline={16}\n      ref={ref}\n      {...rest}\n    >\n      <Flexbox align={'center'} gap={8} horizontal>\n        {leftAddons}\n      </Flexbox>\n      <Flexbox align={'center'} gap={8} horizontal>\n        <Flexbox\n          gap={4}\n          horizontal\n          style={{ color: 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 onClick={onSend} type={'primary'}>\n            {texts?.send || 'Send'}\n          </Button>\n        )}\n      </Flexbox>\n    </Flexbox>\n  );\n};\n\nChatSendButton.displayName = 'ChatSendButton';\n\nexport default ChatSendButton;\n"],"mappings":";;;;;;;;AAUA,MAAMA,kBAA2C,EAC/C,KACA,YACA,aACA,OACA,QACA,SACA,QACA,GAAG,WACC;AACJ,QACE,qBAACC;EACC,OAAO;EACP,cAAc;EACd,MAAM;EACN,KAAK;EACL;EACA,eAAe;EACV;EACL,GAAI;aAEJ,oBAACA;GAAQ,OAAO;GAAU,KAAK;GAAG;aAC/B;IACO,EACV,qBAACA;GAAQ,OAAO;GAAU,KAAK;GAAG;;IAChC,qBAACA;KACC,KAAK;KACL;KACA,OAAO;MAAE,OAAO,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,SAAS;KAAQ,MAAM;eAC5B,OAAO,QAAQ;MACT;;IAEH;GACF;;AAId,eAAe,cAAc;AAE7B,6BAAe"}
+{"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"}

package/es/chat/ChatItem/ChatItem.mjs

@@ -64,13 +64,13 @@ const ChatItem = memo(({ avatarAddon, onAvatarClick, avatarProps, actions, class
 				alt: avatarAlt,
 				avatar,
 				loading,
-				onClick: onAvatarClick,
 				placement,
 				size: avatarSize,
 				style: {
 					marginTop: showTitle ? -12 : 6,
 					...avatarProps?.style
-				}
+				},
+				onClick: onAvatarClick
 			}),
 			/* @__PURE__ */ jsxs(FlexBasic_default, {
 				align: placement === "left" ? "flex-start" : "flex-end",
@@ -89,8 +89,8 @@ const ChatItem = memo(({ avatarAddon, onAvatarClick, avatarProps, actions, class
 						align: placement === "left" ? "flex-start" : "flex-end",
 						className: messageContentClassName,
 						"data-layout": layoutMode,
-						direction: layoutMode === "horizontal" ? placement === "left" ? "horizontal" : "horizontal-reverse" : "vertical",
 						gap: 8,
+						direction: layoutMode === "horizontal" ? placement === "left" ? "horizontal" : "horizontal-reverse" : "vertical",
 						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
 							ref: contentRef,
 							width: "100%",
@@ -103,6 +103,11 @@ const ChatItem = memo(({ avatarAddon, onAvatarClick, avatarProps, actions, class
 								fontSize,
 								markdownProps,
 								message,
+								placement,
+								primary,
+								renderMessage,
+								text,
+								variant,
 								messageExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [error && /* @__PURE__ */ jsx(ErrorContent_default, {
 									error,
 									message: errorMessage,
@@ -110,12 +115,7 @@ const ChatItem = memo(({ avatarAddon, onAvatarClick, avatarProps, actions, class
 								}), messageExtra] }),
 								onChange,
 								onDoubleClick,
-								onEditingChange,
-								placement,
-								primary,
-								renderMessage,
-								text,
-								variant
+								onEditingChange
 							})
 						}), actions && /* @__PURE__ */ jsx(Actions_default, {
 							actions,

package/es/chat/ChatItem/ChatItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatItem.mjs","names":["chatMessages","Flexbox","Avatar","Title","ErrorContent","MessageContent","Actions","BorderSpacing"],"sources":["../../../src/chat/ChatItem/ChatItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport Actions from './components/Actions';\nimport Avatar from './components/Avatar';\nimport BorderSpacing from './components/BorderSpacing';\nimport ErrorContent from './components/ErrorContent';\nimport MessageContent from './components/MessageContent';\nimport Title from './components/Title';\nimport { styles } from './style';\nimport type { ChatItemProps } from './type';\n\nconst MOBILE_AVATAR_SIZE = 32;\n\nconst ChatItem = memo<ChatItemProps>(\n  ({\n    avatarAddon,\n    onAvatarClick,\n    avatarProps,\n    actions,\n    className,\n    primary,\n    loading,\n    message,\n    placeholderMessage,\n    placement = 'left',\n    variant = 'bubble',\n    avatar,\n    error,\n    showTitle,\n    time,\n    editing,\n    onChange,\n    onEditingChange,\n    messageExtra,\n    renderMessage,\n    text,\n    errorMessage,\n    onDoubleClick,\n    fontSize,\n    aboveMessage,\n    belowMessage,\n    markdownProps,\n    actionsWrapWidth = 54,\n    showAvatar = true,\n    titleAddon,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(chatMessages);\n\n    const avatarSize = mobile ? MOBILE_AVATAR_SIZE : avatarProps?.size || 40;\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--chat-item-avatar-size': `${avatarSize}px`,\n      }),\n      [avatarSize],\n    );\n\n    const hasTime = Boolean(time);\n    const placeholderText = placeholderMessage ?? t('chat.placeholder');\n    const avatarAlt = avatarProps?.alt || avatar.title || t('chat.avatar');\n\n    // 在 ChatItem 组件中添加\n    const contentRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [layoutMode, setLayoutMode] = useState<'horizontal' | 'vertical'>(\n      variant === 'bubble' ? 'horizontal' : 'vertical',\n    );\n\n    // 使用 ResizeObserver 监控内容和容器尺寸\n    useEffect(() => {\n      if (variant === 'docs') {\n        setLayoutMode('vertical');\n        return;\n      }\n\n      if (!contentRef.current || !containerRef.current) return;\n\n      const observer = new ResizeObserver(() => {\n        if (!contentRef.current || !containerRef.current) return;\n\n        const containerWidth = containerRef.current.clientWidth;\n        const contentWidth = contentRef.current.scrollWidth; // 使用scrollWidth获取实际内容宽度\n\n        // 预留给Actions的最小空间 (根据实际Actions大小调整)\n\n        // 只有当内容宽度 + Actions最小宽度 > 容器宽度时才切换布局\n        setLayoutMode(contentWidth + actionsWrapWidth > containerWidth ? 'vertical' : 'horizontal');\n      });\n\n      observer.observe(contentRef.current);\n      observer.observe(containerRef.current);\n\n      return () => observer.disconnect();\n    }, [variant, actionsWrapWidth]);\n\n    const containerClassName = cx(\n      variant === 'docs' ? styles.containerDocs : styles.container,\n      className,\n    );\n\n    const messageContainerClassName = useMemo(() => {\n      if (editing) {\n        return hasTime ? styles.messageContainerEditingWithTime : styles.messageContainerEditing;\n      }\n      return hasTime ? styles.messageContainerWithTime : styles.messageContainer;\n    }, [editing, hasTime]);\n\n    const messageContentClassName = useMemo(() => {\n      return editing ? styles.messageContentEditing : styles.messageContent;\n    }, [editing]);\n\n    return (\n      <Flexbox\n        className={containerClassName}\n        direction={placement === 'left' ? 'horizontal' : 'horizontal-reverse'}\n        gap={mobile ? 6 : 12}\n        style={cssVariables}\n        {...rest}\n      >\n        {showAvatar && (\n          <Avatar\n            {...avatarProps}\n            addon={avatarAddon}\n            alt={avatarAlt}\n            avatar={avatar}\n            loading={loading}\n            onClick={onAvatarClick}\n            placement={placement}\n            size={avatarSize}\n            style={{\n              marginTop: showTitle ? -12 : 6,\n              ...avatarProps?.style,\n            }}\n          />\n        )}\n        <Flexbox\n          align={placement === 'left' ? 'flex-start' : 'flex-end'}\n          className={messageContainerClassName}\n          ref={containerRef}\n        >\n          <Title\n            avatar={avatar}\n            placement={placement}\n            showTitle={showTitle}\n            time={time}\n            titleAddon={titleAddon}\n          />\n          {aboveMessage}\n          <Flexbox\n            align={placement === 'left' ? 'flex-start' : 'flex-end'}\n            className={messageContentClassName}\n            data-layout={layoutMode} // 添加数据属性以方便样式选择\n            direction={\n              layoutMode === 'horizontal'\n                ? placement === 'left'\n                  ? 'horizontal'\n                  : 'horizontal-reverse'\n                : 'vertical'\n            }\n            gap={8}\n          >\n            <Flexbox ref={contentRef} width={'100%'}>\n              {error && (message === placeholderText || !message) ? (\n                <ErrorContent error={error} message={errorMessage} placement={placement} />\n              ) : (\n                <MessageContent\n                  editing={editing}\n                  fontSize={fontSize}\n                  markdownProps={markdownProps}\n                  message={message}\n                  messageExtra={\n                    <>\n                      {error && (\n                        <ErrorContent error={error} message={errorMessage} placement={placement} />\n                      )}\n                      {messageExtra}\n                    </>\n                  }\n                  onChange={onChange}\n                  onDoubleClick={onDoubleClick}\n                  onEditingChange={onEditingChange}\n                  placement={placement}\n                  primary={primary}\n                  renderMessage={renderMessage}\n                  text={text}\n                  variant={variant}\n                />\n              )}\n            </Flexbox>\n            {actions && (\n              <Actions\n                actions={actions}\n                editing={editing}\n                placement={placement}\n                variant={variant}\n              />\n            )}\n          </Flexbox>\n          {belowMessage}\n        </Flexbox>\n        {mobile && variant === 'bubble' && showAvatar && (\n          <BorderSpacing borderSpacing={MOBILE_AVATAR_SIZE} />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nexport default ChatItem;\n\nexport type { ChatItemProps } from './type';\n"],"mappings":"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"}
+{"version":3,"file":"ChatItem.mjs","names":["chatMessages","Flexbox","Avatar","Title","ErrorContent","MessageContent","Actions","BorderSpacing"],"sources":["../../../src/chat/ChatItem/ChatItem.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport Actions from './components/Actions';\nimport Avatar from './components/Avatar';\nimport BorderSpacing from './components/BorderSpacing';\nimport ErrorContent from './components/ErrorContent';\nimport MessageContent from './components/MessageContent';\nimport Title from './components/Title';\nimport { styles } from './style';\nimport type { ChatItemProps } from './type';\n\nconst MOBILE_AVATAR_SIZE = 32;\n\nconst ChatItem = memo<ChatItemProps>(\n  ({\n    avatarAddon,\n    onAvatarClick,\n    avatarProps,\n    actions,\n    className,\n    primary,\n    loading,\n    message,\n    placeholderMessage,\n    placement = 'left',\n    variant = 'bubble',\n    avatar,\n    error,\n    showTitle,\n    time,\n    editing,\n    onChange,\n    onEditingChange,\n    messageExtra,\n    renderMessage,\n    text,\n    errorMessage,\n    onDoubleClick,\n    fontSize,\n    aboveMessage,\n    belowMessage,\n    markdownProps,\n    actionsWrapWidth = 54,\n    showAvatar = true,\n    titleAddon,\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(chatMessages);\n\n    const avatarSize = mobile ? MOBILE_AVATAR_SIZE : avatarProps?.size || 40;\n    const cssVariables = useMemo<Record<string, string>>(\n      () => ({\n        '--chat-item-avatar-size': `${avatarSize}px`,\n      }),\n      [avatarSize],\n    );\n\n    const hasTime = Boolean(time);\n    const placeholderText = placeholderMessage ?? t('chat.placeholder');\n    const avatarAlt = avatarProps?.alt || avatar.title || t('chat.avatar');\n\n    // 在 ChatItem 组件中添加\n    const contentRef = useRef<HTMLDivElement>(null);\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [layoutMode, setLayoutMode] = useState<'horizontal' | 'vertical'>(\n      variant === 'bubble' ? 'horizontal' : 'vertical',\n    );\n\n    // 使用 ResizeObserver 监控内容和容器尺寸\n    useEffect(() => {\n      if (variant === 'docs') {\n        setLayoutMode('vertical');\n        return;\n      }\n\n      if (!contentRef.current || !containerRef.current) return;\n\n      const observer = new ResizeObserver(() => {\n        if (!contentRef.current || !containerRef.current) return;\n\n        const containerWidth = containerRef.current.clientWidth;\n        const contentWidth = contentRef.current.scrollWidth; // 使用scrollWidth获取实际内容宽度\n\n        // 预留给Actions的最小空间 (根据实际Actions大小调整)\n\n        // 只有当内容宽度 + Actions最小宽度 > 容器宽度时才切换布局\n        setLayoutMode(contentWidth + actionsWrapWidth > containerWidth ? 'vertical' : 'horizontal');\n      });\n\n      observer.observe(contentRef.current);\n      observer.observe(containerRef.current);\n\n      return () => observer.disconnect();\n    }, [variant, actionsWrapWidth]);\n\n    const containerClassName = cx(\n      variant === 'docs' ? styles.containerDocs : styles.container,\n      className,\n    );\n\n    const messageContainerClassName = useMemo(() => {\n      if (editing) {\n        return hasTime ? styles.messageContainerEditingWithTime : styles.messageContainerEditing;\n      }\n      return hasTime ? styles.messageContainerWithTime : styles.messageContainer;\n    }, [editing, hasTime]);\n\n    const messageContentClassName = useMemo(() => {\n      return editing ? styles.messageContentEditing : styles.messageContent;\n    }, [editing]);\n\n    return (\n      <Flexbox\n        className={containerClassName}\n        direction={placement === 'left' ? 'horizontal' : 'horizontal-reverse'}\n        gap={mobile ? 6 : 12}\n        style={cssVariables}\n        {...rest}\n      >\n        {showAvatar && (\n          <Avatar\n            {...avatarProps}\n            addon={avatarAddon}\n            alt={avatarAlt}\n            avatar={avatar}\n            loading={loading}\n            placement={placement}\n            size={avatarSize}\n            style={{\n              marginTop: showTitle ? -12 : 6,\n              ...avatarProps?.style,\n            }}\n            onClick={onAvatarClick}\n          />\n        )}\n        <Flexbox\n          align={placement === 'left' ? 'flex-start' : 'flex-end'}\n          className={messageContainerClassName}\n          ref={containerRef}\n        >\n          <Title\n            avatar={avatar}\n            placement={placement}\n            showTitle={showTitle}\n            time={time}\n            titleAddon={titleAddon}\n          />\n          {aboveMessage}\n          <Flexbox\n            align={placement === 'left' ? 'flex-start' : 'flex-end'}\n            className={messageContentClassName}\n            data-layout={layoutMode} // 添加数据属性以方便样式选择\n            gap={8}\n            direction={\n              layoutMode === 'horizontal'\n                ? placement === 'left'\n                  ? 'horizontal'\n                  : 'horizontal-reverse'\n                : 'vertical'\n            }\n          >\n            <Flexbox ref={contentRef} width={'100%'}>\n              {error && (message === placeholderText || !message) ? (\n                <ErrorContent error={error} message={errorMessage} placement={placement} />\n              ) : (\n                <MessageContent\n                  editing={editing}\n                  fontSize={fontSize}\n                  markdownProps={markdownProps}\n                  message={message}\n                  placement={placement}\n                  primary={primary}\n                  renderMessage={renderMessage}\n                  text={text}\n                  variant={variant}\n                  messageExtra={\n                    <>\n                      {error && (\n                        <ErrorContent error={error} message={errorMessage} placement={placement} />\n                      )}\n                      {messageExtra}\n                    </>\n                  }\n                  onChange={onChange}\n                  onDoubleClick={onDoubleClick}\n                  onEditingChange={onEditingChange}\n                />\n              )}\n            </Flexbox>\n            {actions && (\n              <Actions\n                actions={actions}\n                editing={editing}\n                placement={placement}\n                variant={variant}\n              />\n            )}\n          </Flexbox>\n          {belowMessage}\n        </Flexbox>\n        {mobile && variant === 'bubble' && showAvatar && (\n          <BorderSpacing borderSpacing={MOBILE_AVATAR_SIZE} />\n        )}\n      </Flexbox>\n    );\n  },\n);\n\nexport default ChatItem;\n\nexport type { ChatItemProps } from './type';\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,MAAM,qBAAqB;AAE3B,MAAM,WAAW,MACd,EACC,aACA,eACA,aACA,SACA,WACA,SACA,SACA,SACA,oBACA,YAAY,QACZ,UAAU,UACV,QACA,OACA,WACA,MACA,SACA,UACA,iBACA,cACA,eACA,MACA,cACA,eACA,UACA,cACA,cACA,eACA,mBAAmB,IACnB,aAAa,MACb,YACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,eAAeA,aAAa;CAE1C,MAAM,aAAa,SAAS,qBAAqB,aAAa,QAAQ;CACtE,MAAM,eAAe,eACZ,EACL,2BAA2B,GAAG,WAAW,KAC1C,GACD,CAAC,WAAW,CACb;CAED,MAAM,UAAU,QAAQ,KAAK;CAC7B,MAAM,kBAAkB,sBAAsB,EAAE,mBAAmB;CACnE,MAAM,YAAY,aAAa,OAAO,OAAO,SAAS,EAAE,cAAc;CAGtE,MAAM,aAAa,OAAuB,KAAK;CAC/C,MAAM,eAAe,OAAuB,KAAK;CACjD,MAAM,CAAC,YAAY,iBAAiB,SAClC,YAAY,WAAW,eAAe,WACvC;AAGD,iBAAgB;AACd,MAAI,YAAY,QAAQ;AACtB,iBAAc,WAAW;AACzB;;AAGF,MAAI,CAAC,WAAW,WAAW,CAAC,aAAa,QAAS;EAElD,MAAM,WAAW,IAAI,qBAAqB;AACxC,OAAI,CAAC,WAAW,WAAW,CAAC,aAAa,QAAS;GAElD,MAAM,iBAAiB,aAAa,QAAQ;GAC5C,MAAM,eAAe,WAAW,QAAQ;AAKxC,iBAAc,eAAe,mBAAmB,iBAAiB,aAAa,aAAa;IAC3F;AAEF,WAAS,QAAQ,WAAW,QAAQ;AACpC,WAAS,QAAQ,aAAa,QAAQ;AAEtC,eAAa,SAAS,YAAY;IACjC,CAAC,SAAS,iBAAiB,CAAC;CAE/B,MAAM,qBAAqB,GACzB,YAAY,SAAS,OAAO,gBAAgB,OAAO,WACnD,UACD;CAED,MAAM,4BAA4B,cAAc;AAC9C,MAAI,QACF,QAAO,UAAU,OAAO,kCAAkC,OAAO;AAEnE,SAAO,UAAU,OAAO,2BAA2B,OAAO;IACzD,CAAC,SAAS,QAAQ,CAAC;CAEtB,MAAM,0BAA0B,cAAc;AAC5C,SAAO,UAAU,OAAO,wBAAwB,OAAO;IACtD,CAAC,QAAQ,CAAC;AAEb,QACE,qBAACC;EACC,WAAW;EACX,WAAW,cAAc,SAAS,eAAe;EACjD,KAAK,SAAS,IAAI;EAClB,OAAO;EACP,GAAI;;GAEH,cACC,oBAACC;IACC,GAAI;IACJ,OAAO;IACP,KAAK;IACG;IACC;IACE;IACX,MAAM;IACN,OAAO;KACL,WAAW,YAAY,MAAM;KAC7B,GAAG,aAAa;KACjB;IACD,SAAS;KACT;GAEJ,qBAACD;IACC,OAAO,cAAc,SAAS,eAAe;IAC7C,WAAW;IACX,KAAK;;KAEL,oBAACE;MACS;MACG;MACA;MACL;MACM;OACZ;KACD;KACD,qBAACF;MACC,OAAO,cAAc,SAAS,eAAe;MAC7C,WAAW;MACX,eAAa;MACb,KAAK;MACL,WACE,eAAe,eACX,cAAc,SACZ,eACA,uBACF;iBAGN,oBAACA;OAAQ,KAAK;OAAY,OAAO;iBAC9B,UAAU,YAAY,mBAAmB,CAAC,WACzC,oBAACG;QAAoB;QAAO,SAAS;QAAyB;SAAa,GAE3E,oBAACC;QACU;QACC;QACK;QACN;QACE;QACF;QACM;QACT;QACG;QACT,cACE,8CACG,SACC,oBAACD;SAAoB;SAAO,SAAS;SAAyB;UAAa,EAE5E,gBACA;QAEK;QACK;QACE;SACjB;QAEI,EACT,WACC,oBAACE;OACU;OACA;OACE;OACF;QACT;OAEI;KACT;;KACO;GACT,UAAU,YAAY,YAAY,cACjC,oBAACC,yBAAc,eAAe,qBAAsB;;GAE9C;EAGf;AAED,uBAAe"}

package/es/chat/ChatItem/components/Actions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Actions.mjs","names":["Actions: FC<ActionsProps>","Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Actions.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { type FC, type Ref, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { ChatItemProps } from '@/chat/ChatItem';\n\nimport { styles } from '../style';\n\nexport interface ActionsProps {\n  actions: ChatItemProps['actions'];\n  editing?: boolean;\n  placement?: ChatItemProps['placement'];\n  ref?: Ref<HTMLDivElement>;\n  variant?: ChatItemProps['variant'];\n}\n\nconst Actions: FC<ActionsProps> = ({\n  actions,\n  placement = 'left',\n  variant = 'bubble',\n  editing,\n  ref,\n}) => {\n  const actionsClassName = useMemo(() => {\n    if (variant === 'bubble') {\n      return placement === 'left' ? styles.actionsBubbleLeft : styles.actionsBubbleRight;\n    }\n    return placement === 'left' ? styles.actionsDocsLeft : styles.actionsDocsRight;\n  }, [placement, variant]);\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      className={cx(actionsClassName, editing && styles.actionsEditing)}\n      ref={ref}\n      role=\"menubar\"\n    >\n      {actions}\n    </Flexbox>\n  );\n};\n\nexport default Actions;\n"],"mappings":";;;;;;;AAgBA,MAAMA,WAA6B,EACjC,SACA,YAAY,QACZ,UAAU,UACV,SACA,UACI;AAQJ,QACE,oBAACC;EACC,OAAO;EACP,WAAW,GAVU,cAAc;AACrC,OAAI,YAAY,SACd,QAAO,cAAc,SAAS,OAAO,oBAAoB,OAAO;AAElE,UAAO,cAAc,SAAS,OAAO,kBAAkB,OAAO;KAC7D,CAAC,WAAW,QAAQ,CAAC,EAKY,WAAW,OAAO,eAAe;EAC5D;EACL,MAAK;YAEJ;GACO;;AAId,sBAAe"}
+{"version":3,"file":"Actions.mjs","names":["Actions: FC<ActionsProps>","Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Actions.tsx"],"sourcesContent":["import { cx } from 'antd-style';\nimport { type FC, type Ref, useMemo } from 'react';\n\nimport { type ChatItemProps } from '@/chat/ChatItem';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\n\nexport interface ActionsProps {\n  actions: ChatItemProps['actions'];\n  editing?: boolean;\n  placement?: ChatItemProps['placement'];\n  ref?: Ref<HTMLDivElement>;\n  variant?: ChatItemProps['variant'];\n}\n\nconst Actions: FC<ActionsProps> = ({\n  actions,\n  placement = 'left',\n  variant = 'bubble',\n  editing,\n  ref,\n}) => {\n  const actionsClassName = useMemo(() => {\n    if (variant === 'bubble') {\n      return placement === 'left' ? styles.actionsBubbleLeft : styles.actionsBubbleRight;\n    }\n    return placement === 'left' ? styles.actionsDocsLeft : styles.actionsDocsRight;\n  }, [placement, variant]);\n\n  return (\n    <Flexbox\n      align={'flex-start'}\n      className={cx(actionsClassName, editing && styles.actionsEditing)}\n      ref={ref}\n      role=\"menubar\"\n    >\n      {actions}\n    </Flexbox>\n  );\n};\n\nexport default Actions;\n"],"mappings":";;;;;;;AAgBA,MAAMA,WAA6B,EACjC,SACA,YAAY,QACZ,UAAU,UACV,SACA,UACI;AAQJ,QACE,oBAACC;EACC,OAAO;EACP,WAAW,GAVU,cAAc;AACrC,OAAI,YAAY,SACd,QAAO,cAAc,SAAS,OAAO,oBAAoB,OAAO;AAElE,UAAO,cAAc,SAAS,OAAO,kBAAkB,OAAO;KAC7D,CAAC,WAAW,QAAQ,CAAC,EAKY,WAAW,OAAO,eAAe;EAC5D;EACL,MAAK;YAEJ;GACO;;AAId,sBAAe"}

package/es/chat/ChatItem/components/Avatar.mjs

@@ -19,10 +19,10 @@ const Avatar = ({ loading, avatar, placement, unoptimized, addon, onClick, size
 			animation: loading,
 			avatar: avatar.avatar,
 			background: avatar.backgroundColor,
-			onClick,
 			size,
 			title: avatar.title,
-			unoptimized
+			unoptimized,
+			onClick
 		}), /* @__PURE__ */ jsx(Loading_default, {
 			loading,
 			placement

package/es/chat/ChatItem/components/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","names":["Avatar: FC<AvatarProps>","A","Loading","Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Avatar.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useMemo } from 'react';\n\nimport A from '@/Avatar';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\nimport type { ChatItemProps } from '../type';\nimport Loading from './Loading';\n\nexport interface AvatarProps {\n  addon?: ChatItemProps['avatarAddon'];\n  alt?: string;\n  avatar: ChatItemProps['avatar'];\n  loading?: ChatItemProps['loading'];\n  onClick?: ChatItemProps['onAvatarClick'];\n  placement?: ChatItemProps['placement'];\n  size?: number;\n  style?: CSSProperties;\n  unoptimized?: boolean;\n}\n\nconst Avatar: FC<AvatarProps> = ({\n  loading,\n  avatar,\n  placement,\n  unoptimized,\n  addon,\n  onClick,\n  size = 40,\n  style,\n  alt,\n}) => {\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--chat-item-avatar-size': `${size}px`,\n    }),\n    [size],\n  );\n\n  const avatarContent = (\n    <div className={styles.avatarContainer} style={{ ...cssVariables, ...style }}>\n      <A\n        alt={alt || avatar.title}\n        animation={loading}\n        avatar={avatar.avatar}\n        background={avatar.backgroundColor}\n        onClick={onClick}\n        size={size}\n        title={avatar.title}\n        unoptimized={unoptimized}\n      />\n      <Loading loading={loading} placement={placement} />\n    </div>\n  );\n\n  if (!addon) return avatarContent;\n  return (\n    <Flexbox align={'center'} className={styles.avatarGroupContainer} gap={8}>\n      {avatarContent}\n      {addon}\n    </Flexbox>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;AAqBA,MAAMA,UAA2B,EAC/B,SACA,QACA,WACA,aACA,OACA,SACA,OAAO,IACP,OACA,UACI;CACJ,MAAM,eAAe,eACZ,EACL,2BAA2B,GAAG,KAAK,KACpC,GACD,CAAC,KAAK,CACP;CAED,MAAM,gBACJ,qBAAC;EAAI,WAAW,OAAO;EAAiB,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;aAC1E,oBAACC;GACC,KAAK,OAAO,OAAO;GACnB,WAAW;GACX,QAAQ,OAAO;GACf,YAAY,OAAO;GACV;GACH;GACN,OAAO,OAAO;GACD;IACb,EACF,oBAACC;GAAiB;GAAoB;IAAa;GAC/C;AAGR,KAAI,CAAC,MAAO,QAAO;AACnB,QACE,qBAACC;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAsB,KAAK;aACpE,eACA;GACO;;AAId,qBAAe"}
+{"version":3,"file":"Avatar.mjs","names":["Avatar: FC<AvatarProps>","A","Loading","Flexbox"],"sources":["../../../../src/chat/ChatItem/components/Avatar.tsx"],"sourcesContent":["import { type CSSProperties, type FC, useMemo } from 'react';\n\nimport A from '@/Avatar';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\nimport type { ChatItemProps } from '../type';\nimport Loading from './Loading';\n\nexport interface AvatarProps {\n  addon?: ChatItemProps['avatarAddon'];\n  alt?: string;\n  avatar: ChatItemProps['avatar'];\n  loading?: ChatItemProps['loading'];\n  onClick?: ChatItemProps['onAvatarClick'];\n  placement?: ChatItemProps['placement'];\n  size?: number;\n  style?: CSSProperties;\n  unoptimized?: boolean;\n}\n\nconst Avatar: FC<AvatarProps> = ({\n  loading,\n  avatar,\n  placement,\n  unoptimized,\n  addon,\n  onClick,\n  size = 40,\n  style,\n  alt,\n}) => {\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--chat-item-avatar-size': `${size}px`,\n    }),\n    [size],\n  );\n\n  const avatarContent = (\n    <div className={styles.avatarContainer} style={{ ...cssVariables, ...style }}>\n      <A\n        alt={alt || avatar.title}\n        animation={loading}\n        avatar={avatar.avatar}\n        background={avatar.backgroundColor}\n        size={size}\n        title={avatar.title}\n        unoptimized={unoptimized}\n        onClick={onClick}\n      />\n      <Loading loading={loading} placement={placement} />\n    </div>\n  );\n\n  if (!addon) return avatarContent;\n  return (\n    <Flexbox align={'center'} className={styles.avatarGroupContainer} gap={8}>\n      {avatarContent}\n      {addon}\n    </Flexbox>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;;AAqBA,MAAMA,UAA2B,EAC/B,SACA,QACA,WACA,aACA,OACA,SACA,OAAO,IACP,OACA,UACI;CACJ,MAAM,eAAe,eACZ,EACL,2BAA2B,GAAG,KAAK,KACpC,GACD,CAAC,KAAK,CACP;CAED,MAAM,gBACJ,qBAAC;EAAI,WAAW,OAAO;EAAiB,OAAO;GAAE,GAAG;GAAc,GAAG;GAAO;aAC1E,oBAACC;GACC,KAAK,OAAO,OAAO;GACnB,WAAW;GACX,QAAQ,OAAO;GACf,YAAY,OAAO;GACb;GACN,OAAO,OAAO;GACD;GACJ;IACT,EACF,oBAACC;GAAiB;GAAoB;IAAa;GAC/C;AAGR,KAAI,CAAC,MAAO,QAAO;AACnB,QACE,qBAACC;EAAQ,OAAO;EAAU,WAAW,OAAO;EAAsB,KAAK;aACpE,eACA;GACO;;AAId,qBAAe"}

package/es/chat/ChatItem/components/ErrorContent.mjs

@@ -8,9 +8,9 @@ const ErrorContent = ({ message, error }) => {
 	return /* @__PURE__ */ jsx(FlexBasic_default, {
 		className: styles.errorContainer,
 		children: /* @__PURE__ */ jsx(Alert_default, {
+			showIcon: true,
 			closable: false,
 			extra: message,
-			showIcon: true,
 			type: "error",
 			...error
 		})

package/es/chat/ChatItem/components/ErrorContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorContent.mjs","names":["ErrorContent: FC<ErrorContentProps>","Flexbox","Alert"],"sources":["../../../../src/chat/ChatItem/components/ErrorContent.tsx"],"sourcesContent":["import { type FC } from 'react';\n\nimport Alert from '@/Alert';\nimport { Flexbox } from '@/Flex';\nimport { ChatItemProps } from '@/chat/ChatItem';\n\nimport { styles } from '../style';\n\nexport interface ErrorContentProps {\n  error?: ChatItemProps['error'];\n  message?: ChatItemProps['errorMessage'];\n  placement?: ChatItemProps['placement'];\n}\n\nconst ErrorContent: FC<ErrorContentProps> = ({ message, error }) => {\n  return (\n    <Flexbox className={styles.errorContainer}>\n      <Alert closable={false} extra={message} showIcon type={'error'} {...error} />\n    </Flexbox>\n  );\n};\n\nexport default ErrorContent;\n"],"mappings":";;;;;;AAcA,MAAMA,gBAAuC,EAAE,SAAS,YAAY;AAClE,QACE,oBAACC;EAAQ,WAAW,OAAO;YACzB,oBAACC;GAAM,UAAU;GAAO,OAAO;GAAS;GAAS,MAAM;GAAS,GAAI;IAAS;GACrE;;AAId,2BAAe"}
+{"version":3,"file":"ErrorContent.mjs","names":["ErrorContent: FC<ErrorContentProps>","Flexbox","Alert"],"sources":["../../../../src/chat/ChatItem/components/ErrorContent.tsx"],"sourcesContent":["import type { FC } from 'react';\n\nimport Alert from '@/Alert';\nimport { type ChatItemProps } from '@/chat/ChatItem';\nimport { Flexbox } from '@/Flex';\n\nimport { styles } from '../style';\n\nexport interface ErrorContentProps {\n  error?: ChatItemProps['error'];\n  message?: ChatItemProps['errorMessage'];\n  placement?: ChatItemProps['placement'];\n}\n\nconst ErrorContent: FC<ErrorContentProps> = ({ message, error }) => {\n  return (\n    <Flexbox className={styles.errorContainer}>\n      <Alert showIcon closable={false} extra={message} type={'error'} {...error} />\n    </Flexbox>\n  );\n};\n\nexport default ErrorContent;\n"],"mappings":";;;;;;AAcA,MAAMA,gBAAuC,EAAE,SAAS,YAAY;AAClE,QACE,oBAACC;EAAQ,WAAW,OAAO;YACzB,oBAACC;GAAM;GAAS,UAAU;GAAO,OAAO;GAAS,MAAM;GAAS,GAAI;IAAS;GACrE;;AAId,2BAAe"}

package/es/chat/ChatItem/components/Loading.mjs

@@ -12,12 +12,12 @@ const Loading = ({ loading, placement = "left" }) => {
 		className: placement === "left" ? styles.loadingLeft : styles.loadingRight,
 		justify: "center",
 		children: /* @__PURE__ */ jsx(Icon_default, {
+			spin: true,
 			icon: Loader2,
 			size: {
 				size: 12,
 				strokeWidth: 3
-			},
-			spin: true
+			}
 		})
 	});
 };

package/es/chat/ChatItem/components/Loading.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.mjs","names":["Loading: FC<LoadingProps>","Flexbox","Icon"],"sources":["../../../../src/chat/ChatItem/components/Loading.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport { type FC } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport { ChatItemProps } from '@/chat/ChatItem';\n\nimport { styles } from '../style';\n\nexport interface LoadingProps {\n  loading?: ChatItemProps['loading'];\n  placement?: ChatItemProps['placement'];\n}\n\nconst Loading: FC<LoadingProps> = ({ loading, placement = 'left' }) => {\n  if (!loading) return null;\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={placement === 'left' ? styles.loadingLeft : styles.loadingRight}\n      justify={'center'}\n    >\n      <Icon icon={Loader2} size={{ size: 12, strokeWidth: 3 }} spin />\n    </Flexbox>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;AAcA,MAAMA,WAA6B,EAAE,SAAS,YAAY,aAAa;AACrE,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,oBAACC;EACC,OAAO;EACP,WAAW,cAAc,SAAS,OAAO,cAAc,OAAO;EAC9D,SAAS;YAET,oBAACC;GAAK,MAAM;GAAS,MAAM;IAAE,MAAM;IAAI,aAAa;IAAG;GAAE;IAAO;GACxD;;AAId,sBAAe"}
+{"version":3,"file":"Loading.mjs","names":["Loading: FC<LoadingProps>","Flexbox","Icon"],"sources":["../../../../src/chat/ChatItem/components/Loading.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\nimport type { FC } from 'react';\n\nimport { type ChatItemProps } from '@/chat/ChatItem';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { styles } from '../style';\n\nexport interface LoadingProps {\n  loading?: ChatItemProps['loading'];\n  placement?: ChatItemProps['placement'];\n}\n\nconst Loading: FC<LoadingProps> = ({ loading, placement = 'left' }) => {\n  if (!loading) return null;\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={placement === 'left' ? styles.loadingLeft : styles.loadingRight}\n      justify={'center'}\n    >\n      <Icon spin icon={Loader2} size={{ size: 12, strokeWidth: 3 }} />\n    </Flexbox>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;AAcA,MAAMA,WAA6B,EAAE,SAAS,YAAY,aAAa;AACrE,KAAI,CAAC,QAAS,QAAO;AAErB,QACE,oBAACC;EACC,OAAO;EACP,WAAW,cAAc,SAAS,OAAO,cAAc,OAAO;EAC9D,SAAS;YAET,oBAACC;GAAK;GAAK,MAAM;GAAS,MAAM;IAAE,MAAM;IAAI,aAAa;IAAG;IAAI;GACxD;;AAId,sBAAe"}