@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/chat/EditableMessageList/messageReducer.mjs

@@ -1,39 +1,46 @@
-import { produce } from "immer";
 //#region src/chat/EditableMessageList/messageReducer.ts
 const messagesReducer = (state, payload) => {
 	switch (payload.type) {
 		case "addMessage": return [...state, payload.message];
-		case "insertMessage": return produce(state, (draftState) => {
-			draftState.splice(payload.index, 0, payload.message);
-		});
+		case "insertMessage": return [
+			...state.slice(0, payload.index),
+			payload.message,
+			...state.slice(payload.index)
+		];
 		case "deleteMessage": return state.filter((_, index) => index !== payload.index);
 		case "resetMessages": return [];
-		case "updateMessage": return produce(state, (draftState) => {
+		case "updateMessage": {
 			const { index, message } = payload;
-			draftState[index].content = message;
-		});
-		case "updateMessageRole": return produce(state, (draftState) => {
+			return state.map((item, i) => i === index ? {
+				...item,
+				content: message
+			} : item);
+		}
+		case "updateMessageRole": {
 			const { index, role } = payload;
-			draftState[index].role = role;
-		});
-		case "addUserMessage": return produce(state, (draftState) => {
-			draftState.push({
-				content: payload.message,
-				role: "user"
-			});
-		});
-		case "updateLatestBotMessage": return produce(state, () => {
-			const { responseStream } = payload;
+			return state.map((item, i) => i === index ? {
+				...item,
+				role
+			} : item);
+		}
+		case "addUserMessage": return [...state, {
+			content: payload.message,
+			role: "user"
+		}];
+		case "updateLatestBotMessage": {
 			const newMessage = {
-				content: responseStream.join(""),
+				content: payload.responseStream.join(""),
 				role: "assistant"
 			};
 			return [...state.slice(0, -1), newMessage];
-		});
-		case "setErrorMessage": return produce(state, (draftState) => {
+		}
+		case "setErrorMessage": {
 			const { index, error } = payload;
-			draftState[index].error = error;
-		});
+			return state.map((item, i) => i === index ? {
+				...item,
+				error
+			} : item);
+		}
 		default: throw new Error("暂未实现的 type，请检查 reducer");
 	}
 };

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;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"}
+{"version":3,"file":"messageReducer.mjs","names":[],"sources":["../../../src/chat/EditableMessageList/messageReducer.ts"],"sourcesContent":["import 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 [...state.slice(0, payload.index), payload.message, ...state.slice(payload.index)];\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      const { index, message } = payload;\n      return state.map((item, i) => (i === index ? { ...item, content: message } : item));\n    }\n    case 'updateMessageRole': {\n      const { index, role } = payload;\n      return state.map((item, i) => (i === index ? { ...item, role } : item));\n    }\n\n    case 'addUserMessage': {\n      return [...state, { content: payload.message, role: 'user' }];\n    }\n\n    case 'updateLatestBotMessage': {\n      const newMessage: LLMMessage = {\n        content: payload.responseStream.join(''),\n        role: 'assistant',\n      };\n      return [...state.slice(0, -1), newMessage];\n    }\n\n    case 'setErrorMessage': {\n      const { index, error } = payload;\n      return state.map((item, i) => (i === index ? ({ ...item, error } as LLMMessage) : item));\n    }\n\n    default: {\n      throw new Error('暂未实现的 type，请检查 reducer');\n    }\n  }\n};\n"],"mappings":";AAmBA,MAAa,mBAAmB,OAAqB,YAA2C;CAC9F,QAAQ,QAAQ,MAAhB;EACE,KAAK,cACH,OAAO,CAAC,GAAG,OAAO,QAAQ,OAAO;EAGnC,KAAK,iBACH,OAAO;GAAC,GAAG,MAAM,MAAM,GAAG,QAAQ,KAAK;GAAG,QAAQ;GAAS,GAAG,MAAM,MAAM,QAAQ,KAAK;EAAC;EAG1F,KAAK,iBACH,OAAO,MAAM,QAAQ,GAAG,UAAU,UAAU,QAAQ,KAAK;EAE3D,KAAK,iBACH,OAAO,CAAC;EAGV,KAAK,iBAAiB;GACpB,MAAM,EAAE,OAAO,YAAY;GAC3B,OAAO,MAAM,KAAK,MAAM,MAAO,MAAM,QAAQ;IAAE,GAAG;IAAM,SAAS;GAAQ,IAAI,IAAK;EACpF;EACA,KAAK,qBAAqB;GACxB,MAAM,EAAE,OAAO,SAAS;GACxB,OAAO,MAAM,KAAK,MAAM,MAAO,MAAM,QAAQ;IAAE,GAAG;IAAM;GAAK,IAAI,IAAK;EACxE;EAEA,KAAK,kBACH,OAAO,CAAC,GAAG,OAAO;GAAE,SAAS,QAAQ;GAAS,MAAM;EAAO,CAAC;EAG9D,KAAK,0BAA0B;GAC7B,MAAM,aAAyB;IAC7B,SAAS,QAAQ,eAAe,KAAK,EAAE;IACvC,MAAM;GACR;GACA,OAAO,CAAC,GAAG,MAAM,MAAM,GAAG,EAAE,GAAG,UAAU;EAC3C;EAEA,KAAK,mBAAmB;GACtB,MAAM,EAAE,OAAO,UAAU;GACzB,OAAO,MAAM,KAAK,MAAM,MAAO,MAAM,QAAS;IAAE,GAAG;IAAM;GAAM,IAAmB,IAAK;EACzF;EAEA,SACE,MAAM,IAAI,MAAM,wBAAwB;CAE5C;AACF"}

package/es/chat/MessageInput/MessageInput.mjs

@@ -10,7 +10,7 @@ import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
 import { styles, textAreaStyle } from "./style.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx$1 from "clsx";
 import { useHotkeys } from "react-hotkeys-hook";
 //#region src/chat/MessageInput/MessageInput.tsx
 const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValue, onConfirm, renderButtons, placeholder, styles: customStyles, style, editButtonSize = "middle", classNames, shortcut, language = "markdown", ...rest }) => {
@@ -49,7 +49,7 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 		...rest,
 		children: [mobile ? /* @__PURE__ */ jsx(TextArea_default, {
 			autoSize: true,
-			className: clsx(styles, classNames?.editor),
+			className: clsx$1(styles, classNames?.editor),
 			placeholder,
 			style: {
 				...textAreaStyle,
@@ -60,7 +60,7 @@ const MessageInput = memo(({ text, variant = "borderless", onCancel, defaultValu
 			onBlur: (e) => setValue(e.target.value),
 			onChange: (e) => setValue(e.target.value)
 		}) : /* @__PURE__ */ jsx(CodeEditor, {
-			className: clsx(styles, classNames?.editor),
+			className: clsx$1(styles, classNames?.editor),
 			classNames,
 			language,
 			placeholder,

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

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

package/es/chat/MessageModal/MessageModal.mjs

@@ -2,6 +2,7 @@
 import Button from "../../Button/Button.mjs";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { useResponsive } from "../../styles/theme/scope.mjs";
+import { useControlledState } from "../../hooks/useControlledState.mjs";
 import { useTranslation } from "../../i18n/useTranslation.mjs";
 import TextArea_default from "../../Input/TextArea.mjs";
 import CodeEditor from "../../CodeEditor/CodeEditor.mjs";
@@ -11,7 +12,6 @@ import { styles, textAreaStyle } from "../MessageInput/style.mjs";
 import messageModal_default from "../../i18n/resources/en/messageModal.mjs";
 import { memo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import useControlledState 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();

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

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

package/es/chat/TokenTag/TokenTag.mjs

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

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

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

package/es/color/index.d.mts

@@ -1,4 +1,5 @@
 import { ColorScaleItem } from "./types.mjs";
+import { StatusColorScales, statusColorScales } from "./status/index.mjs";
 import blueGeekblueMix from "./colors/blue.mjs";
 import cyan from "./colors/cyan.mjs";
 import geekblue from "./colors/geekblue.mjs";
@@ -22,4 +23,4 @@ import sage from "./neutrals/sage.mjs";
 import sand from "./neutrals/sand.mjs";
 import slate from "./neutrals/slate.mjs";
 import { NeutralColorScales, neutralColorScales } from "./neutrals/index.mjs";
-export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
+export { type ColorScaleItem, ColorScales, type ColorScalesProps, ColorScales$1 as CssVar, NeutralColorScales, type StatusColorScales, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, statusColorScales, volcano, yellow };

package/es/color/index.mjs

@@ -1,3 +1,4 @@
+import { statusColorScales } from "./status/index.mjs";
 import blueGeekblueMix from "./colors/blue.mjs";
 import cyan from "./colors/cyan.mjs";
 import geekblue from "./colors/geekblue.mjs";
@@ -21,4 +22,4 @@ import slate from "./neutrals/slate.mjs";
 import { neutralColorScales } from "./neutrals/index.mjs";
 import ColorScales from "./ColorScales/index.mjs";
 import ColorScales$1 from "./CssVar/index.mjs";
-export { ColorScales, ColorScales$1 as CssVar, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, volcano, yellow };
+export { ColorScales, ColorScales$1 as CssVar, blueGeekblueMix as blue, colorScales, colorScales as colors, cyan, geekblue, gold, gray, green, lime, magenta, mauve, neutralColorScales, neutralColorScales as neutrals, olive, orange, primary, purple, red, sage, sand, slate, statusColorScales, volcano, yellow };

package/es/color/status/error.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/error.ts
+const error = {
+	dark: [
+		"#190a09",
+		"#340b0c",
+		"#4b141a",
+		"#641f24",
+		"#8a3334",
+		"#aa3f3e",
+		"#b53a3a",
+		"#be3738",
+		"#d64242",
+		"#e95350",
+		"#ffa8a0",
+		"#ffe1df",
+		"#fff8f7"
+	],
+	darkA: [
+		"rgba(250, 100, 90, 0.1)",
+		"rgba(248, 52, 57, 0.21)",
+		"rgba(250, 67, 87, 0.3)",
+		"rgba(250, 78, 90, 0.4)",
+		"rgba(251, 93, 95, 0.55)",
+		"rgba(254, 94, 93, 0.67)",
+		"rgba(255, 82, 82, 0.71)",
+		"rgba(253, 73, 75, 0.75)",
+		"rgba(255, 79, 79, 0.84)",
+		"rgba(253, 90, 87, 0.92)",
+		"#ffa8a0",
+		"#ffe1df",
+		"#fff8f7"
+	],
+	light: [
+		"#ffffff",
+		"#fef8f7",
+		"#fff0ee",
+		"#ffe7e4",
+		"#ffded8",
+		"#ffcec5",
+		"#ffb9ab",
+		"#ff9c88",
+		"#ff775c",
+		"#f35837",
+		"#ce461e",
+		"#9b3206",
+		"#64260f"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(230, 80, 55, 0.04)",
+		"rgba(255, 41, 12, 0.07)",
+		"rgba(255, 37, 10, 0.11)",
+		"rgba(255, 49, 11, 0.16)",
+		"rgba(255, 42, 3, 0.23)",
+		"rgba(255, 43, 0, 0.33)",
+		"rgba(255, 44, 2, 0.47)",
+		"rgba(255, 43, 0, 0.64)",
+		"rgba(240, 44, 2, 0.79)",
+		"#ce461e",
+		"#9b3206",
+		"#64260f"
+	]
+};
+//#endregion
+export { error };
+
+//# sourceMappingURL=error.mjs.map

package/es/color/status/error.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.mjs","names":[],"sources":["../../../src/color/status/error.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const error: ColorScaleItem = {\n  dark: [\n    '#190a09',\n    '#340b0c',\n    '#4b141a',\n    '#641f24',\n    '#8a3334',\n    '#aa3f3e',\n    '#b53a3a',\n    '#be3738',\n    '#d64242',\n    '#e95350',\n    '#ffa8a0',\n    '#ffe1df',\n    '#fff8f7',\n  ],\n  darkA: [\n    'rgba(250, 100, 90, 0.1)',\n    'rgba(248, 52, 57, 0.21)',\n    'rgba(250, 67, 87, 0.3)',\n    'rgba(250, 78, 90, 0.4)',\n    'rgba(251, 93, 95, 0.55)',\n    'rgba(254, 94, 93, 0.67)',\n    'rgba(255, 82, 82, 0.71)',\n    'rgba(253, 73, 75, 0.75)',\n    'rgba(255, 79, 79, 0.84)',\n    'rgba(253, 90, 87, 0.92)',\n    '#ffa8a0',\n    '#ffe1df',\n    '#fff8f7',\n  ],\n  light: [\n    '#ffffff',\n    '#fef8f7',\n    '#fff0ee',\n    '#ffe7e4',\n    '#ffded8',\n    '#ffcec5',\n    '#ffb9ab',\n    '#ff9c88',\n    '#ff775c',\n    '#f35837',\n    '#ce461e',\n    '#9b3206',\n    '#64260f',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(230, 80, 55, 0.04)',\n    'rgba(255, 41, 12, 0.07)',\n    'rgba(255, 37, 10, 0.11)',\n    'rgba(255, 49, 11, 0.16)',\n    'rgba(255, 42, 3, 0.23)',\n    'rgba(255, 43, 0, 0.33)',\n    'rgba(255, 44, 2, 0.47)',\n    'rgba(255, 43, 0, 0.64)',\n    'rgba(240, 44, 2, 0.79)',\n    '#ce461e',\n    '#9b3206',\n    '#64260f',\n  ],\n};\n"],"mappings":";AAEA,MAAa,QAAwB;CACnC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/index.d.mts

@@ -0,0 +1,11 @@
+import { ColorScaleItem } from "../types.mjs";
+//#region src/color/status/index.d.ts
+export interface StatusColorScales {
+  error: ColorScaleItem;
+  info: ColorScaleItem;
+  success: ColorScaleItem;
+  warning: ColorScaleItem;
+}
+export declare const statusColorScales: StatusColorScales;
+//#endregion
+//# sourceMappingURL=index.d.mts.map

package/es/color/status/index.mjs

@@ -0,0 +1,15 @@
+import { error } from "./error.mjs";
+import { info } from "./info.mjs";
+import { success } from "./success.mjs";
+import { warning } from "./warning.mjs";
+//#region src/color/status/index.ts
+const statusColorScales = {
+	error,
+	info,
+	success,
+	warning
+};
+//#endregion
+export { statusColorScales };
+
+//# sourceMappingURL=index.mjs.map

package/es/color/status/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/color/status/index.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\nimport { error } from './error';\nimport { info } from './info';\nimport { success } from './success';\nimport { warning } from './warning';\n\nexport interface StatusColorScales {\n  error: ColorScaleItem;\n  info: ColorScaleItem;\n  success: ColorScaleItem;\n  warning: ColorScaleItem;\n}\n\nexport const statusColorScales: StatusColorScales = {\n  error,\n  info,\n  success,\n  warning,\n};\n"],"mappings":";;;;;AAaA,MAAa,oBAAuC;CAClD;CACA;CACA;CACA;AACF"}

package/es/color/status/info.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/info.ts
+const info = {
+	dark: [
+		"#060f18",
+		"#001a35",
+		"#002949",
+		"#003961",
+		"#005389",
+		"#0067a9",
+		"#007cc9",
+		"#0091eb",
+		"#00a2fe",
+		"#4cb3ff",
+		"#9cdaff",
+		"#cfedfd",
+		"#f8f9ff"
+	],
+	darkA: [
+		"rgba(60, 150, 240, 0.1)",
+		"rgba(0, 124, 252, 0.21)",
+		"rgba(0, 141, 252, 0.29)",
+		"rgba(0, 150, 255, 0.38)",
+		"rgba(0, 154, 254, 0.54)",
+		"rgba(0, 154, 252, 0.67)",
+		"rgba(0, 157, 254, 0.79)",
+		"rgba(0, 158, 255, 0.92)",
+		"#00a2fe",
+		"#4cb3ff",
+		"#9cdaff",
+		"#cfedfd",
+		"#f8f9ff"
+	],
+	light: [
+		"#ffffff",
+		"#f8f9ff",
+		"#edf4ff",
+		"#e3edff",
+		"#d7e6ff",
+		"#c0d9ff",
+		"#a0c7ff",
+		"#72aeff",
+		"#2c91ff",
+		"#0076e3",
+		"#0060cc",
+		"#004ebf",
+		"#1b3671"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(22, 55, 255, 0.03)",
+		"rgba(30, 117, 255, 0.08)",
+		"rgba(0, 91, 255, 0.11)",
+		"rgba(5, 99, 255, 0.16)",
+		"rgba(3, 103, 255, 0.25)",
+		"rgba(5, 108, 255, 0.38)",
+		"rgba(3, 110, 255, 0.56)",
+		"rgba(1, 122, 255, 0.83)",
+		"#0076e3",
+		"#0060cc",
+		"#004ebf",
+		"#1b3671"
+	]
+};
+//#endregion
+export { info };
+
+//# sourceMappingURL=info.mjs.map

package/es/color/status/info.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.mjs","names":[],"sources":["../../../src/color/status/info.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const info: ColorScaleItem = {\n  dark: [\n    '#060f18',\n    '#001a35',\n    '#002949',\n    '#003961',\n    '#005389',\n    '#0067a9',\n    '#007cc9',\n    '#0091eb',\n    '#00a2fe',\n    '#4cb3ff',\n    '#9cdaff',\n    '#cfedfd',\n    '#f8f9ff',\n  ],\n  darkA: [\n    'rgba(60, 150, 240, 0.1)',\n    'rgba(0, 124, 252, 0.21)',\n    'rgba(0, 141, 252, 0.29)',\n    'rgba(0, 150, 255, 0.38)',\n    'rgba(0, 154, 254, 0.54)',\n    'rgba(0, 154, 252, 0.67)',\n    'rgba(0, 157, 254, 0.79)',\n    'rgba(0, 158, 255, 0.92)',\n    '#00a2fe',\n    '#4cb3ff',\n    '#9cdaff',\n    '#cfedfd',\n    '#f8f9ff',\n  ],\n  light: [\n    '#ffffff',\n    '#f8f9ff',\n    '#edf4ff',\n    '#e3edff',\n    '#d7e6ff',\n    '#c0d9ff',\n    '#a0c7ff',\n    '#72aeff',\n    '#2c91ff',\n    '#0076e3',\n    '#0060cc',\n    '#004ebf',\n    '#1b3671',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(22, 55, 255, 0.03)',\n    'rgba(30, 117, 255, 0.08)',\n    'rgba(0, 91, 255, 0.11)',\n    'rgba(5, 99, 255, 0.16)',\n    'rgba(3, 103, 255, 0.25)',\n    'rgba(5, 108, 255, 0.38)',\n    'rgba(3, 110, 255, 0.56)',\n    'rgba(1, 122, 255, 0.83)',\n    '#0076e3',\n    '#0060cc',\n    '#004ebf',\n    '#1b3671',\n  ],\n};\n"],"mappings":";AAEA,MAAa,OAAuB;CAClC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/success.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/success.ts
+const success = {
+	dark: [
+		"#0a1004",
+		"#061f00",
+		"#102e00",
+		"#1c3f00",
+		"#315a09",
+		"#3e6f06",
+		"#518b03",
+		"#67a70a",
+		"#71b814",
+		"#80c933",
+		"#bae48c",
+		"#deeec7",
+		"#f9faef"
+	],
+	darkA: [
+		"rgba(143, 229, 57, 0.07)",
+		"rgba(46, 238, 0, 0.13)",
+		"rgba(84, 242, 0, 0.19)",
+		"rgba(112, 252, 0, 0.25)",
+		"rgba(136, 250, 25, 0.36)",
+		"rgba(141, 252, 14, 0.44)",
+		"rgba(147, 253, 5, 0.55)",
+		"rgba(156, 253, 15, 0.66)",
+		"rgba(155, 252, 27, 0.73)",
+		"rgba(162, 254, 65, 0.79)",
+		"#bae48c",
+		"#deeec7",
+		"#f9faef"
+	],
+	light: [
+		"#ffffff",
+		"#f8fbf1",
+		"#eef6e6",
+		"#e1f1d9",
+		"#d4eccc",
+		"#bde3b6",
+		"#a0d89c",
+		"#71c87a",
+		"#30b556",
+		"#00a03f",
+		"#00864e",
+		"#006342",
+		"#00422b"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(138, 188, 22, 0.06)",
+		"rgba(85, 165, 5, 0.1)",
+		"rgba(55, 162, 2, 0.15)",
+		"rgba(40, 160, 0, 0.2)",
+		"rgba(27, 158, 3, 0.29)",
+		"rgba(11, 155, 1, 0.39)",
+		"rgba(1, 157, 18, 0.56)",
+		"rgba(3, 165, 49, 0.82)",
+		"#00a03f",
+		"#00864e",
+		"#006342",
+		"#00422b"
+	]
+};
+//#endregion
+export { success };
+
+//# sourceMappingURL=success.mjs.map

package/es/color/status/success.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.mjs","names":[],"sources":["../../../src/color/status/success.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const success: ColorScaleItem = {\n  dark: [\n    '#0a1004',\n    '#061f00',\n    '#102e00',\n    '#1c3f00',\n    '#315a09',\n    '#3e6f06',\n    '#518b03',\n    '#67a70a',\n    '#71b814',\n    '#80c933',\n    '#bae48c',\n    '#deeec7',\n    '#f9faef',\n  ],\n  darkA: [\n    'rgba(143, 229, 57, 0.07)',\n    'rgba(46, 238, 0, 0.13)',\n    'rgba(84, 242, 0, 0.19)',\n    'rgba(112, 252, 0, 0.25)',\n    'rgba(136, 250, 25, 0.36)',\n    'rgba(141, 252, 14, 0.44)',\n    'rgba(147, 253, 5, 0.55)',\n    'rgba(156, 253, 15, 0.66)',\n    'rgba(155, 252, 27, 0.73)',\n    'rgba(162, 254, 65, 0.79)',\n    '#bae48c',\n    '#deeec7',\n    '#f9faef',\n  ],\n  light: [\n    '#ffffff',\n    '#f8fbf1',\n    '#eef6e6',\n    '#e1f1d9',\n    '#d4eccc',\n    '#bde3b6',\n    '#a0d89c',\n    '#71c87a',\n    '#30b556',\n    '#00a03f',\n    '#00864e',\n    '#006342',\n    '#00422b',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(138, 188, 22, 0.06)',\n    'rgba(85, 165, 5, 0.1)',\n    'rgba(55, 162, 2, 0.15)',\n    'rgba(40, 160, 0, 0.2)',\n    'rgba(27, 158, 3, 0.29)',\n    'rgba(11, 155, 1, 0.39)',\n    'rgba(1, 157, 18, 0.56)',\n    'rgba(3, 165, 49, 0.82)',\n    '#00a03f',\n    '#00864e',\n    '#006342',\n    '#00422b',\n  ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/status/warning.mjs

@@ -0,0 +1,67 @@
+//#region src/color/status/warning.ts
+const warning = {
+	dark: [
+		"#150d02",
+		"#251700",
+		"#3c2200",
+		"#512f00",
+		"#724600",
+		"#8d5700",
+		"#ae6e00",
+		"#e39a00",
+		"#f6aa00",
+		"#ffbe45",
+		"#ffdd9c",
+		"#ffe5b8",
+		"#fff8f3"
+	],
+	darkA: [
+		"rgba(233, 144, 22, 0.09)",
+		"rgba(247, 153, 0, 0.15)",
+		"rgba(250, 142, 0, 0.24)",
+		"rgba(253, 147, 0, 0.32)",
+		"rgba(253, 156, 0, 0.45)",
+		"rgba(252, 155, 0, 0.56)",
+		"rgba(252, 159, 0, 0.69)",
+		"rgba(255, 173, 0, 0.89)",
+		"rgba(254, 175, 0, 0.97)",
+		"#ffbe45",
+		"#ffdd9c",
+		"#ffe5b8",
+		"#fff8f3"
+	],
+	light: [
+		"#ffffff",
+		"#fff8f3",
+		"#fff2e2",
+		"#ffe9cc",
+		"#ffe1b3",
+		"#ffda9a",
+		"#ffd17f",
+		"#ffca61",
+		"#ffbe2b",
+		"#feb400",
+		"#d78f00",
+		"#6d5200",
+		"#4a3600"
+	],
+	lightA: [
+		"rgba(255, 255, 255, 0.01)",
+		"rgba(255, 115, 15, 0.05)",
+		"rgba(255, 147, 13, 0.12)",
+		"rgba(255, 145, 0, 0.2)",
+		"rgba(255, 155, 2, 0.3)",
+		"rgba(255, 163, 3, 0.4)",
+		"rgba(255, 165, 4, 0.51)",
+		"rgba(255, 170, 0, 0.62)",
+		"rgba(255, 177, 0, 0.83)",
+		"#feb400",
+		"#d78f00",
+		"#6d5200",
+		"#4a3600"
+	]
+};
+//#endregion
+export { warning };
+
+//# sourceMappingURL=warning.mjs.map

package/es/color/status/warning.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning.mjs","names":[],"sources":["../../../src/color/status/warning.ts"],"sourcesContent":["import type { ColorScaleItem } from '../types';\n\nexport const warning: ColorScaleItem = {\n  dark: [\n    '#150d02',\n    '#251700',\n    '#3c2200',\n    '#512f00',\n    '#724600',\n    '#8d5700',\n    '#ae6e00',\n    '#e39a00',\n    '#f6aa00',\n    '#ffbe45',\n    '#ffdd9c',\n    '#ffe5b8',\n    '#fff8f3',\n  ],\n  darkA: [\n    'rgba(233, 144, 22, 0.09)',\n    'rgba(247, 153, 0, 0.15)',\n    'rgba(250, 142, 0, 0.24)',\n    'rgba(253, 147, 0, 0.32)',\n    'rgba(253, 156, 0, 0.45)',\n    'rgba(252, 155, 0, 0.56)',\n    'rgba(252, 159, 0, 0.69)',\n    'rgba(255, 173, 0, 0.89)',\n    'rgba(254, 175, 0, 0.97)',\n    '#ffbe45',\n    '#ffdd9c',\n    '#ffe5b8',\n    '#fff8f3',\n  ],\n  light: [\n    '#ffffff',\n    '#fff8f3',\n    '#fff2e2',\n    '#ffe9cc',\n    '#ffe1b3',\n    '#ffda9a',\n    '#ffd17f',\n    '#ffca61',\n    '#ffbe2b',\n    '#feb400',\n    '#d78f00',\n    '#6d5200',\n    '#4a3600',\n  ],\n  lightA: [\n    'rgba(255, 255, 255, 0.01)',\n    'rgba(255, 115, 15, 0.05)',\n    'rgba(255, 147, 13, 0.12)',\n    'rgba(255, 145, 0, 0.2)',\n    'rgba(255, 155, 2, 0.3)',\n    'rgba(255, 163, 3, 0.4)',\n    'rgba(255, 165, 4, 0.51)',\n    'rgba(255, 170, 0, 0.62)',\n    'rgba(255, 177, 0, 0.83)',\n    '#feb400',\n    '#d78f00',\n    '#6d5200',\n    '#4a3600',\n  ],\n};\n"],"mappings":";AAEA,MAAa,UAA0B;CACrC,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF"}

package/es/color/types.d.mts

@@ -7,4 +7,5 @@ export interface ColorScaleItem {
   lightA: colorStep;
 }
 //#endregion
+export {};
 //# sourceMappingURL=types.d.mts.map

package/es/dashboard/AuthLayout/Aside.d.mts

@@ -0,0 +1,10 @@
+import { AuthLayoutAsideProps } from "./type.mjs";
+//#region src/dashboard/AuthLayout/Aside.d.ts
+/** Inset art panel for `AuthLayout`'s `aside` slot, with a scrim and copy at the bottom. */
+declare function AuthLayoutAside({ background, className, kicker, line, style, ...rest }: AuthLayoutAsideProps): import("react").JSX.Element;
+declare namespace AuthLayoutAside {
+  var displayName: string;
+}
+//#endregion
+export { AuthLayoutAside as default };
+//# sourceMappingURL=Aside.d.mts.map