@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/chat/LoadingDots/style.mjs

@@ -1,156 +1,83 @@
-import { createStaticStyles } from "antd-style";
 //#region src/chat/LoadingDots/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => {
-	const size = "var(--loading-dots-size, 8px)";
-	const dotColor = "var(--loading-dots-color, var(--ant-color-primary))";
-	return {
-		container: css`
-      display: flex;
-      flex-direction: row;
-      gap: 6px;
-      align-items: center;
-      justify-content: center;
-
-      padding: ${cssVar.paddingXS};
-    `,
-		defaultDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: fade-animation 1.2s ease-in-out infinite;
-
-      @keyframes fade-animation {
-        0%,
-        100% {
-          opacity: 0.3;
-        }
-
-        50% {
-          opacity: 1;
-        }
-      }
-    `,
-		orbitContainer: css`
-      position: relative;
-      width: calc(${size} * 4);
-      height: calc(${size} * 4);
-    `,
-		orbitDot: css`
-      position: absolute;
-      inset-block-start: 50%;
-      inset-inline-start: 50%;
-      transform-origin: calc(${size} * 2) 0;
-
-      width: ${size};
-      height: ${size};
-      margin-block-start: calc(${size} / -2);
-      margin-inline-start: calc(${size} / -2);
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: orbit-animation 1.2s linear infinite;
-
-      @keyframes orbit-animation {
-        0% {
-          transform: rotate(0deg) translateX(calc(${size} * 2));
-        }
-
-        100% {
-          transform: rotate(360deg) translateX(calc(${size} * 2));
-        }
-      }
-    `,
-		orbitWrapper: css`
-      position: relative;
-
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      width: calc(${size} * 5);
-      height: calc(${size} * 5);
-      padding: ${cssVar.paddingXS};
-    `,
-		pulseDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: pulse-animation 1.2s ease-in-out infinite;
-
-      @keyframes pulse-animation {
-        0%,
-        100% {
-          transform: scale(0.8);
-          opacity: 0.3;
-        }
-
-        50% {
-          transform: scale(1.3);
-          opacity: 1;
-        }
-      }
-    `,
-		typingDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: typing-animation 1.2s ease-in-out infinite;
-
-      @keyframes typing-animation {
-        0%,
-        100% {
-          transform: scale(0.6);
-          opacity: 0.2;
-        }
-
-        25% {
-          transform: scale(1);
-          opacity: 1;
-        }
-
-        50%,
-        75% {
-          transform: scale(0.6);
-          opacity: 0.2;
-        }
-      }
-    `,
-		waveDot: css`
-      width: ${size};
-      height: ${size};
-      border-radius: 50%;
-
-      background-color: ${dotColor};
-
-      animation: wave-animation 1.24s ease-in-out infinite;
-
-      @keyframes wave-animation {
-        0%,
-        100% {
-          transform: translateY(0);
-        }
-
-        25% {
-          transform: translateY(calc(${size} * -1.5));
-        }
-
-        50% {
-          transform: translateY(0);
-        }
-      }
-    `
-	};
-});
+const styles = {
+	container: {
+		kmVPX3: "lbtoa2fd",
+		kOIVth: "lb17d4w8g",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lb1q0g3np",
+		kjj79g: "lbl56j7k",
+		$$css: true
+	},
+	defaultDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb1mw1q8i",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	dot: {
+		kaIpWk: "lb16rqkct",
+		kWkggS: "lb1a11qzg",
+		kZKoxP: "lb1nintvw",
+		kzqmXN: "lb4qn5vj",
+		$$css: true
+	},
+	orbitContainer: {
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb64dwcm",
+		kzqmXN: "lblh0q56",
+		$$css: true
+	},
+	orbitDot: {
+		kaIpWk: "lb16rqkct",
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb19vkpf6",
+		kyAemX: "lb1esw782",
+		kWkggS: "lb1a11qzg",
+		k87sOh: "lbwa60dl",
+		kLqNvP: "lbbudbmw",
+		keoZOQ: "lb1aqyk8y",
+		keTefX: "lbvnrtqh",
+		kVAEAm: "lb10l6tqk",
+		k3nNDw: "lbf9s4g5",
+		kZKoxP: "lb1nintvw",
+		kzqmXN: "lb4qn5vj",
+		$$css: true
+	},
+	orbitWrapper: {
+		kmVPX3: "lbtoa2fd",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lbl56j7k",
+		kVAEAm: "lb1n2onr6",
+		kZKoxP: "lb181jx1s",
+		kzqmXN: "lbwx3du",
+		$$css: true
+	},
+	pulseDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb4rqs0j",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	typingDot: {
+		k44tkh: "lb1m9vv7p",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lb165uc2u",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	},
+	waveDot: {
+		k44tkh: "lb13l1lly",
+		ko0y90: "lba4qsjk",
+		kKVMdj: "lbyu7njy",
+		kyAemX: "lb4hg4is",
+		$$css: true
+	}
+};
 //#endregion
 export { styles };
 

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/LoadingDots/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const size = 'var(--loading-dots-size, 8px)';\n  const dotColor = 'var(--loading-dots-color, var(--ant-color-primary))';\n\n  return {\n    container: css`\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      align-items: center;\n      justify-content: center;\n\n      padding: ${cssVar.paddingXS};\n    `,\n\n    // Default variant (fade)\n    defaultDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: fade-animation 1.2s ease-in-out infinite;\n\n      @keyframes fade-animation {\n        0%,\n        100% {\n          opacity: 0.3;\n        }\n\n        50% {\n          opacity: 1;\n        }\n      }\n    `,\n\n    orbitContainer: css`\n      position: relative;\n      width: calc(${size} * 4);\n      height: calc(${size} * 4);\n    `,\n\n    orbitDot: css`\n      position: absolute;\n      inset-block-start: 50%;\n      inset-inline-start: 50%;\n      transform-origin: calc(${size} * 2) 0;\n\n      width: ${size};\n      height: ${size};\n      margin-block-start: calc(${size} / -2);\n      margin-inline-start: calc(${size} / -2);\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: orbit-animation 1.2s linear infinite;\n\n      @keyframes orbit-animation {\n        0% {\n          transform: rotate(0deg) translateX(calc(${size} * 2));\n        }\n\n        100% {\n          transform: rotate(360deg) translateX(calc(${size} * 2));\n        }\n      }\n    `,\n\n    // Orbit variant\n    orbitWrapper: css`\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: calc(${size} * 5);\n      height: calc(${size} * 5);\n      padding: ${cssVar.paddingXS};\n    `,\n\n    // Pulse variant\n    pulseDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: pulse-animation 1.2s ease-in-out infinite;\n\n      @keyframes pulse-animation {\n        0%,\n        100% {\n          transform: scale(0.8);\n          opacity: 0.3;\n        }\n\n        50% {\n          transform: scale(1.3);\n          opacity: 1;\n        }\n      }\n    `,\n\n    // Typing variant\n    typingDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: typing-animation 1.2s ease-in-out infinite;\n\n      @keyframes typing-animation {\n        0%,\n        100% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n\n        25% {\n          transform: scale(1);\n          opacity: 1;\n        }\n\n        50%,\n        75% {\n          transform: scale(0.6);\n          opacity: 0.2;\n        }\n      }\n    `,\n\n    // Wave variant\n    waveDot: css`\n      width: ${size};\n      height: ${size};\n      border-radius: 50%;\n\n      background-color: ${dotColor};\n\n      animation: wave-animation 1.24s ease-in-out infinite;\n\n      @keyframes wave-animation {\n        0%,\n        100% {\n          transform: translateY(0);\n        }\n\n        25% {\n          transform: translateY(calc(${size} * -1.5));\n        }\n\n        50% {\n          transform: translateY(0);\n        }\n      }\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,MAAM,OAAO;CACb,MAAM,WAAW;CAEjB,OAAO;EACL,WAAW,GAAG;;;;;;;iBAOD,OAAO,UAAU;;EAI9B,YAAY,GAAG;eACJ,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;EAgB/B,gBAAgB,GAAG;;oBAEH,KAAK;qBACJ,KAAK;;EAGtB,UAAU,GAAG;;;;+BAIc,KAAK;;eAErB,KAAK;gBACJ,KAAK;iCACY,KAAK;kCACJ,KAAK;;;0BAGb,SAAS;;;;;;oDAMiB,KAAK;;;;sDAIH,KAAK;;;;EAMvD,cAAc,GAAG;;;;;;;oBAOD,KAAK;qBACJ,KAAK;iBACT,OAAO,UAAU;;EAI9B,UAAU,GAAG;eACF,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;EAmB/B,WAAW,GAAG;eACH,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;;;;;;;EAyB/B,SAAS,GAAG;eACD,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;uCAWI,KAAK;;;;;;;;CAQ1C;AACF,CAAC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/LoadingDots/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nconst size = 'var(--loading-dots-size, 8px)';\nconst dotColor = 'var(--loading-dots-color, var(--lobe-color-primary))';\n\nconst fade = stylex.keyframes({\n  '0%, 100%': { opacity: 0.3 },\n  '50%': { opacity: 1 },\n});\n\nconst orbit = stylex.keyframes({\n  '0%': { transform: `rotate(0deg) translateX(calc(${size} * 2))` },\n  '100%': { transform: `rotate(360deg) translateX(calc(${size} * 2))` },\n});\n\nconst pulse = stylex.keyframes({\n  '0%, 100%': { opacity: 0.3, transform: 'scale(0.8)' },\n  '50%': { opacity: 1, transform: 'scale(1.3)' },\n});\n\nconst typing = stylex.keyframes({\n  '0%, 100%': { opacity: 0.2, transform: 'scale(0.6)' },\n  '25%': { opacity: 1, transform: 'scale(1)' },\n  '50%, 75%': { opacity: 0.2, transform: 'scale(0.6)' },\n});\n\nconst wave = stylex.keyframes({\n  '0%, 100%': { transform: 'translateY(0)' },\n  '25%': { transform: `translateY(calc(${size} * -1.5))` },\n  '50%': { transform: 'translateY(0)' },\n});\n\nexport const styles = stylex.create({\n  container: {\n    padding: cssVar.paddingXS,\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n  },\n  defaultDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: fade,\n    animationTimingFunction: 'ease-in-out',\n  },\n  dot: {\n    borderRadius: '50%',\n    backgroundColor: dotColor,\n    height: size,\n    width: size,\n  },\n  orbitContainer: {\n    position: 'relative',\n    height: `calc(${size} * 4)`,\n    width: `calc(${size} * 4)`,\n  },\n  orbitDot: {\n    borderRadius: '50%',\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: orbit,\n    animationTimingFunction: 'linear',\n    backgroundColor: dotColor,\n    insetBlockStart: '50%',\n    insetInlineStart: '50%',\n    marginBlockStart: `calc(${size} / -2)`,\n    marginInlineStart: `calc(${size} / -2)`,\n    position: 'absolute',\n    transformOrigin: `calc(${size} * 2) 0`,\n    height: size,\n    width: size,\n  },\n  orbitWrapper: {\n    padding: cssVar.paddingXS,\n    alignItems: 'center',\n    display: 'flex',\n    justifyContent: 'center',\n    position: 'relative',\n    height: `calc(${size} * 5)`,\n    width: `calc(${size} * 5)`,\n  },\n  pulseDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: pulse,\n    animationTimingFunction: 'ease-in-out',\n  },\n  typingDot: {\n    animationDuration: '1.2s',\n    animationIterationCount: 'infinite',\n    animationName: typing,\n    animationTimingFunction: 'ease-in-out',\n  },\n  waveDot: {\n    animationDuration: '1.24s',\n    animationIterationCount: 'infinite',\n    animationName: wave,\n    animationTimingFunction: 'ease-in-out',\n  },\n});\n"],"mappings":";AAUA,MAAa,SAAS;CACpB,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

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

@@ -1,7 +1,7 @@
 import { CSSProperties } from "react";
 //#region src/chat/LoadingDots/type.d.ts
-type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
-interface LoadingDotsProps {
+export type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
+export interface LoadingDotsProps {
   /**
    * 自定义类名
    */
@@ -27,5 +27,4 @@ interface LoadingDotsProps {
   variant?: LoadingDotsVariant;
 }
 //#endregion
-export { LoadingDotsProps, LoadingDotsVariant };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/MessageInput/MessageInput.mjs

@@ -1,15 +1,16 @@
 "use client";
-import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Button from "../../Button/Button.mjs";
 import { KeyMapEnum } from "../../Hotkey/const.mjs";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { useResponsive } from "../../styles/theme/scope.mjs";
 import { combineKeys } from "../../Hotkey/utils.mjs";
-import { Tooltip } from "../../base-ui/Tooltip/Tooltip.mjs";
-import Button from "../../base-ui/Button/Button.mjs";
-import TextArea_default from "../../base-ui/Input/TextArea.mjs";
+import { Tooltip } from "../../Tooltip/Tooltip.mjs";
+import TextArea_default from "../../Input/TextArea.mjs";
 import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
-import { styles } from "./style.mjs";
+import { styles, textAreaStyle } from "./style.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx, useResponsive } from "antd-style";
+import clsx$1 from "clsx";
 import { useHotkeys } from "react-hotkeys-hook";
 //#region src/chat/MessageInput/MessageInput.tsx
 const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValue, onConfirm, renderButtons, placeholder, styles: customStyles, style, editButtonSize = "middle", classNames, shortcut, language = "markdown", ...rest }) => {
@@ -48,15 +49,18 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 		...rest,
 		children: [mobile ? /* @__PURE__ */ jsx(TextArea_default, {
 			autoSize: true,
-			className: cx(styles, classNames?.editor),
+			className: clsx$1(styles, classNames?.editor),
 			placeholder,
-			style: customStyles?.editor,
+			style: {
+				...textAreaStyle,
+				...customStyles?.editor
+			},
 			value: temporaryValue,
 			variant,
 			onBlur: (e) => setValue(e.target.value),
 			onChange: (e) => setValue(e.target.value)
 		}) : /* @__PURE__ */ jsx(CodeEditor, {
-			className: cx(styles, classNames?.editor),
+			className: clsx$1(styles, classNames?.editor),
 			classNames,
 			language,
 			placeholder,

package/es/chat/MessageInput/MessageInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.mjs","names":["Flexbox","TextArea"],"sources":["../../../src/chat/MessageInput/MessageInput.tsx"],"sourcesContent":["'use client';\n\nimport { cx, useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\n\nimport Button from '@/base-ui/Button';\nimport { TextArea } from '@/base-ui/Input';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport { KeyMapEnum } from '@/Hotkey/const';\nimport { combineKeys } from '@/Hotkey/utils';\nimport Tooltip from '@/Tooltip';\n\nimport { styles } from './style';\nimport type { MessageInputProps } from './type';\n\nconst MessageInput = memo<MessageInputProps>(\n  ({\n    text,\n    variant = 'borderless',\n    onCancel,\n    defaultValue,\n    onConfirm,\n    renderButtons,\n    placeholder,\n    styles: customStyles,\n    style,\n    editButtonSize = 'middle',\n    classNames,\n    shortcut,\n    language = 'markdown',\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const [temporaryValue, setValue] = useState<string>(defaultValue || '');\n    const confirmHotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);\n    const confirmText = text?.confirm || 'Confirm';\n    const cancelHotkey = combineKeys([KeyMapEnum.Esc]);\n    const cancelText = text?.cancel || 'Cancel';\n\n    const handleConfirm = () => onConfirm?.(temporaryValue);\n    const handleCancel = () => onCancel?.();\n\n    useHotkeys(confirmHotkey, handleConfirm, {\n      enableOnFormTags: true,\n      enabled: shortcut,\n      preventDefault: true,\n    });\n\n    const confirmButton = (\n      <Button size={editButtonSize} type=\"primary\" onClick={handleConfirm}>\n        {confirmText}\n      </Button>\n    );\n\n    const cancllButton = (\n      <Button size={editButtonSize} type={'fill'} onClick={handleCancel}>\n        {text?.cancel || 'Cancel'}\n      </Button>\n    );\n\n    return (\n      <Flexbox gap={16} style={{ flex: 1, width: '100%', ...style }} {...rest}>\n        {mobile ? (\n          <TextArea\n            autoSize\n            className={cx(styles, classNames?.editor)}\n            placeholder={placeholder}\n            style={customStyles?.editor}\n            value={temporaryValue}\n            variant={variant}\n            onBlur={(e) => setValue(e.target.value)}\n            onChange={(e) => setValue(e.target.value)}\n          />\n        ) : (\n          <CodeEditor\n            className={cx(styles, classNames?.editor)}\n            classNames={classNames}\n            language={language}\n            placeholder={placeholder}\n            style={customStyles?.editor}\n            styles={customStyles}\n            value={temporaryValue}\n            variant={variant}\n            onBlur={(e) => setValue(e.target.value)}\n            onValueChange={(e) => setValue(e)}\n          />\n        )}\n        <Flexbox direction={'horizontal-reverse'} gap={8}>\n          {renderButtons ? (\n            renderButtons(temporaryValue).map((buttonProps, index) => (\n              <Button key={index} size={editButtonSize} {...buttonProps} />\n            ))\n          ) : (\n            <>\n              {shortcut ? (\n                <Tooltip hotkey={confirmHotkey} title={confirmText}>\n                  {confirmButton}\n                </Tooltip>\n              ) : (\n                confirmButton\n              )}\n              {shortcut ? (\n                <Tooltip hotkey={cancelHotkey} title={cancelText}>\n                  {cancllButton}\n                </Tooltip>\n              ) : (\n                cancllButton\n              )}\n            </>\n          )}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default MessageInput;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,eAAe,MAClB,EACC,MACA,UAAU,cACV,UACA,cACA,WACA,eACA,aACA,QAAQ,cACR,OACA,iBAAiB,UACjB,YACA,UACA,WAAW,YACX,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,CAAC,gBAAgB,YAAY,SAAiB,gBAAgB,EAAE;CACtE,MAAM,gBAAgB,YAAY,CAAC,WAAW,KAAK,WAAW,KAAK,CAAC;CACpE,MAAM,cAAc,MAAM,WAAW;CACrC,MAAM,eAAe,YAAY,CAAC,WAAW,GAAG,CAAC;CACjD,MAAM,aAAa,MAAM,UAAU;CAEnC,MAAM,sBAAsB,YAAY,cAAc;CACtD,MAAM,qBAAqB,WAAW;CAEtC,WAAW,eAAe,eAAe;EACvC,kBAAkB;EAClB,SAAS;EACT,gBAAgB;CAClB,CAAC;CAED,MAAM,gBACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,MAAK;EAAU,SAAS;EACnD,UAAA;CACK,CAAA;CAGV,MAAM,eACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,MAAM;EAAQ,SAAS;EAClD,UAAA,MAAM,UAAU;CACX,CAAA;CAGV,OACE,qBAACA,mBAAD;EAAS,KAAK;EAAI,OAAO;GAAE,MAAM;GAAG,OAAO;GAAQ,GAAG;EAAM;EAAG,GAAI;EAAnE,UAAA,CACG,SACC,oBAACC,kBAAD;GACE,UAAA;GACA,WAAW,GAAG,QAAQ,YAAY,MAAM;GAC3B;GACb,OAAO,cAAc;GACrB,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,KAAK;GACtC,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;EACzC,CAAA,IAED,oBAAC,YAAD;GACE,WAAW,GAAG,QAAQ,YAAY,MAAM;GAC5B;GACF;GACG;GACb,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,KAAK;GACtC,gBAAgB,MAAM,SAAS,CAAC;EACjC,CAAA,GAEH,oBAACD,mBAAD;GAAS,WAAW;GAAsB,KAAK;GAC5C,UAAA,gBACC,cAAc,cAAc,CAAC,CAAC,KAAK,aAAa,UAC9C,oBAAC,QAAD;IAAoB,MAAM;IAAgB,GAAI;GAAc,GAA/C,KAA+C,CAC7D,IAED,qBAAA,YAAA,EAAA,UAAA,CACG,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAe,OAAO;IACpC,UAAA;GACM,CAAA,IAET,eAED,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAc,OAAO;IACnC,UAAA;GACM,CAAA,IAET,YAEF,EAAA,CAAA;EAEG,CAAA,CACF;;AAEb,CACF"}
+{"version":3,"file":"MessageInput.mjs","names":["Flexbox","TextArea","clsx"],"sources":["../../../src/chat/MessageInput/MessageInput.tsx"],"sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { memo, useState } from 'react';\nimport { useHotkeys } from 'react-hotkeys-hook';\n\nimport Button from '@/Button';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport { KeyMapEnum } from '@/Hotkey/const';\nimport { combineKeys } from '@/Hotkey/utils';\nimport { TextArea } from '@/Input';\nimport { useResponsive } from '@/styles/theme/scope';\nimport Tooltip from '@/Tooltip';\n\nimport { styles, textAreaStyle } from './style';\nimport type { MessageInputProps } from './type';\n\nconst MessageInput = memo<MessageInputProps>(\n  ({\n    text,\n    variant = 'borderless',\n    onCancel,\n    defaultValue,\n    onConfirm,\n    renderButtons,\n    placeholder,\n    styles: customStyles,\n    style,\n    editButtonSize = 'middle',\n    classNames,\n    shortcut,\n    language = 'markdown',\n    ...rest\n  }) => {\n    const { mobile } = useResponsive();\n    const [temporaryValue, setValue] = useState<string>(defaultValue || '');\n    const confirmHotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);\n    const confirmText = text?.confirm || 'Confirm';\n    const cancelHotkey = combineKeys([KeyMapEnum.Esc]);\n    const cancelText = text?.cancel || 'Cancel';\n\n    const handleConfirm = () => onConfirm?.(temporaryValue);\n    const handleCancel = () => onCancel?.();\n\n    useHotkeys(confirmHotkey, handleConfirm, {\n      enableOnFormTags: true,\n      enabled: shortcut,\n      preventDefault: true,\n    });\n\n    const confirmButton = (\n      <Button size={editButtonSize} type=\"primary\" onClick={handleConfirm}>\n        {confirmText}\n      </Button>\n    );\n\n    const cancllButton = (\n      <Button size={editButtonSize} type={'fill'} onClick={handleCancel}>\n        {text?.cancel || 'Cancel'}\n      </Button>\n    );\n\n    return (\n      <Flexbox gap={16} style={{ flex: 1, width: '100%', ...style }} {...rest}>\n        {mobile ? (\n          <TextArea\n            autoSize\n            className={clsx(styles, classNames?.editor)}\n            placeholder={placeholder}\n            style={{ ...textAreaStyle, ...customStyles?.editor }}\n            value={temporaryValue}\n            variant={variant}\n            onBlur={(e) => setValue(e.target.value)}\n            onChange={(e) => setValue(e.target.value)}\n          />\n        ) : (\n          <CodeEditor\n            className={clsx(styles, classNames?.editor)}\n            classNames={classNames}\n            language={language}\n            placeholder={placeholder}\n            style={customStyles?.editor}\n            styles={customStyles}\n            value={temporaryValue}\n            variant={variant}\n            onBlur={(e) => setValue(e.target.value)}\n            onValueChange={(e) => setValue(e)}\n          />\n        )}\n        <Flexbox direction={'horizontal-reverse'} gap={8}>\n          {renderButtons ? (\n            renderButtons(temporaryValue).map((buttonProps, index) => (\n              <Button key={index} size={editButtonSize} {...buttonProps} />\n            ))\n          ) : (\n            <>\n              {shortcut ? (\n                <Tooltip hotkey={confirmHotkey} title={confirmText}>\n                  {confirmButton}\n                </Tooltip>\n              ) : (\n                confirmButton\n              )}\n              {shortcut ? (\n                <Tooltip hotkey={cancelHotkey} title={cancelText}>\n                  {cancllButton}\n                </Tooltip>\n              ) : (\n                cancllButton\n              )}\n            </>\n          )}\n        </Flexbox>\n      </Flexbox>\n    );\n  },\n);\n\nexport default MessageInput;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,eAAe,MAClB,EACC,MACA,UAAU,cACV,UACA,cACA,WACA,eACA,aACA,QAAQ,cACR,OACA,iBAAiB,UACjB,YACA,UACA,WAAW,YACX,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,CAAC,gBAAgB,YAAY,SAAiB,gBAAgB,EAAE;CACtE,MAAM,gBAAgB,YAAY,CAAC,WAAW,KAAK,WAAW,KAAK,CAAC;CACpE,MAAM,cAAc,MAAM,WAAW;CACrC,MAAM,eAAe,YAAY,CAAC,WAAW,GAAG,CAAC;CACjD,MAAM,aAAa,MAAM,UAAU;CAEnC,MAAM,sBAAsB,YAAY,cAAc;CACtD,MAAM,qBAAqB,WAAW;CAEtC,WAAW,eAAe,eAAe;EACvC,kBAAkB;EAClB,SAAS;EACT,gBAAgB;CAClB,CAAC;CAED,MAAM,gBACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,MAAK;EAAU,SAAS;EACnD,UAAA;CACK,CAAA;CAGV,MAAM,eACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,MAAM;EAAQ,SAAS;EAClD,UAAA,MAAM,UAAU;CACX,CAAA;CAGV,OACE,qBAACA,mBAAD;EAAS,KAAK;EAAI,OAAO;GAAE,MAAM;GAAG,OAAO;GAAQ,GAAG;EAAM;EAAG,GAAI;EAAnE,UAAA,CACG,SACC,oBAACC,kBAAD;GACE,UAAA;GACA,WAAWC,OAAK,QAAQ,YAAY,MAAM;GAC7B;GACb,OAAO;IAAE,GAAG;IAAe,GAAG,cAAc;GAAO;GACnD,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,KAAK;GACtC,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;EACzC,CAAA,IAED,oBAAC,YAAD;GACE,WAAWA,OAAK,QAAQ,YAAY,MAAM;GAC9B;GACF;GACG;GACb,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,KAAK;GACtC,gBAAgB,MAAM,SAAS,CAAC;EACjC,CAAA,GAEH,oBAACF,mBAAD;GAAS,WAAW;GAAsB,KAAK;GAC5C,UAAA,gBACC,cAAc,cAAc,CAAC,CAAC,KAAK,aAAa,UAC9C,oBAAC,QAAD;IAAoB,MAAM;IAAgB,GAAI;GAAc,GAA/C,KAA+C,CAC7D,IAED,qBAAA,YAAA,EAAA,UAAA,CACG,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAe,OAAO;IACpC,UAAA;GACM,CAAA,IAET,eAED,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAc,OAAO;IACnC,UAAA;GACM,CAAA,IAET,YAEF,EAAA,CAAA;EAEG,CAAA,CACF;;AAEb,CACF"}

package/es/chat/MessageInput/style.mjs

@@ -1,15 +1,14 @@
-import { createStaticStyles } from "antd-style";
+import { cssVar } from "../../styles/stylex/cssVar.stylex.mjs";
 //#region src/chat/MessageInput/style.ts
-const styles = createStaticStyles(({ css, cssVar }) => css`
-    position: relative;
-
-    height: 100%;
-
-    font-family: ${cssVar.fontFamilyCode};
-    font-size: 13px;
-    line-height: 1.8;
-  `);
+const styles = "lobe-message-input-editor";
+const textAreaStyle = {
+	fontFamily: cssVar.fontFamilyCode,
+	fontSize: 13,
+	height: "100%",
+	lineHeight: 1.8,
+	position: "relative"
+};
 //#endregion
-export { styles };
+export { styles, textAreaStyle };
 
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/MessageInput/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(\n  ({ css, cssVar }) => css`\n    position: relative;\n\n    height: 100%;\n\n    font-family: ${cssVar.fontFamilyCode};\n    font-size: 13px;\n    line-height: 1.8;\n  `,\n);\n"],"mappings":";;AAEA,MAAa,SAAS,oBACnB,EAAE,KAAK,aAAa,GAAG;;;;;mBAKP,OAAO,eAAe;;;GAIzC"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/MessageInput/style.ts"],"sourcesContent":["import './style.css';\n\nimport type { CSSProperties } from 'react';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = 'lobe-message-input-editor';\n\nexport const textAreaStyle: CSSProperties = {\n  fontFamily: cssVar.fontFamilyCode,\n  fontSize: 13,\n  height: '100%',\n  lineHeight: 1.8,\n  position: 'relative',\n};\n"],"mappings":";;AAMA,MAAa,SAAS;AAEtB,MAAa,gBAA+B;CAC1C,YAAY,OAAO;CACnB,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,UAAU;AACZ"}

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

@@ -1,12 +1,12 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
+import { ButtonProps } from "../../Button/type.mjs";
+import "../../Button/index.mjs";
 import { CodeEditorProps } from "../../CodeEditor/type.mjs";
 import "../../CodeEditor/index.mjs";
-import { ButtonProps } from "../../base-ui/Button/type.mjs";
-import "../../base-ui/Button/index.mjs";
 import { CSSProperties } from "react";
 //#region src/chat/MessageInput/type.d.ts
-interface MessageInputProps extends FlexboxProps {
+export interface MessageInputProps extends FlexboxProps {
   classNames?: CodeEditorProps['classNames'] & {
     editor?: string;
   };
@@ -28,5 +28,4 @@ interface MessageInputProps extends FlexboxProps {
   variant?: CodeEditorProps['variant'];
 }
 //#endregion
-export { MessageInputProps };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/MessageModal/MessageModal.mjs

@@ -1,26 +1,26 @@
 "use client";
+import Button from "../../Button/Button.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import Button from "../../base-ui/Button/Button.mjs";
+import { useResponsive } from "../../styles/theme/scope.mjs";
+import { useControlledState } from "../../hooks/useControlledState.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
-import TextArea_default from "../../base-ui/Input/TextArea.mjs";
+import TextArea_default from "../../Input/TextArea.mjs";
 import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
+import Modal from "../../Modal/Modal.mjs";
 import Markdown from "../../Markdown/Markdown.mjs";
-import Modal from "../../base-ui/Modal/Modal.mjs";
-import { styles } from "../MessageInput/style.mjs";
+import { styles, textAreaStyle } from "../MessageInput/style.mjs";
 import messageModal_default from "../../i18n/resources/en/messageModal.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useResponsive } from "antd-style";
-import useMergeState from "use-merge-value";
 //#region src/chat/MessageModal/MessageModal.tsx
 const MessageModal = memo(({ editing, open, height = "75vh", onOpenChange, onEditingChange, placeholder, value, language = "markdown", onChange, text, footer, extra }) => {
 	const { mobile } = useResponsive();
 	const { t } = useTranslation(messageModal_default);
-	const [isEdit, setTyping] = useMergeState(false, {
+	const [isEdit, setTyping] = useControlledState(false, {
 		onChange: onEditingChange,
 		value: editing
 	});
-	const [showModal, setShowModal] = useMergeState(false, {
+	const [showModal, setShowModal] = useControlledState(false, {
 		onChange: onOpenChange,
 		value: open
 	});
@@ -66,6 +66,7 @@ const MessageModal = memo(({ editing, open, height = "75vh", onOpenChange, onEdi
 			className: styles,
 			defaultValue: temporaryValue,
 			placeholder,
+			style: textAreaStyle,
 			value: temporaryValue,
 			variant: "borderless",
 			onBlur: (e) => setMessage(e.target.value),

package/es/chat/MessageModal/MessageModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MessageModal.mjs","names":["messageModalMessages","useControlledState","Flexbox","TextArea","textStyles"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Button from '@/base-ui/Button';\nimport { TextArea } from '@/base-ui/Input';\nimport { Modal } from '@/base-ui/Modal';\nimport { styles as textStyles } from '@/chat/MessageInput/style';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Markdown from '@/Markdown';\n\nimport { type MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    editing,\n    open,\n    height = '75vh',\n    onOpenChange,\n    onEditingChange,\n    placeholder,\n    value,\n    language = 'markdown',\n    onChange,\n    text,\n    footer,\n    extra,\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(messageModalMessages);\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [showModal, setShowModal] = useControlledState(false, {\n      onChange: onOpenChange,\n      value: open,\n    });\n\n    const [temporaryValue, setMessage] = useState(value);\n\n    const confirmText = text?.confirm ?? t('messageModal.confirm');\n    const cancelText = text?.cancel ?? t('messageModal.cancel');\n    const editText = text?.edit ?? t('messageModal.edit');\n\n    const modalFooter = isEdit ? (\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n        >\n          {confirmText}\n        </Button>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            setMessage(value);\n          }}\n        >\n          {cancelText}\n        </Button>\n      </Flexbox>\n    ) : (\n      footer\n    );\n\n    return (\n      <Modal\n        allowFullscreen\n        destroyOnHidden\n        cancelText={cancelText}\n        footer={modalFooter}\n        height={height}\n        okText={editText}\n        open={showModal}\n        title={text?.title}\n        onOk={() => setTyping(true)}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n            />\n          )\n        ) : (\n          <>\n            {extra}\n            <Markdown variant={'chat'}>{String(value || placeholder)}</Markdown>\n          </>\n        )}\n      </Modal>\n    );\n  },\n);\n\nMessageModal.displayName = 'MessageModal';\n\nexport default MessageModal;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,eAAe,MAClB,EACC,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,EAAE,MAAM,eAAeA,oBAAoB;CACjD,MAAM,CAAC,QAAQ,aAAaC,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,WAAW,gBAAgBA,cAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,gBAAgB,cAAc,SAAS,KAAK;CAEnD,MAAM,cAAc,MAAM,WAAW,EAAE,sBAAsB;CAC7D,MAAM,aAAa,MAAM,UAAU,EAAE,qBAAqB;CAC1D,MAAM,WAAW,MAAM,QAAQ,EAAE,mBAAmB;CA2BpD,OACE,oBAAC,OAAD;EACE,iBAAA;EACA,iBAAA;EACY;EACZ,QA9BgB,SAClB,qBAACC,mBAAD;GAAS,WAAW;GAAsB,KAAK;GAA/C,UAAA,CACE,oBAAC,QAAD;IACE,MAAK;IACL,eAAe;KACb,UAAU,KAAK;KACf,WAAW,cAAc;KACzB,WAAW,KAAK;IAClB;IAEC,UAAA;GACK,CAAA,GACR,oBAAC,QAAD;IACE,eAAe;KACb,UAAU,KAAK;KACf,WAAW,KAAK;IAClB;IAEC,UAAA;GACK,CAAA,CACD;EAET,CAAA,IAAA;EASU;EACR,QAAQ;EACR,MAAM;EACN,OAAO,MAAM;EACb,YAAY,UAAU,IAAI;EAC1B,gBAAgB;GACd,aAAa,KAAK;GAClB,UAAU,KAAK;GACf,WAAW,KAAK;EAClB;EAEC,UAAA,SACC,SACE,oBAACC,kBAAD;GACE,UAAA;GACA,WAAWC;GACX,cAAc;GACD;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,KAAK;GACxC,WAAW,UAAU,WAAW,MAAM,OAAO,KAAK;EACnD,CAAA,IAED,oBAAC,YAAD;GACE,WAAWA;GACX,cAAc;GACJ;GACG;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,KAAK;GACxC,gBAAgB,UAAU,WAAW,KAAK;EAC3C,CAAA,IAGH,qBAAA,YAAA,EAAA,UAAA,CACG,OACD,oBAAC,UAAD;GAAU,SAAS;GAAS,UAAA,OAAO,SAAS,WAAW;EAAY,CAAA,CACnE,EAAA,CAAA;CAEC,CAAA;AAEX,CACF;AAEA,aAAa,cAAc"}
+{"version":3,"file":"MessageModal.mjs","names":["messageModalMessages","Flexbox","TextArea","textStyles"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useState } from 'react';\n\nimport Button from '@/Button';\nimport { styles as textStyles, textAreaStyle } from '@/chat/MessageInput/style';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport { useControlledState } from '@/hooks/useControlledState';\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport { TextArea } from '@/Input';\nimport Markdown from '@/Markdown';\nimport { Modal } from '@/Modal';\nimport { useResponsive } from '@/styles/theme/scope';\n\nimport { type MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    editing,\n    open,\n    height = '75vh',\n    onOpenChange,\n    onEditingChange,\n    placeholder,\n    value,\n    language = 'markdown',\n    onChange,\n    text,\n    footer,\n    extra,\n  }) => {\n    const { mobile } = useResponsive();\n    const { t } = useTranslation(messageModalMessages);\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [showModal, setShowModal] = useControlledState(false, {\n      onChange: onOpenChange,\n      value: open,\n    });\n\n    const [temporaryValue, setMessage] = useState(value);\n\n    const confirmText = text?.confirm ?? t('messageModal.confirm');\n    const cancelText = text?.cancel ?? t('messageModal.cancel');\n    const editText = text?.edit ?? t('messageModal.edit');\n\n    const modalFooter = isEdit ? (\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\n        <Button\n          type=\"primary\"\n          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n        >\n          {confirmText}\n        </Button>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            setMessage(value);\n          }}\n        >\n          {cancelText}\n        </Button>\n      </Flexbox>\n    ) : (\n      footer\n    );\n\n    return (\n      <Modal\n        allowFullscreen\n        destroyOnHidden\n        cancelText={cancelText}\n        footer={modalFooter}\n        height={height}\n        okText={editText}\n        open={showModal}\n        title={text?.title}\n        onOk={() => setTyping(true)}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              placeholder={placeholder}\n              style={textAreaStyle}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n            />\n          )\n        ) : (\n          <>\n            {extra}\n            <Markdown variant={'chat'}>{String(value || placeholder)}</Markdown>\n          </>\n        )}\n      </Modal>\n    );\n  },\n);\n\nMessageModal.displayName = 'MessageModal';\n\nexport default MessageModal;\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,eAAe,MAClB,EACC,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,EAAE,MAAM,eAAeA,oBAAoB;CACjD,MAAM,CAAC,QAAQ,aAAa,mBAAmB,OAAO;EACpD,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,WAAW,gBAAgB,mBAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;CACT,CAAC;CAED,MAAM,CAAC,gBAAgB,cAAc,SAAS,KAAK;CAEnD,MAAM,cAAc,MAAM,WAAW,EAAE,sBAAsB;CAC7D,MAAM,aAAa,MAAM,UAAU,EAAE,qBAAqB;CAC1D,MAAM,WAAW,MAAM,QAAQ,EAAE,mBAAmB;CA2BpD,OACE,oBAAC,OAAD;EACE,iBAAA;EACA,iBAAA;EACY;EACZ,QA9BgB,SAClB,qBAACC,mBAAD;GAAS,WAAW;GAAsB,KAAK;GAA/C,UAAA,CACE,oBAAC,QAAD;IACE,MAAK;IACL,eAAe;KACb,UAAU,KAAK;KACf,WAAW,cAAc;KACzB,WAAW,KAAK;IAClB;IAEC,UAAA;GACK,CAAA,GACR,oBAAC,QAAD;IACE,eAAe;KACb,UAAU,KAAK;KACf,WAAW,KAAK;IAClB;IAEC,UAAA;GACK,CAAA,CACD;EAET,CAAA,IAAA;EASU;EACR,QAAQ;EACR,MAAM;EACN,OAAO,MAAM;EACb,YAAY,UAAU,IAAI;EAC1B,gBAAgB;GACd,aAAa,KAAK;GAClB,UAAU,KAAK;GACf,WAAW,KAAK;EAClB;EAEC,UAAA,SACC,SACE,oBAACC,kBAAD;GACE,UAAA;GACA,WAAWC;GACX,cAAc;GACD;GACb,OAAO;GACP,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,KAAK;GACxC,WAAW,UAAU,WAAW,MAAM,OAAO,KAAK;EACnD,CAAA,IAED,oBAAC,YAAD;GACE,WAAWA;GACX,cAAc;GACJ;GACG;GACb,OAAO;GACP,SAAS;GACT,SAAS,MAAM,WAAW,EAAE,OAAO,KAAK;GACxC,gBAAgB,UAAU,WAAW,KAAK;EAC3C,CAAA,IAGH,qBAAA,YAAA,EAAA,UAAA,CACG,OACD,oBAAC,UAAD;GAAU,SAAS;GAAS,UAAA,OAAO,SAAS,WAAW;EAAY,CAAA,CACnE,EAAA,CAAA;CAEC,CAAA;AAEX,CACF;AAEA,aAAa,cAAc"}

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

@@ -1,10 +1,10 @@
-import { ModalComponentProps } from "../../base-ui/Modal/type.mjs";
-import "../../base-ui/Modal/index.mjs";
+import { ModalComponentProps } from "../../Modal/type.mjs";
+import "../../Modal/index.mjs";
 import { MessageInputProps } from "../MessageInput/type.mjs";
 import "../MessageInput/index.mjs";
 import { ReactNode } from "react";
 //#region src/chat/MessageModal/type.d.ts
-interface MessageModalProps extends Pick<ModalComponentProps, 'open' | 'footer'> {
+export interface MessageModalProps extends Pick<ModalComponentProps, 'open' | 'footer'> {
   editing?: boolean;
   extra?: ReactNode;
   height?: MessageInputProps['height'];
@@ -25,5 +25,4 @@ interface MessageModalProps extends Pick<ModalComponentProps, 'open' | 'footer'>
   value: string;
 }
 //#endregion
-export { MessageModalProps };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/TokenTag/TokenTag.mjs

@@ -1,14 +1,13 @@
 "use client";
-import ActionIcon from "../../base-ui/ActionIcon/ActionIcon.mjs";
+import { cssVar } from "../../styles/stylex/cssVar.stylex.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
-import Progress from "../../base-ui/Progress/Progress.mjs";
+import Progress from "../../Progress/Progress.mjs";
 import chat_default from "../../i18n/resources/en/chat.mjs";
+import { formatNumber } from "../../utils/formatNumber.mjs";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cssVar } from "antd-style";
-import numeral from "numeral";
 //#region src/chat/TokenTag/TokenTag.tsx
-const format = (number) => numeral(number).format("0,0");
 const TokenTag = ({ mode = "remained", maxValue, value, text, showInfo, size = 20, ...rest }) => {
 	const { t } = useTranslation(chat_default);
 	const valueLeft = maxValue - value;
@@ -34,7 +33,7 @@ const TokenTag = ({ mode = "remained", maxValue, value, text, showInfo, size = 2
 			type
 		};
 	}, [percent]);
-	const title = valueLeft > 0 ? [mode === "remained" ? remainedText : usedText, mode === "remained" ? format(valueLeft) : format(value)].join(" ") : overloadText;
+	const title = valueLeft > 0 ? [mode === "remained" ? remainedText : usedText, mode === "remained" ? formatNumber(valueLeft) : formatNumber(value)].join(" ") : overloadText;
 	return /* @__PURE__ */ jsx(ActionIcon, {
 		size,
 		title: showInfo ? title : void 0,

package/es/chat/TokenTag/TokenTag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TokenTag.mjs","names":["chatMessages"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar } from 'antd-style';\nimport numeral from 'numeral';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/base-ui/ActionIcon';\nimport Progress from '@/base-ui/Progress';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport type { TokenTagProps } from './type';\n\nconst format = (number: number) => numeral(number).format('0,0');\n\nconst TokenTag: FC<TokenTagProps> = ({\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  showInfo,\n  size = 20,\n  ...rest\n}) => {\n  const { t } = useTranslation(chatMessages);\n  const valueLeft = maxValue - value;\n  const percent = value / maxValue;\n  const remainedText = text?.remained ?? t('tokenTag.remained');\n  const usedText = text?.used ?? t('tokenTag.used');\n  const overloadText = text?.overload ?? t('tokenTag.overload');\n\n  const data = useMemo(() => {\n    let type: 'normal' | 'low' | 'overload';\n    let color;\n\n    if (percent < 0.7) {\n      type = 'normal';\n      color = cssVar.colorText;\n    } else if (percent < 0.9) {\n      type = 'low';\n      color = cssVar.colorWarning;\n    } else {\n      type = 'overload';\n      color = cssVar.colorError;\n    }\n    return {\n      color,\n      type,\n    };\n  }, [percent]);\n\n  const title =\n    valueLeft > 0\n      ? [\n          mode === 'remained' ? remainedText : usedText,\n          mode === 'remained' ? format(valueLeft) : format(value),\n        ].join(' ')\n      : overloadText;\n\n  return (\n    <ActionIcon\n      size={size}\n      title={showInfo ? title : undefined}\n      icon={\n        <Progress\n          percent={percent * 100}\n          showInfo={false}\n          size={Number(typeof size === 'object' ? size?.size || 20 : size) || 20}\n          strokeColor={data.color}\n          type=\"circle\"\n        />\n      }\n      {...rest}\n    />\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,UAAU,WAAmB,QAAQ,MAAM,CAAC,CAAC,OAAO,KAAK;AAE/D,MAAM,YAA+B,EACnC,OAAO,YACP,UACA,OACA,MACA,UACA,OAAO,IACP,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,eAAeA,YAAY;CACzC,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,QAAQ;CACxB,MAAM,eAAe,MAAM,YAAY,EAAE,mBAAmB;CAC5D,MAAM,WAAW,MAAM,QAAQ,EAAE,eAAe;CAChD,MAAM,eAAe,MAAM,YAAY,EAAE,mBAAmB;CAE5D,MAAM,OAAO,cAAc;EACzB,IAAI;EACJ,IAAI;EAEJ,IAAI,UAAU,IAAK;GACjB,OAAO;GACP,QAAQ,OAAO;EACjB,OAAO,IAAI,UAAU,IAAK;GACxB,OAAO;GACP,QAAQ,OAAO;EACjB,OAAO;GACL,OAAO;GACP,QAAQ,OAAO;EACjB;EACA,OAAO;GACL;GACA;EACF;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,QACJ,YAAY,IACR,CACE,SAAS,aAAa,eAAe,UACrC,SAAS,aAAa,OAAO,SAAS,IAAI,OAAO,KAAK,CACxD,CAAC,CAAC,KAAK,GAAG,IACV;CAEN,OACE,oBAAC,YAAD;EACQ;EACN,OAAO,WAAW,QAAQ,KAAA;EAC1B,MACE,oBAAC,UAAD;GACE,SAAS,UAAU;GACnB,UAAU;GACV,MAAM,OAAO,OAAO,SAAS,WAAW,MAAM,QAAQ,KAAK,IAAI,KAAK;GACpE,aAAa,KAAK;GAClB,MAAK;EACN,CAAA;EAEH,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}
+{"version":3,"file":"TokenTag.mjs","names":["chatMessages"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Progress from '@/Progress';\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { formatNumber } from '@/utils/formatNumber';\n\nimport type { TokenTagProps } from './type';\n\nconst TokenTag: FC<TokenTagProps> = ({\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  showInfo,\n  size = 20,\n  ...rest\n}) => {\n  const { t } = useTranslation(chatMessages);\n  const valueLeft = maxValue - value;\n  const percent = value / maxValue;\n  const remainedText = text?.remained ?? t('tokenTag.remained');\n  const usedText = text?.used ?? t('tokenTag.used');\n  const overloadText = text?.overload ?? t('tokenTag.overload');\n\n  const data = useMemo(() => {\n    let type: 'normal' | 'low' | 'overload';\n    let color;\n\n    if (percent < 0.7) {\n      type = 'normal';\n      color = cssVar.colorText;\n    } else if (percent < 0.9) {\n      type = 'low';\n      color = cssVar.colorWarning;\n    } else {\n      type = 'overload';\n      color = cssVar.colorError;\n    }\n    return {\n      color,\n      type,\n    };\n  }, [percent]);\n\n  const title =\n    valueLeft > 0\n      ? [\n          mode === 'remained' ? remainedText : usedText,\n          mode === 'remained' ? formatNumber(valueLeft) : formatNumber(value),\n        ].join(' ')\n      : overloadText;\n\n  return (\n    <ActionIcon\n      size={size}\n      title={showInfo ? title : undefined}\n      icon={\n        <Progress\n          percent={percent * 100}\n          showInfo={false}\n          size={Number(typeof size === 'object' ? size?.size || 20 : size) || 20}\n          strokeColor={data.color}\n          type=\"circle\"\n        />\n      }\n      {...rest}\n    />\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;AAaA,MAAM,YAA+B,EACnC,OAAO,YACP,UACA,OACA,MACA,UACA,OAAO,IACP,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,eAAeA,YAAY;CACzC,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,QAAQ;CACxB,MAAM,eAAe,MAAM,YAAY,EAAE,mBAAmB;CAC5D,MAAM,WAAW,MAAM,QAAQ,EAAE,eAAe;CAChD,MAAM,eAAe,MAAM,YAAY,EAAE,mBAAmB;CAE5D,MAAM,OAAO,cAAc;EACzB,IAAI;EACJ,IAAI;EAEJ,IAAI,UAAU,IAAK;GACjB,OAAO;GACP,QAAQ,OAAO;EACjB,OAAO,IAAI,UAAU,IAAK;GACxB,OAAO;GACP,QAAQ,OAAO;EACjB,OAAO;GACL,OAAO;GACP,QAAQ,OAAO;EACjB;EACA,OAAO;GACL;GACA;EACF;CACF,GAAG,CAAC,OAAO,CAAC;CAEZ,MAAM,QACJ,YAAY,IACR,CACE,SAAS,aAAa,eAAe,UACrC,SAAS,aAAa,aAAa,SAAS,IAAI,aAAa,KAAK,CACpE,CAAC,CAAC,KAAK,GAAG,IACV;CAEN,OACE,oBAAC,YAAD;EACQ;EACN,OAAO,WAAW,QAAQ,KAAA;EAC1B,MACE,oBAAC,UAAD;GACE,SAAS,UAAU;GACnB,UAAU;GACV,MAAM,OAAO,OAAO,SAAS,WAAW,MAAM,QAAQ,KAAK,IAAI,KAAK;GACpE,aAAa,KAAK;GAClB,MAAK;EACN,CAAA;EAEH,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}

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

@@ -1,7 +1,7 @@
-import { ActionIconProps } from "../../base-ui/ActionIcon/type.mjs";
-import "../../base-ui/ActionIcon/index.mjs";
+import { ActionIconProps } from "../../ActionIcon/type.mjs";
+import "../../ActionIcon/index.mjs";
 //#region src/chat/TokenTag/type.d.ts
-interface TokenTagProps extends ActionIconProps {
+export interface TokenTagProps extends ActionIconProps {
   maxValue: number;
   mode?: 'remained' | 'used';
   showInfo?: boolean;
@@ -13,5 +13,4 @@ interface TokenTagProps extends ActionIconProps {
   value: number;
 }
 //#endregion
-export { TokenTagProps };
 //# sourceMappingURL=type.d.mts.map

package/es/chat/types/chatMessage.d.mts

@@ -5,16 +5,16 @@ import { BaseDataModel } from "./meta.mjs";
 /**
  * 聊天消息错误对象
  */
-interface ChatMessageError {
+export interface ChatMessageError {
   body?: any;
   message: string;
   type: ErrorType;
 }
-interface OpenAIFunctionCall {
+export interface OpenAIFunctionCall {
   arguments?: string;
   name: string;
 }
-interface ChatMessage extends BaseDataModel {
+export interface ChatMessage extends BaseDataModel {
   /**
    * @title 内容
    * @description 消息内容
@@ -41,7 +41,6 @@ interface ChatMessage extends BaseDataModel {
    */
   topicId?: string;
 }
-type ChatMessageMap = Record<string, ChatMessage>;
+export type ChatMessageMap = Record<string, ChatMessage>;
 //#endregion
-export { ChatMessage, ChatMessageError, ChatMessageMap, OpenAIFunctionCall };
 //# sourceMappingURL=chatMessage.d.mts.map

package/es/chat/types/error.d.mts

@@ -1,5 +1,5 @@
 //#region src/chat/types/error.d.ts
-declare const ChatErrorType: {
+export declare const ChatErrorType: {
   readonly InvalidAccessCode: "InvalidAccessCode";
   readonly OpenAIBizError: "OpenAIBizError";
   readonly NoAPIKey: "NoAPIKey";
@@ -14,11 +14,10 @@ declare const ChatErrorType: {
   readonly ServiceUnavailable: 503;
   readonly GatewayTimeout: 504;
 };
-type ErrorType = (typeof ChatErrorType)[keyof typeof ChatErrorType];
-interface ErrorResponse {
+export type ErrorType = (typeof ChatErrorType)[keyof typeof ChatErrorType];
+export interface ErrorResponse {
   body: any;
   errorType: ErrorType;
 }
 //#endregion
-export { ChatErrorType, ErrorResponse, ErrorType };
 //# sourceMappingURL=error.d.mts.map