@lobehub/ui 3.3.0 → 3.3.1

package/es/Highlighter/FullFeatured.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["content", "language", "setLanguage", "showLanguage", "className", "style", "allowChangeLanguage", "fileName", "icon", "actionsRender", "copyable", "variant", "shadow", "wrap", "defaultExpand", "children"];
+var _excluded = ["content", "language", "setLanguage", "showLanguage", "className", "classNames", "styles", "style", "allowChangeLanguage", "fileName", "icon", "actionsRender", "copyable", "variant", "shadow", "wrap", "defaultExpand", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -72,6 +72,8 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref2) {
     setLanguage = _ref2.setLanguage,
     showLanguage = _ref2.showLanguage,
     className = _ref2.className,
+    classNames = _ref2.classNames,
+    customStyles = _ref2.styles,
     style = _ref2.style,
     _ref2$allowChangeLang = _ref2.allowChangeLanguage,
     allowChangeLanguage = _ref2$allowChangeLang === void 0 ? false : _ref2$allowChangeLang,
@@ -196,11 +198,12 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref2) {
   }, rest), {}, {
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
-      className: headerVariants({
+      className: cx(headerVariants({
         variant: variant
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.header),
       horizontal: true,
       justify: 'space-between',
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.header,
       children: [/*#__PURE__*/_jsx(ActionIcon, {
         icon: expand ? ChevronDown : ChevronRight,
         onClick: handleToggleExpand,
@@ -222,9 +225,10 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref2) {
         children: actions
       })]
     }), /*#__PURE__*/_jsx(Flexbox, {
-      className: bodyVariants({
+      className: cx(bodyVariants({
         expand: expand
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.body),
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.body,
       children: children
     })]
   }));

package/es/Highlighter/Highlighter.js

@@ -1,6 +1,6 @@
 'use client';
 
-var _excluded = ["animated", "fullFeatured", "actionIconSize", "children", "language", "className", "copyable", "showLanguage", "variant", "shadow", "wrap", "bodyRender", "actionsRender", "enableTransformer", "theme", "icon", "fileName", "allowChangeLanguage", "defaultExpand"];
+var _excluded = ["animated", "fullFeatured", "actionIconSize", "children", "language", "className", "classNames", "styles", "copyable", "showLanguage", "variant", "shadow", "wrap", "bodyRender", "actionsRender", "enableTransformer", "theme", "icon", "fileName", "allowChangeLanguage", "defaultExpand"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -34,6 +34,8 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     _ref$language = _ref.language,
     language = _ref$language === void 0 ? 'markdown' : _ref$language,
     className = _ref.className,
+    classNames = _ref.classNames,
+    customStyles = _ref.styles,
     _ref$copyable = _ref.copyable,
     copyable = _ref$copyable === void 0 ? true : _ref$copyable,
     _ref$showLanguage = _ref.showLanguage,
@@ -123,13 +125,17 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
   var originalBody = useMemo(function () {
     return /*#__PURE__*/_jsx(SyntaxHighlighter, {
       animated: animated,
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.content,
       enableTransformer: enableTransformer,
       language: lang === null || lang === void 0 ? void 0 : lang.toLowerCase(),
+      style: _objectSpread({
+        height: '100%'
+      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.content),
       theme: theme,
       variant: variant,
       children: tirmedChildren
     });
-  }, [animated, enableTransformer, lang, theme, tirmedChildren, variant]);
+  }, [animated, enableTransformer, lang, theme, tirmedChildren, variant, customStyles === null || customStyles === void 0 ? void 0 : customStyles.content, customStyles === null || customStyles === void 0 ? void 0 : customStyles.content]);
   var displayName = useMemo(function () {
     if (fileName) return fileName;
     return getCodeLanguageDisplayName(language);
@@ -146,6 +152,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     actionsRender: actionsRender,
     allowChangeLanguage: allowChangeLanguage,
     className: className,
+    classNames: classNames,
     content: tirmedChildren,
     copyable: copyable,
     defaultExpand: defaultExpand,
@@ -155,6 +162,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     setLanguage: setLang,
     shadow: shadow,
     showLanguage: showLanguage,
+    styles: customStyles,
     variant: variant,
     wrap: wrap
   }, rest), {}, {

package/es/Highlighter/style.js

@@ -25,7 +25,7 @@ export var useStyles = createStyles(function (_ref) {
     lang: cx(langHoverCls, stylish.blur, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ", ";\n        color: ", ";\n\n        opacity: 0;\n        background: ", ";\n\n        transition: opacity 0.1s;\n      "])), token.fontFamilyCode, token.colorTextSecondary, token.colorFillQuaternary)),
     nowrap: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    "]))),
     outlined: stylish.variantOutlinedWithoutHover,
-    root: cx(prefix, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ", "px;\n\n        transition: background-color 100ms ", ";\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        code {\n          background: transparent !important;\n        }\n      "])), token.borderRadius, token.motionEaseOut, actionsHoverCls, langHoverCls)),
+    root: cx(prefix, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ", "px;\n\n        transition: background-color 100ms ", ";\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        pre {\n          height: 100%;\n          font-size: 12px;\n        }\n\n        code {\n          background: transparent !important;\n        }\n      "])), token.borderRadius, token.motionEaseOut, actionsHoverCls, langHoverCls)),
     select: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      user-select: none;\n\n      position: absolute;\n      inset-inline-start: 50%;\n      transform: translateX(-50%);\n\n      min-width: 100px;\n\n      font-size: 14px;\n      color: ", ";\n      text-align: center;\n    "])), token.colorTextDescription),
     shadow: stylish.shadow,
     wrap: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      pre,\n      code {\n        text-wrap: wrap;\n      }\n    "])))

package/es/Highlighter/type.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, type Ref } from 'react';
+import { CSSProperties, ReactNode, type Ref } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
 import type { BuiltinTheme } from 'shiki';
 import type { ActionIconProps } from "../ActionIcon";
@@ -29,6 +29,11 @@ export interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'
         originalNode: ReactNode;
     }) => ReactNode;
     children: string;
+    classNames?: {
+        body?: string;
+        content?: string;
+        header?: string;
+    };
     copyable?: boolean;
     defaultExpand?: boolean;
     enableTransformer?: boolean;
@@ -38,6 +43,11 @@ export interface HighlighterProps extends Omit<FlexboxProps, 'children' | 'wrap'
     language: string;
     shadow?: boolean;
     showLanguage?: boolean;
+    styles?: {
+        body?: CSSProperties;
+        content?: CSSProperties;
+        header?: CSSProperties;
+    };
     theme?: 'lobe-theme' | BuiltinTheme;
     variant?: 'filled' | 'outlined' | 'borderless';
     wrap?: boolean;

package/es/Mermaid/FullFeatured.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["showLanguage", "content", "children", "className", "copyable", "actionsRender", "style", "variant", "shadow", "language", "fileName", "defaultExpand"];
+var _excluded = ["showLanguage", "styles", "classNames", "content", "children", "className", "copyable", "actionsRender", "style", "variant", "shadow", "language", "fileName", "defaultExpand"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -55,6 +55,8 @@ var MermaidHeaderLanguage = /*#__PURE__*/memo(function (_ref) {
 });
 export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref2) {
   var showLanguage = _ref2.showLanguage,
+    customStyles = _ref2.styles,
+    classNames = _ref2.classNames,
     content = _ref2.content,
     children = _ref2.children,
     className = _ref2.className,
@@ -164,11 +166,12 @@ export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref2) {
   }, rest), {}, {
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
-      className: headerVariants({
+      className: cx(headerVariants({
         variant: variant
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.header),
       horizontal: true,
       justify: 'space-between',
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.header,
       children: [/*#__PURE__*/_jsx(ActionIcon, {
         icon: expand ? ChevronDown : ChevronRight,
         onClick: handleToggleExpand,
@@ -185,9 +188,10 @@ export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref2) {
         children: actions
       })]
     }), /*#__PURE__*/_jsx(Flexbox, {
-      className: bodyVariants({
+      className: cx(bodyVariants({
         expand: expand
-      }),
+      }), classNames === null || classNames === void 0 ? void 0 : classNames.body),
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.body,
       children: children
     })]
   }));

package/es/Mermaid/Mermaid.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "actionIconSize", "fullFeatured", "copyable", "showLanguage", "language", "style", "variant", "shadow", "enablePanZoom", "defaultExpand", "className", "bodyRender", "fileName", "actionsRender", "theme"];
+var _excluded = ["children", "actionIconSize", "fullFeatured", "copyable", "showLanguage", "language", "style", "styles", "classNames", "variant", "shadow", "enablePanZoom", "defaultExpand", "className", "bodyRender", "fileName", "actionsRender", "theme"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -30,6 +30,8 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
     _ref$language = _ref.language,
     language = _ref$language === void 0 ? 'mermaid' : _ref$language,
     style = _ref.style,
+    customStyles = _ref.styles,
+    classNames = _ref.classNames,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
     shadow = _ref.shadow,
@@ -98,12 +100,14 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   }, [actionIconSize, actionsRender, getCopyContent, originalActions, tirmedChildren]);
   var defaultBody = useMemo(function () {
     return /*#__PURE__*/_jsx(SyntaxMermaid, {
+      className: classNames === null || classNames === void 0 ? void 0 : classNames.content,
       enablePanZoom: enablePanZoom,
+      style: customStyles === null || customStyles === void 0 ? void 0 : customStyles.content,
       theme: theme,
       variant: variant,
       children: tirmedChildren
     });
-  }, [enablePanZoom, theme, tirmedChildren, variant]);
+  }, [enablePanZoom, theme, tirmedChildren, variant, classNames === null || classNames === void 0 ? void 0 : classNames.content, customStyles === null || customStyles === void 0 ? void 0 : customStyles.content]);
   var body = useMemo(function () {
     if (!bodyRender) return defaultBody;
     return bodyRender({
@@ -114,6 +118,7 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
   if (fullFeatured) return /*#__PURE__*/_jsx(FullFeatured, _objectSpread(_objectSpread({
     actionsRender: actionsRender,
     className: className,
+    classNames: classNames,
     content: tirmedChildren,
     copyable: copyable,
     defaultExpand: defaultExpand,
@@ -122,6 +127,7 @@ var Mermaid = /*#__PURE__*/memo(function (_ref) {
     shadow: shadow,
     showLanguage: showLanguage,
     style: style,
+    styles: customStyles,
     variant: variant
   }, rest), {}, {
     children: body

package/es/Mermaid/SyntaxMermaid/index.js

@@ -1,5 +1,11 @@
 'use client';
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -17,7 +23,9 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     children = _ref.children,
     customTheme = _ref.theme,
     variant = _ref.variant,
-    enablePanZoom = _ref.enablePanZoom;
+    enablePanZoom = _ref.enablePanZoom,
+    className = _ref.className,
+    style = _ref.style;
   var isDefaultTheme = customTheme === 'lobe-theme' || !customTheme;
   var background = useMemo(function () {
     var _mermaidThemes$find;
@@ -76,6 +84,7 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
   if (!blobUrl) return null;
   return /*#__PURE__*/_jsx(Image, {
     alt: 'mermaid',
+    className: className,
     maxHeight: 480,
     minWidth: 300,
     objectFit: 'contain',
@@ -84,7 +93,7 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     } : false,
     ref: ref,
     src: blobUrl,
-    style: {
+    style: _objectSpread({
       background: variant === 'filled' ? background : undefined,
       borderRadius: 0,
       margin: 0,
@@ -92,7 +101,7 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
       padding: variant === 'borderless' ? 0 : 16,
       position: 'relative',
       width: '100%'
-    },
+    }, style),
     variant: 'borderless',
     width: '100%'
   });

package/es/Mermaid/type.d.ts

@@ -1,11 +1,13 @@
 import type { MermaidConfig } from 'mermaid/dist/config.type';
-import type { ReactNode, Ref } from 'react';
+import { CSSProperties, ReactNode, Ref } from 'react';
 import type { ActionIconProps } from "../ActionIcon";
 import type { DivProps } from "../types";
 export interface SyntaxMermaidProps {
     children: string;
+    className?: string;
     enablePanZoom?: MermaidProps['enablePanZoom'];
     ref?: Ref<HTMLDivElement>;
+    style?: CSSProperties;
     theme?: MermaidProps['theme'];
     variant?: MermaidProps['variant'];
 }
@@ -22,6 +24,11 @@ export interface MermaidProps extends DivProps {
         originalNode: ReactNode;
     }) => ReactNode;
     children: string;
+    classNames?: {
+        body?: string;
+        content?: string;
+        header?: string;
+    };
     copyable?: boolean;
     defaultExpand?: boolean;
     enablePanZoom?: boolean;
@@ -30,6 +37,11 @@ export interface MermaidProps extends DivProps {
     language?: string;
     shadow?: boolean;
     showLanguage?: boolean;
+    styles?: {
+        body?: CSSProperties;
+        content?: CSSProperties;
+        header?: CSSProperties;
+    };
     theme?: 'lobe-theme' | MermaidConfig['theme'];
     variant?: 'filled' | 'outlined' | 'borderless';
 }

package/package.json

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