@jinmi/ui 0.0.0-stage → 6.0.2

package/es/chat/EditableMessageList/messageReducer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import { produce } from 'immer';\r\n\r\nimport type { ChatMessageError, LLMMessage, LLMRoleType } from '@/chat/types';\r\n\r\nexport type MessageDispatch =\r\n  | { message: LLMMessage; type: 'addMessage' }\r\n  | { index: number; message: LLMMessage; type: 'insertMessage' }\r\n  | { index: number; type: 'deleteMessage' }\r\n  | { type: 'resetMessages' }\r\n  | { index: number; message: string; type: 'updateMessage' }\r\n  | { index: number; role: LLMRoleType; type: 'updateMessageRole' }\r\n  //\r\n  | { message: string; type: 'addUserMessage' }\r\n  | { responseStream: string[]; type: 'updateLatestBotMessage' }\r\n  | { index: number; message: string; type: 'updateMessageChoice' }\r\n  | {\r\n      error: ChatMessageError | undefined;\r\n      index: number;\r\n      type: 'setErrorMessage';\r\n    };\r\n\r\nexport const messagesReducer = (state: LLMMessage[], payload: MessageDispatch): LLMMessage[] => {\r\n  switch (payload.type) {\r\n    case 'addMessage': {\r\n      return [...state, payload.message];\r\n    }\r\n\r\n    case 'insertMessage': {\r\n      return produce(state, (draftState) => {\r\n        draftState.splice(payload.index, 0, payload.message);\r\n      });\r\n    }\r\n\r\n    case 'deleteMessage': {\r\n      return state.filter((_, index) => index !== payload.index);\r\n    }\r\n    case 'resetMessages': {\r\n      return [];\r\n    }\r\n\r\n    case 'updateMessage': {\r\n      return produce(state, (draftState) => {\r\n        const { index, message } = payload;\r\n\r\n        draftState[index].content = message;\r\n      });\r\n    }\r\n    case 'updateMessageRole': {\r\n      return produce(state, (draftState) => {\r\n        const { index, role } = payload;\r\n\r\n        draftState[index].role = role;\r\n      });\r\n    }\r\n\r\n    case 'addUserMessage': {\r\n      return produce(state, (draftState) => {\r\n        draftState.push({ content: payload.message, role: 'user' });\r\n      });\r\n    }\r\n\r\n    case 'updateLatestBotMessage': {\r\n      return produce(state, () => {\r\n        const { responseStream } = payload;\r\n        const newMessage = { content: responseStream.join(''), role: 'assistant' };\r\n\r\n        return [...state.slice(0, -1), newMessage];\r\n      });\r\n    }\r\n\r\n    case 'setErrorMessage': {\r\n      return produce(state, (draftState) => {\r\n        const { index, error } = payload;\r\n\r\n        // @ts-ignore\r\n        draftState[index].error = error;\r\n      });\r\n    }\r\n\r\n    default: {\r\n      throw new Error('暂未实现的 type，请检查 reducer');\r\n    }\r\n  }\r\n};\r\n"],"mappings":";;AAqBA,MAAa,mBAAmB,OAAqB,YAA2C;CAC9F,QAAQ,QAAQ,MAAhB;EACE,KAAK,cACH,OAAO,CAAC,GAAG,OAAO,QAAQ,OAAO;EAGnC,KAAK,iBACH,OAAO,QAAQ,QAAQ,eAAe;GACpC,WAAW,OAAO,QAAQ,OAAO,GAAG,QAAQ,OAAO;EACrD,CAAC;EAGH,KAAK,iBACH,OAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,KAAK;EAE3D,KAAK,iBACH,OAAO,CAAC;EAGV,KAAK,iBACH,OAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,YAAY;GAE3B,WAAW,MAAM,CAAC,UAAU;EAC9B,CAAC;EAEH,KAAK,qBACH,OAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,SAAS;GAExB,WAAW,MAAM,CAAC,OAAO;EAC3B,CAAC;EAGH,KAAK,kBACH,OAAO,QAAQ,QAAQ,eAAe;GACpC,WAAW,KAAK;IAAE,SAAS,QAAQ;IAAS,MAAM;GAAO,CAAC;EAC5D,CAAC;EAGH,KAAK,0BACH,OAAO,QAAQ,aAAa;GAC1B,MAAM,EAAE,mBAAmB;GAC3B,MAAM,aAAa;IAAE,SAAS,eAAe,KAAK,EAAE;IAAG,MAAM;GAAY;GAEzE,OAAO,CAAC,GAAG,MAAM,MAAM,GAAG,EAAE,GAAG,UAAU;EAC3C,CAAC;EAGH,KAAK,mBACH,OAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,UAAU;GAGzB,WAAW,MAAM,CAAC,QAAQ;EAC5B,CAAC;EAGH,SACE,MAAM,IAAI,MAAM,wBAAwB;CAE5C;AACF"}

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

@@ -0,0 +1,20 @@
+import { LLMMessage } from "../types/llm.mjs";
+import "../types/index.mjs";
+//#region src/chat/EditableMessageList/type.d.ts
+interface EditableMessageListProps {
+  dataSources: LLMMessage[];
+  disabled?: boolean;
+  onChange?: (chatMessages: LLMMessage[]) => void;
+  texts?: {
+    addProps?: string;
+    delete?: string;
+    input?: string;
+    inputPlaceholder?: string;
+    output?: string;
+    outputPlaceholder?: string;
+    system?: string;
+  };
+}
+//#endregion
+export { EditableMessageListProps };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,7 @@
+import { LoadingDotsProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/chat/LoadingDots/LoadingDots.d.ts
+declare const LoadingDots: FC<LoadingDotsProps>;
+//#endregion
+export { LoadingDots as default };
+//# sourceMappingURL=LoadingDots.d.mts.map

package/es/chat/LoadingDots/LoadingDots.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { styles } from "./style.mjs";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+//#region src/chat/LoadingDots/LoadingDots.tsx
+const LoadingDots = ({ size = 8, color, variant = "dots", className, style }) => {
+	const cssVariables = useMemo(() => {
+		const vars = { "--loading-dots-size": `${size}px` };
+		if (color) vars["--loading-dots-color"] = color;
+		return vars;
+	}, [color, size]);
+	const renderDots = () => {
+		switch (variant) {
+			case "pulse": return /* @__PURE__ */ jsx("div", {
+				className: styles.pulseDot,
+				style: { animationDelay: "0s" }
+			});
+			case "wave": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.12s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.waveDot,
+					style: { animationDelay: "0.24s" }
+				})
+			] });
+			case "orbit": return /* @__PURE__ */ jsxs("div", {
+				className: styles.orbitContainer,
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "0s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.4s" }
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: styles.orbitDot,
+						style: { animationDelay: "-0.8s" }
+					})
+				]
+			});
+			case "typing": return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.typingDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+			default: return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.15s" }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: styles.defaultDot,
+					style: { animationDelay: "0.3s" }
+				})
+			] });
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: cx(variant === "orbit" ? styles.orbitWrapper : styles.container, className),
+		style: {
+			...cssVariables,
+			...style
+		},
+		children: renderDots()
+	});
+};
+LoadingDots.displayName = "LoadingDots";
+//#endregion
+export { LoadingDots as default };
+
+//# sourceMappingURL=LoadingDots.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingDots.mjs","names":[],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx } from 'antd-style';\r\nimport { type FC, useMemo } from 'react';\r\n\r\nimport { styles } from './style';\r\nimport type { LoadingDotsProps } from './type';\r\n\r\nconst LoadingDots: FC<LoadingDotsProps> = ({\r\n  size = 8,\r\n  color,\r\n  variant = 'dots',\r\n  className,\r\n  style,\r\n}) => {\r\n  // Convert props to CSS variables\r\n  const cssVariables = useMemo<Record<string, string>>(() => {\r\n    const vars: Record<string, string> = {\r\n      '--loading-dots-size': `${size}px`,\r\n    };\r\n    if (color) {\r\n      vars['--loading-dots-color'] = color;\r\n    }\r\n    return vars;\r\n  }, [color, size]);\r\n\r\n  const renderDots = () => {\r\n    switch (variant) {\r\n      case 'pulse': {\r\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\r\n      }\r\n\r\n      case 'wave': {\r\n        return (\r\n          <>\r\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\r\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\r\n          </>\r\n        );\r\n      }\r\n\r\n      case 'orbit': {\r\n        return (\r\n          <div className={styles.orbitContainer}>\r\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\r\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\r\n          </div>\r\n        );\r\n      }\r\n\r\n      case 'typing': {\r\n        return (\r\n          <>\r\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\r\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\r\n          </>\r\n        );\r\n      }\r\n\r\n      default: {\r\n        return (\r\n          <>\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\r\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\r\n          </>\r\n        );\r\n      }\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}\r\n      style={{\r\n        ...cssVariables,\r\n        ...style,\r\n      }}\r\n    >\r\n      {renderDots()}\r\n    </div>\r\n  );\r\n};\r\n\r\nLoadingDots.displayName = 'LoadingDots';\r\n\r\nexport default LoadingDots;\r\n"],"mappings":";;;;;;AAQA,MAAM,eAAqC,EACzC,OAAO,GACP,OACA,UAAU,QACV,WACA,YACI;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAM,OAA+B,EACnC,uBAAuB,GAAG,KAAK,IACjC;EACA,IAAI,OACF,KAAK,0BAA0B;EAEjC,OAAO;CACT,GAAG,CAAC,OAAO,IAAI,CAAC;CAEhB,MAAM,mBAAmB;EACvB,QAAQ,SAAR;GACE,KAAK,SACH,OAAO,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,KAAK;GAAI,CAAA;GAG5E,KAAK,QACH,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IAClE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;GACrE,EAAA,CAAA;GAIN,KAAK,SACH,OACE,qBAAC,OAAD;IAAK,WAAW,OAAO;IAAvB,UAAA;KACE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,KAAK;KAAI,CAAA;KACnE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;KACtE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACnE;;GAIT,KAAK,UACH,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IACpE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACvE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,OAAO;IAAI,CAAA;GACtE,EAAA,CAAA;GAIN,SACE,OACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,KAAK;IAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;IAAI,CAAA;IACxE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,OAAO;IAAI,CAAA;GACvE,EAAA,CAAA;EAGR;CACF;CAEA,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,SAAS;EACrF,OAAO;GACL,GAAG;GACH,GAAG;EACL;EAEC,UAAA,WAAW;CACT,CAAA;AAET;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,3 @@
+import { LoadingDotsProps, LoadingDotsVariant } from "./type.mjs";
+import LoadingDots from "./LoadingDots.mjs";
+export { type LoadingDotsProps, type LoadingDotsVariant, LoadingDots as default };

package/es/chat/LoadingDots/style.mjs

@@ -0,0 +1,157 @@
+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);
+        }
+      }
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/LoadingDots/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  const size = 'var(--loading-dots-size, 8px)';\r\n  const dotColor = 'var(--loading-dots-color, var(--ant-color-primary))';\r\n\r\n  return {\r\n    container: css`\r\n      display: flex;\r\n      flex-direction: row;\r\n      gap: 6px;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      padding: ${cssVar.paddingXS};\r\n    `,\r\n\r\n    // Default variant (fade)\r\n    defaultDot: css`\r\n      width: ${size};\r\n      height: ${size};\r\n      border-radius: 50%;\r\n\r\n      background-color: ${dotColor};\r\n\r\n      animation: fade-animation 1.2s ease-in-out infinite;\r\n\r\n      @keyframes fade-animation {\r\n        0%,\r\n        100% {\r\n          opacity: 0.3;\r\n        }\r\n\r\n        50% {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    `,\r\n\r\n    orbitContainer: css`\r\n      position: relative;\r\n      width: calc(${size} * 4);\r\n      height: calc(${size} * 4);\r\n    `,\r\n\r\n    orbitDot: css`\r\n      position: absolute;\r\n      inset-block-start: 50%;\r\n      inset-inline-start: 50%;\r\n      transform-origin: calc(${size} * 2) 0;\r\n\r\n      width: ${size};\r\n      height: ${size};\r\n      margin-block-start: calc(${size} / -2);\r\n      margin-inline-start: calc(${size} / -2);\r\n      border-radius: 50%;\r\n\r\n      background-color: ${dotColor};\r\n\r\n      animation: orbit-animation 1.2s linear infinite;\r\n\r\n      @keyframes orbit-animation {\r\n        0% {\r\n          transform: rotate(0deg) translateX(calc(${size} * 2));\r\n        }\r\n\r\n        100% {\r\n          transform: rotate(360deg) translateX(calc(${size} * 2));\r\n        }\r\n      }\r\n    `,\r\n\r\n    // Orbit variant\r\n    orbitWrapper: css`\r\n      position: relative;\r\n\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      width: calc(${size} * 5);\r\n      height: calc(${size} * 5);\r\n      padding: ${cssVar.paddingXS};\r\n    `,\r\n\r\n    // Pulse variant\r\n    pulseDot: css`\r\n      width: ${size};\r\n      height: ${size};\r\n      border-radius: 50%;\r\n\r\n      background-color: ${dotColor};\r\n\r\n      animation: pulse-animation 1.2s ease-in-out infinite;\r\n\r\n      @keyframes pulse-animation {\r\n        0%,\r\n        100% {\r\n          transform: scale(0.8);\r\n          opacity: 0.3;\r\n        }\r\n\r\n        50% {\r\n          transform: scale(1.3);\r\n          opacity: 1;\r\n        }\r\n      }\r\n    `,\r\n\r\n    // Typing variant\r\n    typingDot: css`\r\n      width: ${size};\r\n      height: ${size};\r\n      border-radius: 50%;\r\n\r\n      background-color: ${dotColor};\r\n\r\n      animation: typing-animation 1.2s ease-in-out infinite;\r\n\r\n      @keyframes typing-animation {\r\n        0%,\r\n        100% {\r\n          transform: scale(0.6);\r\n          opacity: 0.2;\r\n        }\r\n\r\n        25% {\r\n          transform: scale(1);\r\n          opacity: 1;\r\n        }\r\n\r\n        50%,\r\n        75% {\r\n          transform: scale(0.6);\r\n          opacity: 0.2;\r\n        }\r\n      }\r\n    `,\r\n\r\n    // Wave variant\r\n    waveDot: css`\r\n      width: ${size};\r\n      height: ${size};\r\n      border-radius: 50%;\r\n\r\n      background-color: ${dotColor};\r\n\r\n      animation: wave-animation 1.24s ease-in-out infinite;\r\n\r\n      @keyframes wave-animation {\r\n        0%,\r\n        100% {\r\n          transform: translateY(0);\r\n        }\r\n\r\n        25% {\r\n          transform: translateY(calc(${size} * -1.5));\r\n        }\r\n\r\n        50% {\r\n          transform: translateY(0);\r\n        }\r\n      }\r\n    `,\r\n  };\r\n});\r\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"}

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from "react";
+//#region src/chat/LoadingDots/type.d.ts
+type LoadingDotsVariant = 'dots' | 'pulse' | 'wave' | 'orbit' | 'typing';
+interface LoadingDotsProps {
+  /**
+   * 自定义类名
+   */
+  className?: string;
+  /**
+   * 点的颜色
+   * @description 如果不提供，将使用主题的 colorPrimary
+   */
+  color?: string;
+  /**
+   * 点的大小（直径）
+   * @default 8
+   */
+  size?: number;
+  /**
+   * 自定义样式
+   */
+  style?: CSSProperties;
+  /**
+   * 动画变体
+   * @default 'dots'
+   */
+  variant?: LoadingDotsVariant;
+}
+//#endregion
+export { LoadingDotsProps, LoadingDotsVariant };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,6 @@
+import { MessageInputProps } from "./type.mjs";
+//#region src/chat/MessageInput/MessageInput.d.ts
+declare const MessageInput: import("react").NamedExoticComponent<MessageInputProps>;
+//#endregion
+export { MessageInput as default };
+//# sourceMappingURL=MessageInput.d.mts.map

package/es/chat/MessageInput/MessageInput.mjs

@@ -0,0 +1,90 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import { KeyMapEnum } from "../../Hotkey/const.mjs";
+import { combineKeys } from "../../Hotkey/utils.mjs";
+import { Tooltip } from "../../base-ui/Tooltip/Tooltip.mjs";
+import Button from "../../base-ui/Button/Button.mjs";
+import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
+import TextArea_default from "../../base-ui/Input/TextArea.mjs";
+import { styles } 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 { 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 }) => {
+	const { mobile } = useResponsive();
+	const [temporaryValue, setValue] = useState(defaultValue || "");
+	const confirmHotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);
+	const confirmText = text?.confirm || "Confirm";
+	const cancelHotkey = combineKeys([KeyMapEnum.Esc]);
+	const cancelText = text?.cancel || "Cancel";
+	const handleConfirm = () => onConfirm?.(temporaryValue);
+	const handleCancel = () => onCancel?.();
+	useHotkeys(confirmHotkey, handleConfirm, {
+		enableOnFormTags: true,
+		enabled: shortcut,
+		preventDefault: true
+	});
+	const confirmButton = /* @__PURE__ */ jsx(Button, {
+		size: editButtonSize,
+		type: "primary",
+		onClick: handleConfirm,
+		children: confirmText
+	});
+	const cancllButton = /* @__PURE__ */ jsx(Button, {
+		size: editButtonSize,
+		type: "fill",
+		onClick: handleCancel,
+		children: text?.cancel || "Cancel"
+	});
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		gap: 16,
+		style: {
+			flex: 1,
+			width: "100%",
+			...style
+		},
+		...rest,
+		children: [mobile ? /* @__PURE__ */ jsx(TextArea_default, {
+			autoSize: true,
+			className: cx(styles, classNames?.editor),
+			placeholder,
+			style: 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),
+			classNames,
+			language,
+			placeholder,
+			style: customStyles?.editor,
+			styles: customStyles,
+			value: temporaryValue,
+			variant,
+			onBlur: (e) => setValue(e.target.value),
+			onValueChange: (e) => setValue(e)
+		}), /* @__PURE__ */ jsx(FlexBasic_default, {
+			direction: "horizontal-reverse",
+			gap: 8,
+			children: renderButtons ? renderButtons(temporaryValue).map((buttonProps, index) => /* @__PURE__ */ jsx(Button, {
+				size: editButtonSize,
+				...buttonProps
+			}, index)) : /* @__PURE__ */ jsxs(Fragment$1, { children: [shortcut ? /* @__PURE__ */ jsx(Tooltip, {
+				hotkey: confirmHotkey,
+				title: confirmText,
+				children: confirmButton
+			}) : confirmButton, shortcut ? /* @__PURE__ */ jsx(Tooltip, {
+				hotkey: cancelHotkey,
+				title: cancelText,
+				children: cancllButton
+			}) : cancllButton] })
+		})]
+	});
+});
+//#endregion
+export { MessageInput as default };
+
+//# sourceMappingURL=MessageInput.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageInput.mjs","names":["Flexbox","TextArea"],"sources":["../../../src/chat/MessageInput/MessageInput.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { cx, useResponsive } from 'antd-style';\r\nimport { memo, useState } from 'react';\r\nimport { useHotkeys } from 'react-hotkeys-hook';\r\n\r\nimport Button from '@/base-ui/Button';\r\nimport { TextArea } from '@/base-ui/Input';\r\nimport CodeEditor from '@/CodeEditor';\r\nimport { Flexbox } from '@/Flex';\r\nimport { KeyMapEnum } from '@/Hotkey/const';\r\nimport { combineKeys } from '@/Hotkey/utils';\r\nimport Tooltip from '@/Tooltip';\r\n\r\nimport { styles } from './style';\r\nimport type { MessageInputProps } from './type';\r\n\r\nconst MessageInput = memo<MessageInputProps>(\r\n  ({\r\n    text,\r\n    variant = 'borderless',\r\n    onCancel,\r\n    defaultValue,\r\n    onConfirm,\r\n    renderButtons,\r\n    placeholder,\r\n    styles: customStyles,\r\n    style,\r\n    editButtonSize = 'middle',\r\n    classNames,\r\n    shortcut,\r\n    language = 'markdown',\r\n    ...rest\r\n  }) => {\r\n    const { mobile } = useResponsive();\r\n    const [temporaryValue, setValue] = useState<string>(defaultValue || '');\r\n    const confirmHotkey = combineKeys([KeyMapEnum.Mod, KeyMapEnum.Enter]);\r\n    const confirmText = text?.confirm || 'Confirm';\r\n    const cancelHotkey = combineKeys([KeyMapEnum.Esc]);\r\n    const cancelText = text?.cancel || 'Cancel';\r\n\r\n    const handleConfirm = () => onConfirm?.(temporaryValue);\r\n    const handleCancel = () => onCancel?.();\r\n\r\n    useHotkeys(confirmHotkey, handleConfirm, {\r\n      enableOnFormTags: true,\r\n      enabled: shortcut,\r\n      preventDefault: true,\r\n    });\r\n\r\n    const confirmButton = (\r\n      <Button size={editButtonSize} type=\"primary\" onClick={handleConfirm}>\r\n        {confirmText}\r\n      </Button>\r\n    );\r\n\r\n    const cancllButton = (\r\n      <Button size={editButtonSize} type={'fill'} onClick={handleCancel}>\r\n        {text?.cancel || 'Cancel'}\r\n      </Button>\r\n    );\r\n\r\n    return (\r\n      <Flexbox gap={16} style={{ flex: 1, width: '100%', ...style }} {...rest}>\r\n        {mobile ? (\r\n          <TextArea\r\n            autoSize\r\n            className={cx(styles, classNames?.editor)}\r\n            placeholder={placeholder}\r\n            style={customStyles?.editor}\r\n            value={temporaryValue}\r\n            variant={variant}\r\n            onBlur={(e) => setValue(e.target.value)}\r\n            onChange={(e) => setValue(e.target.value)}\r\n          />\r\n        ) : (\r\n          <CodeEditor\r\n            className={cx(styles, classNames?.editor)}\r\n            classNames={classNames}\r\n            language={language}\r\n            placeholder={placeholder}\r\n            style={customStyles?.editor}\r\n            styles={customStyles}\r\n            value={temporaryValue}\r\n            variant={variant}\r\n            onBlur={(e) => setValue(e.target.value)}\r\n            onValueChange={(e) => setValue(e)}\r\n          />\r\n        )}\r\n        <Flexbox direction={'horizontal-reverse'} gap={8}>\r\n          {renderButtons ? (\r\n            renderButtons(temporaryValue).map((buttonProps, index) => (\r\n              <Button key={index} size={editButtonSize} {...buttonProps} />\r\n            ))\r\n          ) : (\r\n            <>\r\n              {shortcut ? (\r\n                <Tooltip hotkey={confirmHotkey} title={confirmText}>\r\n                  {confirmButton}\r\n                </Tooltip>\r\n              ) : (\r\n                confirmButton\r\n              )}\r\n              {shortcut ? (\r\n                <Tooltip hotkey={cancelHotkey} title={cancelText}>\r\n                  {cancllButton}\r\n                </Tooltip>\r\n              ) : (\r\n                cancllButton\r\n              )}\r\n            </>\r\n          )}\r\n        </Flexbox>\r\n      </Flexbox>\r\n    );\r\n  },\r\n);\r\n\r\nexport default MessageInput;\r\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"}

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

@@ -0,0 +1,3 @@
+import { MessageInputProps } from "./type.mjs";
+import MessageInput from "./MessageInput.mjs";
+export { type MessageInputProps, MessageInput as default };

package/es/chat/MessageInput/style.mjs

@@ -0,0 +1,15 @@
+import { createStaticStyles } from "antd-style";
+//#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;
+  `);
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/MessageInput/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nexport const styles = createStaticStyles(\r\n  ({ css, cssVar }) => css`\r\n    position: relative;\r\n\r\n    height: 100%;\r\n\r\n    font-family: ${cssVar.fontFamilyCode};\r\n    font-size: 13px;\r\n    line-height: 1.8;\r\n  `,\r\n);\r\n"],"mappings":";;AAEA,MAAa,SAAS,oBACnB,EAAE,KAAK,aAAa,GAAG;;;;;mBAKP,OAAO,eAAe;;;GAIzC"}

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

@@ -0,0 +1,32 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/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 {
+  classNames?: CodeEditorProps['classNames'] & {
+    editor?: string;
+  };
+  defaultValue?: string;
+  editButtonSize?: ButtonProps['size'];
+  language?: CodeEditorProps['language'];
+  onCancel?: () => void;
+  onConfirm?: (text: string) => void;
+  placeholder?: string;
+  renderButtons?: (text: string) => ButtonProps[];
+  shortcut?: boolean;
+  styles?: CodeEditorProps['styles'] & {
+    editor?: CSSProperties;
+  };
+  text?: {
+    cancel?: string;
+    confirm?: string;
+  };
+  variant?: CodeEditorProps['variant'];
+}
+//#endregion
+export { MessageInputProps };
+//# sourceMappingURL=type.d.mts.map

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

@@ -0,0 +1,6 @@
+import { MessageModalProps } from "./type.mjs";
+//#region src/chat/MessageModal/MessageModal.d.ts
+declare const MessageModal: import("react").NamedExoticComponent<MessageModalProps>;
+//#endregion
+export { MessageModal as default };
+//# sourceMappingURL=MessageModal.d.mts.map

package/es/chat/MessageModal/MessageModal.mjs

@@ -0,0 +1,92 @@
+"use client";
+import FlexBasic_default from "../../Flex/FlexBasic.mjs";
+import Button from "../../base-ui/Button/Button.mjs";
+import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import TextArea_default from "../../base-ui/Input/TextArea.mjs";
+import Markdown from "../../Markdown/Markdown.mjs";
+import Modal from "../../base-ui/Modal/Modal.mjs";
+import { styles } 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, {
+		onChange: onEditingChange,
+		value: editing
+	});
+	const [showModal, setShowModal] = useMergeState(false, {
+		onChange: onOpenChange,
+		value: open
+	});
+	const [temporaryValue, setMessage] = useState(value);
+	const confirmText = text?.confirm ?? t("messageModal.confirm");
+	const cancelText = text?.cancel ?? t("messageModal.cancel");
+	const editText = text?.edit ?? t("messageModal.edit");
+	return /* @__PURE__ */ jsx(Modal, {
+		allowFullscreen: true,
+		destroyOnHidden: true,
+		cancelText,
+		footer: isEdit ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+			direction: "horizontal-reverse",
+			gap: 8,
+			children: [/* @__PURE__ */ jsx(Button, {
+				type: "primary",
+				onClick: () => {
+					setTyping(false);
+					onChange?.(temporaryValue);
+					setMessage(value);
+				},
+				children: confirmText
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: () => {
+					setTyping(false);
+					setMessage(value);
+				},
+				children: cancelText
+			})]
+		}) : footer,
+		height,
+		okText: editText,
+		open: showModal,
+		title: text?.title,
+		onOk: () => setTyping(true),
+		onCancel: () => {
+			setShowModal(false);
+			setTyping(false);
+			setMessage(value);
+		},
+		children: isEdit ? mobile ? /* @__PURE__ */ jsx(TextArea_default, {
+			autoSize: true,
+			className: styles,
+			defaultValue: temporaryValue,
+			placeholder,
+			value: temporaryValue,
+			variant: "borderless",
+			onBlur: (e) => setMessage(e.target.value),
+			onChange: (value) => setMessage(value.target.value)
+		}) : /* @__PURE__ */ jsx(CodeEditor, {
+			className: styles,
+			defaultValue: temporaryValue,
+			language,
+			placeholder,
+			value: temporaryValue,
+			variant: "borderless",
+			onBlur: (e) => setMessage(e.target.value),
+			onValueChange: (value) => setMessage(value)
+		}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [extra, /* @__PURE__ */ jsx(Markdown, {
+			variant: "chat",
+			children: String(value || placeholder)
+		})] })
+	});
+});
+MessageModal.displayName = "MessageModal";
+//#endregion
+export { MessageModal as default };
+
+//# sourceMappingURL=MessageModal.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MessageModal.mjs","names":["messageModalMessages","useControlledState","Flexbox","TextArea","textStyles"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useResponsive } from 'antd-style';\r\nimport { memo, useState } from 'react';\r\nimport useControlledState from 'use-merge-value';\r\n\r\nimport Button from '@/base-ui/Button';\r\nimport { TextArea } from '@/base-ui/Input';\r\nimport { Modal } from '@/base-ui/Modal';\r\nimport { styles as textStyles } from '@/chat/MessageInput/style';\r\nimport CodeEditor from '@/CodeEditor';\r\nimport { Flexbox } from '@/Flex';\r\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\r\nimport { useTranslation } from '@/i18n/useTranslation';\r\nimport Markdown from '@/Markdown';\r\n\r\nimport { type MessageModalProps } from './type';\r\n\r\nconst MessageModal = memo<MessageModalProps>(\r\n  ({\r\n    editing,\r\n    open,\r\n    height = '75vh',\r\n    onOpenChange,\r\n    onEditingChange,\r\n    placeholder,\r\n    value,\r\n    language = 'markdown',\r\n    onChange,\r\n    text,\r\n    footer,\r\n    extra,\r\n  }) => {\r\n    const { mobile } = useResponsive();\r\n    const { t } = useTranslation(messageModalMessages);\r\n    const [isEdit, setTyping] = useControlledState(false, {\r\n      onChange: onEditingChange,\r\n      value: editing,\r\n    });\r\n\r\n    const [showModal, setShowModal] = useControlledState(false, {\r\n      onChange: onOpenChange,\r\n      value: open,\r\n    });\r\n\r\n    const [temporaryValue, setMessage] = useState(value);\r\n\r\n    const confirmText = text?.confirm ?? t('messageModal.confirm');\r\n    const cancelText = text?.cancel ?? t('messageModal.cancel');\r\n    const editText = text?.edit ?? t('messageModal.edit');\r\n\r\n    const modalFooter = isEdit ? (\r\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\r\n        <Button\r\n          type=\"primary\"\r\n          onClick={() => {\r\n            setTyping(false);\r\n            onChange?.(temporaryValue);\r\n            setMessage(value);\r\n          }}\r\n        >\r\n          {confirmText}\r\n        </Button>\r\n        <Button\r\n          onClick={() => {\r\n            setTyping(false);\r\n            setMessage(value);\r\n          }}\r\n        >\r\n          {cancelText}\r\n        </Button>\r\n      </Flexbox>\r\n    ) : (\r\n      footer\r\n    );\r\n\r\n    return (\r\n      <Modal\r\n        allowFullscreen\r\n        destroyOnHidden\r\n        cancelText={cancelText}\r\n        footer={modalFooter}\r\n        height={height}\r\n        okText={editText}\r\n        open={showModal}\r\n        title={text?.title}\r\n        onOk={() => setTyping(true)}\r\n        onCancel={() => {\r\n          setShowModal(false);\r\n          setTyping(false);\r\n          setMessage(value);\r\n        }}\r\n      >\r\n        {isEdit ? (\r\n          mobile ? (\r\n            <TextArea\r\n              autoSize\r\n              className={textStyles}\r\n              defaultValue={temporaryValue}\r\n              placeholder={placeholder}\r\n              value={temporaryValue}\r\n              variant={'borderless'}\r\n              onBlur={(e) => setMessage(e.target.value)}\r\n              onChange={(value) => setMessage(value.target.value)}\r\n            />\r\n          ) : (\r\n            <CodeEditor\r\n              className={textStyles}\r\n              defaultValue={temporaryValue}\r\n              language={language}\r\n              placeholder={placeholder}\r\n              value={temporaryValue}\r\n              variant={'borderless'}\r\n              onBlur={(e) => setMessage(e.target.value)}\r\n              onValueChange={(value) => setMessage(value)}\r\n            />\r\n          )\r\n        ) : (\r\n          <>\r\n            {extra}\r\n            <Markdown variant={'chat'}>{String(value || placeholder)}</Markdown>\r\n          </>\r\n        )}\r\n      </Modal>\r\n    );\r\n  },\r\n);\r\n\r\nMessageModal.displayName = 'MessageModal';\r\n\r\nexport default MessageModal;\r\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"}

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

@@ -0,0 +1,3 @@
+import { MessageModalProps } from "./type.mjs";
+import MessageModal from "./MessageModal.mjs";
+export { type MessageModalProps, MessageModal as default };