@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/chat/MessageInput/MessageInput.mjs

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

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

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

package/es/chat/MessageInput/style.mjs

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

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

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

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

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

package/es/chat/MessageModal/MessageModal.mjs

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

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

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

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

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

package/es/chat/TokenTag/TokenTag.mjs

@@ -1,11 +1,11 @@
 "use client";
-import ActionIcon from "../../base-ui/ActionIcon/ActionIcon.mjs";
-import Progress from "../../base-ui/Progress/Progress.mjs";
+import { cssVar } from "../../styles/stylex/cssVar.stylex.mjs";
+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 { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-import { cssVar } from "antd-style";
 import numeral from "numeral";
 //#region src/chat/TokenTag/TokenTag.tsx
 const format = (number) => numeral(number).format("0,0");

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@
 /**
  * LLM 模型
  */
-declare enum LanguageModel {
+export declare enum LanguageModel {
   /**
    * GPT 3.5 Turbo
    */
@@ -14,7 +14,7 @@ declare enum LanguageModel {
   GPT4 = "gpt-4",
   GPT4_32K = "gpt-4-32k"
 }
-interface LLMParams {
+export interface LLMParams {
   /**
    * 控制生成文本中的惩罚系数，用于减少重复性
    * @default 0
@@ -40,12 +40,11 @@ interface LLMParams {
    */
   top_p?: number;
 }
-type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';
-interface LLMMessage {
+export type LLMRoleType = 'user' | 'system' | 'assistant' | 'function';
+export interface LLMMessage {
   content: string;
   role: LLMRoleType;
 }
-type LLMExample = LLMMessage[];
+export type LLMExample = LLMMessage[];
 //#endregion
-export { LLMExample, LLMMessage, LLMParams, LLMRoleType, LanguageModel };
 //# sourceMappingURL=llm.d.mts.map

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

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 //#region src/chat/types/meta.d.ts
-interface MetaData {
+export interface MetaData {
   /**
    * 角色头像
    * @description 可选参数，如果不传则使用默认头像
@@ -19,12 +19,11 @@ interface MetaData {
    */
   title?: string;
 }
-interface BaseDataModel {
+export interface BaseDataModel {
   createAt: number;
   id: string;
   meta: MetaData;
   updateAt: number;
 }
 //#endregion
-export { BaseDataModel, MetaData };
 //# sourceMappingURL=meta.d.mts.map

package/es/color/ColorScales/ScaleRow.mjs

@@ -1,9 +1,10 @@
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
 import { copyToClipboard } from "../../utils/copyToClipboard.mjs";
-import { toast } from "../../base-ui/Toast/imperative.mjs";
+import { toast } from "../../Toast/imperative.mjs";
 import { alphaBg, styles } from "./style.mjs";
-import { memo } from "react";
+import { createElement, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
 //#region src/color/ColorScales/ScaleRow.tsx
 const ScaleRow = memo(({ name, title, scale }) => {
 	let style = {};
@@ -27,31 +28,31 @@ const ScaleRow = memo(({ name, title, scale }) => {
 		horizontal: true,
 		align: "center",
 		gap: 2,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: styles.scaleRowTitle,
-			children: /* @__PURE__ */ jsx("div", {
-				className: styles.text,
-				children: title
-			})
-		}, title), scale.map((color, index) => {
+		children: [/* @__PURE__ */ createElement("div", {
+			...stylex.props(styles.scaleRowTitle),
+			key: title
+		}, /* @__PURE__ */ jsx("div", {
+			...stylex.props(styles.text),
+			children: title
+		})), scale.map((color, index) => {
 			if (index === 0 || index === 12) return false;
-			return /* @__PURE__ */ jsx("div", {
-				className: styles.scaleBox,
+			return /* @__PURE__ */ createElement("div", {
+				...stylex.props(styles.scaleBox),
+				key: index,
 				style,
 				title: color,
 				onClick: async () => {
 					const content = `token.${name}${index}${isAlpha ? "A" : ""} /* ${color} */`;
 					await copyToClipboard(content);
 					toast.success(content);
-				},
-				children: /* @__PURE__ */ jsx(FlexBasic_default, {
-					horizontal: true,
-					align: "center",
-					className: styles.scaleItem,
-					justify: "center",
-					style: { backgroundColor: color }
-				})
-			}, index);
+				}
+			}, /* @__PURE__ */ jsx(FlexBasic_default, {
+				horizontal: true,
+				align: "center",
+				...stylex.props(styles.scaleItem),
+				justify: "center",
+				style: { backgroundColor: color }
+			}));
 		})]
 	});
 });

package/es/color/ColorScales/ScaleRow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import { memo } from 'react';\n\nimport { toast } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'lightA' | 'dark' | 'darkA';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  let style = {};\n  let isAlpha = false;\n\n  switch (title) {\n    case 'lightA': {\n      style = { background: alphaBg.light, backgroundColor: '#fff' };\n      isAlpha = true;\n      break;\n    }\n    case 'darkA': {\n      style = { background: alphaBg.dark, backgroundColor: '#000' };\n      isAlpha = true;\n      break;\n    }\n    default: {\n      break;\n    }\n  }\n\n  return (\n    <Flexbox horizontal align={'center'} gap={2}>\n      <div className={styles.scaleRowTitle} key={title}>\n        <div className={styles.text}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            className={styles.scaleBox}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              toast.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              className={styles.scaleItem}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;AAcA,MAAM,WAAW,MAAiB,EAAE,MAAM,OAAO,YAAY;CAC3D,IAAI,QAAQ,CAAC;CACb,IAAI,UAAU;CAEd,QAAQ,OAAR;EACE,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAO,iBAAiB;GAAO;GAC7D,UAAU;GACV;EAEF,KAAK;GACH,QAAQ;IAAE,YAAY,QAAQ;IAAM,iBAAiB;GAAO;GAC5D,UAAU;CAMd;CAEA,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAW,OAAO;GACrB,UAAA,oBAAC,OAAD;IAAK,WAAW,OAAO;IAAO,UAAA;GAAW,CAAA;EACtC,GAFsC,KAEtC,GACJ,MAAM,KAAK,OAAO,UAAU;GAC3B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GAExC,OACE,oBAAC,OAAD;IACE,WAAW,OAAO;IAEX;IACP,OAAO;IACP,SAAS,YAAY;KACnB,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;KAEvE,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;IAEA,UAAA,oBAACA,mBAAD;KACE,YAAA;KACA,OAAO;KACP,WAAW,OAAO;KAClB,SAAS;KACT,OAAO,EAAE,iBAAiB,MAAM;IACjC,CAAA;GACE,GAjBE,KAiBF;EAET,CAAC,CACM;;AAEb,CAAC"}
+{"version":3,"file":"ScaleRow.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/ScaleRow.tsx"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { toast } from '@/Toast';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport { alphaBg, styles } from './style';\n\nexport interface IScaleRow {\n  name: string;\n  scale: string[];\n  title: 'light' | 'lightA' | 'dark' | 'darkA';\n}\n\nconst ScaleRow = memo<IScaleRow>(({ name, title, scale }) => {\n  let style = {};\n  let isAlpha = false;\n\n  switch (title) {\n    case 'lightA': {\n      style = { background: alphaBg.light, backgroundColor: '#fff' };\n      isAlpha = true;\n      break;\n    }\n    case 'darkA': {\n      style = { background: alphaBg.dark, backgroundColor: '#000' };\n      isAlpha = true;\n      break;\n    }\n    default: {\n      break;\n    }\n  }\n\n  return (\n    <Flexbox horizontal align={'center'} gap={2}>\n      <div {...stylex.props(styles.scaleRowTitle)} key={title}>\n        <div {...stylex.props(styles.text)}>{title}</div>\n      </div>\n      {scale.map((color, index) => {\n        if (index === 0 || index === 12) return false;\n\n        return (\n          <div\n            {...stylex.props(styles.scaleBox)}\n            key={index}\n            style={style}\n            title={color}\n            onClick={async () => {\n              const content = `token.${name}${index}${isAlpha ? 'A' : ''} /* ${color} */`;\n\n              await copyToClipboard(content);\n              toast.success(content);\n            }}\n          >\n            <Flexbox\n              horizontal\n              align={'center'}\n              {...stylex.props(styles.scaleItem)}\n              justify={'center'}\n              style={{ backgroundColor: color }}\n            />\n          </div>\n        );\n      })}\n    </Flexbox>\n  );\n});\n\nexport default ScaleRow;\n"],"mappings":";;;;;;;;AAWA,MAAM,WAAW,MAAiB,EAChC,MACA,OACA,YACI;CACJ,IAAI,QAAQ,CAAC;CACb,IAAI,UAAU;CACd,QAAQ,OAAR;EACE,KAAK;GAED,QAAQ;IACN,YAAY,QAAQ;IACpB,iBAAiB;GACnB;GACA,UAAU;GACV;EAEJ,KAAK;GAED,QAAQ;IACN,YAAY,QAAQ;IACpB,iBAAiB;GACnB;GACA,UAAU;CAOhB;CACA,OAAO,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAA1C,UAAA,CACH,8BAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,aAAa;GAAG,KAAK;EAE7C,GADH,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA;EAAW,CAAA,CAC7C,GACJ,MAAM,KAAK,OAAO,UAAU;GAC7B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;GACxC,OAAO,8BAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;IAAG,KAAK;IAAc;IAAO,OAAO;IAAO,SAAS,YAAY;KAC1G,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU,MAAM,GAAG,MAAM,MAAM;KACvE,MAAM,gBAAgB,OAAO;KAC7B,MAAM,QAAQ,OAAO;IACvB;GAIS,GAHH,oBAACA,mBAAD;IAAS,YAAA;IAAW,OAAO;IAAU,GAAI,OAAO,MAAM,OAAO,SAAS;IAAG,SAAS;IAAU,OAAO,EACrG,iBAAiB,MACnB;GAAI,CAAA,CACG;EACX,CAAC,CACQ;;AACb,CAAC"}

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

@@ -1,6 +1,6 @@
 import { ColorScaleItem } from "../types.mjs";
 //#region src/color/ColorScales/index.d.ts
-interface ColorScalesProps {
+export interface ColorScalesProps {
   /**
    * @description Index of the mid highlight color in the scale
    */
@@ -16,5 +16,5 @@ interface ColorScalesProps {
 }
 declare const ColorScales: import("react").NamedExoticComponent<ColorScalesProps>;
 //#endregion
-export { ColorScalesProps, ColorScales as default };
+export { ColorScales as default };
 //# sourceMappingURL=index.d.mts.map

package/es/color/ColorScales/index.mjs

@@ -1,10 +1,11 @@
 "use client";
 import FlexBasic_default from "../../Flex/FlexBasic.mjs";
-import { ToastHost } from "../../base-ui/Toast/imperative.mjs";
+import { ToastHost } from "../../Toast/imperative.mjs";
 import { styles } from "./style.mjs";
 import ScaleRow from "./ScaleRow.mjs";
-import { memo } from "react";
+import { createElement, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
 //#region src/color/ColorScales/index.tsx
 const ColorScales = memo(({ name, scale, midHighLight }) => {
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
@@ -21,30 +22,31 @@ const ColorScales = memo(({ name, scale, midHighLight }) => {
 						horizontal: true,
 						align: "center",
 						gap: 2,
-						children: [/* @__PURE__ */ jsx(FlexBasic_default, {
+						children: [/* @__PURE__ */ createElement(FlexBasic_default, {
 							horizontal: true,
 							align: "center",
-							className: styles.scaleRowTitle
-						}, "scale-num"), Array.from({ length: scale.light.length }).fill("").map((_, index) => {
+							...stylex.props(styles.scaleRowTitle),
+							key: "scale-num"
+						}), Array.from({ length: scale.light.length }).fill("").map((_, index) => {
 							if (index === 0 || index === 12) return false;
 							const isMidHighlight = midHighLight === index;
-							return /* @__PURE__ */ jsx("div", {
-								className: styles.scaleBox,
-								children: /* @__PURE__ */ jsx("div", {
-									className: styles.scaleBox,
-									children: /* @__PURE__ */ jsx(FlexBasic_default, {
-										horizontal: true,
-										align: "center",
-										className: styles.scaleItem,
-										justify: "center",
-										style: {
-											fontWeight: isMidHighlight ? 700 : 400,
-											opacity: .5
-										},
-										children: index
-									})
+							return /* @__PURE__ */ createElement("div", {
+								...stylex.props(styles.scaleBox),
+								key: `num${index}`
+							}, /* @__PURE__ */ jsx("div", {
+								...stylex.props(styles.scaleBox),
+								children: /* @__PURE__ */ jsx(FlexBasic_default, {
+									horizontal: true,
+									align: "center",
+									...stylex.props(styles.scaleItem),
+									justify: "center",
+									style: {
+										fontWeight: isMidHighlight ? 700 : 400,
+										opacity: .5
+									},
+									children: index
 								})
-							}, `num${index}`);
+							}));
 						})]
 					}, "scale-title"),
 					/* @__PURE__ */ jsx(ScaleRow, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/index.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { ToastHost } from '@/base-ui/Toast';\nimport { Flexbox } from '@/Flex';\n\nimport type { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Flexbox gap={2}>\n          <Flexbox horizontal align={'center'} gap={2} key=\"scale-title\">\n            <Flexbox horizontal align={'center'} className={styles.scaleRowTitle} key=\"scale-num\" />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div className={styles.scaleBox} key={`num${index}`}>\n                    <div className={styles.scaleBox}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        className={styles.scaleItem}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Flexbox>\n          <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n          <ScaleRow key=\"lightA\" name={name} scale={scale.lightA} title=\"lightA\" />\n          <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n          <ScaleRow key=\"darkA\" name={name} scale={scale.darkA} title=\"darkA\" />\n        </Flexbox>\n      </div>\n      <ToastHost />\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;AA0BA,MAAM,cAAc,MAAwB,EAAE,MAAM,OAAO,mBAAmB;CAC5E,OACE,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EAAvD,UAAA,CACE,oBAAC,OAAD;GAAK,OAAO,EAAE,SAAS,kBAAkB;GACvC,UAAA,qBAACA,mBAAD;IAAS,KAAK;IAAd,UAAA;KACE,qBAACA,mBAAD;MAAS,YAAA;MAAW,OAAO;MAAU,KAAK;MAA1C,UAAA,CACE,oBAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,WAAW,OAAO;MAAgC,GAAb,WAAa,GACtF,MAAM,KAAK,EAAE,QAAQ,MAAM,MAAM,OAAO,CAAC,CAAC,CACxC,KAAK,EAAE,CAAC,CACR,KAAK,GAAG,UAAU;OACjB,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OAExC,MAAM,iBAAiB,iBAAiB;OAExC,OACE,oBAAC,OAAD;QAAK,WAAW,OAAO;QACrB,UAAA,oBAAC,OAAD;SAAK,WAAW,OAAO;SACrB,UAAA,oBAACA,mBAAD;UACE,YAAA;UACA,OAAO;UACP,WAAW,OAAO;UAClB,SAAS;UACT,OAAO;WACL,YAAY,iBAAiB,MAAM;WACnC,SAAS;UACX;UAEC,UAAA;SACM,CAAA;QACN,CAAA;OACF,GAfiC,MAAM,OAevC;MAET,CAAC,CACI;KA5BwC,GAAA,aA4BxC;KACT,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;KACrE,oBAAC,UAAD;MAA6B;MAAM,OAAO,MAAM;MAAQ,OAAM;KAAU,GAA1D,QAA0D;KACxE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD;KAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;IAC9D;;EACN,CAAA,GACL,oBAAC,WAAD,CAAY,CAAA,CACL;;AAEb,CAAC"}
+{"version":3,"file":"index.mjs","names":["Flexbox"],"sources":["../../../src/color/ColorScales/index.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport { ToastHost } from '@/Toast';\n\nimport type { ColorScaleItem } from '../types';\nimport ScaleRow from './ScaleRow';\nimport { styles } from './style';\n\nexport interface ColorScalesProps {\n  /**\n   * @description Index of the mid highlight color in the scale\n   */\n  midHighLight: number;\n  /**\n   * @description Name of the color scale\n   */\n  name: string;\n  /**\n   * @description Color scale item object\n   */\n  scale: ColorScaleItem;\n}\n\nconst ColorScales = memo<ColorScalesProps>(({ name, scale, midHighLight }) => {\n  return (\n    <Flexbox horizontal align={'center'} flex={1} justify={'center'}>\n      <div style={{ padding: '8px 16px 32px 0' }}>\n        <Flexbox gap={2}>\n          <Flexbox horizontal align={'center'} gap={2} key=\"scale-title\">\n            <Flexbox\n              horizontal\n              align={'center'}\n              {...stylex.props(styles.scaleRowTitle)}\n              key=\"scale-num\"\n            />\n            {Array.from({ length: scale.light.length })\n              .fill('')\n              .map((_, index) => {\n                if (index === 0 || index === 12) return false;\n\n                const isMidHighlight = midHighLight === index;\n\n                return (\n                  <div {...stylex.props(styles.scaleBox)} key={`num${index}`}>\n                    <div {...stylex.props(styles.scaleBox)}>\n                      <Flexbox\n                        horizontal\n                        align={'center'}\n                        {...stylex.props(styles.scaleItem)}\n                        justify={'center'}\n                        style={{\n                          fontWeight: isMidHighlight ? 700 : 400,\n                          opacity: 0.5,\n                        }}\n                      >\n                        {index}\n                      </Flexbox>\n                    </div>\n                  </div>\n                );\n              })}\n          </Flexbox>\n          <ScaleRow key=\"light\" name={name} scale={scale.light} title=\"light\" />\n          <ScaleRow key=\"lightA\" name={name} scale={scale.lightA} title=\"lightA\" />\n          <ScaleRow key=\"dark\" name={name} scale={scale.dark} title=\"dark\" />\n          <ScaleRow key=\"darkA\" name={name} scale={scale.darkA} title=\"darkA\" />\n        </Flexbox>\n      </div>\n      <ToastHost />\n    </Flexbox>\n  );\n});\n\nexport default ColorScales;\n"],"mappings":";;;;;;;;;AAuBA,MAAM,cAAc,MAAwB,EAC1C,MACA,OACA,mBACI;CACJ,OAAO,qBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,MAAM;EAAG,SAAS;EAAvD,UAAA,CACH,oBAAC,OAAD;GAAK,OAAO,EACZ,SAAS,kBACX;GACI,UAAA,qBAACA,mBAAD;IAAS,KAAK;IAAd,UAAA;KACE,qBAACA,mBAAD;MAAS,YAAA;MAAW,OAAO;MAAU,KAAK;MAA1C,UAAA,CACE,8BAACA,mBAAD;OAAS,YAAA;OAAW,OAAO;OAAU,GAAI,OAAO,MAAM,OAAO,aAAa;OAAG,KAAI;MAAa,CAAA,GAC7F,MAAM,KAAK,EACZ,QAAQ,MAAM,MAAM,OACtB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,GAAG,UAAU;OAC5B,IAAI,UAAU,KAAK,UAAU,IAAI,OAAO;OACxC,MAAM,iBAAiB,iBAAiB;OACxC,OAAO,8BAAC,OAAD;QAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;QAAG,KAAK,MAAM;OAS/C,GARH,oBAAC,OAAD;QAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;QACnC,UAAA,oBAACA,mBAAD;SAAS,YAAA;SAAW,OAAO;SAAU,GAAI,OAAO,MAAM,OAAO,SAAS;SAAG,SAAS;SAAU,OAAO;UACvG,YAAY,iBAAiB,MAAM;UACnC,SAAS;SACX;SACS,UAAA;QACM,CAAA;OACN,CAAA,CACF;MACb,CAAC,CACQ;KAlBwC,GAAA,aAkBxC;KACT,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;KACrE,oBAAC,UAAD;MAA6B;MAAM,OAAO,MAAM;MAAQ,OAAM;KAAU,GAA1D,QAA0D;KACxE,oBAAC,UAAD;MAA2B;MAAM,OAAO,MAAM;MAAM,OAAM;KAAQ,GAApD,MAAoD;KAClE,oBAAC,UAAD;MAA4B;MAAM,OAAO,MAAM;MAAO,OAAM;KAAS,GAAvD,OAAuD;IAC9D;;EACN,CAAA,GACL,oBAAC,WAAD,CAAY,CAAA,CACL;;AACb,CAAC"}