@lobehub/ui 5.2.2 → 5.3.0

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

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

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

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

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

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

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

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

package/es/i18n/context.d.mts

@@ -1,7 +1,7 @@
 import { I18nContextValue, TranslationKey, TranslationResources, TranslationResourcesInput } from "./types.mjs";
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import "../ConfigProvider/index.mjs";
-import * as react0 from "react";
+import * as react34 from "react";
 import { ReactNode } from "react";
 
 //#region src/i18n/context.d.ts
@@ -11,7 +11,7 @@ interface I18nProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const I18nProvider: react0.NamedExoticComponent<I18nProviderProps>;
+declare const I18nProvider: react34.NamedExoticComponent<I18nProviderProps>;
 //#endregion
 export { I18nProvider, I18nProviderProps };
 //# sourceMappingURL=context.d.mts.map

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

@@ -0,0 +1,18 @@
+//#region src/i18n/resources/en/image.d.ts
+declare const _default: {
+  readonly 'image.copy': "Copy";
+  readonly 'image.copyFailed': "Copy Failed";
+  readonly 'image.copySuccess': "Copy Success";
+  readonly 'image.download': "Download";
+  readonly 'image.downloadFailed': "Download Failed";
+  readonly 'image.downloadSuccess': "Download Success";
+  readonly 'image.flipHorizontal': "Flip Horizontal";
+  readonly 'image.flipVertical': "Flip Vertical";
+  readonly 'image.rotateLeft': "Rotate Left";
+  readonly 'image.rotateRight': "Rotate Right";
+  readonly 'image.zoomIn': "Zoom In";
+  readonly 'image.zoomOut': "Zoom Out";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=image.d.mts.map

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

@@ -0,0 +1,19 @@
+//#region src/i18n/resources/en/image.ts
+var image_default = {
+	"image.copy": "Copy",
+	"image.copyFailed": "Copy Failed",
+	"image.copySuccess": "Copy Success",
+	"image.download": "Download",
+	"image.downloadFailed": "Download Failed",
+	"image.downloadSuccess": "Download Success",
+	"image.flipHorizontal": "Flip Horizontal",
+	"image.flipVertical": "Flip Vertical",
+	"image.rotateLeft": "Rotate Left",
+	"image.rotateRight": "Rotate Right",
+	"image.zoomIn": "Zoom In",
+	"image.zoomOut": "Zoom Out"
+};
+
+//#endregion
+export { image_default as default };
+//# sourceMappingURL=image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/en/image.ts"],"sourcesContent":["export default {\n  'image.copy': 'Copy',\n  'image.copyFailed': 'Copy Failed',\n  'image.copySuccess': 'Copy Success',\n  'image.download': 'Download',\n  'image.downloadFailed': 'Download Failed',\n  'image.downloadSuccess': 'Download Success',\n  'image.flipHorizontal': 'Flip Horizontal',\n  'image.flipVertical': 'Flip Vertical',\n  'image.rotateLeft': 'Rotate Left',\n  'image.rotateRight': 'Rotate Right',\n  'image.zoomIn': 'Zoom In',\n  'image.zoomOut': 'Zoom Out',\n} as const;\n"],"mappings":";AAAA,oBAAe;CACb,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;CAClB"}

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

@@ -4,12 +4,13 @@ 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";
+import { _default as _default$6 } from "./image.mjs";
+import { _default as _default$7 } from "./messageModal.mjs";
+import { _default as _default$8 } 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 };
+  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 image, _default$7 as messageModal, _default$8 as sideNav };
 }
 //#endregion
 export { index_d_exports };

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

@@ -3,6 +3,7 @@ import common_default from "./common.mjs";
 import emojiPicker_default from "./emojiPicker.mjs";
 import form_default from "./form.mjs";
 import hotkey_default from "./hotkey.mjs";
+import image_default from "./image.mjs";
 import chat_default from "./chat.mjs";
 import messageModal_default from "./messageModal.mjs";
 import editableMessage_default from "./editableMessage.mjs";
@@ -16,6 +17,7 @@ var en_exports = /* @__PURE__ */ __exportAll({
 	emojiPicker: () => emojiPicker_default,
 	form: () => form_default,
 	hotkey: () => hotkey_default,
+	image: () => image_default,
 	messageModal: () => messageModal_default,
 	sideNav: () => sideNav_default
 });

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

@@ -1 +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":""}
+{"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 image } from './image';\nexport { default as messageModal } from './messageModal';\nexport { default as sideNav } from './sideNav';\n"],"mappings":""}

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

@@ -0,0 +1,18 @@
+//#region src/i18n/resources/zhCn/image.d.ts
+declare const _default: {
+  readonly 'image.copy': "复制";
+  readonly 'image.copyFailed': "复制失败";
+  readonly 'image.copySuccess': "复制成功";
+  readonly 'image.download': "下载";
+  readonly 'image.downloadFailed': "下载失败";
+  readonly 'image.downloadSuccess': "下载成功";
+  readonly 'image.flipHorizontal': "水平翻转";
+  readonly 'image.flipVertical': "垂直翻转";
+  readonly 'image.rotateLeft': "向左旋转";
+  readonly 'image.rotateRight': "向右旋转";
+  readonly 'image.zoomIn': "放大";
+  readonly 'image.zoomOut': "缩小";
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=image.d.mts.map

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

@@ -0,0 +1,19 @@
+//#region src/i18n/resources/zhCn/image.ts
+var image_default = {
+	"image.copy": "复制",
+	"image.copyFailed": "复制失败",
+	"image.copySuccess": "复制成功",
+	"image.download": "下载",
+	"image.downloadFailed": "下载失败",
+	"image.downloadSuccess": "下载成功",
+	"image.flipHorizontal": "水平翻转",
+	"image.flipVertical": "垂直翻转",
+	"image.rotateLeft": "向左旋转",
+	"image.rotateRight": "向右旋转",
+	"image.zoomIn": "放大",
+	"image.zoomOut": "缩小"
+};
+
+//#endregion
+export { image_default as default };
+//# sourceMappingURL=image.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/image.ts"],"sourcesContent":["export default {\n  'image.copy': '复制',\n  'image.copyFailed': '复制失败',\n  'image.copySuccess': '复制成功',\n  'image.download': '下载',\n  'image.downloadFailed': '下载失败',\n  'image.downloadSuccess': '下载成功',\n  'image.flipHorizontal': '水平翻转',\n  'image.flipVertical': '垂直翻转',\n  'image.rotateLeft': '向左旋转',\n  'image.rotateRight': '向右旋转',\n  'image.zoomIn': '放大',\n  'image.zoomOut': '缩小',\n} as const;\n"],"mappings":";AAAA,oBAAe;CACb,cAAc;CACd,oBAAoB;CACpB,qBAAqB;CACrB,kBAAkB;CAClB,wBAAwB;CACxB,yBAAyB;CACzB,wBAAwB;CACxB,sBAAsB;CACtB,oBAAoB;CACpB,qBAAqB;CACrB,gBAAgB;CAChB,iBAAiB;CAClB"}

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

@@ -4,12 +4,13 @@ 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";
+import { _default as _default$6 } from "./image.mjs";
+import { _default as _default$7 } from "./messageModal.mjs";
+import { _default as _default$8 } from "./sideNav.mjs";
 
 //#region src/i18n/resources/zhCn/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 };
+  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 image, _default$7 as messageModal, _default$8 as sideNav };
 }
 //#endregion
 export { index_d_exports };

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

@@ -5,6 +5,7 @@ import editableMessage_default from "./editableMessage.mjs";
 import emojiPicker_default from "./emojiPicker.mjs";
 import form_default from "./form.mjs";
 import hotkey_default from "./hotkey.mjs";
+import image_default from "./image.mjs";
 import messageModal_default from "./messageModal.mjs";
 import sideNav_default from "./sideNav.mjs";
 
@@ -16,6 +17,7 @@ var zhCn_exports = /* @__PURE__ */ __exportAll({
 	emojiPicker: () => emojiPicker_default,
 	form: () => form_default,
 	hotkey: () => hotkey_default,
+	image: () => image_default,
 	messageModal: () => messageModal_default,
 	sideNav: () => sideNav_default
 });

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/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":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/i18n/resources/zhCn/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 image } from './image';\nexport { default as messageModal } from './messageModal';\nexport { default as sideNav } from './sideNav';\n"],"mappings":""}

package/es/i18n/types.d.mts

@@ -4,12 +4,13 @@ import { _default as _default$2 } from "./resources/en/editableMessage.mjs";
 import { _default as _default$3 } from "./resources/en/emojiPicker.mjs";
 import { _default as _default$4 } from "./resources/en/form.mjs";
 import { _default as _default$5 } from "./resources/en/hotkey.mjs";
-import { _default as _default$6 } from "./resources/en/messageModal.mjs";
-import { _default as _default$7 } from "./resources/en/sideNav.mjs";
+import { _default as _default$6 } from "./resources/en/image.mjs";
+import { _default as _default$7 } from "./resources/en/messageModal.mjs";
+import { _default as _default$8 } from "./resources/en/sideNav.mjs";
 
 //#region src/i18n/types.d.ts
 type Locale = string;
-type BuiltinTranslationResources = typeof _default & typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7;
+type BuiltinTranslationResources = typeof _default & typeof _default$1 & typeof _default$2 & typeof _default$3 & typeof _default$4 & typeof _default$5 & typeof _default$6 & typeof _default$7 & typeof _default$8;
 type TranslationKey = keyof BuiltinTranslationResources;
 type TranslationValue = string;
 /**

package/es/icons/lucideExtra/BotPromptIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react82 from "react";
+import * as react84 from "react";
 import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/BotPromptIcon.d.ts
-declare const BotPromptIcon: react82.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
+declare const BotPromptIcon: react84.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { BotPromptIcon };
 //# sourceMappingURL=BotPromptIcon.d.mts.map

package/es/icons/lucideExtra/CreateBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react84 from "react";
+import * as react86 from "react";
 import * as lucide_react1 from "lucide-react";
 
 //#region src/icons/lucideExtra/CreateBotIcon.d.ts
-declare const CreateBotIcon: react84.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react84.RefAttributes<SVGSVGElement>>;
+declare const CreateBotIcon: react86.ForwardRefExoticComponent<Omit<lucide_react1.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { CreateBotIcon };
 //# sourceMappingURL=CreateBotIcon.d.mts.map

package/es/icons/lucideExtra/DiscordIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react80 from "react";
-import * as lucide_react0 from "lucide-react";
+import * as react88 from "react";
+import * as lucide_react2 from "lucide-react";
 
 //#region src/icons/lucideExtra/DiscordIcon.d.ts
-declare const DiscordIcon: react80.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react80.RefAttributes<SVGSVGElement>>;
+declare const DiscordIcon: react88.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { DiscordIcon };
 //# sourceMappingURL=DiscordIcon.d.mts.map

package/es/icons/lucideExtra/GlobeOffIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react88 from "react";
+import * as react90 from "react";
 import * as lucide_react3 from "lucide-react";
 
 //#region src/icons/lucideExtra/GlobeOffIcon.d.ts
-declare const GlobeOffIcon: react88.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react88.RefAttributes<SVGSVGElement>>;
+declare const GlobeOffIcon: react90.ForwardRefExoticComponent<Omit<lucide_react3.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GlobeOffIcon };
 //# sourceMappingURL=GlobeOffIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react86 from "react";
-import * as lucide_react2 from "lucide-react";
+import * as react92 from "react";
+import * as lucide_react4 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotIcon.d.ts
-declare const GroupBotIcon: react86.ForwardRefExoticComponent<Omit<lucide_react2.LucideProps, "ref"> & react86.RefAttributes<SVGSVGElement>>;
+declare const GroupBotIcon: react92.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotIcon };
 //# sourceMappingURL=GroupBotIcon.d.mts.map

package/es/icons/lucideExtra/GroupBotSquareIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react90 from "react";
-import * as lucide_react4 from "lucide-react";
+import * as react94 from "react";
+import * as lucide_react5 from "lucide-react";
 
 //#region src/icons/lucideExtra/GroupBotSquareIcon.d.ts
-declare const GroupBotSquareIcon: react90.ForwardRefExoticComponent<Omit<lucide_react4.LucideProps, "ref"> & react90.RefAttributes<SVGSVGElement>>;
+declare const GroupBotSquareIcon: react94.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { GroupBotSquareIcon };
 //# sourceMappingURL=GroupBotSquareIcon.d.mts.map

package/es/icons/lucideExtra/LeftClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react92 from "react";
-import * as lucide_react5 from "lucide-react";
+import * as react96 from "react";
+import * as lucide_react6 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftClickIcon.d.ts
-declare const LeftClickIcon: react92.ForwardRefExoticComponent<Omit<lucide_react5.LucideProps, "ref"> & react92.RefAttributes<SVGSVGElement>>;
+declare const LeftClickIcon: react96.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftClickIcon };
 //# sourceMappingURL=LeftClickIcon.d.mts.map

package/es/icons/lucideExtra/LeftDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react94 from "react";
-import * as lucide_react6 from "lucide-react";
+import * as react98 from "react";
+import * as lucide_react7 from "lucide-react";
 
 //#region src/icons/lucideExtra/LeftDoubleClickIcon.d.ts
-declare const LeftDoubleClickIcon: react94.ForwardRefExoticComponent<Omit<lucide_react6.LucideProps, "ref"> & react94.RefAttributes<SVGSVGElement>>;
+declare const LeftDoubleClickIcon: react98.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { LeftDoubleClickIcon };
 //# sourceMappingURL=LeftDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/McpIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react98 from "react";
+import * as react100 from "react";
 import * as lucide_react8 from "lucide-react";
 
 //#region src/icons/lucideExtra/McpIcon.d.ts
-declare const McpIcon: react98.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react98.RefAttributes<SVGSVGElement>>;
+declare const McpIcon: react100.ForwardRefExoticComponent<Omit<lucide_react8.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { McpIcon };
 //# sourceMappingURL=McpIcon.d.mts.map

package/es/icons/lucideExtra/ProviderIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react96 from "react";
-import * as lucide_react7 from "lucide-react";
+import * as react102 from "react";
+import * as lucide_react9 from "lucide-react";
 
 //#region src/icons/lucideExtra/ProviderIcon.d.ts
-declare const ProviderIcon: react96.ForwardRefExoticComponent<Omit<lucide_react7.LucideProps, "ref"> & react96.RefAttributes<SVGSVGElement>>;
+declare const ProviderIcon: react102.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ProviderIcon };
 //# sourceMappingURL=ProviderIcon.d.mts.map

package/es/icons/lucideExtra/RightClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react102 from "react";
+import * as react104 from "react";
 import * as lucide_react10 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightClickIcon.d.ts
-declare const RightClickIcon: react102.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react102.RefAttributes<SVGSVGElement>>;
+declare const RightClickIcon: react104.ForwardRefExoticComponent<Omit<lucide_react10.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightClickIcon };
 //# sourceMappingURL=RightClickIcon.d.mts.map

package/es/icons/lucideExtra/RightDoubleClickIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react100 from "react";
-import * as lucide_react9 from "lucide-react";
+import * as react106 from "react";
+import * as lucide_react11 from "lucide-react";
 
 //#region src/icons/lucideExtra/RightDoubleClickIcon.d.ts
-declare const RightDoubleClickIcon: react100.ForwardRefExoticComponent<Omit<lucide_react9.LucideProps, "ref"> & react100.RefAttributes<SVGSVGElement>>;
+declare const RightDoubleClickIcon: react106.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react106.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { RightDoubleClickIcon };
 //# sourceMappingURL=RightDoubleClickIcon.d.mts.map

package/es/icons/lucideExtra/ShapesUploadIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react110 from "react";
-import * as lucide_react14 from "lucide-react";
+import * as react108 from "react";
+import * as lucide_react12 from "lucide-react";
 
 //#region src/icons/lucideExtra/ShapesUploadIcon.d.ts
-declare const ShapesUploadIcon: react110.ForwardRefExoticComponent<Omit<lucide_react14.LucideProps, "ref"> & react110.RefAttributes<SVGSVGElement>>;
+declare const ShapesUploadIcon: react108.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react108.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { ShapesUploadIcon };
 //# sourceMappingURL=ShapesUploadIcon.d.mts.map

package/es/icons/lucideExtra/SkillsIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react106 from "react";
-import * as lucide_react12 from "lucide-react";
+import * as react110 from "react";
+import * as lucide_react13 from "lucide-react";
 
 //#region src/icons/lucideExtra/SkillsIcon.d.ts
-declare const SkillsIcon: react106.ForwardRefExoticComponent<Omit<lucide_react12.LucideProps, "ref"> & react106.RefAttributes<SVGSVGElement>>;
+declare const SkillsIcon: react110.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react110.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { SkillsIcon };
 //# sourceMappingURL=SkillsIcon.d.mts.map

package/es/icons/lucideExtra/TreeDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react108 from "react";
-import * as lucide_react13 from "lucide-react";
+import * as react112 from "react";
+import * as lucide_react14 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeDownRightIcon.d.ts
-declare const TreeDownRightIcon: react108.ForwardRefExoticComponent<Omit<lucide_react13.LucideProps, "ref"> & react108.RefAttributes<SVGSVGElement>>;
+declare const TreeDownRightIcon: react112.ForwardRefExoticComponent<Omit<lucide_react14.LucideProps, "ref"> & react112.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeDownRightIcon };
 //# sourceMappingURL=TreeDownRightIcon.d.mts.map

package/es/icons/lucideExtra/TreeUpDownRightIcon.d.mts

@@ -1,8 +1,8 @@
-import * as react104 from "react";
-import * as lucide_react11 from "lucide-react";
+import * as react82 from "react";
+import * as lucide_react0 from "lucide-react";
 
 //#region src/icons/lucideExtra/TreeUpDownRightIcon.d.ts
-declare const TreeUpDownRightIcon: react104.ForwardRefExoticComponent<Omit<lucide_react11.LucideProps, "ref"> & react104.RefAttributes<SVGSVGElement>>;
+declare const TreeUpDownRightIcon: react82.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & react82.RefAttributes<SVGSVGElement>>;
 //#endregion
 export { TreeUpDownRightIcon };
 //# sourceMappingURL=TreeUpDownRightIcon.d.mts.map

package/es/mdx/Mdx/index.d.mts

@@ -1,6 +1,6 @@
 import { TypographyProps } from "../../Markdown/type.mjs";
 import "../../Markdown/index.mjs";
-import * as react75 from "react";
+import * as react33 from "react";
 import { ReactNode } from "react";
 import { Pluggable } from "unified";
 
@@ -18,7 +18,7 @@ interface MdxProps extends Omit<TypographyProps, 'children'> {
   remarkPlugins?: Pluggable[];
   variant?: 'normal' | 'chat';
 }
-declare const Mdx: react75.NamedExoticComponent<MdxProps>;
+declare const Mdx: react33.NamedExoticComponent<MdxProps>;
 //#endregion
 export { Mdx, MdxProps };
 //# sourceMappingURL=index.d.mts.map

package/es/mobile/ChatHeader/ChatHeaderTitle.d.mts

@@ -1,8 +1,8 @@
 import { ChatHeaderTitleProps } from "./type.mjs";
-import * as react157 from "react";
+import * as react127 from "react";
 
 //#region src/mobile/ChatHeader/ChatHeaderTitle.d.ts
-declare const ChatHeaderTitle: react157.NamedExoticComponent<ChatHeaderTitleProps>;
+declare const ChatHeaderTitle: react127.NamedExoticComponent<ChatHeaderTitleProps>;
 //#endregion
 export { ChatHeaderTitle };
 //# sourceMappingURL=ChatHeaderTitle.d.mts.map

package/es/mobile/ChatInputArea/components/ChatSendButton.d.mts

@@ -1,8 +1,8 @@
 import { ChatSendButtonProps } from "../type.mjs";
-import * as react156 from "react";
+import * as react128 from "react";
 
 //#region src/mobile/ChatInputArea/components/ChatSendButton.d.ts
-declare const ChatSendButton: react156.NamedExoticComponent<ChatSendButtonProps>;
+declare const ChatSendButton: react128.NamedExoticComponent<ChatSendButtonProps>;
 //#endregion
 export { ChatSendButton };
 //# sourceMappingURL=ChatSendButton.d.mts.map

package/es/mobile/TabBar/TabBar.d.mts

@@ -1,8 +1,8 @@
 import { TabBarProps } from "./type.mjs";
-import * as react155 from "react";
+import * as react122 from "react";
 
 //#region src/mobile/TabBar/TabBar.d.ts
-declare const TabBar: react155.NamedExoticComponent<TabBarProps>;
+declare const TabBar: react122.NamedExoticComponent<TabBarProps>;
 //#endregion
 export { TabBar };
 //# sourceMappingURL=TabBar.d.mts.map

package/es/storybook/StoryBook/index.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react74 from "react";
+import * as react25 from "react";
 import { Ref } from "react";
 import { useControls, useCreateStore } from "leva";
 
@@ -10,7 +10,7 @@ interface StoryBookProps extends FlexboxProps {
   noPadding?: boolean;
   ref?: Ref<HTMLDivElement>;
 }
-declare const StoryBook: react74.NamedExoticComponent<StoryBookProps>;
+declare const StoryBook: react25.NamedExoticComponent<StoryBookProps>;
 //#endregion
 export { StoryBook, StoryBookProps, useControls, useCreateStore };
 //# sourceMappingURL=index.d.mts.map

package/es/utils/blobToPng.mjs

@@ -0,0 +1,41 @@
+//#region src/utils/blobToPng.ts
+/**
+* Convert image blob to PNG format.
+* Clipboard API only supports image/png and image/svg+xml.
+* WebP, JPEG and other formats need to be converted for clipboard copy.
+*/
+const blobToPng = (blob) => new Promise((resolve, reject) => {
+	const img = new Image();
+	const url = URL.createObjectURL(blob);
+	img.onload = () => {
+		URL.revokeObjectURL(url);
+		const canvas = document.createElement("canvas");
+		canvas.width = img.naturalWidth;
+		canvas.height = img.naturalHeight;
+		const ctx = canvas.getContext("2d");
+		if (!ctx) {
+			reject(/* @__PURE__ */ new Error("Canvas context not available"));
+			return;
+		}
+		ctx.drawImage(img, 0, 0);
+		canvas.toBlob((pngBlob) => {
+			if (pngBlob) resolve(pngBlob);
+			else reject(/* @__PURE__ */ new Error("Failed to convert to PNG"));
+		}, "image/png", 1);
+	};
+	img.onerror = () => {
+		URL.revokeObjectURL(url);
+		reject(/* @__PURE__ */ new Error("Failed to load image"));
+	};
+	img.src = url;
+});
+const getClipboardBlob = async (blob) => {
+	const type = (blob.type || "").toLowerCase();
+	if (type === "image/png" || type === "image/svg+xml") return { [type]: blob };
+	const pngBlob = await blobToPng(blob);
+	return { "image/png": pngBlob };
+};
+
+//#endregion
+export { getClipboardBlob };
+//# sourceMappingURL=blobToPng.mjs.map

package/es/utils/blobToPng.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"blobToPng.mjs","names":[],"sources":["../../src/utils/blobToPng.ts"],"sourcesContent":["/**\n * Convert image blob to PNG format.\n * Clipboard API only supports image/png and image/svg+xml.\n * WebP, JPEG and other formats need to be converted for clipboard copy.\n */\nexport const blobToPng = (blob: Blob): Promise<Blob> =>\n  new Promise((resolve, reject) => {\n    const img = new Image();\n    const url = URL.createObjectURL(blob);\n\n    img.onload = () => {\n      URL.revokeObjectURL(url);\n      const canvas = document.createElement('canvas');\n      canvas.width = img.naturalWidth;\n      canvas.height = img.naturalHeight;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        reject(new Error('Canvas context not available'));\n        return;\n      }\n      ctx.drawImage(img, 0, 0);\n      canvas.toBlob(\n        (pngBlob) => {\n          if (pngBlob) {\n            resolve(pngBlob);\n          } else {\n            reject(new Error('Failed to convert to PNG'));\n          }\n        },\n        'image/png',\n        1,\n      );\n    };\n\n    img.onerror = () => {\n      URL.revokeObjectURL(url);\n      reject(new Error('Failed to load image'));\n    };\n\n    img.src = url;\n  });\n\nconst CLIPBOARD_SUPPORTED_TYPES = ['image/png', 'image/svg+xml'] as const;\n\nexport const getClipboardBlob = async (\n  blob: Blob,\n): Promise<{ 'image/png': Blob } | { 'image/svg+xml': Blob }> => {\n  const type = (blob.type || '').toLowerCase();\n\n  if (type === 'image/png' || type === 'image/svg+xml') {\n    return { [type]: blob } as { 'image/png': Blob } | { 'image/svg+xml': Blob };\n  }\n\n  const pngBlob = await blobToPng(blob);\n  return { 'image/png': pngBlob };\n};\n"],"mappings":";;;;;;AAKA,MAAa,aAAa,SACxB,IAAI,SAAS,SAAS,WAAW;CAC/B,MAAM,MAAM,IAAI,OAAO;CACvB,MAAM,MAAM,IAAI,gBAAgB,KAAK;AAErC,KAAI,eAAe;AACjB,MAAI,gBAAgB,IAAI;EACxB,MAAM,SAAS,SAAS,cAAc,SAAS;AAC/C,SAAO,QAAQ,IAAI;AACnB,SAAO,SAAS,IAAI;EACpB,MAAM,MAAM,OAAO,WAAW,KAAK;AACnC,MAAI,CAAC,KAAK;AACR,0BAAO,IAAI,MAAM,+BAA+B,CAAC;AACjD;;AAEF,MAAI,UAAU,KAAK,GAAG,EAAE;AACxB,SAAO,QACJ,YAAY;AACX,OAAI,QACF,SAAQ,QAAQ;OAEhB,wBAAO,IAAI,MAAM,2BAA2B,CAAC;KAGjD,aACA,EACD;;AAGH,KAAI,gBAAgB;AAClB,MAAI,gBAAgB,IAAI;AACxB,yBAAO,IAAI,MAAM,uBAAuB,CAAC;;AAG3C,KAAI,MAAM;EACV;AAIJ,MAAa,mBAAmB,OAC9B,SAC+D;CAC/D,MAAM,QAAQ,KAAK,QAAQ,IAAI,aAAa;AAE5C,KAAI,SAAS,eAAe,SAAS,gBACnC,QAAO,GAAG,OAAO,MAAM;CAGzB,MAAM,UAAU,MAAM,UAAU,KAAK;AACrC,QAAO,EAAE,aAAa,SAAS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",