@lobehub/ui 5.6.3 → 5.6.5

package/es/chat/ChatList/components/useChatListActionsBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useChatListActionsBar.mjs","names":[],"sources":["../../../../src/chat/ChatList/components/useChatListActionsBar.tsx"],"sourcesContent":["'use client';\n\nimport { Copy, Edit, RotateCw, Trash } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport type { ActionIconGroupItemType } from '@/ActionIconGroup';\n\ninterface ChatListActionsBar {\n  copy: ActionIconGroupItemType;\n  del: ActionIconGroupItemType;\n  divider: { type: 'divider' };\n  edit: ActionIconGroupItemType;\n  regenerate: ActionIconGroupItemType;\n}\n\nexport const useChatListActionsBar = (text?: {\n  copy?: string;\n  delete?: string;\n  edit?: string;\n  regenerate?: string;\n}): ChatListActionsBar => {\n  return useMemo(\n    () => ({\n      copy: {\n        icon: Copy,\n        key: 'copy',\n        label: text?.copy || 'Copy',\n      },\n      del: {\n        icon: Trash,\n        key: 'del',\n        label: text?.delete || 'Delete',\n      },\n      divider: {\n        type: 'divider',\n      },\n      edit: {\n        icon: Edit,\n        key: 'edit',\n        label: text?.edit || 'Edit',\n      },\n      regenerate: {\n        icon: RotateCw,\n        key: 'regenerate',\n        label: text?.regenerate || 'Regenerate',\n      },\n    }),\n    [text],\n  );\n};\n"],"mappings":";;;;;;AAeA,MAAa,yBAAyB,SAKZ;AACxB,QAAO,eACE;EACL,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,KAAK;GACH,MAAM;GACN,KAAK;GACL,OAAO,MAAM,UAAU;GACxB;EACD,SAAS,EACP,MAAM,WACP;EACD,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,YAAY;GACV,MAAM;GACN,KAAK;GACL,OAAO,MAAM,cAAc;GAC5B;EACF,GACD,CAAC,KAAK,CACP"}
+{"version":3,"file":"useChatListActionsBar.mjs","names":[],"sources":["../../../../src/chat/ChatList/components/useChatListActionsBar.tsx"],"sourcesContent":["'use client';\n\nimport { Copy, Edit, RotateCw, Trash } from 'lucide-react';\nimport { useMemo } from 'react';\n\nimport type { ActionIconGroupItemType } from '@/ActionIconGroup';\n\ninterface ChatListActionsBar {\n  copy: ActionIconGroupItemType;\n  del: ActionIconGroupItemType;\n  divider: { type: 'divider' };\n  edit: ActionIconGroupItemType;\n  regenerate: ActionIconGroupItemType;\n}\n\nexport const useChatListActionsBar = (text?: {\n  copy?: string;\n  delete?: string;\n  edit?: string;\n  regenerate?: string;\n}): ChatListActionsBar => {\n  return useMemo(\n    () => ({\n      copy: {\n        icon: Copy,\n        key: 'copy',\n        label: text?.copy || 'Copy',\n      },\n      del: {\n        icon: Trash,\n        key: 'del',\n        label: text?.delete || 'Delete',\n      },\n      divider: {\n        type: 'divider',\n      },\n      edit: {\n        icon: Edit,\n        key: 'edit',\n        label: text?.edit || 'Edit',\n      },\n      regenerate: {\n        icon: RotateCw,\n        key: 'regenerate',\n        label: text?.regenerate || 'Regenerate',\n      },\n    }),\n    [text],\n  );\n};\n"],"mappings":";;;;AAeA,MAAa,yBAAyB,SAKZ;AACxB,QAAO,eACE;EACL,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,KAAK;GACH,MAAM;GACN,KAAK;GACL,OAAO,MAAM,UAAU;GACxB;EACD,SAAS,EACP,MAAM,WACP;EACD,MAAM;GACJ,MAAM;GACN,KAAK;GACL,OAAO,MAAM,QAAQ;GACtB;EACD,YAAY;GACV,MAAM;GACN,KAAK;GACL,OAAO,MAAM,cAAc;GAC5B;EACF,GACD,CAAC,KAAK,CACP"}

package/es/chat/ChatList/style.mjs

@@ -1,12 +1,11 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/chat/ChatList/style.ts
-const styles = createStaticStyles(({ css: css$1 }) => {
-	return { container: css$1`
+const styles = createStaticStyles(({ css }) => {
+	return { container: css`
       position: relative;
     ` };
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatList/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,iBAAU;AACpD,QAAO,EACL,WAAW,KAAG;;OAGf;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/chat/ChatList/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css }) => {\n  return {\n    container: css`\n      position: relative;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,UAAU;AACpD,QAAO,EACL,WAAW,GAAG;;OAGf;EACD"}

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

@@ -1,13 +1,9 @@
 import { DivProps } from "../../types/index.mjs";
 import { ActionIconGroupEvent, ActionIconGroupProps } from "../../ActionIconGroup/type.mjs";
-import "../../ActionIconGroup/index.mjs";
 import { AlertProps } from "../../Alert/type.mjs";
-import "../../Alert/index.mjs";
 import { LLMRoleType } from "../types/llm.mjs";
 import { ChatMessage } from "../types/chatMessage.mjs";
-import "../types/index.mjs";
 import { ChatItemProps } from "../ChatItem/type.mjs";
-import "../ChatItem/index.mjs";
 import { FC, ReactNode } from "react";
 
 //#region src/chat/ChatList/type.d.ts

package/es/chat/EditableMessage/EditableMessage.d.mts

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

package/es/chat/EditableMessage/EditableMessage.mjs

@@ -1,13 +1,11 @@
-'use client';
-
-import Markdown_default from "../../Markdown/Markdown.mjs";
-import MessageInput_default from "../MessageInput/MessageInput.mjs";
-import MessageModal_default from "../MessageModal/MessageModal.mjs";
+"use client";
+import Markdown from "../../Markdown/Markdown.mjs";
+import MessageInput from "../MessageInput/MessageInput.mjs";
+import MessageModal from "../MessageModal/MessageModal.mjs";
 import { memo } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "antd-style";
 import useMergeState from "use-merge-value";
-
 //#region src/chat/EditableMessage/EditableMessage.tsx
 const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChange, editing, openModal, onOpenChange, placeholder, showEditWhenEmpty = false, styles: customStyles, className, style, height, variant, editButtonSize, text, fullFeaturedCodeBlock, model, fontSize, language = "markdown", markdownProps }) => {
 	const [isEdit, setTyping] = useMergeState(false, {
@@ -19,7 +17,7 @@ const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChang
 		value: openModal
 	});
 	const isAutoSize = height === "auto";
-	const input = /* @__PURE__ */ jsx(MessageInput_default, {
+	const input = /* @__PURE__ */ jsx(MessageInput, {
 		shortcut: true,
 		className: cx(className, classNames?.input),
 		classNames,
@@ -36,13 +34,13 @@ const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChang
 			...customStyles?.input
 		},
 		onCancel: () => setTyping(false),
-		onConfirm: (text$1) => {
-			onChange?.(text$1);
+		onConfirm: (text) => {
+			onChange?.(text);
 			setTyping(false);
 		}
 	});
 	if (!value && showEditWhenEmpty) return input;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!expand && isEdit ? input : /* @__PURE__ */ jsx(Markdown_default, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [!expand && isEdit ? input : /* @__PURE__ */ jsx(Markdown, {
 		className: cx(className, classNames?.markdown),
 		fontSize,
 		fullFeaturedCodeBlock,
@@ -54,7 +52,7 @@ const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChang
 		},
 		...markdownProps,
 		children: value || placeholder || ""
-	}), expand && /* @__PURE__ */ jsx(MessageModal_default, {
+	}), expand && /* @__PURE__ */ jsx(MessageModal, {
 		editing: isEdit,
 		extra: model?.extra,
 		footer: model?.footer,
@@ -73,8 +71,7 @@ const EditableMessage = memo(({ value, onChange, classNames = {}, onEditingChang
 	})] });
 });
 EditableMessage.displayName = "EditableMessage";
-var EditableMessage_default = EditableMessage;
-
 //#endregion
-export { EditableMessage_default as default };
+export { EditableMessage as default };
+
 //# sourceMappingURL=EditableMessage.mjs.map

package/es/chat/EditableMessage/EditableMessage.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditableMessage.mjs","names":["useControlledState","MessageInput","text","Markdown","MessageModal"],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport MessageInput from '@/chat/MessageInput';\nimport MessageModal from '@/chat/MessageModal';\nimport Markdown from '@/Markdown';\n\nimport { type EditableMessageProps } from './type';\n\nconst EditableMessage = memo<EditableMessageProps>(\n  ({\n    value,\n    onChange,\n    classNames = {},\n    onEditingChange,\n    editing,\n    openModal,\n    onOpenChange,\n    placeholder,\n    showEditWhenEmpty = false,\n    styles: customStyles,\n    className,\n    style,\n    height,\n    variant,\n    editButtonSize,\n    text,\n    fullFeaturedCodeBlock,\n    model,\n    fontSize,\n    language = 'markdown',\n    markdownProps,\n  }) => {\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [expand, setExpand] = useControlledState<boolean>(false, {\n      onChange: onOpenChange,\n      value: openModal,\n    });\n\n    const isAutoSize = height === 'auto';\n\n    const input = (\n      <MessageInput\n        shortcut\n        className={cx(className, classNames?.input)}\n        classNames={classNames}\n        defaultValue={value}\n        editButtonSize={editButtonSize}\n        height={height}\n        language={language}\n        placeholder={placeholder}\n        styles={customStyles}\n        text={text}\n        variant={variant}\n        style={{\n          ...style,\n          ...customStyles?.input,\n        }}\n        onCancel={() => setTyping(false)}\n        onConfirm={(text) => {\n          onChange?.(text);\n          setTyping(false);\n        }}\n      />\n    );\n\n    if (!value && showEditWhenEmpty) return input;\n\n    return (\n      <>\n        {!expand && isEdit ? (\n          input\n        ) : (\n          <Markdown\n            className={cx(className, classNames?.markdown)}\n            fontSize={fontSize}\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n            variant={'chat'}\n            style={{\n              height: isAutoSize ? 'unset' : height,\n              ...style,\n              ...customStyles?.markdown,\n            }}\n            {...markdownProps}\n          >\n            {value || placeholder || ''}\n          </Markdown>\n        )}\n        {expand && (\n          <MessageModal\n            editing={isEdit}\n            extra={model?.extra}\n            footer={model?.footer}\n            height={height}\n            language={language}\n            open={expand}\n            placeholder={placeholder}\n            text={text}\n            value={value}\n            onChange={onChange}\n            onEditingChange={setTyping}\n            onOpenChange={(e) => {\n              setExpand(e);\n              setTyping(false);\n            }}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nEditableMessage.displayName = 'EditableMessage';\n\nexport default EditableMessage;\n"],"mappings":";;;;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,EAAE,EACf,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,QAAQ,aAAaA,cAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAACC;EACC;EACA,WAAW,GAAG,WAAW,YAAY,MAAM;EAC/B;EACZ,cAAc;EACE;EACR;EACE;EACG;EACb,QAAQ;EACF;EACG;EACT,OAAO;GACL,GAAG;GACH,GAAG,cAAc;GAClB;EACD,gBAAgB,UAAU,MAAM;EAChC,YAAY,WAAS;AACnB,cAAWC,OAAK;AAChB,aAAU,MAAM;;GAElB;AAGJ,KAAI,CAAC,SAAS,kBAAmB,QAAO;AAExC,QACE,8CACG,CAAC,UAAU,SACV,QAEA,oBAACC;EACC,WAAW,GAAG,WAAW,YAAY,SAAS;EACpC;EACa;EACvB,SAAS;EACT,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;GAClB;EACD,GAAI;YAEH,SAAS,eAAe;GAChB,EAEZ,UACC,oBAACC;EACC,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACV,MAAM;EACO;EACP;EACC;EACG;EACV,iBAAiB;EACjB,eAAe,MAAM;AACnB,aAAU,EAAE;AACZ,aAAU,MAAM;;GAElB,IAEH;EAGR;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"EditableMessage.mjs","names":["useControlledState"],"sources":["../../../src/chat/EditableMessage/EditableMessage.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport MessageInput from '@/chat/MessageInput';\nimport MessageModal from '@/chat/MessageModal';\nimport Markdown from '@/Markdown';\n\nimport { type EditableMessageProps } from './type';\n\nconst EditableMessage = memo<EditableMessageProps>(\n  ({\n    value,\n    onChange,\n    classNames = {},\n    onEditingChange,\n    editing,\n    openModal,\n    onOpenChange,\n    placeholder,\n    showEditWhenEmpty = false,\n    styles: customStyles,\n    className,\n    style,\n    height,\n    variant,\n    editButtonSize,\n    text,\n    fullFeaturedCodeBlock,\n    model,\n    fontSize,\n    language = 'markdown',\n    markdownProps,\n  }) => {\n    const [isEdit, setTyping] = useControlledState(false, {\n      onChange: onEditingChange,\n      value: editing,\n    });\n\n    const [expand, setExpand] = useControlledState<boolean>(false, {\n      onChange: onOpenChange,\n      value: openModal,\n    });\n\n    const isAutoSize = height === 'auto';\n\n    const input = (\n      <MessageInput\n        shortcut\n        className={cx(className, classNames?.input)}\n        classNames={classNames}\n        defaultValue={value}\n        editButtonSize={editButtonSize}\n        height={height}\n        language={language}\n        placeholder={placeholder}\n        styles={customStyles}\n        text={text}\n        variant={variant}\n        style={{\n          ...style,\n          ...customStyles?.input,\n        }}\n        onCancel={() => setTyping(false)}\n        onConfirm={(text) => {\n          onChange?.(text);\n          setTyping(false);\n        }}\n      />\n    );\n\n    if (!value && showEditWhenEmpty) return input;\n\n    return (\n      <>\n        {!expand && isEdit ? (\n          input\n        ) : (\n          <Markdown\n            className={cx(className, classNames?.markdown)}\n            fontSize={fontSize}\n            fullFeaturedCodeBlock={fullFeaturedCodeBlock}\n            variant={'chat'}\n            style={{\n              height: isAutoSize ? 'unset' : height,\n              ...style,\n              ...customStyles?.markdown,\n            }}\n            {...markdownProps}\n          >\n            {value || placeholder || ''}\n          </Markdown>\n        )}\n        {expand && (\n          <MessageModal\n            editing={isEdit}\n            extra={model?.extra}\n            footer={model?.footer}\n            height={height}\n            language={language}\n            open={expand}\n            placeholder={placeholder}\n            text={text}\n            value={value}\n            onChange={onChange}\n            onEditingChange={setTyping}\n            onOpenChange={(e) => {\n              setExpand(e);\n              setTyping(false);\n            }}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nEditableMessage.displayName = 'EditableMessage';\n\nexport default EditableMessage;\n"],"mappings":";;;;;;;;;AAYA,MAAM,kBAAkB,MACrB,EACC,OACA,UACA,aAAa,EAAE,EACf,iBACA,SACA,WACA,cACA,aACA,oBAAoB,OACpB,QAAQ,cACR,WACA,OACA,QACA,SACA,gBACA,MACA,uBACA,OACA,UACA,WAAW,YACX,oBACI;CACJ,MAAM,CAAC,QAAQ,aAAaA,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,QAAQ,aAAaA,cAA4B,OAAO;EAC7D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,aAAa,WAAW;CAE9B,MAAM,QACJ,oBAAC,cAAD;EACE,UAAA;EACA,WAAW,GAAG,WAAW,YAAY,MAAM;EAC/B;EACZ,cAAc;EACE;EACR;EACE;EACG;EACb,QAAQ;EACF;EACG;EACT,OAAO;GACL,GAAG;GACH,GAAG,cAAc;GAClB;EACD,gBAAgB,UAAU,MAAM;EAChC,YAAY,SAAS;AACnB,cAAW,KAAK;AAChB,aAAU,MAAM;;EAElB,CAAA;AAGJ,KAAI,CAAC,SAAS,kBAAmB,QAAO;AAExC,QACE,qBAAA,YAAA,EAAA,UAAA,CACG,CAAC,UAAU,SACV,QAEA,oBAAC,UAAD;EACE,WAAW,GAAG,WAAW,YAAY,SAAS;EACpC;EACa;EACvB,SAAS;EACT,OAAO;GACL,QAAQ,aAAa,UAAU;GAC/B,GAAG;GACH,GAAG,cAAc;GAClB;EACD,GAAI;YAEH,SAAS,eAAe;EAChB,CAAA,EAEZ,UACC,oBAAC,cAAD;EACE,SAAS;EACT,OAAO,OAAO;EACd,QAAQ,OAAO;EACP;EACE;EACV,MAAM;EACO;EACP;EACC;EACG;EACV,iBAAiB;EACjB,eAAe,MAAM;AACnB,aAAU,EAAE;AACZ,aAAU,MAAM;;EAElB,CAAA,CAEH,EAAA,CAAA;EAGR;AAED,gBAAgB,cAAc"}

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

@@ -1,9 +1,6 @@
 import { MarkdownProps } from "../../Markdown/type.mjs";
-import "../../Markdown/index.mjs";
 import { MessageInputProps } from "../MessageInput/type.mjs";
-import "../MessageInput/index.mjs";
 import { MessageModalProps } from "../MessageModal/type.mjs";
-import "../MessageModal/index.mjs";
 import { CSSProperties } from "react";
 
 //#region src/chat/EditableMessage/type.d.ts

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

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

package/es/chat/EditableMessageList/EditableMessageList.mjs

@@ -1,18 +1,16 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import ActionIcon_default from "../../ActionIcon/ActionIcon.mjs";
-import Button_default from "../../Button/Button.mjs";
+import ActionIcon from "../../ActionIcon/ActionIcon.mjs";
+import Button from "../../Button/Button.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
-import ControlInput_default from "../../EditableText/ControlInput.mjs";
-import Select_default from "../../Select/Select.mjs";
+import ControlInput from "../../EditableText/ControlInput.mjs";
+import Select from "../../Select/Select.mjs";
 import editableMessage_default from "../../i18n/resources/en/editableMessage.mjs";
 import { messagesReducer } from "./messageReducer.mjs";
 import { memo, useEffect, useReducer } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Plus, Trash } from "lucide-react";
 import isEqual from "fast-deep-equal";
-
 //#region src/chat/EditableMessageList/EditableMessageList.tsx
 const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) => {
 	const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);
@@ -35,7 +33,7 @@ const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) =>
 			gap: 8,
 			width: "100%",
 			children: [
-				/* @__PURE__ */ jsx(Select_default, {
+				/* @__PURE__ */ jsx(Select, {
 					disabled,
 					style: { width: 120 },
 					styles: { popup: { root: { zIndex: 100 } } },
@@ -62,7 +60,7 @@ const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) =>
 						});
 					}
 				}),
-				/* @__PURE__ */ jsx(ControlInput_default, {
+				/* @__PURE__ */ jsx(ControlInput, {
 					disabled,
 					placeholder: item.role === "user" ? inputPlaceholderText : outputPlaceholderText,
 					value: item.content,
@@ -74,7 +72,7 @@ const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) =>
 						});
 					}
 				}),
-				/* @__PURE__ */ jsx(ActionIcon_default, {
+				/* @__PURE__ */ jsx(ActionIcon, {
 					icon: Trash,
 					title: deleteText,
 					variant: "filled",
@@ -86,7 +84,7 @@ const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) =>
 					}
 				})
 			]
-		}, `${index}-${item.content}`)), /* @__PURE__ */ jsx(Button_default, {
+		}, `${index}-${item.content}`)), /* @__PURE__ */ jsx(Button, {
 			block: true,
 			disabled,
 			icon: Plus,
@@ -104,8 +102,7 @@ const EditableMessageList = memo(({ disabled, dataSources, onChange, texts }) =>
 	}) : void 0;
 }, isEqual);
 EditableMessageList.displayName = "EditableMessageList";
-var EditableMessageList_default = EditableMessageList;
-
 //#endregion
-export { EditableMessageList_default as default };
+export { EditableMessageList as default };
+
 //# sourceMappingURL=EditableMessageList.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableMessageList.mjs","names":["editableMessageMessages","Flexbox","Select","ControlInput","ActionIcon","Button"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\n\nimport isEqual from 'fast-deep-equal';\nimport { Plus, Trash } from 'lucide-react';\nimport { memo, useEffect, useReducer } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Button from '@/Button';\nimport ControlInput from '@/EditableText/ControlInput';\nimport { Flexbox } from '@/Flex';\nimport editableMessageMessages from '@/i18n/resources/en/editableMessage';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Select from '@/Select';\n\nimport { messagesReducer } from './messageReducer';\nimport { type EditableMessageListProps } from './type';\n\nconst EditableMessageList = memo<EditableMessageListProps>(\n  ({ disabled, dataSources, onChange, texts }) => {\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\n    const { t } = useTranslation(editableMessageMessages);\n\n    const addPropsText = texts?.addProps ?? t('editableMessage.addProps');\n    const deleteText = texts?.delete ?? t('editableMessage.delete');\n    const inputPlaceholderText = texts?.inputPlaceholder ?? t('editableMessage.inputPlaceholder');\n    const outputPlaceholderText =\n      texts?.outputPlaceholder ?? t('editableMessage.outputPlaceholder');\n    const systemText = texts?.system ?? t('editableMessage.system');\n    const inputText = texts?.input ?? t('editableMessage.input');\n    const outputText = texts?.output ?? t('editableMessage.output');\n\n    useEffect(() => {\n      if (!isEqual(dataSources, chatMessages)) {\n        onChange?.(chatMessages);\n      }\n    }, [chatMessages]);\n\n    return dataSources ? (\n      <Flexbox gap={12}>\n        {chatMessages.map((item, index) => (\n          <Flexbox\n            horizontal\n            align={'center'}\n            gap={8}\n            key={`${index}-${item.content}`}\n            width={'100%'}\n          >\n            <Select\n              disabled={disabled}\n              style={{ width: 120 }}\n              styles={{ popup: { root: { zIndex: 100 } } }}\n              value={item.role}\n              options={[\n                { label: systemText, value: 'system' },\n                { label: inputText, value: 'user' },\n                { label: outputText, value: 'assistant' },\n              ]}\n              onChange={(value) => {\n                dispatch({ index, role: value, type: 'updateMessageRole' });\n              }}\n            />\n            <ControlInput\n              disabled={disabled}\n              placeholder={item.role === 'user' ? inputPlaceholderText : outputPlaceholderText}\n              value={item.content}\n              onChange={(e) => {\n                dispatch({ index, message: e, type: 'updateMessage' });\n              }}\n            />\n            <ActionIcon\n              icon={Trash}\n              title={deleteText}\n              variant={'filled'}\n              onClick={() => {\n                dispatch({ index, type: 'deleteMessage' });\n              }}\n            />\n          </Flexbox>\n        ))}\n\n        <Button\n          block\n          disabled={disabled}\n          icon={Plus}\n          onClick={() => {\n            const lastMeg = chatMessages.at(-1);\n\n            dispatch({\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\n              type: 'addMessage',\n            });\n          }}\n        >\n          {addPropsText}\n        </Button>\n      </Flexbox>\n    ) : undefined;\n  },\n  isEqual,\n);\n\nEditableMessageList.displayName = 'EditableMessageList';\n\nexport default EditableMessageList;\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,UAAU,YAAY;CAC9C,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,YAAY;CACzE,MAAM,EAAE,MAAM,eAAeA,wBAAwB;CAErD,MAAM,eAAe,OAAO,YAAY,EAAE,2BAA2B;CACrE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,uBAAuB,OAAO,oBAAoB,EAAE,mCAAmC;CAC7F,MAAM,wBACJ,OAAO,qBAAqB,EAAE,oCAAoC;CACpE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,YAAY,OAAO,SAAS,EAAE,wBAAwB;CAC5D,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;AAE/D,iBAAgB;AACd,MAAI,CAAC,QAAQ,aAAa,aAAa,CACrC,YAAW,aAAa;IAEzB,CAAC,aAAa,CAAC;AAElB,QAAO,cACL,qBAACC;EAAQ,KAAK;aACX,aAAa,KAAK,MAAM,UACvB,qBAACA;GACC;GACA,OAAO;GACP,KAAK;GAEL,OAAO;;IAEP,oBAACC;KACW;KACV,OAAO,EAAE,OAAO,KAAK;KACrB,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,KAAK,EAAE,EAAE;KAC5C,OAAO,KAAK;KACZ,SAAS;MACP;OAAE,OAAO;OAAY,OAAO;OAAU;MACtC;OAAE,OAAO;OAAW,OAAO;OAAQ;MACnC;OAAE,OAAO;OAAY,OAAO;OAAa;MAC1C;KACD,WAAW,UAAU;AACnB,eAAS;OAAE;OAAO,MAAM;OAAO,MAAM;OAAqB,CAAC;;MAE7D;IACF,oBAACC;KACW;KACV,aAAa,KAAK,SAAS,SAAS,uBAAuB;KAC3D,OAAO,KAAK;KACZ,WAAW,MAAM;AACf,eAAS;OAAE;OAAO,SAAS;OAAG,MAAM;OAAiB,CAAC;;MAExD;IACF,oBAACC;KACC,MAAM;KACN,OAAO;KACP,SAAS;KACT,eAAe;AACb,eAAS;OAAE;OAAO,MAAM;OAAiB,CAAC;;MAE5C;;KAhCG,GAAG,MAAM,GAAG,KAAK,UAiCd,CACV,EAEF,oBAACC;GACC;GACU;GACV,MAAM;GACN,eAAe;AAGb,aAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAHV,aAAa,GAAG,GAAG,EAGM,SAAS,SAAS,cAAc;MAAQ;KAC/E,MAAM;KACP,CAAC;;aAGH;IACM;GACD,GACR;GAEN,QACD;AAED,oBAAoB,cAAc;AAElC,kCAAe"}
+{"version":3,"file":"EditableMessageList.mjs","names":["editableMessageMessages","Flexbox"],"sources":["../../../src/chat/EditableMessageList/EditableMessageList.tsx"],"sourcesContent":["'use client';\n\nimport isEqual from 'fast-deep-equal';\nimport { Plus, Trash } from 'lucide-react';\nimport { memo, useEffect, useReducer } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport Button from '@/Button';\nimport ControlInput from '@/EditableText/ControlInput';\nimport { Flexbox } from '@/Flex';\nimport editableMessageMessages from '@/i18n/resources/en/editableMessage';\nimport { useTranslation } from '@/i18n/useTranslation';\nimport Select from '@/Select';\n\nimport { messagesReducer } from './messageReducer';\nimport { type EditableMessageListProps } from './type';\n\nconst EditableMessageList = memo<EditableMessageListProps>(\n  ({ disabled, dataSources, onChange, texts }) => {\n    const [chatMessages, dispatch] = useReducer(messagesReducer, dataSources);\n    const { t } = useTranslation(editableMessageMessages);\n\n    const addPropsText = texts?.addProps ?? t('editableMessage.addProps');\n    const deleteText = texts?.delete ?? t('editableMessage.delete');\n    const inputPlaceholderText = texts?.inputPlaceholder ?? t('editableMessage.inputPlaceholder');\n    const outputPlaceholderText =\n      texts?.outputPlaceholder ?? t('editableMessage.outputPlaceholder');\n    const systemText = texts?.system ?? t('editableMessage.system');\n    const inputText = texts?.input ?? t('editableMessage.input');\n    const outputText = texts?.output ?? t('editableMessage.output');\n\n    useEffect(() => {\n      if (!isEqual(dataSources, chatMessages)) {\n        onChange?.(chatMessages);\n      }\n    }, [chatMessages]);\n\n    return dataSources ? (\n      <Flexbox gap={12}>\n        {chatMessages.map((item, index) => (\n          <Flexbox\n            horizontal\n            align={'center'}\n            gap={8}\n            key={`${index}-${item.content}`}\n            width={'100%'}\n          >\n            <Select\n              disabled={disabled}\n              style={{ width: 120 }}\n              styles={{ popup: { root: { zIndex: 100 } } }}\n              value={item.role}\n              options={[\n                { label: systemText, value: 'system' },\n                { label: inputText, value: 'user' },\n                { label: outputText, value: 'assistant' },\n              ]}\n              onChange={(value) => {\n                dispatch({ index, role: value, type: 'updateMessageRole' });\n              }}\n            />\n            <ControlInput\n              disabled={disabled}\n              placeholder={item.role === 'user' ? inputPlaceholderText : outputPlaceholderText}\n              value={item.content}\n              onChange={(e) => {\n                dispatch({ index, message: e, type: 'updateMessage' });\n              }}\n            />\n            <ActionIcon\n              icon={Trash}\n              title={deleteText}\n              variant={'filled'}\n              onClick={() => {\n                dispatch({ index, type: 'deleteMessage' });\n              }}\n            />\n          </Flexbox>\n        ))}\n\n        <Button\n          block\n          disabled={disabled}\n          icon={Plus}\n          onClick={() => {\n            const lastMeg = chatMessages.at(-1);\n\n            dispatch({\n              message: { content: '', role: lastMeg?.role === 'user' ? 'assistant' : 'user' },\n              type: 'addMessage',\n            });\n          }}\n        >\n          {addPropsText}\n        </Button>\n      </Flexbox>\n    ) : undefined;\n  },\n  isEqual,\n);\n\nEditableMessageList.displayName = 'EditableMessageList';\n\nexport default EditableMessageList;\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,sBAAsB,MACzB,EAAE,UAAU,aAAa,UAAU,YAAY;CAC9C,MAAM,CAAC,cAAc,YAAY,WAAW,iBAAiB,YAAY;CACzE,MAAM,EAAE,MAAM,eAAeA,wBAAwB;CAErD,MAAM,eAAe,OAAO,YAAY,EAAE,2BAA2B;CACrE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,uBAAuB,OAAO,oBAAoB,EAAE,mCAAmC;CAC7F,MAAM,wBACJ,OAAO,qBAAqB,EAAE,oCAAoC;CACpE,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;CAC/D,MAAM,YAAY,OAAO,SAAS,EAAE,wBAAwB;CAC5D,MAAM,aAAa,OAAO,UAAU,EAAE,yBAAyB;AAE/D,iBAAgB;AACd,MAAI,CAAC,QAAQ,aAAa,aAAa,CACrC,YAAW,aAAa;IAEzB,CAAC,aAAa,CAAC;AAElB,QAAO,cACL,qBAACC,mBAAD;EAAS,KAAK;YAAd,CACG,aAAa,KAAK,MAAM,UACvB,qBAACA,mBAAD;GACE,YAAA;GACA,OAAO;GACP,KAAK;GAEL,OAAO;aALT;IAOE,oBAAC,QAAD;KACY;KACV,OAAO,EAAE,OAAO,KAAK;KACrB,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,KAAK,EAAE,EAAE;KAC5C,OAAO,KAAK;KACZ,SAAS;MACP;OAAE,OAAO;OAAY,OAAO;OAAU;MACtC;OAAE,OAAO;OAAW,OAAO;OAAQ;MACnC;OAAE,OAAO;OAAY,OAAO;OAAa;MAC1C;KACD,WAAW,UAAU;AACnB,eAAS;OAAE;OAAO,MAAM;OAAO,MAAM;OAAqB,CAAC;;KAE7D,CAAA;IACF,oBAAC,cAAD;KACY;KACV,aAAa,KAAK,SAAS,SAAS,uBAAuB;KAC3D,OAAO,KAAK;KACZ,WAAW,MAAM;AACf,eAAS;OAAE;OAAO,SAAS;OAAG,MAAM;OAAiB,CAAC;;KAExD,CAAA;IACF,oBAAC,YAAD;KACE,MAAM;KACN,OAAO;KACP,SAAS;KACT,eAAe;AACb,eAAS;OAAE;OAAO,MAAM;OAAiB,CAAC;;KAE5C,CAAA;IACM;KAjCH,GAAG,MAAM,GAAG,KAAK,UAiCd,CACV,EAEF,oBAAC,QAAD;GACE,OAAA;GACU;GACV,MAAM;GACN,eAAe;AAGb,aAAS;KACP,SAAS;MAAE,SAAS;MAAI,MAHV,aAAa,GAAG,GAAG,EAGM,SAAS,SAAS,cAAc;MAAQ;KAC/E,MAAM;KACP,CAAC;;aAGH;GACM,CAAA,CACD;MACR,KAAA;GAEN,QACD;AAED,oBAAoB,cAAc"}

package/es/chat/EditableMessageList/messageReducer.mjs

@@ -1,5 +1,4 @@
 import { produce } from "immer";
-
 //#region src/chat/EditableMessageList/messageReducer.ts
 const messagesReducer = (state, payload) => {
 	switch (payload.type) {
@@ -38,7 +37,7 @@ const messagesReducer = (state, payload) => {
 		default: throw new Error("暂未实现的 type，请检查 reducer");
 	}
 };
-
 //#endregion
 export { messagesReducer };
+
 //# sourceMappingURL=messageReducer.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport type { ChatMessageError, LLMMessage, LLMRoleType } from '@/chat/types';\n\nexport type MessageDispatch =\n  | { message: LLMMessage; type: 'addMessage' }\n  | { index: number; message: LLMMessage; type: 'insertMessage' }\n  | { index: number; type: 'deleteMessage' }\n  | { type: 'resetMessages' }\n  | { index: number; message: string; type: 'updateMessage' }\n  | { index: number; role: LLMRoleType; type: 'updateMessageRole' }\n  //\n  | { message: string; type: 'addUserMessage' }\n  | { responseStream: string[]; type: 'updateLatestBotMessage' }\n  | { index: number; message: string; type: 'updateMessageChoice' }\n  | {\n      error: ChatMessageError | undefined;\n      index: number;\n      type: 'setErrorMessage';\n    };\n\nexport const messagesReducer = (state: LLMMessage[], payload: MessageDispatch): LLMMessage[] => {\n  switch (payload.type) {\n    case 'addMessage': {\n      return [...state, payload.message];\n    }\n\n    case 'insertMessage': {\n      return produce(state, (draftState) => {\n        draftState.splice(payload.index, 0, payload.message);\n      });\n    }\n\n    case 'deleteMessage': {\n      return state.filter((_, index) => index !== payload.index);\n    }\n    case 'resetMessages': {\n      return [];\n    }\n\n    case 'updateMessage': {\n      return produce(state, (draftState) => {\n        const { index, message } = payload;\n\n        draftState[index].content = message;\n      });\n    }\n    case 'updateMessageRole': {\n      return produce(state, (draftState) => {\n        const { index, role } = payload;\n\n        draftState[index].role = role;\n      });\n    }\n\n    case 'addUserMessage': {\n      return produce(state, (draftState) => {\n        draftState.push({ content: payload.message, role: 'user' });\n      });\n    }\n\n    case 'updateLatestBotMessage': {\n      return produce(state, () => {\n        const { responseStream } = payload;\n        const newMessage = { content: responseStream.join(''), role: 'assistant' };\n\n        return [...state.slice(0, -1), newMessage];\n      });\n    }\n\n    case 'setErrorMessage': {\n      return produce(state, (draftState) => {\n        const { index, error } = payload;\n\n        // @ts-ignore\n        draftState[index].error = error;\n      });\n    }\n\n    default: {\n      throw new Error('暂未实现的 type，请检查 reducer');\n    }\n  }\n};\n"],"mappings":";;;AAqBA,MAAa,mBAAmB,OAAqB,YAA2C;AAC9F,SAAQ,QAAQ,MAAhB;EACE,KAAK,aACH,QAAO,CAAC,GAAG,OAAO,QAAQ,QAAQ;EAGpC,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,OAAO,QAAQ,OAAO,GAAG,QAAQ,QAAQ;IACpD;EAGJ,KAAK,gBACH,QAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,MAAM;EAE5D,KAAK,gBACH,QAAO,EAAE;EAGX,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,YAAY;AAE3B,cAAW,OAAO,UAAU;IAC5B;EAEJ,KAAK,oBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,SAAS;AAExB,cAAW,OAAO,OAAO;IACzB;EAGJ,KAAK,iBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,KAAK;IAAE,SAAS,QAAQ;IAAS,MAAM;IAAQ,CAAC;IAC3D;EAGJ,KAAK,yBACH,QAAO,QAAQ,aAAa;GAC1B,MAAM,EAAE,mBAAmB;GAC3B,MAAM,aAAa;IAAE,SAAS,eAAe,KAAK,GAAG;IAAE,MAAM;IAAa;AAE1E,UAAO,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,EAAE,WAAW;IAC1C;EAGJ,KAAK,kBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,UAAU;AAGzB,cAAW,OAAO,QAAQ;IAC1B;EAGJ,QACE,OAAM,IAAI,MAAM,yBAAyB"}
+{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import { produce } from 'immer';\n\nimport type { ChatMessageError, LLMMessage, LLMRoleType } from '@/chat/types';\n\nexport type MessageDispatch =\n  | { message: LLMMessage; type: 'addMessage' }\n  | { index: number; message: LLMMessage; type: 'insertMessage' }\n  | { index: number; type: 'deleteMessage' }\n  | { type: 'resetMessages' }\n  | { index: number; message: string; type: 'updateMessage' }\n  | { index: number; role: LLMRoleType; type: 'updateMessageRole' }\n  //\n  | { message: string; type: 'addUserMessage' }\n  | { responseStream: string[]; type: 'updateLatestBotMessage' }\n  | { index: number; message: string; type: 'updateMessageChoice' }\n  | {\n      error: ChatMessageError | undefined;\n      index: number;\n      type: 'setErrorMessage';\n    };\n\nexport const messagesReducer = (state: LLMMessage[], payload: MessageDispatch): LLMMessage[] => {\n  switch (payload.type) {\n    case 'addMessage': {\n      return [...state, payload.message];\n    }\n\n    case 'insertMessage': {\n      return produce(state, (draftState) => {\n        draftState.splice(payload.index, 0, payload.message);\n      });\n    }\n\n    case 'deleteMessage': {\n      return state.filter((_, index) => index !== payload.index);\n    }\n    case 'resetMessages': {\n      return [];\n    }\n\n    case 'updateMessage': {\n      return produce(state, (draftState) => {\n        const { index, message } = payload;\n\n        draftState[index].content = message;\n      });\n    }\n    case 'updateMessageRole': {\n      return produce(state, (draftState) => {\n        const { index, role } = payload;\n\n        draftState[index].role = role;\n      });\n    }\n\n    case 'addUserMessage': {\n      return produce(state, (draftState) => {\n        draftState.push({ content: payload.message, role: 'user' });\n      });\n    }\n\n    case 'updateLatestBotMessage': {\n      return produce(state, () => {\n        const { responseStream } = payload;\n        const newMessage = { content: responseStream.join(''), role: 'assistant' };\n\n        return [...state.slice(0, -1), newMessage];\n      });\n    }\n\n    case 'setErrorMessage': {\n      return produce(state, (draftState) => {\n        const { index, error } = payload;\n\n        // @ts-ignore\n        draftState[index].error = error;\n      });\n    }\n\n    default: {\n      throw new Error('暂未实现的 type，请检查 reducer');\n    }\n  }\n};\n"],"mappings":";;AAqBA,MAAa,mBAAmB,OAAqB,YAA2C;AAC9F,SAAQ,QAAQ,MAAhB;EACE,KAAK,aACH,QAAO,CAAC,GAAG,OAAO,QAAQ,QAAQ;EAGpC,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,OAAO,QAAQ,OAAO,GAAG,QAAQ,QAAQ;IACpD;EAGJ,KAAK,gBACH,QAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,MAAM;EAE5D,KAAK,gBACH,QAAO,EAAE;EAGX,KAAK,gBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,YAAY;AAE3B,cAAW,OAAO,UAAU;IAC5B;EAEJ,KAAK,oBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,SAAS;AAExB,cAAW,OAAO,OAAO;IACzB;EAGJ,KAAK,iBACH,QAAO,QAAQ,QAAQ,eAAe;AACpC,cAAW,KAAK;IAAE,SAAS,QAAQ;IAAS,MAAM;IAAQ,CAAC;IAC3D;EAGJ,KAAK,yBACH,QAAO,QAAQ,aAAa;GAC1B,MAAM,EAAE,mBAAmB;GAC3B,MAAM,aAAa;IAAE,SAAS,eAAe,KAAK,GAAG;IAAE,MAAM;IAAa;AAE1E,UAAO,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,EAAE,WAAW;IAC1C;EAGJ,KAAK,kBACH,QAAO,QAAQ,QAAQ,eAAe;GACpC,MAAM,EAAE,OAAO,UAAU;AAGzB,cAAW,OAAO,QAAQ;IAC1B;EAGJ,QACE,OAAM,IAAI,MAAM,yBAAyB"}

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

@@ -1,6 +1,4 @@
 import { LLMMessage } from "../types/llm.mjs";
-import "../types/index.mjs";
-
 //#region src/chat/EditableMessageList/type.d.ts
 interface EditableMessageListProps {
   dataSources: LLMMessage[];

package/es/chat/LoadingDots/LoadingDots.mjs

@@ -1,10 +1,8 @@
-'use client';
-
+"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(() => {
@@ -89,8 +87,7 @@ const LoadingDots = ({ size = 8, color, variant = "dots", className, style }) =>
 	});
 };
 LoadingDots.displayName = "LoadingDots";
-var LoadingDots_default = LoadingDots;
-
 //#endregion
-export { LoadingDots_default as default };
+export { LoadingDots as default };
+
 //# sourceMappingURL=LoadingDots.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingDots.mjs","names":["LoadingDots: FC<LoadingDotsProps>","vars: Record<string, string>"],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { styles } from './style';\nimport type { LoadingDotsProps } from './type';\n\nconst LoadingDots: FC<LoadingDotsProps> = ({\n  size = 8,\n  color,\n  variant = 'dots',\n  className,\n  style,\n}) => {\n  // Convert props to CSS variables\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--loading-dots-size': `${size}px`,\n    };\n    if (color) {\n      vars['--loading-dots-color'] = color;\n    }\n    return vars;\n  }, [color, size]);\n\n  const renderDots = () => {\n    switch (variant) {\n      case 'pulse': {\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\n      }\n\n      case 'wave': {\n        return (\n          <>\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\n          </>\n        );\n      }\n\n      case 'orbit': {\n        return (\n          <div className={styles.orbitContainer}>\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\n          </div>\n        );\n      }\n\n      case 'typing': {\n        return (\n          <>\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n\n      default: {\n        return (\n          <>\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n    }\n  };\n\n  return (\n    <div\n      className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n    >\n      {renderDots()}\n    </div>\n  );\n};\n\nLoadingDots.displayName = 'LoadingDots';\n\nexport default LoadingDots;\n"],"mappings":";;;;;;;;AAQA,MAAMA,eAAqC,EACzC,OAAO,GACP,OACA,UAAU,QACV,WACA,YACI;CAEJ,MAAM,eAAe,cAAsC;EACzD,MAAMC,OAA+B,EACnC,uBAAuB,GAAG,KAAK,KAChC;AACD,MAAI,MACF,MAAK,0BAA0B;AAEjC,SAAO;IACN,CAAC,OAAO,KAAK,CAAC;CAEjB,MAAM,mBAAmB;AACvB,UAAQ,SAAR;GACE,KAAK,QACH,QAAO,oBAAC;IAAI,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,MAAM;KAAI;GAG7E,KAAK,OACH,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACnE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACtE,oBAAC;KAAI,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;MAAI;OACrE;GAIP,KAAK,QACH,QACE,qBAAC;IAAI,WAAW,OAAO;;KACrB,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,MAAM;OAAI;KACpE,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;OAAI;KACvE,oBAAC;MAAI,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;OAAI;;KACnE;GAIV,KAAK,SACH,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACrE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACxE,oBAAC;KAAI,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;MAAI;OACtE;GAIP,QACE,QACE;IACE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,MAAM;MAAI;IACtE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,SAAS;MAAI;IACzE,oBAAC;KAAI,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;MAAI;OACvE;;;AAMX,QACE,oBAAC;EACC,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,UAAU;EACtF,OAAO;GACL,GAAG;GACH,GAAG;GACJ;YAEA,YAAY;GACT;;AAIV,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"LoadingDots.mjs","names":[],"sources":["../../../src/chat/LoadingDots/LoadingDots.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { styles } from './style';\nimport type { LoadingDotsProps } from './type';\n\nconst LoadingDots: FC<LoadingDotsProps> = ({\n  size = 8,\n  color,\n  variant = 'dots',\n  className,\n  style,\n}) => {\n  // Convert props to CSS variables\n  const cssVariables = useMemo<Record<string, string>>(() => {\n    const vars: Record<string, string> = {\n      '--loading-dots-size': `${size}px`,\n    };\n    if (color) {\n      vars['--loading-dots-color'] = color;\n    }\n    return vars;\n  }, [color, size]);\n\n  const renderDots = () => {\n    switch (variant) {\n      case 'pulse': {\n        return <div className={styles.pulseDot} style={{ animationDelay: '0s' }} />;\n      }\n\n      case 'wave': {\n        return (\n          <>\n            <div className={styles.waveDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.12s' }} />\n            <div className={styles.waveDot} style={{ animationDelay: '0.24s' }} />\n          </>\n        );\n      }\n\n      case 'orbit': {\n        return (\n          <div className={styles.orbitContainer}>\n            <div className={styles.orbitDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.4s' }} />\n            <div className={styles.orbitDot} style={{ animationDelay: '-0.8s' }} />\n          </div>\n        );\n      }\n\n      case 'typing': {\n        return (\n          <>\n            <div className={styles.typingDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.typingDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n\n      default: {\n        return (\n          <>\n            <div className={styles.defaultDot} style={{ animationDelay: '0s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.15s' }} />\n            <div className={styles.defaultDot} style={{ animationDelay: '0.3s' }} />\n          </>\n        );\n      }\n    }\n  };\n\n  return (\n    <div\n      className={cx(variant === 'orbit' ? styles.orbitWrapper : styles.container, className)}\n      style={{\n        ...cssVariables,\n        ...style,\n      }}\n    >\n      {renderDots()}\n    </div>\n  );\n};\n\nLoadingDots.displayName = 'LoadingDots';\n\nexport default LoadingDots;\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,KAChC;AACD,MAAI,MACF,MAAK,0BAA0B;AAEjC,SAAO;IACN,CAAC,OAAO,KAAK,CAAC;CAEjB,MAAM,mBAAmB;AACvB,UAAQ,SAAR;GACE,KAAK,QACH,QAAO,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAU,OAAO,EAAE,gBAAgB,MAAM;IAAI,CAAA;GAG7E,KAAK,OACH,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACnE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACtE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAS,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACrE,EAAA,CAAA;GAIP,KAAK,QACH,QACE,qBAAC,OAAD;IAAK,WAAW,OAAO;cAAvB;KACE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,MAAM;MAAI,CAAA;KACpE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;MAAI,CAAA;KACvE,oBAAC,OAAD;MAAK,WAAW,OAAO;MAAU,OAAO,EAAE,gBAAgB,SAAS;MAAI,CAAA;KACnE;;GAIV,KAAK,SACH,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACrE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACxE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAW,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACtE,EAAA,CAAA;GAIP,QACE,QACE,qBAAA,YAAA,EAAA,UAAA;IACE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,MAAM;KAAI,CAAA;IACtE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,SAAS;KAAI,CAAA;IACzE,oBAAC,OAAD;KAAK,WAAW,OAAO;KAAY,OAAO,EAAE,gBAAgB,QAAQ;KAAI,CAAA;IACvE,EAAA,CAAA;;;AAMX,QACE,oBAAC,OAAD;EACE,WAAW,GAAG,YAAY,UAAU,OAAO,eAAe,OAAO,WAAW,UAAU;EACtF,OAAO;GACL,GAAG;GACH,GAAG;GACJ;YAEA,YAAY;EACT,CAAA;;AAIV,YAAY,cAAc"}

package/es/chat/LoadingDots/style.mjs

@@ -1,20 +1,19 @@
 import { createStaticStyles } from "antd-style";
-
 //#region src/chat/LoadingDots/style.ts
-const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
+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$1`
+		container: css`
       display: flex;
       flex-direction: row;
       gap: 6px;
       align-items: center;
       justify-content: center;
 
-      padding: ${cssVar$1.paddingXS};
+      padding: ${cssVar.paddingXS};
     `,
-		defaultDot: css$1`
+		defaultDot: css`
       width: ${size};
       height: ${size};
       border-radius: 50%;
@@ -34,12 +33,12 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		orbitContainer: css$1`
+		orbitContainer: css`
       position: relative;
       width: calc(${size} * 4);
       height: calc(${size} * 4);
     `,
-		orbitDot: css$1`
+		orbitDot: css`
       position: absolute;
       inset-block-start: 50%;
       inset-inline-start: 50%;
@@ -65,7 +64,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		orbitWrapper: css$1`
+		orbitWrapper: css`
       position: relative;
 
       display: flex;
@@ -74,9 +73,9 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
 
       width: calc(${size} * 5);
       height: calc(${size} * 5);
-      padding: ${cssVar$1.paddingXS};
+      padding: ${cssVar.paddingXS};
     `,
-		pulseDot: css$1`
+		pulseDot: css`
       width: ${size};
       height: ${size};
       border-radius: 50%;
@@ -98,7 +97,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		typingDot: css$1`
+		typingDot: css`
       width: ${size};
       height: ${size};
       border-radius: 50%;
@@ -126,7 +125,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
         }
       }
     `,
-		waveDot: css$1`
+		waveDot: css`
       width: ${size};
       height: ${size};
       border-radius: 50%;
@@ -152,7 +151,7 @@ const styles = createStaticStyles(({ css: css$1, cssVar: cssVar$1 }) => {
     `
 	};
 });
-
 //#endregion
 export { styles };
+
 //# sourceMappingURL=style.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"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,YAAK,uBAAa;CAC5D,MAAM,OAAO;CACb,MAAM,WAAW;AAEjB,QAAO;EACL,WAAW,KAAG;;;;;;;iBAODA,SAAO,UAAU;;EAI9B,YAAY,KAAG;eACJ,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;EAgB/B,gBAAgB,KAAG;;oBAEH,KAAK;qBACJ,KAAK;;EAGtB,UAAU,KAAG;;;;+BAIc,KAAK;;eAErB,KAAK;gBACJ,KAAK;iCACY,KAAK;kCACJ,KAAK;;;0BAGb,SAAS;;;;;;oDAMiB,KAAK;;;;sDAIH,KAAK;;;;EAMvD,cAAc,KAAG;;;;;;;oBAOD,KAAK;qBACJ,KAAK;iBACTA,SAAO,UAAU;;EAI9B,UAAU,KAAG;eACF,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;EAmB/B,WAAW,KAAG;eACH,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;;;;;;;;;;;;;EAyB/B,SAAS,KAAG;eACD,KAAK;gBACJ,KAAK;;;0BAGK,SAAS;;;;;;;;;;;uCAWI,KAAK;;;;;;;;EAQzC;EACD"}
+{"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;AAEjB,QAAO;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;;;;;;;;EAQzC;EACD"}

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

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

package/es/chat/MessageInput/MessageInput.mjs

@@ -1,18 +1,16 @@
-'use client';
-
+"use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { KeyMapEnum } from "../../Hotkey/const.mjs";
 import { combineKeys } from "../../Hotkey/utils.mjs";
-import Tooltip_default from "../../Tooltip/Tooltip.mjs";
-import Button_default from "../../Button/Button.mjs";
-import CodeEditor_default from "../../CodeEditor/CodeEditor.mjs";
-import TextArea_default from "../../Input/TextArea.mjs";
+import Tooltip from "../../Tooltip/Tooltip.mjs";
+import Button from "../../Button/Button.mjs";
+import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
+import TextArea from "../../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();
@@ -28,13 +26,13 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 		enabled: shortcut,
 		preventDefault: true
 	});
-	const confirmButton = /* @__PURE__ */ jsx(Button_default, {
+	const confirmButton = /* @__PURE__ */ jsx(Button, {
 		size: editButtonSize,
 		type: "primary",
 		onClick: handleConfirm,
 		children: confirmText
 	});
-	const cancllButton = /* @__PURE__ */ jsx(Button_default, {
+	const cancllButton = /* @__PURE__ */ jsx(Button, {
 		size: editButtonSize,
 		variant: "filled",
 		onClick: handleCancel,
@@ -48,7 +46,7 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 			...style
 		},
 		...rest,
-		children: [mobile ? /* @__PURE__ */ jsx(TextArea_default, {
+		children: [mobile ? /* @__PURE__ */ jsx(TextArea, {
 			autoSize: true,
 			className: cx(styles, classNames?.editor),
 			placeholder,
@@ -57,7 +55,7 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 			variant,
 			onBlur: (e) => setValue(e.target.value),
 			onChange: (e) => setValue(e.target.value)
-		}) : /* @__PURE__ */ jsx(CodeEditor_default, {
+		}) : /* @__PURE__ */ jsx(CodeEditor, {
 			className: cx(styles, classNames?.editor),
 			classNames,
 			language,
@@ -71,14 +69,14 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 		}), /* @__PURE__ */ jsx(FlexBasic_default, {
 			direction: "horizontal-reverse",
 			gap: 8,
-			children: renderButtons ? renderButtons(temporaryValue).map((buttonProps, index) => /* @__PURE__ */ jsx(Button_default, {
+			children: renderButtons ? renderButtons(temporaryValue).map((buttonProps, index) => /* @__PURE__ */ jsx(Button, {
 				size: editButtonSize,
 				...buttonProps
-			}, index)) : /* @__PURE__ */ jsxs(Fragment$1, { children: [shortcut ? /* @__PURE__ */ jsx(Tooltip_default, {
+			}, index)) : /* @__PURE__ */ jsxs(Fragment$1, { children: [shortcut ? /* @__PURE__ */ jsx(Tooltip, {
 				hotkey: confirmHotkey,
 				title: confirmText,
 				children: confirmButton
-			}) : confirmButton, shortcut ? /* @__PURE__ */ jsx(Tooltip_default, {
+			}) : confirmButton, shortcut ? /* @__PURE__ */ jsx(Tooltip, {
 				hotkey: cancelHotkey,
 				title: cancelText,
 				children: cancllButton
@@ -86,8 +84,7 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 		})]
 	});
 });
-var MessageInput_default = MessageInput;
-
 //#endregion
-export { MessageInput_default as default };
+export { MessageInput as default };
+
 //# sourceMappingURL=MessageInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.mjs","names":["Button","Flexbox","TextArea","CodeEditor","Tooltip"],"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 '@/Button';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport { KeyMapEnum } from '@/Hotkey/const';\nimport { combineKeys } from '@/Hotkey/utils';\nimport TextArea from '@/Input/TextArea';\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} variant={'filled'} 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,eAAe;CAClC,MAAM,CAAC,gBAAgB,YAAY,SAAiB,gBAAgB,GAAG;CACvE,MAAM,gBAAgB,YAAY,CAAC,WAAW,KAAK,WAAW,MAAM,CAAC;CACrE,MAAM,cAAc,MAAM,WAAW;CACrC,MAAM,eAAe,YAAY,CAAC,WAAW,IAAI,CAAC;CAClD,MAAM,aAAa,MAAM,UAAU;CAEnC,MAAM,sBAAsB,YAAY,eAAe;CACvD,MAAM,qBAAqB,YAAY;AAEvC,YAAW,eAAe,eAAe;EACvC,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EACjB,CAAC;CAEF,MAAM,gBACJ,oBAACA;EAAO,MAAM;EAAgB,MAAK;EAAU,SAAS;YACnD;GACM;CAGX,MAAM,eACJ,oBAACA;EAAO,MAAM;EAAgB,SAAS;EAAU,SAAS;YACvD,MAAM,UAAU;GACV;AAGX,QACE,qBAACC;EAAQ,KAAK;EAAI,OAAO;GAAE,MAAM;GAAG,OAAO;GAAQ,GAAG;GAAO;EAAE,GAAI;aAChE,SACC,oBAACC;GACC;GACA,WAAW,GAAG,QAAQ,YAAY,OAAO;GAC5B;GACb,OAAO,cAAc;GACrB,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,MAAM;GACvC,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;IACzC,GAEF,oBAACC;GACC,WAAW,GAAG,QAAQ,YAAY,OAAO;GAC7B;GACF;GACG;GACb,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,MAAM;GACvC,gBAAgB,MAAM,SAAS,EAAE;IACjC,EAEJ,oBAACF;GAAQ,WAAW;GAAsB,KAAK;aAC5C,gBACC,cAAc,eAAe,CAAC,KAAK,aAAa,UAC9C,oBAACD;IAAmB,MAAM;IAAgB,GAAI;MAAjC,MAAgD,CAC7D,GAEF,8CACG,WACC,oBAACI;IAAQ,QAAQ;IAAe,OAAO;cACpC;KACO,GAEV,eAED,WACC,oBAACA;IAAQ,QAAQ;IAAc,OAAO;cACnC;KACO,GAEV,gBAED;IAEG;GACF;EAGf;AAED,2BAAe"}
+{"version":3,"file":"MessageInput.mjs","names":["Flexbox"],"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 '@/Button';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport { KeyMapEnum } from '@/Hotkey/const';\nimport { combineKeys } from '@/Hotkey/utils';\nimport TextArea from '@/Input/TextArea';\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} variant={'filled'} 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,eAAe;CAClC,MAAM,CAAC,gBAAgB,YAAY,SAAiB,gBAAgB,GAAG;CACvE,MAAM,gBAAgB,YAAY,CAAC,WAAW,KAAK,WAAW,MAAM,CAAC;CACrE,MAAM,cAAc,MAAM,WAAW;CACrC,MAAM,eAAe,YAAY,CAAC,WAAW,IAAI,CAAC;CAClD,MAAM,aAAa,MAAM,UAAU;CAEnC,MAAM,sBAAsB,YAAY,eAAe;CACvD,MAAM,qBAAqB,YAAY;AAEvC,YAAW,eAAe,eAAe;EACvC,kBAAkB;EAClB,SAAS;EACT,gBAAgB;EACjB,CAAC;CAEF,MAAM,gBACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,MAAK;EAAU,SAAS;YACnD;EACM,CAAA;CAGX,MAAM,eACJ,oBAAC,QAAD;EAAQ,MAAM;EAAgB,SAAS;EAAU,SAAS;YACvD,MAAM,UAAU;EACV,CAAA;AAGX,QACE,qBAACA,mBAAD;EAAS,KAAK;EAAI,OAAO;GAAE,MAAM;GAAG,OAAO;GAAQ,GAAG;GAAO;EAAE,GAAI;YAAnE,CACG,SACC,oBAAC,UAAD;GACE,UAAA;GACA,WAAW,GAAG,QAAQ,YAAY,OAAO;GAC5B;GACb,OAAO,cAAc;GACrB,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,MAAM;GACvC,WAAW,MAAM,SAAS,EAAE,OAAO,MAAM;GACzC,CAAA,GAEF,oBAAC,YAAD;GACE,WAAW,GAAG,QAAQ,YAAY,OAAO;GAC7B;GACF;GACG;GACb,OAAO,cAAc;GACrB,QAAQ;GACR,OAAO;GACE;GACT,SAAS,MAAM,SAAS,EAAE,OAAO,MAAM;GACvC,gBAAgB,MAAM,SAAS,EAAE;GACjC,CAAA,EAEJ,oBAACA,mBAAD;GAAS,WAAW;GAAsB,KAAK;aAC5C,gBACC,cAAc,eAAe,CAAC,KAAK,aAAa,UAC9C,oBAAC,QAAD;IAAoB,MAAM;IAAgB,GAAI;IAAe,EAAhD,MAAgD,CAC7D,GAEF,qBAAA,YAAA,EAAA,UAAA,CACG,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAe,OAAO;cACpC;IACO,CAAA,GAEV,eAED,WACC,oBAAC,SAAD;IAAS,QAAQ;IAAc,OAAO;cACnC;IACO,CAAA,GAEV,aAED,EAAA,CAAA;GAEG,CAAA,CACF;;EAGf"}

package/es/chat/MessageInput/style.mjs

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