@lobehub/icons 4.0.0 → 4.0.2

package/es/components/ColorPreview/index.js

@@ -3,22 +3,19 @@
 var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { CopyButton, Flexbox, Tooltip } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles, cx } from 'antd-style';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    cx = _ref.cx;
+    cssVar = _ref.cssVar;
   return {
     btn: cx('copy-button', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        opacity: 0;\n      "])))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), token.colorBorder, token.borderRadius, token.colorBgContainer)
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadius, cssVar.colorBgContainer)
   };
 });
 var IconPreview = /*#__PURE__*/memo(function (_ref2) {
   var color = _ref2.color;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsx(Tooltip, {
     title: color,
     children: /*#__PURE__*/_jsx(Flexbox, {

package/es/components/Dashboard/IconItem.js

@@ -3,7 +3,7 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { ActionIcon, Block, Center, CopyButton, Flexbox, Text } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles, cx } from 'antd-style';
 import { Link } from 'dumi';
 import { DownloadIcon, SearchIcon } from 'lucide-react';
 import { readableColor } from 'polished';
@@ -11,18 +11,17 @@ import { memo, useCallback, useRef } from 'react';
 import { customKebabCase } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var cx = _ref.cx,
-    css = _ref.css,
-    token = _ref.token;
+var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   var colorText = cx('color-text', css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: block;\n    "]))));
   var copy = cx('copy', css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      z-index: 1;\n      display: none !important;\n    "]))));
   return {
     card: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n    "]))),
-    color: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border-inline-end: 1px solid ", ";\n      font-family: ", ";\n\n      &:hover {\n        .color-text {\n          display: none;\n        }\n\n        .copy {\n          display: flex !important;\n        }\n      }\n    "])), token.colorBorderSecondary, token.fontFamilyCode),
+    color: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      border-inline-end: 1px solid ", ";\n      font-family: ", ";\n\n      &:hover {\n        .color-text {\n          display: none;\n        }\n\n        .copy {\n          display: flex !important;\n        }\n      }\n    "])), cssVar.colorBorderSecondary, cssVar.fontFamilyCode),
     colorText: colorText,
     copy: copy,
-    row: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-block-start: 1px solid ", ";\n    "])), token.colorFillSecondary),
+    row: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-block-start: 1px solid ", ";\n    "])), cssVar.colorFillSecondary),
     title: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      margin: 0;\n      font-size: 16px;\n      font-weight: bold;\n    "]))),
     titleRow: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      margin-block-start: -8px;\n\n      &:hover {\n        .copy {\n          display: flex;\n        }\n      }\n    "])))
   };
@@ -32,8 +31,6 @@ var IconItem = /*#__PURE__*/memo(function (_ref2) {
     title = _ref2.title,
     color = _ref2.color,
     id = _ref2.id;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var ref = useRef(null);
   var handleDownload = useCallback(function (iconId) {
     var _ref$current;

package/es/components/Dashboard/Text.js

@@ -5,24 +5,22 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import * as Icons from "../..";
 import { Flexbox } from '@lobehub/ui';
 import { StoryBook, useControls, useCreateStore } from '@lobehub/ui/storybook';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 import IconPreview from "../IconPreview";
 import { jsx as _jsx } from "react/jsx-runtime";
 var data = Object.values(Icons).filter(function (icon) {
   return icon === null || icon === void 0 ? void 0 : icon.colorPrimary;
 });
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    item: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 96px;\n    padding: 16px;\n    border: none;\n    background: ", ";\n  "])), token.colorBgContainer)
+    item: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    height: 96px;\n    padding: 16px;\n    border: none;\n    background: ", ";\n  "])), cssVar.colorBgContainer)
   };
 });
 var Dashboard = /*#__PURE__*/memo(function (_ref2) {
   var className = _ref2.className;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var store = useCreateStore();
   var _useControls = useControls({
       color: {

package/es/components/Dashboard/index.js

@@ -9,7 +9,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import * as Icons from "../..";
 import { Flexbox, Grid, SearchBar } from '@lobehub/ui';
 import { Empty, Segmented } from 'antd';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { memo, useMemo, useState } from 'react';
 import IconItem from "./IconItem";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,7 +20,6 @@ var ColorType = /*#__PURE__*/function (ColorType) {
   return ColorType;
 }(ColorType || {});
 var Dashboard = /*#__PURE__*/memo(function () {
-  var theme = useTheme();
   var _useState = useState(ColorType.Color),
     _useState2 = _slicedToArray(_useState, 2),
     type = _useState2[0],
@@ -74,7 +73,7 @@ var Dashboard = /*#__PURE__*/memo(function () {
           value: ColorType.Mono
         }],
         style: {
-          border: "1px solid ".concat(theme.colorBorder)
+          border: "1px solid ".concat(cssVar.colorBorder)
         }
       })]
     }), iconsGroup.length > 0 ? /*#__PURE__*/_jsx(Grid, {

package/es/components/Editor/Color.js

@@ -3,11 +3,11 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Flexbox, Highlighter } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css;
   return {
     code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pre {\n        padding: 8px !important;\n      }\n\n      code {\n        font-size: 12px;\n        text-wrap: initial;\n      }\n    "])))
@@ -18,8 +18,6 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
     title = _ref2.title,
     viewbox = _ref2.viewbox,
     textMode = _ref2.textMode;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var sizeAttributes = textMode ? "height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}" : "height={size}\n      style={{ flex: 'none', lineHeight: 1, ...style }}\n      width={size}";
   return /*#__PURE__*/_jsxs(Flexbox, {
     flex: 'none',

package/es/components/Editor/Mono.js

@@ -3,11 +3,11 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Flexbox, Highlighter } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css;
   return {
     code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pre {\n        padding: 8px !important;\n      }\n\n      code {\n        font-size: 12px;\n        text-wrap: initial;\n      }\n    "])))
@@ -17,8 +17,6 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
   var svg = _ref2.svg,
     title = _ref2.title,
     viewbox = _ref2.viewbox;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(Flexbox, {
     flex: 'none',
     gap: 16,

package/es/components/Editor/Preview.js

@@ -1,12 +1,12 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Flexbox, Highlighter, Tag } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 import IconPreview from "../IconPreview";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css;
   return {
     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    "])))
@@ -17,8 +17,6 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
     title = _ref2.title,
     precent = _ref2.precent,
     ref = _ref2.ref;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(Flexbox, {
     flex: 'none',
     gap: 16,

package/es/components/Editor/Text.js

@@ -3,11 +3,11 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Flexbox, Highlighter } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css;
   return {
     code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      pre {\n        padding: 8px !important;\n      }\n\n      code {\n        font-size: 12px;\n        text-wrap: initial;\n      }\n    "])))
@@ -17,8 +17,6 @@ var Preview = /*#__PURE__*/memo(function (_ref2) {
   var svg = _ref2.svg,
     title = _ref2.title,
     viewbox = _ref2.viewbox;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(Flexbox, {
     flex: 'none',
     gap: 16,

package/es/components/Editor/index.js

@@ -14,7 +14,7 @@ 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 { Flexbox } from '@lobehub/ui';
 import { StoryBook, useControls, useCreateStore } from '@lobehub/ui/storybook';
-import { createStyles } from 'antd-style';
+import { createStaticStyles } from 'antd-style';
 import { useEffect, useRef, useState } from 'react';
 import { useSvgo } from "./useSvgo";
 import Color from "./Color";
@@ -25,11 +25,11 @@ import { svgIcon } from "./data";
 import { defaultPlugins } from "./svgo";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    "])), token.colorBorder, token.borderRadius)
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n      border-radius: ", ";\n    "])), cssVar.colorBorder, cssVar.borderRadius)
   };
 });
 export default (function () {
@@ -47,8 +47,6 @@ export default (function () {
     _useState6 = _slicedToArray(_useState5, 2),
     monoSvg = _useState6[0],
     setMonoSvg = _useState6[1];
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var levaStore = useCreateStore();
   var _useControls = useControls({
       svg: {

package/es/components/IconPreview/ColorPreview.js

@@ -3,23 +3,20 @@
 var _templateObject, _templateObject2;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { CopyButton, Flexbox } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles, cx } from 'antd-style';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    cx = _ref.cx;
+    cssVar = _ref.cssVar;
   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      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      font-family: ", ";\n      line-height: 1;\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), token.colorBorder, token.borderRadius, token.fontFamilyCode, token.colorBgContainer)
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      width: 98px;\n      height: 98px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      font-family: ", ";\n      line-height: 1;\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadius, cssVar.fontFamilyCode, cssVar.colorBgContainer)
   };
 });
 var IconPreview = /*#__PURE__*/memo(function (_ref2) {
   var color = _ref2.color;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',
     className: styles.container,

package/es/components/IconPreview/index.js

@@ -10,18 +10,17 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Flexbox } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
+import { createStaticStyles, cx } from 'antd-style';
 import { memo, useRef } from 'react';
 import DownloadButton from "../DownloadButton";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    cx = _ref.cx;
+    cssVar = _ref.cssVar;
   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      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),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: relative;\n\n      flex: none;\n\n      padding: 12px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      line-height: 1;\n\n      background: ", ";\n\n      &:hover {\n        .copy-button {\n          opacity: 1;\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadius, cssVar.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    "])))
   };
 });
@@ -29,9 +28,6 @@ var IconPreview = /*#__PURE__*/memo(function (_ref2) {
   var className = _ref2.className,
     children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  var _useStyles = useStyles(),
-    cx = _useStyles.cx,
-    styles = _useStyles.styles;
   var ref = useRef(null);
   var isString = typeof children === 'string';
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({

package/es/features/ModelIcon/DefaultAvatar.js

@@ -5,7 +5,7 @@ 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 { Center } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { memo } from 'react';
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,11 +20,10 @@ var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
     iconMultiple = _ref$iconMultiple === void 0 ? 0.6 : _ref$iconMultiple,
     iconStyle = _ref.iconStyle,
     iconClassName = _ref.iconClassName;
-  var theme = useTheme();
   return /*#__PURE__*/_jsx(Center, {
     flex: 'none',
     style: _objectSpread({
-      background: background || theme.colorFillSecondary,
+      background: background || cssVar.colorFillSecondary,
       borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),
       color: color,
       height: size,

package/es/features/ModelIcon/DefaultIcon.js

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { Icon } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { Brain } from 'lucide-react';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,9 +17,8 @@ var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
   return /*#__PURE__*/_jsx(Icon, _objectSpread({
-    color: color || theme.colorTextDescription,
+    color: color || cssVar.colorTextDescription,
     icon: Brain,
     size: size
   }, rest));

package/es/features/ProviderIcon/DefaultAvatar.js

@@ -5,7 +5,7 @@ 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 { Center } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { memo } from 'react';
 import DefaultIcon from "./DefaultIcon";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -20,11 +20,10 @@ var DefaultAvatar = /*#__PURE__*/memo(function (_ref) {
     iconMultiple = _ref$iconMultiple === void 0 ? 0.6 : _ref$iconMultiple,
     iconStyle = _ref.iconStyle,
     iconClassName = _ref.iconClassName;
-  var theme = useTheme();
   return /*#__PURE__*/_jsx(Center, {
     flex: 'none',
     style: _objectSpread({
-      background: background || theme.colorFillSecondary,
+      background: background || cssVar.colorFillSecondary,
       borderRadius: shape === 'circle' ? '50%' : Math.floor(size * 0.1),
       color: color,
       height: size,

package/es/features/ProviderIcon/DefaultIcon.js

@@ -8,7 +8,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 { Icon } from '@lobehub/ui';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { Radar } from 'lucide-react';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -17,9 +17,8 @@ var DefaultIcon = /*#__PURE__*/memo(function (_ref) {
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 12 : _ref$size,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
   return /*#__PURE__*/_jsx(Icon, _objectSpread({
-    color: color || theme.colorTextDescription,
+    color: color || cssVar.colorTextDescription,
     icon: Radar,
     size: size
   }, rest));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/icons",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Popular AI / LLM Model Brand SVG Logo and Icon Collection",
   "keywords": [
     "lobehub",
@@ -30,12 +30,12 @@
     "packages/*"
   ],
   "dependencies": {
-    "antd-style": "^4.0.0",
+    "antd-style": "^4.1.0",
     "lucide-react": "^0.469.0",
     "polished": "^4.3.1"
   },
   "peerDependencies": {
-    "@lobehub/ui": "^4.0.0",
+    "@lobehub/ui": "^4.3.3",
     "antd": "^6.1.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"