@lobehub/icons 1.97.2 → 2.0.0

package/es/components/DownloadButton/index.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 = ["className", "placement", "size", "onClick"];
+var _excluded = ["className", "onClick"];
 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; }
@@ -15,10 +15,6 @@ import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var DownloadButton = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'right' : _ref$placement,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'site' : _ref$size,
     onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({}, rest), {}, {
@@ -26,8 +22,6 @@ var DownloadButton = /*#__PURE__*/memo(function (_ref) {
     glass: true,
     icon: Download,
     onClick: onClick,
-    placement: placement,
-    size: size,
     title: 'Download'
   }));
 });

package/es/components/Editor/Color.js

@@ -41,7 +41,7 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
     }), /*#__PURE__*/_jsx(Highlighter, {
       className: styles.code,
       language: 'tsx',
-      children: "'use client';\n\nimport { forwardRef } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {\n  return (\n    <svg\n      height={size}\n      ref={ref}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
+      children: "'use client';\n\nimport { memo } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      height={size}\n\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
     })]
   });
 });

package/es/components/Editor/Mono.js

@@ -41,7 +41,7 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
     }), /*#__PURE__*/_jsx(Highlighter, {
       className: styles.code,
       language: 'tsx',
-      children: "'use client';\n\nimport { forwardRef } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      ref={ref}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
+      children: "'use client';\n\nimport { memo } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      width={size}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
     })]
   });
 });

package/es/components/Editor/Preview.d.ts

@@ -1,8 +1,9 @@
-/// <reference types="react" />
+import { Ref } from 'react';
 interface PreviewProps {
     precent?: string;
+    ref?: Ref<HTMLDivElement>;
     svg: string;
     title: string;
 }
-declare const Preview: import("react").ForwardRefExoticComponent<PreviewProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const Preview: import("react").NamedExoticComponent<PreviewProps>;
 export default Preview;

package/es/components/Editor/Preview.js

@@ -2,7 +2,7 @@ var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Highlighter, Tag } from '@lobehub/ui';
 import { createStyles } from 'antd-style';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import IconPreview from "../IconPreview";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -13,7 +13,7 @@ var useStyles = createStyles(function (_ref) {
     code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex: 1;\n      height: 96px;\n\n      pre {\n        padding: 8px !important;\n      }\n\n      code {\n        font-size: 12px;\n        text-wrap: initial;\n      }\n    "])))
   };
 });
-var Preview = /*#__PURE__*/forwardRef(function (_ref2, ref) {
+var Preview = /*#__PURE__*/memo(function (_ref2) {
   var svg = _ref2.svg,
     title = _ref2.title,
     precent = _ref2.precent;
@@ -42,7 +42,6 @@ var Preview = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     }), /*#__PURE__*/_jsxs(Flexbox, {
       gap: 8,
       horizontal: true,
-      ref: ref,
       children: [/*#__PURE__*/_jsx(IconPreview, {
         children: svg
       }), /*#__PURE__*/_jsx(Highlighter, {

package/es/components/Editor/Text.js

@@ -41,7 +41,7 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
     }), /*#__PURE__*/_jsx(Highlighter, {
       className: styles.code,
       language: 'tsx',
-      children: "'use client';\n\nimport { forwardRef } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = forwardRef(({ size = '1em', style, ...rest }, ref) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n      ref={ref}\n      style={{ flex: 'none', lineHeight: 1,  ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
+      children: "'use client';\n\nimport { memo } from 'react';\nimport type { IconType } from '@/types';\n\nimport { TITLE } from '../style';\n\nconst Icon: IconType = memo(({ size = '1em', style, ...rest }) => {\n  return (\n    <svg\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      height={size}\n\n      style={{ flex: 'none', lineHeight: 1,  ...style }}\n      viewBox=\"".concat(viewbox, "\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...rest}\n    >\n      <title>{TITLE}</title>\n      ").concat(svg, "\n    </svg>\n  );\n});\n\nexport default Icon;\n")
     })]
   });
 });

package/es/components/Editor/index.js

@@ -12,7 +12,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { StoryBook, useControls, useCreateStore } from '@lobehub/ui';
+import { StoryBook, useControls, useCreateStore } from '@lobehub/ui/storybook';
 import { createStyles } from 'antd-style';
 import { useEffect, useRef, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';

package/es/components/IconPreview/index.js

@@ -21,7 +21,7 @@ var useStyles = createStyles(function (_ref) {
     cx = _ref.cx;
   return {
     btn: cx('copy-button', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        inset-block-start: 4px;\n        inset-inline-end: 4px;\n        opacity: 0;\n      "])))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      padding: 12px;\n\n      line-height: 1;\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), token.colorBgContainer, token.colorBorder, token.borderRadius),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      padding: 12px;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      line-height: 1;\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), token.colorBorder, token.borderRadius, token.colorBgContainer),
     inner: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      width: auto;\n      min-width: 72px;\n      height: 72px;\n\n      font-size: 72px;\n      line-height: 1;\n    "])))
   };
 });
@@ -44,11 +44,9 @@ var IconPreview = /*#__PURE__*/memo(function (_ref2) {
       className: styles.inner,
       dangerouslySetInnerHTML: {
         __html: children
-      },
-      ref: ref
+      }
     }) : /*#__PURE__*/_jsx("div", {
       className: styles.inner,
-      ref: ref,
       children: children
     }), /*#__PURE__*/_jsx(DownloadButton, {
       className: styles.btn,

package/es/features/IconAvatar/index.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'react';
-import { type FlexboxProps } from 'react-layout-kit';
+import { type CenterProps } from 'react-layout-kit';
 import { IconType } from "../../types";
-export interface IconAvatarProps extends Omit<FlexboxProps, 'children'> {
+export interface IconAvatarProps extends Omit<CenterProps, 'children'> {
     Icon?: IconType;
     background?: string;
     color?: string;
@@ -11,5 +11,5 @@ export interface IconAvatarProps extends Omit<FlexboxProps, 'children'> {
     shape?: 'circle' | 'square';
     size: number;
 }
-declare const IconAvatar: import("react").ForwardRefExoticComponent<IconAvatarProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const IconAvatar: import("react").NamedExoticComponent<IconAvatarProps>;
 export default IconAvatar;

package/es/features/IconAvatar/index.js

@@ -1,17 +1,20 @@
 '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 = ["shape", "color", "background", "size", "style", "iconMultiple", "Icon", "iconStyle", "iconClassName"];
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useThemeMode } from 'antd-style';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 import { getAvatarShadow, roundToEven } from "./util";
 import { jsx as _jsx } from "react/jsx-runtime";
-var IconAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var IconAvatar = /*#__PURE__*/memo(function (_ref) {
   var _ref$shape = _ref.shape,
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
     _ref$color = _ref.color,
@@ -23,12 +26,12 @@ var IconAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
     iconMultiple = _ref$iconMultiple === void 0 ? 0.75 : _ref$iconMultiple,
     Icon = _ref.Icon,
     iconStyle = _ref.iconStyle,
-    iconClassName = _ref.iconClassName;
+    iconClassName = _ref.iconClassName,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useThemeMode = useThemeMode(),
     isDarkMode = _useThemeMode.isDarkMode;
-  return /*#__PURE__*/_jsx(Center, {
+  return /*#__PURE__*/_jsx(Center, _objectSpread(_objectSpread({
     flex: 'none',
-    ref: ref,
     style: _objectSpread({
       background: background,
       borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),
@@ -36,13 +39,14 @@ var IconAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
       color: color,
       height: size,
       width: size
-    }, style),
+    }, style)
+  }, rest), {}, {
     children: Icon && /*#__PURE__*/_jsx(Icon, {
       className: iconClassName,
       color: color,
       size: roundToEven(size * iconMultiple),
       style: iconStyle
     })
-  });
+  }));
 });
 export default IconAvatar;

package/es/features/IconCombine/index.d.ts

@@ -17,5 +17,5 @@ export interface IconCombineProps extends FlexboxProps {
     spaceMultiple?: number;
     textMultiple?: number;
 }
-declare const IconCombine: import("react").ForwardRefExoticComponent<IconCombineProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const IconCombine: import("react").NamedExoticComponent<IconCombineProps>;
 export default IconCombine;

package/es/features/IconCombine/index.js

@@ -9,12 +9,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var IconCombine = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var IconCombine = /*#__PURE__*/memo(function (_ref) {
   var Icon = _ref.Icon,
     style = _ref.style,
     Text = _ref.Text,
@@ -52,7 +52,6 @@ var IconCombine = /*#__PURE__*/forwardRef(function (_ref, ref) {
     flex: 'none',
     horizontal: true,
     justify: 'flex-start',
-    ref: ref,
     style: _objectSpread({
       color: color
     }, style)

package/es/features/ModelIcon/DefaultAvatar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IconAvatarProps } from "../IconAvatar";
-declare const DefaultAvatar: import("react").ForwardRefExoticComponent<Omit<IconAvatarProps, "Icon"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DefaultAvatar: import("react").NamedExoticComponent<Omit<IconAvatarProps, "Icon">>;
 export default DefaultAvatar;

package/es/features/ModelIcon/DefaultAvatar.js

@@ -5,11 +5,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 import { useTheme } from 'antd-style';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
   var _ref$shape = _ref.shape,
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
     color = _ref.color,
@@ -23,7 +23,6 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var theme = useTheme();
   return /*#__PURE__*/_jsx(Center, {
     flex: 'none',
-    ref: ref,
     style: _objectSpread({
       background: background || theme.colorFillSecondary,
       borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),

package/es/features/ModelIcon/DefaultIcon.d.ts

@@ -5,5 +5,5 @@ interface DefaultIconProps {
     size?: number;
     style?: CSSProperties;
 }
-declare const DefaultAvatar: import("react").ForwardRefExoticComponent<DefaultIconProps & import("react").RefAttributes<any>>;
+declare const DefaultAvatar: import("react").NamedExoticComponent<DefaultIconProps>;
 export default DefaultAvatar;

package/es/features/ModelIcon/DefaultIcon.js

@@ -10,9 +10,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Icon } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import { Brain } from 'lucide-react';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
   var color = _ref.color,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
@@ -21,10 +21,7 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/_jsx(Icon, _objectSpread({
     color: color || theme.colorTextDescription,
     icon: Brain,
-    ref: ref,
-    size: {
-      fontSize: size
-    }
+    size: size
   }, rest));
 });
 export default DefaultAvatar;

package/es/features/ModelIcon/index.d.ts

@@ -7,5 +7,5 @@ export interface ModelIconProps {
     style?: CSSProperties;
     type?: 'avatar' | 'mono' | 'color' | 'combine' | 'combine-color';
 }
-declare const ModelIcon: import("react").ForwardRefExoticComponent<ModelIconProps & import("react").RefAttributes<any>>;
+declare const ModelIcon: import("react").NamedExoticComponent<ModelIconProps>;
 export default ModelIcon;

package/es/features/ModelIcon/index.js

@@ -12,12 +12,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { forwardRef, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { modelMappings } from "../modelConfig";
 import DefaultAvatar from "./DefaultAvatar";
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ModelIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var ModelIcon = /*#__PURE__*/memo(function (_ref) {
   var originModel = _ref.model,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
@@ -46,7 +46,6 @@ var ModelIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [originModel]);
   var props = _objectSpread(_objectSpread({
-    ref: ref,
     size: size
   }, Render === null || Render === void 0 ? void 0 : Render.props), rest);
   switch (type) {
@@ -92,4 +91,5 @@ var ModelIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
   }
 });
+ModelIcon.displayName = 'ModelIcon';
 export default ModelIcon;

package/es/features/ModelTag/index.js

@@ -25,4 +25,5 @@ var ModelTag = /*#__PURE__*/memo(function (_ref) {
     children: model
   }));
 });
+ModelTag.displayName = 'ModelTag';
 export default ModelTag;

package/es/features/ProviderCombine/index.d.ts

@@ -6,5 +6,5 @@ export interface ProviderCombineProps extends Omit<FlexboxProps, 'children' | 'h
     size?: number;
     type?: 'mono' | 'color';
 }
-declare const ProviderCombine: import("react").ForwardRefExoticComponent<ProviderCombineProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const ProviderCombine: import("react").NamedExoticComponent<ProviderCombineProps>;
 export default ProviderCombine;

package/es/features/ProviderCombine/index.js

@@ -12,12 +12,12 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { forwardRef, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import DefaultIcon from "../ProviderIcon/DefaultIcon";
 import { providerMappings } from "../providerConfig";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProviderCombine = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var ProviderCombine = /*#__PURE__*/memo(function (_ref) {
   var _Render$Icon, _Render$Icon2;
   var originProvider = _ref.provider,
     _ref$size = _ref.size,
@@ -57,10 +57,10 @@ var ProviderCombine = /*#__PURE__*/forwardRef(function (_ref, ref) {
     flex: 'none',
     height: size * 1.5,
     horizontal: true,
-    ref: ref,
     width: 'fit-content'
   }, rest), {}, {
     children: icon
   }));
 });
+ProviderCombine.displayName = 'ProviderCombine';
 export default ProviderCombine;

package/es/features/ProviderIcon/DefaultAvatar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { IconAvatarProps } from '../IconAvatar';
-declare const DefaultAvatar: import("react").ForwardRefExoticComponent<Omit<IconAvatarProps, "Icon"> & import("react").RefAttributes<HTMLDivElement>>;
+import type { IconAvatarProps } from '../IconAvatar';
+declare const DefaultAvatar: import("react").NamedExoticComponent<Omit<IconAvatarProps, "Icon">>;
 export default DefaultAvatar;

package/es/features/ProviderIcon/DefaultAvatar.js

@@ -5,11 +5,11 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 import { useTheme } from 'antd-style';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
-var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
   var _ref$shape = _ref.shape,
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
     color = _ref.color,
@@ -23,7 +23,6 @@ var DefaultAvatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var theme = useTheme();
   return /*#__PURE__*/_jsx(Center, {
     flex: 'none',
-    ref: ref,
     style: _objectSpread({
       background: background || theme.colorFillSecondary,
       borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),

package/es/features/ProviderIcon/DefaultIcon.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties } from 'react';
+import { type CSSProperties } from 'react';
 interface DefaultIconProps {
     className?: string;
     color?: string;
     size?: number;
     style?: CSSProperties;
 }
-declare const DefaultIcon: import("react").ForwardRefExoticComponent<DefaultIconProps & import("react").RefAttributes<any>>;
+declare const DefaultIcon: import("react").NamedExoticComponent<DefaultIconProps>;
 export default DefaultIcon;

package/es/features/ProviderIcon/DefaultIcon.js

@@ -10,9 +10,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { Icon } from '@lobehub/ui';
 import { useTheme } from 'antd-style';
 import { Radar } from 'lucide-react';
-import { forwardRef } from 'react';
+import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var DefaultIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var DefaultIcon = /*#__PURE__*/memo(function (_ref) {
   var color = _ref.color,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
@@ -21,10 +21,7 @@ var DefaultIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/_jsx(Icon, _objectSpread({
     color: color || theme.colorTextDescription,
     icon: Radar,
-    ref: ref,
-    size: {
-      fontSize: size
-    }
+    size: size
   }, rest));
 });
 export default DefaultIcon;

package/es/features/ProviderIcon/index.d.ts

@@ -9,5 +9,5 @@ export interface ProviderIconProps {
     style?: CSSProperties;
     type?: 'avatar' | 'mono' | 'color' | 'combine' | 'combine-color';
 }
-declare const ProviderIcon: import("react").ForwardRefExoticComponent<ProviderIconProps & import("react").RefAttributes<any>>;
+declare const ProviderIcon: import("react").NamedExoticComponent<ProviderIconProps>;
 export default ProviderIcon;

package/es/features/ProviderIcon/index.js

@@ -12,13 +12,13 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { forwardRef, useMemo } from 'react';
+import { memo, useMemo } from 'react';
 import { providerMappings } from "../providerConfig";
 import { ModelProvider } from "../providerEnum";
 import DefaultAvatar from "./DefaultAvatar";
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProviderIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
+var ProviderIcon = /*#__PURE__*/memo(function (_ref) {
   var originProvider = _ref.provider,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
@@ -48,7 +48,6 @@ var ProviderIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   }, [originProvider]);
   var props = _objectSpread(_objectSpread({
-    ref: ref,
     size: size
   }, Render === null || Render === void 0 ? void 0 : Render.props), rest);
   switch (type) {
@@ -98,4 +97,5 @@ var ProviderIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
   }
 });
+ProviderIcon.displayName = 'ProviderIcon';
 export default ProviderIcon;

package/es/features/modelConfig.js

@@ -40,6 +40,7 @@ import OpenChat from "../OpenChat";
 import OpenRouter from "../OpenRouter";
 import PaLM from "../PaLM";
 import Perplexity from "../Perplexity";
+import Qiniu from "../Qiniu";
 import Qwen from "../Qwen";
 import Rwkv from "../Rwkv";
 import SenseNova from "../SenseNova";
@@ -113,6 +114,9 @@ export var modelMappings = [{
 }, {
   Icon: Moonshot,
   keywords: ['kimi', 'moonshot']
+}, {
+  Icon: Qiniu,
+  keywords: ['qiniu']
 }, {
   Icon: Qwen,
   keywords: ['qwen', 'qwq', 'qvq']

package/es/features/providerConfig.js

@@ -53,6 +53,7 @@ import OpenAI from "../OpenAI";
 import OpenRouter from "../OpenRouter";
 import PPIO from "../PPIO";
 import Perplexity from "../Perplexity";
+import Qiniu from "../Qiniu";
 import Qwen from "../Qwen";
 import SambaNova from "../SambaNova";
 import Search1API from "../Search1API";
@@ -212,6 +213,10 @@ export var providerMappings = [{
 }, {
   Icon: Together,
   keywords: [ModelProvider.TogetherAI]
+}, {
+  Icon: Qiniu,
+  combineMultiple: 1.1,
+  keywords: [ModelProvider.Qiniu]
 }, {
   Icon: Qwen,
   keywords: [ModelProvider.Qwen]

package/es/features/providerEnum.d.ts

@@ -34,6 +34,7 @@ export declare enum ModelProvider {
     OpenRouter = "openrouter",
     PPIO = "ppio",
     Perplexity = "perplexity",
+    Qiniu = "qiniu",
     Qwen = "qwen",
     SambaNova = "sambanova",
     Search1API = "search1api",

package/es/features/providerEnum.js

@@ -34,6 +34,7 @@ export var ModelProvider = /*#__PURE__*/function (ModelProvider) {
   ModelProvider["OpenRouter"] = "openrouter";
   ModelProvider["PPIO"] = "ppio";
   ModelProvider["Perplexity"] = "perplexity";
+  ModelProvider["Qiniu"] = "qiniu";
   ModelProvider["Qwen"] = "qwen";
   ModelProvider["SambaNova"] = "sambanova";
   ModelProvider["Search1API"] = "search1api";

package/es/icons.d.ts

@@ -147,6 +147,7 @@ export { default as Poe, type CompoundedIcon as PoeProps } from './Poe';
 export { default as Pollinations, type CompoundedIcon as PollinationsProps } from './Pollinations';
 export { default as PPIO, type CompoundedIcon as PPIOProps } from './PPIO';
 export { default as Qingyan, type CompoundedIcon as QingyanProps } from './Qingyan';
+export { default as Qiniu, type CompoundedIcon as QiniuProps } from './Qiniu';
 export { default as Qwen, type CompoundedIcon as QwenProps } from './Qwen';
 export { default as Railway, type CompoundedIcon as RailwayProps } from './Railway';
 export { default as Recraft, type CompoundedIcon as RecraftProps } from './Recraft';

package/es/icons.js

@@ -147,6 +147,7 @@ export { default as Poe } from "./Poe";
 export { default as Pollinations } from "./Pollinations";
 export { default as PPIO } from "./PPIO";
 export { default as Qingyan } from "./Qingyan";
+export { default as Qiniu } from "./Qiniu";
 export { default as Qwen } from "./Qwen";
 export { default as Railway } from "./Railway";
 export { default as Recraft } from "./Recraft";

package/es/toc.js

@@ -2702,6 +2702,24 @@ var toc = [{
     "hasTextColor": false
   },
   "title": "Qingyan"
+}, {
+  "color": "#06AEEF",
+  "desc": "https://qiniu.com",
+  "docsUrl": "qiniu",
+  "fullTitle": "Qiniu (七牛云)",
+  "group": "provider",
+  "id": "Qiniu",
+  "param": {
+    "hasAvatar": true,
+    "hasBrand": false,
+    "hasBrandColor": false,
+    "hasColor": true,
+    "hasCombine": true,
+    "hasText": true,
+    "hasTextCn": false,
+    "hasTextColor": false
+  },
+  "title": "Qiniu"
 }, {
   "color": "#615ced",
   "colorGradient": "linear-gradient(to right, #00055F,  #6F69F7)",