@lobehub/ui 3.4.5 → 4.0.0

package/es/chat/MessageModal/MessageModal.mjs

@@ -4,9 +4,11 @@ import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import Button_default from "../../Button/Button.mjs";
 import CodeEditor_default from "../../CodeEditor/CodeEditor.mjs";
 import TextArea_default from "../../Input/TextArea.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
 import Modal_default from "../../Modal/Modal.mjs";
 import Markdown_default from "../../Markdown/Markdown.mjs";
 import { useStyles } 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 useMergeState from "use-merge-value";
@@ -16,6 +18,7 @@ import { useResponsive } from "antd-style";
 const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenChange, onEditingChange, placeholder, value, language = "markdown", onChange, text, footer, extra }) => {
 	const { mobile } = useResponsive();
 	const { styles: textStyles } = useStyles();
+	const { t } = useTranslation(messageModal_default);
 	const [isEdit, setTyping] = useMergeState(false, {
 		onChange: onEditingChange,
 		value: editing
@@ -25,32 +28,34 @@ const MessageModal = memo(({ panelRef, editing, open, height = "75vh", onOpenCha
 		value: open
 	});
 	const [temporaryValue, setMessage] = useState(value);
-	const modalFooter = isEdit ? /* @__PURE__ */ jsxs(FlexBasic_default, {
-		direction: "horizontal-reverse",
-		gap: 8,
-		children: [/* @__PURE__ */ jsx(Button_default, {
-			onClick: () => {
-				setTyping(false);
-				onChange?.(temporaryValue);
-				setMessage(value);
-			},
-			type: "primary",
-			children: text?.confirm || "Confirm"
-		}), /* @__PURE__ */ jsx(Button_default, {
-			onClick: () => {
-				setTyping(false);
-				setMessage(value);
-			},
-			children: text?.cancel || "Cancel"
-		})]
-	}) : footer;
+	const confirmText = text?.confirm ?? t("messageModal.confirm");
+	const cancelText = text?.cancel ?? t("messageModal.cancel");
+	const editText = text?.edit ?? t("messageModal.edit");
 	return /* @__PURE__ */ jsx(Modal_default, {
 		allowFullscreen: true,
-		cancelText: text?.cancel || "Cancel",
+		cancelText,
 		destroyOnHidden: true,
-		footer: modalFooter,
+		footer: isEdit ? /* @__PURE__ */ jsxs(FlexBasic_default, {
+			direction: "horizontal-reverse",
+			gap: 8,
+			children: [/* @__PURE__ */ jsx(Button_default, {
+				onClick: () => {
+					setTyping(false);
+					onChange?.(temporaryValue);
+					setMessage(value);
+				},
+				type: "primary",
+				children: confirmText
+			}), /* @__PURE__ */ jsx(Button_default, {
+				onClick: () => {
+					setTyping(false);
+					setMessage(value);
+				},
+				children: cancelText
+			})]
+		}) : footer,
 		height,
-		okText: text?.edit || "Edit",
+		okText: editText,
 		onCancel: () => {
 			setShowModal(false);
 			setTyping(false);

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

@@ -1 +1 @@
-{"version":3,"file":"MessageModal.mjs","names":["useTextStyles","useControlledState","Flexbox","Button","Modal","TextArea","value","CodeEditor","Markdown"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Button from '@/Button';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport TextArea from '@/Input/TextArea';\nimport Markdown from '@/Markdown';\nimport Modal from '@/Modal';\nimport { useStyles as useTextStyles } from '@/chat/MessageInput/style';\n\nimport type { MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    panelRef,\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 { styles: textStyles } = useTextStyles();\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 modalFooter = isEdit ? (\n      <Flexbox direction={'horizontal-reverse'} gap={8}>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n          type=\"primary\"\n        >\n          {text?.confirm || 'Confirm'}\n        </Button>\n        <Button\n          onClick={() => {\n            setTyping(false);\n            setMessage(value);\n          }}\n        >\n          {text?.cancel || 'Cancel'}\n        </Button>\n      </Flexbox>\n    ) : (\n      footer\n    );\n\n    return (\n      <Modal\n        allowFullscreen\n        cancelText={text?.cancel || 'Cancel'}\n        destroyOnHidden\n        footer={modalFooter}\n        height={height}\n        okText={text?.edit || 'Edit'}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n        onOk={() => setTyping(true)}\n        open={showModal}\n        panelRef={panelRef}\n        title={text?.title}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\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":";;;;;;;;;;;;;;;AAgBA,MAAM,eAAe,MAClB,EACC,UACA,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,QAAQ,eAAeA,WAAe;CAC9C,MAAM,CAAC,QAAQ,aAAaC,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,WAAW,gBAAgBA,cAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,gBAAgB,cAAc,SAAS,MAAM;CAEpD,MAAM,cAAc,SAClB,qBAACC;EAAQ,WAAW;EAAsB,KAAK;aAC7C,oBAACC;GACC,eAAe;AACb,cAAU,MAAM;AAChB,eAAW,eAAe;AAC1B,eAAW,MAAM;;GAEnB,MAAK;aAEJ,MAAM,WAAW;IACX,EACT,oBAACA;GACC,eAAe;AACb,cAAU,MAAM;AAChB,eAAW,MAAM;;aAGlB,MAAM,UAAU;IACV;GACD,GAEV;AAGF,QACE,oBAACC;EACC;EACA,YAAY,MAAM,UAAU;EAC5B;EACA,QAAQ;EACA;EACR,QAAQ,MAAM,QAAQ;EACtB,gBAAgB;AACd,gBAAa,MAAM;AACnB,aAAU,MAAM;AAChB,cAAW,MAAM;;EAEnB,YAAY,UAAU,KAAK;EAC3B,MAAM;EACI;EACV,OAAO,MAAM;YAEZ,SACC,SACE,oBAACC;GACC;GACA,WAAW;GACX,cAAc;GACd,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,WAAW,YAAU,WAAWC,QAAM,OAAO,MAAM;GACtC;GACb,OAAO;GACP,SAAS;IACT,GAEF,oBAACC;GACC,WAAW;GACX,cAAc;GACJ;GACV,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,gBAAgB,YAAU,WAAWD,QAAM;GAC9B;GACb,OAAO;GACP,SAAS;IACT,GAGJ,8CACG,OACD,oBAACE;GAAS,SAAS;aAAS,OAAO,SAAS,YAAY;IAAY,IACnE;GAEC;EAGb;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"MessageModal.mjs","names":["useTextStyles","messageModalMessages","useControlledState","Modal","Flexbox","Button","TextArea","value","CodeEditor","Markdown"],"sources":["../../../src/chat/MessageModal/MessageModal.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { memo, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport Button from '@/Button';\nimport CodeEditor from '@/CodeEditor';\nimport { Flexbox } from '@/Flex';\nimport TextArea from '@/Input/TextArea';\nimport Markdown from '@/Markdown';\nimport Modal from '@/Modal';\nimport { useStyles as useTextStyles } from '@/chat/MessageInput/style';\nimport messageModalMessages from '@/i18n/resources/en/messageModal';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport type { MessageModalProps } from './type';\n\nconst MessageModal = memo<MessageModalProps>(\n  ({\n    panelRef,\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 { styles: textStyles } = useTextStyles();\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          onClick={() => {\n            setTyping(false);\n            onChange?.(temporaryValue);\n            setMessage(value);\n          }}\n          type=\"primary\"\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        cancelText={cancelText}\n        destroyOnHidden\n        footer={modalFooter}\n        height={height}\n        okText={editText}\n        onCancel={() => {\n          setShowModal(false);\n          setTyping(false);\n          setMessage(value);\n        }}\n        onOk={() => setTyping(true)}\n        open={showModal}\n        panelRef={panelRef}\n        title={text?.title}\n      >\n        {isEdit ? (\n          mobile ? (\n            <TextArea\n              autoSize\n              className={textStyles}\n              defaultValue={temporaryValue}\n              onBlur={(e) => setMessage(e.target.value)}\n              onChange={(value) => setMessage(value.target.value)}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\n            />\n          ) : (\n            <CodeEditor\n              className={textStyles}\n              defaultValue={temporaryValue}\n              language={language}\n              onBlur={(e) => setMessage(e.target.value)}\n              onValueChange={(value) => setMessage(value)}\n              placeholder={placeholder}\n              value={temporaryValue}\n              variant={'borderless'}\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,UACA,SACA,MACA,SAAS,QACT,cACA,iBACA,aACA,OACA,WAAW,YACX,UACA,MACA,QACA,YACI;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,QAAQ,eAAeA,WAAe;CAC9C,MAAM,EAAE,MAAM,eAAeC,qBAAqB;CAClD,MAAM,CAAC,QAAQ,aAAaC,cAAmB,OAAO;EACpD,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,WAAW,gBAAgBA,cAAmB,OAAO;EAC1D,UAAU;EACV,OAAO;EACR,CAAC;CAEF,MAAM,CAAC,gBAAgB,cAAc,SAAS,MAAM;CAEpD,MAAM,cAAc,MAAM,WAAW,EAAE,uBAAuB;CAC9D,MAAM,aAAa,MAAM,UAAU,EAAE,sBAAsB;CAC3D,MAAM,WAAW,MAAM,QAAQ,EAAE,oBAAoB;AA2BrD,QACE,oBAACC;EACC;EACY;EACZ;EACA,QA9BgB,SAClB,qBAACC;GAAQ,WAAW;GAAsB,KAAK;cAC7C,oBAACC;IACC,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,eAAe;AAC1B,gBAAW,MAAM;;IAEnB,MAAK;cAEJ;KACM,EACT,oBAACA;IACC,eAAe;AACb,eAAU,MAAM;AAChB,gBAAW,MAAM;;cAGlB;KACM;IACD,GAEV;EASU;EACR,QAAQ;EACR,gBAAgB;AACd,gBAAa,MAAM;AACnB,aAAU,MAAM;AAChB,cAAW,MAAM;;EAEnB,YAAY,UAAU,KAAK;EAC3B,MAAM;EACI;EACV,OAAO,MAAM;YAEZ,SACC,SACE,oBAACC;GACC;GACA,WAAW;GACX,cAAc;GACd,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,WAAW,YAAU,WAAWC,QAAM,OAAO,MAAM;GACtC;GACb,OAAO;GACP,SAAS;IACT,GAEF,oBAACC;GACC,WAAW;GACX,cAAc;GACJ;GACV,SAAS,MAAM,WAAW,EAAE,OAAO,MAAM;GACzC,gBAAgB,YAAU,WAAWD,QAAM;GAC9B;GACb,OAAO;GACP,SAAS;IACT,GAGJ,8CACG,OACD,oBAACE;GAAS,SAAS;aAAS,OAAO,SAAS,YAAY;IAAY,IACnE;GAEC;EAGb;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/es/chat/TokenTag/TokenTag.mjs

@@ -2,6 +2,8 @@
 
 import FluentEmoji_default from "../../FluentEmoji/FluentEmoji.mjs";
 import Button_default from "../../Button/Button.mjs";
+import { useTranslation } from "../../i18n/useTranslation.mjs";
+import chat_default from "../../i18n/resources/en/chat.mjs";
 import { useStyles } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -13,9 +15,13 @@ import numeral from "numeral";
 const format = (number) => numeral(number).format("0,0");
 const TokenTag = ({ className, shape = "round", mode = "remained", maxValue, value, text, unoptimized, hideText, ref, ...rest }) => {
 	const { mobile } = useResponsive();
+	const { t } = useTranslation(chat_default);
 	const valueLeft = maxValue - value;
 	const percent = valueLeft / maxValue;
 	const showText = !hideText && !mobile;
+	const remainedText = text?.remained ?? t("tokenTag.remained");
+	const usedText = text?.used ?? t("tokenTag.used");
+	const overloadText = text?.overload ?? t("tokenTag.overload");
 	const data = useMemo(() => {
 		let type;
 		let emoji;
@@ -52,7 +58,7 @@ const TokenTag = ({ className, shape = "round", mode = "remained", maxValue, val
 			emoji: data.emoji,
 			size: 18,
 			unoptimized
-		}), valueLeft > 0 ? [showText ? mode === "remained" ? text?.remained || "Remained" : text?.used || "Used" : "", mode === "remained" ? format(valueLeft) : format(value)].join(" ") : text?.overload || "Overload"]
+		}), valueLeft > 0 ? [showText ? mode === "remained" ? remainedText : usedText : "", mode === "remained" ? format(valueLeft) : format(value)].join(" ") : overloadText]
 	});
 };
 TokenTag.displayName = "TokenTag";

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

@@ -1 +1 @@
-{"version":3,"file":"TokenTag.mjs","names":["TokenTag: FC<TokenTagProps>","type: 'normal' | 'low' | 'overload'","Button","cx","FluentEmoji"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\nimport numeral from 'numeral';\nimport { type FC, useMemo } from 'react';\n\nimport Button from '@/Button';\nimport FluentEmoji from '@/FluentEmoji';\n\nimport { useStyles } from './style';\nimport type { TokenTagProps } from './type';\n\nconst format = (number: number) => numeral(number).format('0,0');\n\nconst TokenTag: FC<TokenTagProps> = ({\n  className,\n  shape = 'round',\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  unoptimized,\n  hideText,\n  ref,\n  ...rest\n}) => {\n  const { mobile } = useResponsive();\n  const valueLeft = maxValue - value;\n  const percent = valueLeft / maxValue;\n  const showText = !hideText && !mobile;\n\n  const data = useMemo(() => {\n    let type: 'normal' | 'low' | 'overload';\n    let emoji;\n\n    if (percent > 0.3) {\n      type = 'normal';\n      emoji = '😀';\n    } else if (percent > 0) {\n      type = 'low';\n      emoji = '😅';\n    } else {\n      type = 'overload';\n      emoji = '🤯';\n    }\n    return {\n      emoji,\n      type,\n    };\n  }, [percent]);\n\n  const { styles, cx } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          type: 'normal',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          type: {\n            normal: styles.normal,\n            low: styles.low,\n            overload: styles.overload,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  return (\n    <Button\n      className={cx(variants({ type: data.type }), className)}\n      ref={ref}\n      shape={shape}\n      variant={'filled'}\n      {...rest}\n    >\n      <FluentEmoji emoji={data.emoji} size={18} unoptimized={unoptimized} />\n      {valueLeft > 0\n        ? [\n            showText\n              ? mode === 'remained'\n                ? text?.remained || 'Remained'\n                : text?.used || 'Used'\n              : '',\n            mode === 'remained' ? format(valueLeft) : format(value),\n          ].join(' ')\n        : text?.overload || 'Overload'}\n    </Button>\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;;;AAaA,MAAM,UAAU,WAAmB,QAAQ,OAAO,CAAC,OAAO,MAAM;AAEhE,MAAMA,YAA+B,EACnC,WACA,QAAQ,SACR,OAAO,YACP,UACA,OACA,MACA,aACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,YAAY;CAC5B,MAAM,WAAW,CAAC,YAAY,CAAC;CAE/B,MAAM,OAAO,cAAc;EACzB,IAAIC;EACJ,IAAI;AAEJ,MAAI,UAAU,IAAK;AACjB,UAAO;AACP,WAAQ;aACC,UAAU,GAAG;AACtB,UAAO;AACP,WAAQ;SACH;AACL,UAAO;AACP,WAAQ;;AAEV,SAAO;GACL;GACA;GACD;IACA,CAAC,QAAQ,CAAC;CAEb,MAAM,EAAE,QAAQ,aAAO,WAAW;AAqBlC,QACE,qBAACC;EACC,WAAWC,KArBE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,MAAM,UACP;GAED,UAAU,EACR,MAAM;IACJ,QAAQ,OAAO;IACf,KAAK,OAAO;IACZ,UAAU,OAAO;IAClB,EACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAI0B,EAAE,MAAM,KAAK,MAAM,CAAC,EAAE,UAAU;EAClD;EACE;EACP,SAAS;EACT,GAAI;aAEJ,oBAACC;GAAY,OAAO,KAAK;GAAO,MAAM;GAAiB;IAAe,EACrE,YAAY,IACT,CACE,WACI,SAAS,aACP,MAAM,YAAY,aAClB,MAAM,QAAQ,SAChB,IACJ,SAAS,aAAa,OAAO,UAAU,GAAG,OAAO,MAAM,CACxD,CAAC,KAAK,IAAI,GACX,MAAM,YAAY;GACf;;AAIb,SAAS,cAAc;AAEvB,uBAAe"}
+{"version":3,"file":"TokenTag.mjs","names":["TokenTag: FC<TokenTagProps>","chatMessages","type: 'normal' | 'low' | 'overload'","Button","cx","FluentEmoji"],"sources":["../../../src/chat/TokenTag/TokenTag.tsx"],"sourcesContent":["'use client';\n\nimport { useResponsive } from 'antd-style';\nimport { cva } from 'class-variance-authority';\nimport numeral from 'numeral';\nimport { type FC, useMemo } from 'react';\n\nimport Button from '@/Button';\nimport FluentEmoji from '@/FluentEmoji';\nimport chatMessages from '@/i18n/resources/en/chat';\nimport { useTranslation } from '@/i18n/useTranslation';\n\nimport { useStyles } from './style';\nimport type { TokenTagProps } from './type';\n\nconst format = (number: number) => numeral(number).format('0,0');\n\nconst TokenTag: FC<TokenTagProps> = ({\n  className,\n  shape = 'round',\n  mode = 'remained',\n  maxValue,\n  value,\n  text,\n  unoptimized,\n  hideText,\n  ref,\n  ...rest\n}) => {\n  const { mobile } = useResponsive();\n  const { t } = useTranslation(chatMessages);\n  const valueLeft = maxValue - value;\n  const percent = valueLeft / maxValue;\n  const showText = !hideText && !mobile;\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 emoji;\n\n    if (percent > 0.3) {\n      type = 'normal';\n      emoji = '😀';\n    } else if (percent > 0) {\n      type = 'low';\n      emoji = '😅';\n    } else {\n      type = 'overload';\n      emoji = '🤯';\n    }\n    return {\n      emoji,\n      type,\n    };\n  }, [percent]);\n\n  const { styles, cx } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          type: 'normal',\n        },\n        /* eslint-disable sort-keys-fix/sort-keys-fix */\n        variants: {\n          type: {\n            normal: styles.normal,\n            low: styles.low,\n            overload: styles.overload,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  return (\n    <Button\n      className={cx(variants({ type: data.type }), className)}\n      ref={ref}\n      shape={shape}\n      variant={'filled'}\n      {...rest}\n    >\n      <FluentEmoji emoji={data.emoji} size={18} unoptimized={unoptimized} />\n      {valueLeft > 0\n        ? [\n            showText ? (mode === 'remained' ? remainedText : usedText) : '',\n            mode === 'remained' ? format(valueLeft) : format(value),\n          ].join(' ')\n        : overloadText}\n    </Button>\n  );\n};\n\nTokenTag.displayName = 'TokenTag';\n\nexport default TokenTag;\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,UAAU,WAAmB,QAAQ,OAAO,CAAC,OAAO,MAAM;AAEhE,MAAMA,YAA+B,EACnC,WACA,QAAQ,SACR,OAAO,YACP,UACA,OACA,MACA,aACA,UACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,EAAE,MAAM,eAAeC,aAAa;CAC1C,MAAM,YAAY,WAAW;CAC7B,MAAM,UAAU,YAAY;CAC5B,MAAM,WAAW,CAAC,YAAY,CAAC;CAC/B,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAC7D,MAAM,WAAW,MAAM,QAAQ,EAAE,gBAAgB;CACjD,MAAM,eAAe,MAAM,YAAY,EAAE,oBAAoB;CAE7D,MAAM,OAAO,cAAc;EACzB,IAAIC;EACJ,IAAI;AAEJ,MAAI,UAAU,IAAK;AACjB,UAAO;AACP,WAAQ;aACC,UAAU,GAAG;AACtB,UAAO;AACP,WAAQ;SACH;AACL,UAAO;AACP,WAAQ;;AAEV,SAAO;GACL;GACA;GACD;IACA,CAAC,QAAQ,CAAC;CAEb,MAAM,EAAE,QAAQ,aAAO,WAAW;AAqBlC,QACE,qBAACC;EACC,WAAWC,KArBE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,MAAM,UACP;GAED,UAAU,EACR,MAAM;IACJ,QAAQ,OAAO;IACf,KAAK,OAAO;IACZ,UAAU,OAAO;IAClB,EACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAI0B,EAAE,MAAM,KAAK,MAAM,CAAC,EAAE,UAAU;EAClD;EACE;EACP,SAAS;EACT,GAAI;aAEJ,oBAACC;GAAY,OAAO,KAAK;GAAO,MAAM;GAAiB;IAAe,EACrE,YAAY,IACT,CACE,WAAY,SAAS,aAAa,eAAe,WAAY,IAC7D,SAAS,aAAa,OAAO,UAAU,GAAG,OAAO,MAAM,CACxD,CAAC,KAAK,IAAI,GACX;GACG;;AAIb,SAAS,cAAc;AAEvB,uBAAe"}

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

@@ -1,5 +1,5 @@
 import { ColorScaleItem } from "../types.mjs";
-import * as react3 from "react";
+import * as react57 from "react";
 
 //#region src/color/ColorScales/index.d.ts
 interface ColorScalesProps {
@@ -16,7 +16,7 @@ interface ColorScalesProps {
    */
   scale: ColorScaleItem;
 }
-declare const ColorScales: react3.NamedExoticComponent<ColorScalesProps>;
+declare const ColorScales: react57.NamedExoticComponent<ColorScalesProps>;
 //#endregion
 export { ColorScales, ColorScalesProps };
 //# sourceMappingURL=index.d.mts.map

package/es/i18n/context.d.mts

@@ -0,0 +1,17 @@
+import { MotionComponentType } from "../MotionProvider/index.mjs";
+import { I18nContextValue, TranslationKey, TranslationResources } from "./types.mjs";
+import "../ConfigProvider/index.mjs";
+import * as react54 from "react";
+import { ReactNode } from "react";
+
+//#region src/i18n/context.d.ts
+interface I18nProviderProps {
+  children: ReactNode;
+  locale?: string;
+  motion: MotionComponentType;
+  resources?: TranslationResources[] | Record<string, TranslationResources>;
+}
+declare const I18nProvider: react54.NamedExoticComponent<I18nProviderProps>;
+//#endregion
+export { I18nProvider, I18nProviderProps };
+//# sourceMappingURL=context.d.mts.map

package/es/i18n/context.mjs

@@ -0,0 +1,18 @@
+import ConfigProvider_default, { I18nContextInternal, useI18n } from "../ConfigProvider/index.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/i18n/context.tsx
+const I18nProvider = memo(({ children, locale, resources, motion }) => {
+	return /* @__PURE__ */ jsx(ConfigProvider_default, {
+		config: {},
+		locale,
+		motion,
+		resources,
+		children
+	});
+});
+
+//#endregion
+export { I18nProvider };
+//# sourceMappingURL=context.mjs.map

package/es/i18n/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","names":["ConfigProvider"],"sources":["../../src/i18n/context.tsx"],"sourcesContent":["import { type ReactNode, memo } from 'react';\n\nimport ConfigProvider from '@/ConfigProvider';\nimport { type MotionComponentType } from '@/MotionProvider';\n\nimport type { TranslationResources } from './types';\n\nexport interface I18nProviderProps {\n  children: ReactNode;\n  locale?: string;\n  motion: MotionComponentType;\n  resources?: TranslationResources[] | Record<string, TranslationResources>;\n}\n\n// Re-export for backward compatibility\nexport { I18nContext } from '@/ConfigProvider';\n\n// I18nProvider delegates to ConfigProvider with flattened i18n props\nexport const I18nProvider = memo<I18nProviderProps>(({ children, locale, resources, motion }) => {\n  return (\n    <ConfigProvider config={{}} locale={locale} motion={motion} resources={resources}>\n      {children}\n    </ConfigProvider>\n  );\n});\n\n// Internal useI18n - for useTranslation only, not exported publicly\nexport { useI18n } from '@/ConfigProvider';\n\n// Re-export types\nexport type { I18nContextValue, TranslationKey, TranslationResources } from './types';\n"],"mappings":";;;;;AAkBA,MAAa,eAAe,MAAyB,EAAE,UAAU,QAAQ,WAAW,aAAa;AAC/F,QACE,oBAACA;EAAe,QAAQ,EAAE;EAAU;EAAgB;EAAmB;EACpE;GACc;EAEnB"}

package/es/i18n/index.d.mts

@@ -0,0 +1,6 @@
+import { I18nContextValue, Locale, TranslationKey, TranslationResources, TranslationValue } from "./types.mjs";
+import { I18nProvider, I18nProviderProps } from "./context.mjs";
+import { useTranslation } from "./useTranslation.mjs";
+import { index_d_exports } from "./resources/en/index.mjs";
+import { index_d_exports as index_d_exports$1 } from "./resources/zhCn/index.mjs";
+export { type I18nContextValue, I18nProvider, type I18nProviderProps, type Locale, type TranslationKey, type TranslationResources, type TranslationValue, index_d_exports as en, useTranslation, index_d_exports$1 as zhCn };

package/es/i18n/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/i18n/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/i18n/index.mjs

@@ -0,0 +1,6 @@
+import { I18nProvider } from "./context.mjs";
+import { useTranslation } from "./useTranslation.mjs";
+import { en_exports } from "./resources/en/index.mjs";
+import { zhCn_exports } from "./resources/zhCn/index.mjs";
+
+export { I18nProvider, en_exports as en, useTranslation, zhCn_exports as zhCn };

package/es/i18n/resources/en/chat.d.mts

@@ -0,0 +1,11 @@
+//#region src/i18n/resources/en/chat.d.ts
+declare const _default: {
+  readonly 'chat.avatar': "avatar";
+  readonly 'chat.placeholder': "...";
+  readonly 'tokenTag.overload': "Overload";
+  readonly 'tokenTag.remained': "Remained";
+  readonly 'tokenTag.used': "Used";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=chat.d.mts.map

package/es/i18n/resources/en/chat.mjs

@@ -0,0 +1,12 @@
+//#region src/i18n/resources/en/chat.ts
+var chat_default = {
+	"chat.avatar": "avatar",
+	"chat.placeholder": "...",
+	"tokenTag.overload": "Overload",
+	"tokenTag.remained": "Remained",
+	"tokenTag.used": "Used"
+};
+
+//#endregion
+export { chat_default as default };
+//# sourceMappingURL=chat.mjs.map

package/es/i18n/resources/en/chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.mjs","names":[],"sources":["../../../../src/i18n/resources/en/chat.ts"],"sourcesContent":["export default {\n  'chat.avatar': 'avatar',\n  'chat.placeholder': '...',\n  'tokenTag.overload': 'Overload',\n  'tokenTag.remained': 'Remained',\n  'tokenTag.used': 'Used',\n} as const;\n"],"mappings":";AAAA,mBAAe;CACb,eAAe;CACf,oBAAoB;CACpB,qBAAqB;CACrB,qBAAqB;CACrB,iBAAiB;CAClB"}

package/es/i18n/resources/en/common.d.mts

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/en/common.d.ts
+declare const _default: {
+  readonly 'common.cancel': "Cancel";
+  readonly 'common.confirm': "Confirm";
+  readonly 'common.delete': "Delete";
+  readonly 'common.edit': "Edit";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=common.d.mts.map

package/es/i18n/resources/en/common.mjs

@@ -0,0 +1,11 @@
+//#region src/i18n/resources/en/common.ts
+var common_default = {
+	"common.cancel": "Cancel",
+	"common.confirm": "Confirm",
+	"common.delete": "Delete",
+	"common.edit": "Edit"
+};
+
+//#endregion
+export { common_default as default };
+//# sourceMappingURL=common.mjs.map

package/es/i18n/resources/en/common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.mjs","names":[],"sources":["../../../../src/i18n/resources/en/common.ts"],"sourcesContent":["export default {\n  'common.cancel': 'Cancel',\n  'common.confirm': 'Confirm',\n  'common.delete': 'Delete',\n  'common.edit': 'Edit',\n} as const;\n"],"mappings":";AAAA,qBAAe;CACb,iBAAiB;CACjB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CAChB"}

package/es/i18n/resources/en/editableMessage.d.mts

@@ -0,0 +1,13 @@
+//#region src/i18n/resources/en/editableMessage.d.ts
+declare const _default: {
+  readonly 'editableMessage.addProps': "Add Props";
+  readonly 'editableMessage.delete': "Delete";
+  readonly 'editableMessage.input': "Input";
+  readonly 'editableMessage.inputPlaceholder': "Please enter sample input content";
+  readonly 'editableMessage.output': "Output";
+  readonly 'editableMessage.outputPlaceholder': "Please enter sample output content";
+  readonly 'editableMessage.system': "System";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=editableMessage.d.mts.map

package/es/i18n/resources/en/editableMessage.mjs

@@ -0,0 +1,14 @@
+//#region src/i18n/resources/en/editableMessage.ts
+var editableMessage_default = {
+	"editableMessage.addProps": "Add Props",
+	"editableMessage.delete": "Delete",
+	"editableMessage.input": "Input",
+	"editableMessage.inputPlaceholder": "Please enter sample input content",
+	"editableMessage.output": "Output",
+	"editableMessage.outputPlaceholder": "Please enter sample output content",
+	"editableMessage.system": "System"
+};
+
+//#endregion
+export { editableMessage_default as default };
+//# sourceMappingURL=editableMessage.mjs.map

package/es/i18n/resources/en/editableMessage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editableMessage.mjs","names":[],"sources":["../../../../src/i18n/resources/en/editableMessage.ts"],"sourcesContent":["export default {\n  'editableMessage.addProps': 'Add Props',\n  'editableMessage.delete': 'Delete',\n  'editableMessage.input': 'Input',\n  'editableMessage.inputPlaceholder': 'Please enter sample input content',\n  'editableMessage.output': 'Output',\n  'editableMessage.outputPlaceholder': 'Please enter sample output content',\n  'editableMessage.system': 'System',\n} as const;\n"],"mappings":";AAAA,8BAAe;CACb,4BAA4B;CAC5B,0BAA0B;CAC1B,yBAAyB;CACzB,oCAAoC;CACpC,0BAA0B;CAC1B,qCAAqC;CACrC,0BAA0B;CAC3B"}

package/es/i18n/resources/en/emojiPicker.d.mts

@@ -0,0 +1,12 @@
+//#region src/i18n/resources/en/emojiPicker.d.ts
+declare const _default: {
+  readonly 'emojiPicker.delete': "Delete";
+  readonly 'emojiPicker.draggerDesc': "Click or Drag image to this area to upload";
+  readonly 'emojiPicker.emoji': "Emoji";
+  readonly 'emojiPicker.fileTypeError': "You can only upload image file!";
+  readonly 'emojiPicker.upload': "Upload";
+  readonly 'emojiPicker.uploadBtn': "Crop and Upload";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=emojiPicker.d.mts.map

package/es/i18n/resources/en/emojiPicker.mjs

@@ -0,0 +1,13 @@
+//#region src/i18n/resources/en/emojiPicker.ts
+var emojiPicker_default = {
+	"emojiPicker.delete": "Delete",
+	"emojiPicker.draggerDesc": "Click or Drag image to this area to upload",
+	"emojiPicker.emoji": "Emoji",
+	"emojiPicker.fileTypeError": "You can only upload image file!",
+	"emojiPicker.upload": "Upload",
+	"emojiPicker.uploadBtn": "Crop and Upload"
+};
+
+//#endregion
+export { emojiPicker_default as default };
+//# sourceMappingURL=emojiPicker.mjs.map

package/es/i18n/resources/en/emojiPicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emojiPicker.mjs","names":[],"sources":["../../../../src/i18n/resources/en/emojiPicker.ts"],"sourcesContent":["export default {\n  'emojiPicker.delete': 'Delete',\n  'emojiPicker.draggerDesc': 'Click or Drag image to this area to upload',\n  'emojiPicker.emoji': 'Emoji',\n  'emojiPicker.fileTypeError': 'You can only upload image file!',\n  'emojiPicker.upload': 'Upload',\n  'emojiPicker.uploadBtn': 'Crop and Upload',\n} as const;\n"],"mappings":";AAAA,0BAAe;CACb,sBAAsB;CACtB,2BAA2B;CAC3B,qBAAqB;CACrB,6BAA6B;CAC7B,sBAAsB;CACtB,yBAAyB;CAC1B"}

package/es/i18n/resources/en/form.d.mts

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/en/form.d.ts
+declare const _default: {
+  readonly 'form.reset': "Reset";
+  readonly 'form.submit': "Submit";
+  readonly 'form.unsavedChanges': "Unsaved changes";
+  readonly 'form.unsavedWarning': "You have unsaved changes. Are you sure you want to leave?";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=form.d.mts.map

package/es/i18n/resources/en/form.mjs

@@ -0,0 +1,11 @@
+//#region src/i18n/resources/en/form.ts
+var form_default = {
+	"form.reset": "Reset",
+	"form.submit": "Submit",
+	"form.unsavedChanges": "Unsaved changes",
+	"form.unsavedWarning": "You have unsaved changes. Are you sure you want to leave?"
+};
+
+//#endregion
+export { form_default as default };
+//# sourceMappingURL=form.mjs.map

package/es/i18n/resources/en/form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.mjs","names":[],"sources":["../../../../src/i18n/resources/en/form.ts"],"sourcesContent":["export default {\n  'form.reset': 'Reset',\n  'form.submit': 'Submit',\n  'form.unsavedChanges': 'Unsaved changes',\n  'form.unsavedWarning': 'You have unsaved changes. Are you sure you want to leave?',\n} as const;\n"],"mappings":";AAAA,mBAAe;CACb,cAAc;CACd,eAAe;CACf,uBAAuB;CACvB,uBAAuB;CACxB"}

package/es/i18n/resources/en/hotkey.d.mts

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/en/hotkey.d.ts
+declare const _default: {
+  readonly 'hotkey.conflict': "This shortcut conflicts with an existing one.";
+  readonly 'hotkey.invalidCombination': "Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.";
+  readonly 'hotkey.placeholder': "Press keys to record shortcut";
+  readonly 'hotkey.reset': "Reset to default";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=hotkey.d.mts.map

package/es/i18n/resources/en/hotkey.mjs

@@ -0,0 +1,11 @@
+//#region src/i18n/resources/en/hotkey.ts
+var hotkey_default = {
+	"hotkey.conflict": "This shortcut conflicts with an existing one.",
+	"hotkey.invalidCombination": "Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.",
+	"hotkey.placeholder": "Press keys to record shortcut",
+	"hotkey.reset": "Reset to default"
+};
+
+//#endregion
+export { hotkey_default as default };
+//# sourceMappingURL=hotkey.mjs.map

package/es/i18n/resources/en/hotkey.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hotkey.mjs","names":[],"sources":["../../../../src/i18n/resources/en/hotkey.ts"],"sourcesContent":["export default {\n  'hotkey.conflict': 'This shortcut conflicts with an existing one.',\n  'hotkey.invalidCombination':\n    'Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.',\n  'hotkey.placeholder': 'Press keys to record shortcut',\n  'hotkey.reset': 'Reset to default',\n} as const;\n"],"mappings":";AAAA,qBAAe;CACb,mBAAmB;CACnB,6BACE;CACF,sBAAsB;CACtB,gBAAgB;CACjB"}

package/es/i18n/resources/en/index.d.mts

@@ -0,0 +1,16 @@
+import { _default } from "./chat.mjs";
+import { _default as _default$1 } from "./common.mjs";
+import { _default as _default$2 } from "./editableMessage.mjs";
+import { _default as _default$3 } from "./emojiPicker.mjs";
+import { _default as _default$4 } from "./form.mjs";
+import { _default as _default$5 } from "./hotkey.mjs";
+import { _default as _default$6 } from "./messageModal.mjs";
+import { _default as _default$7 } from "./sideNav.mjs";
+
+//#region src/i18n/resources/en/index.d.ts
+declare namespace index_d_exports {
+  export { _default as chat, _default$1 as common, _default$2 as editableMessage, _default$3 as emojiPicker, _default$4 as form, _default$5 as hotkey, _default$6 as messageModal, _default$7 as sideNav };
+}
+//#endregion
+export { index_d_exports };
+//# sourceMappingURL=index.d.mts.map

package/es/i18n/resources/en/index.mjs

@@ -0,0 +1,25 @@
+import { __export } from "../../../_virtual/rolldown_runtime.mjs";
+import emojiPicker_default from "./emojiPicker.mjs";
+import form_default from "./form.mjs";
+import hotkey_default from "./hotkey.mjs";
+import chat_default from "./chat.mjs";
+import messageModal_default from "./messageModal.mjs";
+import editableMessage_default from "./editableMessage.mjs";
+import common_default from "./common.mjs";
+import sideNav_default from "./sideNav.mjs";
+
+//#region src/i18n/resources/en/index.ts
+var en_exports = /* @__PURE__ */ __export({
+	chat: () => chat_default,
+	common: () => common_default,
+	editableMessage: () => editableMessage_default,
+	emojiPicker: () => emojiPicker_default,
+	form: () => form_default,
+	hotkey: () => hotkey_default,
+	messageModal: () => messageModal_default,
+	sideNav: () => sideNav_default
+});
+
+//#endregion
+export { en_exports };
+//# sourceMappingURL=index.mjs.map

package/es/i18n/resources/en/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/i18n/resources/en/index.ts"],"sourcesContent":["export { default as chat } from './chat';\nexport { default as common } from './common';\nexport { default as editableMessage } from './editableMessage';\nexport { default as emojiPicker } from './emojiPicker';\nexport { default as form } from './form';\nexport { default as hotkey } from './hotkey';\nexport { default as messageModal } from './messageModal';\nexport { default as sideNav } from './sideNav';\n"],"mappings":""}

package/es/i18n/resources/en/messageModal.d.mts

@@ -0,0 +1,9 @@
+//#region src/i18n/resources/en/messageModal.d.ts
+declare const _default: {
+  readonly 'messageModal.cancel': "Cancel";
+  readonly 'messageModal.confirm': "Confirm";
+  readonly 'messageModal.edit': "Edit";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=messageModal.d.mts.map

package/es/i18n/resources/en/messageModal.mjs

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/en/messageModal.ts
+var messageModal_default = {
+	"messageModal.cancel": "Cancel",
+	"messageModal.confirm": "Confirm",
+	"messageModal.edit": "Edit"
+};
+
+//#endregion
+export { messageModal_default as default };
+//# sourceMappingURL=messageModal.mjs.map

package/es/i18n/resources/en/messageModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messageModal.mjs","names":[],"sources":["../../../../src/i18n/resources/en/messageModal.ts"],"sourcesContent":["export default {\n  'messageModal.cancel': 'Cancel',\n  'messageModal.confirm': 'Confirm',\n  'messageModal.edit': 'Edit',\n} as const;\n"],"mappings":";AAAA,2BAAe;CACb,uBAAuB;CACvB,wBAAwB;CACxB,qBAAqB;CACtB"}

package/es/i18n/resources/en/sideNav.d.mts

@@ -0,0 +1,21 @@
+//#region src/i18n/resources/en/sideNav.d.ts
+declare const _default: {
+  readonly 'sideNav.collapse': "Collapse sidebar";
+  readonly 'sideNav.demoActiveLabel': "Active";
+  readonly 'sideNav.demoFeatureAutoCollapseDesc': "Drag below threshold for smart collapse";
+  readonly 'sideNav.demoFeatureAutoCollapseTitle': "Auto-collapse";
+  readonly 'sideNav.demoFeaturePerformanceDesc': "No animation overhead for better performance";
+  readonly 'sideNav.demoFeaturePerformanceTitle': "Performance";
+  readonly 'sideNav.demoFeatureResizeDesc': "Drag to adjust panel width";
+  readonly 'sideNav.demoFeatureResizeTitle': "Flexible Resize";
+  readonly 'sideNav.demoFeatureSmartHandleDesc': "Hover to reveal toggle button";
+  readonly 'sideNav.demoFeatureSmartHandleTitle': "Smart Handle";
+  readonly 'sideNav.demoFeaturesTitle': "Features";
+  readonly 'sideNav.demoHint': "Try dragging the panel edge and using the toggle button ->";
+  readonly 'sideNav.demoSubtitle': "A workspace-style side panel with draggable resize";
+  readonly 'sideNav.demoTitle': "DraggableSideNav Demo";
+  readonly 'sideNav.expand': "Expand sidebar";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=sideNav.d.mts.map

package/es/i18n/resources/en/sideNav.mjs

@@ -0,0 +1,22 @@
+//#region src/i18n/resources/en/sideNav.ts
+var sideNav_default = {
+	"sideNav.collapse": "Collapse sidebar",
+	"sideNav.demoActiveLabel": "Active",
+	"sideNav.demoFeatureAutoCollapseDesc": "Drag below threshold for smart collapse",
+	"sideNav.demoFeatureAutoCollapseTitle": "Auto-collapse",
+	"sideNav.demoFeaturePerformanceDesc": "No animation overhead for better performance",
+	"sideNav.demoFeaturePerformanceTitle": "Performance",
+	"sideNav.demoFeatureResizeDesc": "Drag to adjust panel width",
+	"sideNav.demoFeatureResizeTitle": "Flexible Resize",
+	"sideNav.demoFeatureSmartHandleDesc": "Hover to reveal toggle button",
+	"sideNav.demoFeatureSmartHandleTitle": "Smart Handle",
+	"sideNav.demoFeaturesTitle": "Features",
+	"sideNav.demoHint": "Try dragging the panel edge and using the toggle button ->",
+	"sideNav.demoSubtitle": "A workspace-style side panel with draggable resize",
+	"sideNav.demoTitle": "DraggableSideNav Demo",
+	"sideNav.expand": "Expand sidebar"
+};
+
+//#endregion
+export { sideNav_default as default };
+//# sourceMappingURL=sideNav.mjs.map

package/es/i18n/resources/en/sideNav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sideNav.mjs","names":[],"sources":["../../../../src/i18n/resources/en/sideNav.ts"],"sourcesContent":["export default {\n  'sideNav.collapse': 'Collapse sidebar',\n  'sideNav.demoActiveLabel': 'Active',\n  'sideNav.demoFeatureAutoCollapseDesc': 'Drag below threshold for smart collapse',\n  'sideNav.demoFeatureAutoCollapseTitle': 'Auto-collapse',\n  'sideNav.demoFeaturePerformanceDesc': 'No animation overhead for better performance',\n  'sideNav.demoFeaturePerformanceTitle': 'Performance',\n  'sideNav.demoFeatureResizeDesc': 'Drag to adjust panel width',\n  'sideNav.demoFeatureResizeTitle': 'Flexible Resize',\n  'sideNav.demoFeatureSmartHandleDesc': 'Hover to reveal toggle button',\n  'sideNav.demoFeatureSmartHandleTitle': 'Smart Handle',\n  'sideNav.demoFeaturesTitle': 'Features',\n  'sideNav.demoHint': 'Try dragging the panel edge and using the toggle button ->',\n  'sideNav.demoSubtitle': 'A workspace-style side panel with draggable resize',\n  'sideNav.demoTitle': 'DraggableSideNav Demo',\n  'sideNav.expand': 'Expand sidebar',\n} as const;\n"],"mappings":";AAAA,sBAAe;CACb,oBAAoB;CACpB,2BAA2B;CAC3B,uCAAuC;CACvC,wCAAwC;CACxC,sCAAsC;CACtC,uCAAuC;CACvC,iCAAiC;CACjC,kCAAkC;CAClC,sCAAsC;CACtC,uCAAuC;CACvC,6BAA6B;CAC7B,oBAAoB;CACpB,wBAAwB;CACxB,qBAAqB;CACrB,kBAAkB;CACnB"}

package/es/i18n/resources/index.d.mts

@@ -0,0 +1,3 @@
+import { index_d_exports } from "./en/index.mjs";
+import { index_d_exports as index_d_exports$1 } from "./zhCn/index.mjs";
+export { index_d_exports as en, index_d_exports$1 as zhCn };

package/es/i18n/resources/index.mjs

@@ -0,0 +1,4 @@
+import { en_exports } from "./en/index.mjs";
+import { zhCn_exports } from "./zhCn/index.mjs";
+
+export { en_exports as en, zhCn_exports as zhCn };

package/es/i18n/resources/zhCn/chat.d.mts

@@ -0,0 +1,11 @@
+//#region src/i18n/resources/zhCn/chat.d.ts
+declare const _default: {
+  readonly 'chat.avatar': "头像";
+  readonly 'chat.placeholder': "...";
+  readonly 'tokenTag.overload': "超额";
+  readonly 'tokenTag.remained': "剩余";
+  readonly 'tokenTag.used': "已用";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=chat.d.mts.map

package/es/i18n/resources/zhCn/chat.mjs

@@ -0,0 +1,12 @@
+//#region src/i18n/resources/zhCn/chat.ts
+var chat_default = {
+	"chat.avatar": "头像",
+	"chat.placeholder": "...",
+	"tokenTag.overload": "超额",
+	"tokenTag.remained": "剩余",
+	"tokenTag.used": "已用"
+};
+
+//#endregion
+export { chat_default as default };
+//# sourceMappingURL=chat.mjs.map

package/es/i18n/resources/zhCn/chat.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/chat.ts"],"sourcesContent":["export default {\n  'chat.avatar': '头像',\n  'chat.placeholder': '...',\n  'tokenTag.overload': '超额',\n  'tokenTag.remained': '剩余',\n  'tokenTag.used': '已用',\n} as const;\n"],"mappings":";AAAA,mBAAe;CACb,eAAe;CACf,oBAAoB;CACpB,qBAAqB;CACrB,qBAAqB;CACrB,iBAAiB;CAClB"}

package/es/i18n/resources/zhCn/common.d.mts

@@ -0,0 +1,10 @@
+//#region src/i18n/resources/zhCn/common.d.ts
+declare const _default: {
+  readonly 'common.cancel': "取消";
+  readonly 'common.confirm': "确认";
+  readonly 'common.delete': "删除";
+  readonly 'common.edit': "编辑";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=common.d.mts.map