dumi-theme-lobehub 3.0.2 → 4.0.1

package/dist/builtins/Previewer/index.js

@@ -7,8 +7,9 @@ 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 { cx } from 'antd-style';
 import Previewer from 'dumi/theme-default/builtins/Previewer';
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function (_ref) {
   var center = _ref.center,
@@ -16,9 +17,6 @@ export default (function (_ref) {
     nopadding = _ref.nopadding,
     pure = _ref.pure,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(pure),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
   return /*#__PURE__*/_jsx("div", {
     className: cx('ignore-markdown-style', styles.container, pure && styles.pure, center && styles.center, nopadding && styles.nopadding, styles[codePlacement]),
     children: /*#__PURE__*/_jsx(Previewer, _objectSpread({}, props))

package/dist/builtins/Previewer/style.d.ts

@@ -1,9 +1,9 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    center: import("antd-style").SerializedStyles;
-    container: import("antd-style").SerializedStyles;
-    left: import("antd-style").SerializedStyles;
-    nopadding: import("antd-style").SerializedStyles;
-    pure: import("antd-style").SerializedStyles;
-    right: import("antd-style").SerializedStyles;
-    top: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    center: string;
+    container: string;
+    left: string;
+    nopadding: string;
+    pure: string;
+    right: string;
+    top: string;
+};

package/dist/builtins/Previewer/style.js

@@ -1,18 +1,17 @@
 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 { createStyles } from 'antd-style';
-import { rgba } from 'polished';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles } from 'antd-style';
+var prefixCls = 'ant';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    prefixCls = _ref.prefixCls;
+    cssVar = _ref.cssVar;
   return {
     center: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    "]))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        position: relative;\n\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n\n        border-color: ", ";\n\n        background: ", ";\n\n        &-demo {\n          flex: 1;\n          border-top-color: ", " !important;\n\n          > iframe {\n            min-height: 600px;\n            border-top: 1px solid ", ";\n          }\n\n          &[data-iframe]::before {\n            background: ", ";\n          }\n        }\n\n        &-meta {\n          flex: 1;\n          border-color: ", ";\n\n          .", "-highlighter {\n            pre {\n              border-radius: 0 !important;\n            }\n          }\n        }\n\n        &-actions:not(:last-child) {\n          border-color: ", ";\n        }\n\n        &-desc {\n          .markdown {\n            border-color: ", ";\n          }\n\n          h5 {\n            background: linear-gradient(\n              to top,\n              ", ",\n              ", " 50%,\n              ", " 100%\n            );\n\n            a {\n              color: ", ";\n            }\n          }\n        }\n\n        &-tabs::after {\n          border-color: ", ";\n        }\n      }\n\n      .dumi-default-tabs-tab {\n        &-btn {\n          color: ", ";\n        }\n\n        &-active {\n          .dumi-default-tabs-tab-btn {\n            color: ", ";\n          }\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorBgContainerSecondary, token.colorBgContainerSecondary, token.colorBorderSecondary, token.colorFillContent, token.colorBorderSecondary, prefixCls, token.colorBorderSecondary, token.colorBorderSecondary, token.colorBgContainer, rgba(token.colorBgContainer, 0.95), rgba(token.colorBgContainer, 0), token.colorText, token.colorBorderSecondary, token.colorTextTertiary, token.colorText),
-    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row-reverse;\n\n        &-demo {\n          width: 50%;\n          border-left: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        position: relative;\n\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n\n        border-color: ", ";\n\n        background: ", ";\n\n        &-demo {\n          flex: 1;\n          border-top-color: ", " !important;\n\n          > iframe {\n            min-height: 600px;\n            border-top: 1px solid ", ";\n          }\n\n          &[data-iframe]::before {\n            background: ", ";\n          }\n        }\n\n        &-meta {\n          flex: 1;\n          border-color: ", ";\n\n          .", "-highlighter {\n            pre {\n              border-radius: 0 !important;\n            }\n          }\n        }\n\n        &-actions:not(:last-child) {\n          border-color: ", ";\n        }\n\n        &-desc {\n          .markdown {\n            border-color: ", ";\n          }\n\n          h5 {\n            background: linear-gradient(\n              to top,\n              ", ",\n              color-mix(in srgb, ", " 95%, transparent) 50%,\n              color-mix(in srgb, ", " 0%, transparent) 100%\n            );\n\n            a {\n              color: ", ";\n            }\n          }\n        }\n\n        &-tabs::after {\n          border-color: ", ";\n        }\n      }\n\n      .dumi-default-tabs-tab {\n        &-btn {\n          color: ", ";\n        }\n\n        &-active {\n          .dumi-default-tabs-tab-btn {\n            color: ", ";\n          }\n        }\n      }\n    "])), cssVar.colorBorderSecondary, cssVar.colorBgLayout, cssVar.colorBgLayout, cssVar.colorBorderSecondary, cssVar.colorFillContent, cssVar.colorBorderSecondary, prefixCls, cssVar.colorBorderSecondary, cssVar.colorBorderSecondary, cssVar.colorBgContainer, cssVar.colorBgContainer, cssVar.colorBgContainer, cssVar.colorText, cssVar.colorBorderSecondary, cssVar.colorTextTertiary, cssVar.colorText),
+    left: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row-reverse;\n\n        &-demo {\n          width: 50%;\n          border-left: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), cssVar.colorBorderSecondary),
     nopadding: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n    "]))),
     pure: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        margin: 0;\n        padding: 0;\n        border: none;\n      }\n\n      .dumi-default-previewer-demo {\n        padding: 0;\n      }\n\n      .dumi-default-previewer-meta {\n        display: none;\n      }\n    "]))),
-    right: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row;\n\n        &-demo {\n          width: 50%;\n          border-right: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), token.colorBorderSecondary),
+    right: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: row;\n\n        &-demo {\n          width: 50%;\n          border-right: 1px solid ", ";\n        }\n\n        &-meta {\n          width: 50%;\n        }\n      }\n    "])), cssVar.colorBorderSecondary),
     top: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      .dumi-default-previewer {\n        flex-direction: column-reverse;\n\n        &-meta {\n          display: flex;\n          flex-direction: column;\n        }\n\n        &-actions {\n          order: 1;\n        }\n\n        &-desc {\n          order: 2;\n        }\n      }\n    "])))
   };
 });

package/dist/components/ApiHeader/index.js

@@ -13,7 +13,7 @@ import { useResponsive } from 'antd-style';
 import { Edit3, Github } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { useStyles } from "./style";
+import { styles } from "./style";
 
 /**
  * @title ApiHeaderProps
@@ -38,8 +38,6 @@ export var ApiHeader = /*#__PURE__*/memo(function (_ref) {
     _ref$serviceList = _ref.serviceList,
     serviceList = _ref$serviceList === void 0 ? [] : _ref$serviceList,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   var isDoc = type === 'doc';

package/dist/components/ApiHeader/style.d.ts

@@ -1,7 +1,7 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    desc: import("antd-style").SerializedStyles;
-    label: import("antd-style").SerializedStyles;
-    meta: import("antd-style").SerializedStyles;
-    text: import("antd-style").SerializedStyles;
-    title: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    desc: string;
+    label: string;
+    meta: string;
+    text: string;
+    title: string;
+};

package/dist/components/ApiHeader/style.js

@@ -1,16 +1,15 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles, responsive } from 'antd-style';
+import { lobeStaticStylish } from "../../styles";
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token,
-    r = _ref.responsive,
-    stylish = _ref.stylish;
+    cssVar = _ref.cssVar;
   return {
-    desc: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    line-height: ", "px;\n  "])), token.fontSizeLG, token.lineHeightLG),
+    desc: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: ", ";\n    line-height: ", ";\n  "])), cssVar.fontSizeLG, cssVar.lineHeightLG),
     label: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 80px;\n  "]))),
     meta: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""]))),
-    text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n  "])), stylish.resetLinkColor),
-    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      margin-block: 0;\n      font-size: 32px !important;\n    }\n  "])), r.mobile)
+    text: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n  "])), lobeStaticStylish.resetLinkColor),
+    title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", " {\n      margin-block: 0;\n      font-size: 32px !important;\n    }\n  "])), responsive.sm)
   };
 });

package/dist/components/NativeSelect/SelectItem/index.d.ts

@@ -4,7 +4,6 @@ interface SelectItemProps {
     isActive?: boolean;
     isSelected?: boolean;
     label: any;
-    prefixCls: string;
     ref?: ForwardedRef<HTMLButtonElement>;
     value: any;
 }

package/dist/components/NativeSelect/SelectItem/index.js

@@ -1,5 +1,5 @@
 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 = ["value", "label", "prefixCls", "isSelected", "isActive", "disabled"];
+var _excluded = ["value", "label", "isSelected", "isActive", "disabled"];
 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; }
@@ -7,20 +7,17 @@ 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 { cx } from 'antd-style';
 import { forwardRef } from 'react';
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SelectItem = /*#__PURE__*/forwardRef(function (_ref, reference) {
   var value = _ref.value,
     label = _ref.label,
-    prefixCls = _ref.prefixCls,
     isSelected = _ref.isSelected,
     isActive = _ref.isActive,
     disabled = _ref.disabled,
     props = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(prefixCls),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
   return /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({
     "aria-selected": isSelected,
     className: cx(styles.item, _defineProperty(_defineProperty({}, styles.selected, isSelected), styles.active, isActive)),

package/dist/components/NativeSelect/SelectItem/style.d.ts

@@ -1,5 +1,5 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+export declare const styles: {
     active: string;
     item: string;
     selected: string;
-}>;
+};

package/dist/components/NativeSelect/SelectItem/style.js

@@ -1,13 +1,13 @@
 var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, prefixCls) {
+import { createStaticStyles, cx } from 'antd-style';
+var prefixCls = 'ant';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    cx = _ref.cx,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    active: cx("".concat(prefixCls, "-item-active"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background: ", ";\n    "])), token.colorFillTertiary)),
-    item: cx("".concat(prefixCls, "-item"), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      all: unset;\n\n      user-select: none;\n      scroll-margin: 50px;\n\n      display: block;\n\n      box-sizing: inherit;\n      width: 100%;\n      padding: 12px 10px;\n\n      font-family: ", ";\n      font-weight: normal;\n      line-height: 1;\n      color: ", ";\n\n      background: transparent;\n      border-radius: 5px;\n\n      &:hover {\n        background: ", ";\n      }\n    "])), token.fontFamily, token.colorText, token.colorFillTertiary)),
-    selected: cx("".concat(prefixCls, "-item-selected"), css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-weight: bold;\n      color: ", ";\n      background: ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n    "])), token.colorPrimaryText, token.colorPrimaryBg, token.colorPrimaryTextHover, token.colorPrimaryBgHover))
+    active: cx("".concat(prefixCls, "-item-active"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background: ", ";\n    "])), cssVar.colorFillTertiary)),
+    item: cx("".concat(prefixCls, "-item"), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      all: unset;\n\n      user-select: none;\n      scroll-margin: 50px;\n\n      display: block;\n\n      box-sizing: inherit;\n      width: 100%;\n      padding: 12px 10px;\n      border-radius: 5px;\n\n      font-family: ", ";\n      font-weight: normal;\n      line-height: 1;\n      color: ", ";\n\n      background: transparent;\n\n      &:hover {\n        background: ", ";\n      }\n    "])), cssVar.fontFamily, cssVar.colorText, cssVar.colorFillTertiary)),
+    selected: cx("".concat(prefixCls, "-item-selected"), css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      font-weight: bold;\n      color: ", ";\n      background: ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n    "])), cssVar.colorPrimaryText, cssVar.colorPrimaryBg, cssVar.colorPrimaryTextHover, cssVar.colorPrimaryBgHover))
   };
 });

package/dist/components/NativeSelect/index.d.ts

@@ -7,7 +7,6 @@ interface OptionType {
 export interface NativeSelectProps {
     onChange?: (index: number) => void;
     options?: OptionType[];
-    prefixCls?: string;
     renderItem?: (item: OptionType, index: number) => ReactNode;
     renderValue?: (index: number) => ReactNode;
     style?: CSSProperties;

package/dist/components/NativeSelect/index.js

@@ -14,7 +14,7 @@ import { FloatingFocusManager, FloatingOverlay, FloatingPortal, autoUpdate, flip
 import { memo, useEffect, useRef, useState } from 'react';
 import useControlledState from 'use-merge-value';
 import SelectItem from "./SelectItem";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -22,12 +22,10 @@ var NativeSelect = /*#__PURE__*/memo(function (_ref) {
   var _ref$options = _ref.options,
     options = _ref$options === void 0 ? [] : _ref$options,
     value = _ref.value,
-    prefixCls = _ref.prefixCls,
     onChange = _ref.onChange,
     renderValue = _ref.renderValue,
     renderItem = _ref.renderItem,
     style = _ref.style;
-  var cls = prefixCls !== null && prefixCls !== void 0 ? prefixCls : 'native-select';
   var _useControlledState = useControlledState(0, {
       onChange: onChange,
       value: value
@@ -35,8 +33,6 @@ var NativeSelect = /*#__PURE__*/memo(function (_ref) {
     _useControlledState2 = _slicedToArray(_useControlledState, 2),
     selectedIndex = _useControlledState2[0],
     setSelectedIndex = _useControlledState2[1];
-  var _useStyles = useStyles(cls),
-    styles = _useStyles.styles;
   var listReference = useRef([]);
   var listContentReference = useRef([]);
   var overflowReference = useRef(null);
@@ -200,7 +196,6 @@ var NativeSelect = /*#__PURE__*/memo(function (_ref) {
                   isActive: index === activeIndex,
                   isSelected: index === selectedIndex,
                   label: renderItem ? renderItem(item, index) : item.label,
-                  prefixCls: cls,
                   ref: function ref(node) {
                     listReference.current[index] = node;
                     listContentReference.current[index] = item.label;

package/dist/components/NativeSelect/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: string | undefined) => import("antd-style").ReturnStyles<{
+export declare const styles: {
     button: string;
     container: string;
-}>;
+};

package/dist/components/NativeSelect/style.js

@@ -1,13 +1,13 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, prefixCls) {
+import { createStaticStyles, cx } from 'antd-style';
+import { lobeStaticStylish } from "../../styles";
+var prefixCls = 'ant';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    stylish = _ref.stylish,
-    cx = _ref.cx,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    button: cx("".concat(prefixCls, "-button"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n      all: unset;\n\n      cursor: default;\n      user-select: none;\n\n      padding: 8px;\n\n      font-size: ", "px;\n      line-height: 0;\n      color: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n\n      -webkit-tap-highlight-color: transparent;\n\n      &:focus-visible {\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), stylish.buttonDefaultHover, token.fontSize, token.colorTextSecondary, token.colorBgContainer, token.colorBorder, token.borderRadius, token.colorPrimary, token.colorPrimaryBg)),
-    container: cx(prefixCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n      scrollbar-width: none;\n\n      overflow-y: auto;\n      overscroll-behavior: contain;\n\n      box-sizing: border-box;\n      width: 160px;\n      padding: 5px;\n\n      font-size: ", ";\n\n      background: ", ";\n      border: 1px solid ", ";\n      border-radius: 8px;\n      outline: 0;\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "])), token.fontSize, token.colorBgElevated, token.colorBorder, token.boxShadowSecondary))
+    button: cx("".concat(prefixCls, "-button"), css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n      all: unset;\n\n      cursor: default;\n      user-select: none;\n\n      padding: 8px;\n\n      font-size: ", ";\n      line-height: 0;\n      color: ", ";\n\n      background: ", ";\n\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      -webkit-tap-highlight-color: transparent;\n\n      &:focus-visible {\n        border-color: ", ";\n        box-shadow: 0 0 0 2px ", ";\n      }\n    "])), lobeStaticStylish.buttonDefaultHover, cssVar.fontSize, cssVar.colorTextSecondary, cssVar.colorBgContainer, cssVar.colorBorder, cssVar.borderRadius, cssVar.colorPrimary, cssVar.colorPrimaryBg)),
+    container: cx(prefixCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n      scrollbar-width: none;\n\n      overflow-y: auto;\n      overscroll-behavior: contain;\n\n      box-sizing: border-box;\n      width: 160px;\n      padding: 5px;\n      border: 1px solid ", ";\n      border-radius: 8px;\n\n      font-size: ", ";\n\n      background: ", ";\n      outline: 0;\n      box-shadow: ", ";\n\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    "])), cssVar.colorBorder, cssVar.fontSize, cssVar.colorBgElevated, cssVar.boxShadowSecondary))
   };
 });

package/dist/layouts/DemoLayout/GlobalStyle.js

@@ -1,14 +1,5 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from 'antd-style';
-var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html, body {\n    background: ", ";\n  }\n\n  #root {\n    min-height: 100vh;\n    background: ", ";\n  }\n\n  #nprogress {\n    .bar {\n      background: ", ";\n    }\n\n    .peg {\n      display: none !important;\n    }\n\n    .spinner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colorBgContainerSecondary;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colorBgContainerSecondary;
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colorText;
-});
+import { createGlobalStyle, cssVar } from 'antd-style';
+var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html, body {\n    background: ", ";\n  }\n\n  #root {\n    min-height: 100vh;\n    background: ", ";\n  }\n\n  #nprogress {\n    .bar {\n      background: ", ";\n    }\n\n    .peg {\n      display: none !important;\n    }\n\n    .spinner {\n      display: none;\n    }\n  }\n"])), cssVar.colorBgLayout, cssVar.colorBgLayout, cssVar.colorText);
 export default GlobalStyle;

package/dist/layouts/DocLayout/ConfigProvider.js

@@ -1,41 +1,45 @@
 'use client';
 
+import { ConfigProvider as LobehubConfigProvider } from '@lobehub/ui';
 import { ConfigProvider } from 'antd';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
+import * as motion from 'motion/react-m';
 import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var Config = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children;
-  var theme = useTheme();
-  return /*#__PURE__*/_jsx(ConfigProvider, {
-    theme: {
-      components: {
-        Button: {
-          contentFontSizeSM: 12
-        },
-        DatePicker: {
-          activeBorderColor: theme.colorBorder,
-          hoverBorderColor: theme.colorBorder
-        },
-        Input: {
-          activeBorderColor: theme.colorBorder,
-          hoverBorderColor: theme.colorBorder
-        },
-        InputNumber: {
-          activeBorderColor: theme.colorBorder,
-          hoverBorderColor: theme.colorBorder
-        },
-        Mentions: {
-          activeBorderColor: theme.colorBorder,
-          hoverBorderColor: theme.colorBorder
-        },
-        Select: {
-          activeBorderColor: theme.colorBorder,
-          hoverBorderColor: theme.colorBorder
+  return /*#__PURE__*/_jsx(LobehubConfigProvider, {
+    motion: motion,
+    children: /*#__PURE__*/_jsx(ConfigProvider, {
+      theme: {
+        components: {
+          Button: {
+            contentFontSizeSM: 12
+          },
+          DatePicker: {
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
+          },
+          Input: {
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
+          },
+          InputNumber: {
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
+          },
+          Mentions: {
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
+          },
+          Select: {
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
+          }
         }
-      }
-    },
-    children: children
+      },
+      children: children
+    })
   });
 });
 export default Config;

package/dist/layouts/DocLayout/GlobalStyle.js

@@ -3,10 +3,10 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { createGlobalStyle } from 'antd-style';
 var GlobalStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html, body {\n    background: ", ";\n  }\n\n  #root {\n    min-height: 100vh;\n    background: ", ";\n  }\n\n  #nprogress {\n    .bar {\n      background: ", ";\n    }\n\n    .peg {\n      display: none !important;\n    }\n\n    .spinner {\n      display: none;\n    }\n  }\n"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.colorBgContainerSecondary;
+  return theme.colorBgLayout;
 }, function (_ref2) {
   var theme = _ref2.theme;
-  return theme.colorBgContainerSecondary;
+  return theme.colorBgLayout;
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.colorText;

package/dist/pages/Changelog/index.js

@@ -3,7 +3,7 @@ import isEqual from 'fast-deep-equal';
 import { memo, useEffect } from 'react';
 import { Center } from 'react-layout-kit';
 import { ApiHeader } from "../../components/ApiHeader";
-import { useStyles } from "../Docs/styles";
+import { styles } from "../Docs/styles";
 import Content from "dumi/theme/slots/Content";
 import { siteSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -19,8 +19,6 @@ var Changelog = /*#__PURE__*/memo(function (_ref) {
       };
     }, isEqual),
     fm = _useSiteStore.fm;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   useEffect(function () {
     var _window, _document;
     (_window = window) === null || _window === void 0 || _window.scrollTo(0, 0);

package/dist/pages/Docs/index.js

@@ -5,7 +5,7 @@ import { Center } from 'react-layout-kit';
 import ApiHeader from "dumi/theme/slots/ApiHeader";
 import Content from "dumi/theme/slots/Content";
 import { apiHeaderSelectors, siteSelectors, useSiteStore } from "../../store";
-import { useStyles } from "./styles";
+import { styles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Documents = /*#__PURE__*/memo(function (_ref) {
@@ -22,8 +22,6 @@ var Documents = /*#__PURE__*/memo(function (_ref) {
     isApiPage = _useSiteStore.isApiPage,
     giscus = _useSiteStore.giscus,
     pathname = _useSiteStore.pathname;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   useEffect(function () {
     var _window, _document;
     (_window = window) === null || _window === void 0 || _window.scrollTo(0, 0);

package/dist/pages/Docs/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    changelog: import("antd-style").SerializedStyles;
-    content: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    changelog: string;
+    content: string;
+};

package/dist/pages/Docs/styles.js

@@ -1,11 +1,11 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    changelog: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .markdown {\n      font-size: 16px;\n\n      h1 {\n        display: none;\n      }\n\n      h2,\n      h3 {\n        margin-bottom: 0;\n        font-size: 28px;\n      }\n\n      sup {\n        color: ", ";\n      }\n\n      details {\n        font-size: 14px;\n      }\n\n      summary > kbd {\n        margin-left: 6px;\n        padding: unset;\n\n        font-size: inherit;\n        line-height: inherit;\n\n        background: unset;\n        border: unset;\n      }\n\n      a[href='/changelog#readme-top'] {\n        display: block;\n        margin-bottom: 32px;\n        padding-bottom: 32px;\n        border-bottom: 1px solid ", ";\n\n        > img {\n          display: none;\n        }\n      }\n    }\n  "])), token.colorTextDescription, token.colorBorderSecondary),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: ", "px;\n    margin: 0 auto;\n  "])), token.contentMaxWidth)
+    changelog: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .markdown {\n      font-size: 16px;\n\n      h1 {\n        display: none;\n      }\n\n      h2,\n      h3 {\n        margin-bottom: 0;\n        font-size: 28px;\n      }\n\n      sup {\n        color: ", ";\n      }\n\n      details {\n        font-size: 14px;\n      }\n\n      summary > kbd {\n        margin-left: 6px;\n        padding: unset;\n        border: unset;\n\n        font-size: inherit;\n        line-height: inherit;\n\n        background: unset;\n      }\n\n      a[href='/changelog#readme-top'] {\n        display: block;\n        margin-bottom: 32px;\n        padding-bottom: 32px;\n        border-bottom: 1px solid ", ";\n\n        > img {\n          display: none;\n        }\n      }\n    }\n  "])), cssVar.colorTextDescription, cssVar.colorBorderSecondary),
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 100%;\n    max-width: var(--lobe-content-max-width, 960px);\n    margin: 0 auto;\n  "])))
   };
 });

package/dist/slots/Content/index.js

@@ -9,13 +9,13 @@ 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; }
 import { Block, Typography } from '@lobehub/ui';
 import { Skeleton } from 'antd';
-import { useResponsive } from 'antd-style';
+import { useResponsive, cx } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo, useEffect } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ContentFooter from "dumi/theme/slots/ContentFooter";
 import { siteSelectors, useSiteStore } from "../../store";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Content = /*#__PURE__*/memo(function (_ref) {
@@ -26,8 +26,7 @@ var Content = /*#__PURE__*/memo(function (_ref) {
   });
   var _useSiteStore = useSiteStore(siteSelectors.themeConfig, isEqual),
     docStyle = _useSiteStore.docStyle;
-  var _useStyles = useStyles(docStyle === 'pure'),
-    styles = _useStyles.styles;
+  var isPure = docStyle === 'pure';
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   useEffect(function () {
@@ -38,7 +37,7 @@ var Content = /*#__PURE__*/memo(function (_ref) {
     width: '100%'
   }, props), {}, {
     children: [/*#__PURE__*/_jsxs(Block, {
-      className: styles.content,
+      className: cx(styles.content, !isPure && styles.content_notPure),
       shadow: true,
       variant: 'filled',
       children: [/*#__PURE__*/_jsx(Skeleton, {

package/dist/slots/Content/style.d.ts

@@ -1,3 +1,4 @@
-export declare const useStyles: (props?: boolean | undefined) => import("antd-style").ReturnStyles<{
+export declare const styles: {
     content: string;
-}>;
+    content_notPure: string;
+};

package/dist/slots/Content/style.js

@@ -1,12 +1,11 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref, isPure) {
-  var cx = _ref.cx,
-    token = _ref.token,
-    responsive = _ref.responsive,
-    css = _ref.css;
+import { createStaticStyles, responsive } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   return {
-    content: cx(!isPure && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: 24px 48px;\n        border-radius: ", "px;\n        background-color: ", ";\n\n        ", " {\n          padding: 8px 16px;\n          border-radius: 0;\n        }\n      "])), token.borderRadiusLG, token.colorBgContainer, responsive.mobile), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      flex: 1;\n      box-sizing: border-box;\n      width: 100%;\n      min-height: 400px;\n\n      &:has([data-page-tabs='true']) {\n        padding-top: 8px;\n      }\n\n      .dumi-default-table-content {\n        overflow: visible !important;\n        font-size: 14px;\n      }\n\n      .dumi-default-badge {\n        &:not([type]) {\n          border: 1px solid ", ";\n          color: ", ";\n          background: ", ";\n        }\n\n        &[type='warning'] {\n          border: 1px solid ", ";\n          color: ", ";\n          background: ", ";\n        }\n\n        &[type='error'] {\n          border: 1px solid ", ";\n          color: ", ";\n          background: ", ";\n        }\n\n        &[type='success'] {\n          border: 1px solid ", ";\n          color: ", ";\n          background: ", ";\n        }\n      }\n    "])), token.colorInfoBorder, token.colorInfoText, token.colorInfoBg, token.colorWarningBorder, token.colorWarningText, token.colorWarningBg, token.colorErrorBorder, token.colorErrorText, token.colorErrorBg, token.colorSuccessBorder, token.colorSuccessText, token.colorSuccessBg))
+    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    flex: 1;\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 400px;\n\n    &:has([data-page-tabs='true']) {\n      padding-top: 8px;\n    }\n\n    .dumi-default-table-content {\n      overflow: visible !important;\n      font-size: 14px;\n    }\n\n    .dumi-default-badge {\n      &:not([type]) {\n        border: 1px solid ", ";\n        color: ", ";\n        background: ", ";\n      }\n\n      &[type='warning'] {\n        border: 1px solid ", ";\n        color: ", ";\n        background: ", ";\n      }\n\n      &[type='error'] {\n        border: 1px solid ", ";\n        color: ", ";\n        background: ", ";\n      }\n\n      &[type='success'] {\n        border: 1px solid ", ";\n        color: ", ";\n        background: ", ";\n      }\n    }\n  "])), cssVar.colorInfoBorder, cssVar.colorInfoText, cssVar.colorInfoBg, cssVar.colorWarningBorder, cssVar.colorWarningText, cssVar.colorWarningBg, cssVar.colorErrorBorder, cssVar.colorErrorText, cssVar.colorErrorBg, cssVar.colorSuccessBorder, cssVar.colorSuccessText, cssVar.colorSuccessBg),
+    content_notPure: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding: 24px 48px;\n    border-radius: ", ";\n    background-color: ", ";\n\n    ", " {\n      padding: 8px 16px;\n      border-radius: 0;\n    }\n  "])), cssVar.borderRadiusLG, cssVar.colorBgContainer, responsive.sm)
   };
 });

package/dist/slots/ContentFooter/Linker.js

@@ -1,9 +1,10 @@
 import { Icon } from '@lobehub/ui';
+import { cx } from 'antd-style';
 import { Link } from 'dumi';
 import { ArrowLeft, ArrowRight } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { useStyles } from "./Linker.style";
+import { styles } from "./Linker.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -11,9 +12,6 @@ var Linker = /*#__PURE__*/memo(function (_ref) {
   var title = _ref.title,
     link = _ref.link,
     type = _ref.type;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
   var navContent = useMemo(function () {
     switch (type) {
       case 'prev':

package/dist/slots/ContentFooter/Linker.style.d.ts

@@ -1,6 +1,6 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    alignmentEnd: import("antd-style").SerializedStyles;
-    container: import("antd-style").SerializedStyles;
-    nav: import("antd-style").SerializedStyles;
-    title: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    alignmentEnd: string;
+    container: string;
+    nav: string;
+    title: string;
+};

package/dist/slots/ContentFooter/Linker.style.js

@@ -1,13 +1,13 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
-  var token = _ref.token,
-    css = _ref.css;
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   return {
     alignmentEnd: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    justify-content: flex-end;\n  "]))),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    min-width: 250px;\n    padding: 16px 24px;\n\n    background: ", ";\n    border-radius: 8px;\n\n    &:hover {\n      background: ", ";\n    }\n  "])), token.colorBgContainer, token.colorFillTertiary),
-    nav: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n  "])), token.colorTextTertiary),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    min-width: 250px;\n    padding: 16px 24px;\n    border-radius: 8px;\n\n    background: ", ";\n\n    &:hover {\n      background: ", ";\n    }\n  "])), cssVar.colorBgContainer, cssVar.colorFillTertiary),
+    nav: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: 12px;\n    color: ", ";\n  "])), cssVar.colorTextTertiary),
     title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    font-size: 16px;\n  "])))
   };
 });

package/dist/slots/ContentTabs/index.js

@@ -7,15 +7,13 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { Tabs } from '@lobehub/ui';
 import { useIntl } from 'dumi';
 import { memo } from 'react';
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ContentTabs = /*#__PURE__*/memo(function (_ref) {
   var tabs = _ref.tabs,
     key = _ref.tabKey,
     _onChange = _ref.onChange;
   var intl = useIntl();
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   // TODO: tab.Extra & tab.Action render
 
   return tabs && (tabs === null || tabs === void 0 ? void 0 : tabs.length) > 0 ? /*#__PURE__*/_jsx(Tabs, {

package/dist/slots/ContentTabs/style.d.ts

@@ -1,3 +1,3 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    cls: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    cls: string;
+};

package/dist/slots/ContentTabs/style.js

@@ -1,13 +1,13 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
-  var token = _ref.token,
-    prefixCls = _ref.prefixCls,
-    css = _ref.css;
-  var prefix = ".".concat(prefixCls, "-tabs");
-  var marginBlock = 8;
+import { createStaticStyles } from 'antd-style';
+var prefixCls = 'ant';
+var prefix = ".".concat(prefixCls, "-tabs");
+var marginBlock = 8;
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   return {
-    cls: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "-tab + ", "-tab {\n        margin: 8px 4px !important;\n        margin-block: ", "px;\n        padding: 0 12px !important;\n      }\n\n      ", "-tab {\n        color: ", ";\n        transition: background-color 150ms ease-out;\n\n        &:first-child {\n          margin-block: ", "px;\n          margin-inline: 0 4px;\n          padding: 4px 12px !important;\n        }\n\n        &:hover {\n          color: ", " !important;\n          background: ", ";\n          border-radius: 6px;\n        }\n      }\n    "])), prefix, prefix, marginBlock, prefix, token.colorTextSecondary, marginBlock, token.colorText, token.colorFillTertiary)
+    cls: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "-tab + ", "-tab {\n        margin: 8px 4px !important;\n        margin-block: ", "px;\n        padding: 0 12px !important;\n      }\n\n      ", "-tab {\n        color: ", ";\n        transition: background-color 150ms ease-out;\n\n        &:first-child {\n          margin-block: ", "px;\n          margin-inline: 0 4px;\n          padding: 4px 12px !important;\n        }\n\n        &:hover {\n          border-radius: 6px;\n          color: ", " !important;\n          background: ", ";\n        }\n      }\n    "])), prefix, prefix, marginBlock, prefix, cssVar.colorTextSecondary, marginBlock, cssVar.colorText, cssVar.colorFillTertiary)
   };
 });

package/dist/slots/Footer/index.js

@@ -1,12 +1,12 @@
 import { Footer as Foot } from '@lobehub/ui';
 import { Divider } from 'antd';
-import { useResponsive } from 'antd-style';
+import { useResponsive, useTheme } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 import { siteSelectors, useSiteStore } from "../../store";
 import { getColumns } from "./columns";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Footer = /*#__PURE__*/memo(function () {
@@ -18,9 +18,7 @@ var Footer = /*#__PURE__*/memo(function () {
   var footerConfig = themeConfig.footerConfig,
     footer = themeConfig.footer;
   var githubUrl = useSiteStore(siteSelectors.github);
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    theme = _useStyles.theme;
+  var theme = useTheme();
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   if (!footer) return;

package/dist/slots/Footer/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    container: import("antd-style").SerializedStyles;
-    footer: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    container: string;
+    footer: string;
+};

package/dist/slots/Footer/style.js

@@ -1,13 +1,12 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles, responsive } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    responsive = _ref.responsive,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   var prefix = "rc-footer";
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      grid-area: footer;\n      align-self: stretch;\n\n      color: ", ";\n      text-align: center;\n\n      border-top: 1px solid ", ";\n\n      ", " {\n        flex-direction: column;\n        border: none;\n      }\n    "])), token.colorTextDescription, token.colorSplit, responsive.mobile),
-    footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 14px;\n      line-height: 1.5;\n      color: ", ";\n      background-color: ", ";\n\n      &.", " {\n        a {\n          color: ", ";\n          text-decoration: none;\n          transition: all 0.3s;\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      }\n\n      .", " {\n        &-container {\n          width: 100%;\n          max-width: ", "px;\n          margin: auto;\n          padding: 60px 0 20px;\n        }\n\n        &-columns {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        &-column {\n          h2 {\n            position: relative;\n\n            margin: 0 auto;\n\n            font-size: 16px;\n            font-weight: 500;\n            color: ", ";\n          }\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 22px;\n            margin-inline-end: 0.5em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n        }\n\n        &-item {\n          margin: 12px 0;\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 16px;\n            margin-inline-end: 0.4em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n\n          &-separator {\n            margin: 0 0.3em;\n          }\n        }\n\n        &-bottom {\n          &-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 16px 0;\n\n            font-size: 16px;\n            line-height: 32px;\n            text-align: center;\n\n            border-top: 1px solid ", ";\n          }\n        }\n\n        &-light {\n          color: rgba(0, 0, 0, 85%);\n          background-color: transparent;\n\n          h2,\n          a {\n            color: rgba(0, 0, 0, 85%);\n          }\n        }\n\n        &-light &-bottom-container {\n          border-top-color: #e8e8e8;\n        }\n\n        &-light &-item-separator,\n        &-light &-item-description {\n          color: rgba(0, 0, 0, 45%);\n        }\n      }\n\n      ", " {\n        .", " {\n          text-align: center;\n\n          &-container {\n            padding: 40px 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-bottom: 40px;\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    "])), token.colorTextSecondary, token.colorBgLayout, prefix, token.colorTextTertiary, token.colorLinkHover, prefix, token.contentMaxWidth, token.colorText, token.colorBorderSecondary, responsive.mobile, prefix)
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      grid-area: footer;\n      align-self: stretch;\n\n      border-top: 1px solid ", ";\n\n      color: ", ";\n      text-align: center;\n\n      ", " {\n        flex-direction: column;\n        border: none;\n      }\n    "])), cssVar.colorSplit, cssVar.colorTextDescription, responsive.sm),
+    footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      font-size: 14px;\n      line-height: 1.5;\n      color: ", ";\n      background-color: ", ";\n\n      &.", " {\n        a {\n          color: ", ";\n          text-decoration: none;\n          transition: all 0.3s;\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      }\n\n      .", " {\n        &-container {\n          width: 100%;\n          max-width: var(--lobe-content-max-width, 960px);\n          margin: auto;\n          padding: 60px 0 20px;\n        }\n\n        &-columns {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        &-column {\n          h2 {\n            position: relative;\n\n            margin: 0 auto;\n\n            font-size: 16px;\n            font-weight: 500;\n            color: ", ";\n          }\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 22px;\n            margin-inline-end: 0.5em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n        }\n\n        &-item {\n          margin: 12px 0;\n\n          &-icon {\n            position: relative;\n            top: -1px;\n\n            display: inline-block;\n\n            width: 16px;\n            margin-inline-end: 0.4em;\n\n            text-align: center;\n            vertical-align: middle;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n\n          &-separator {\n            margin: 0 0.3em;\n          }\n        }\n\n        &-bottom {\n          &-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 16px 0;\n            border-top: 1px solid ", ";\n\n            font-size: 16px;\n            line-height: 32px;\n            text-align: center;\n          }\n        }\n\n        &-light {\n          color: rgba(0, 0, 0, 85%);\n          background-color: transparent;\n\n          h2,\n          a {\n            color: rgba(0, 0, 0, 85%);\n          }\n        }\n\n        &-light &-bottom-container {\n          border-top-color: #e8e8e8;\n        }\n\n        &-light &-item-separator,\n        &-light &-item-description {\n          color: rgba(0, 0, 0, 45%);\n        }\n      }\n\n      ", " {\n        .", " {\n          text-align: center;\n\n          &-container {\n            padding: 40px 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-bottom: 40px;\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    "])), cssVar.colorTextSecondary, cssVar.colorBgLayout, prefix, cssVar.colorTextTertiary, cssVar.colorLinkHover, prefix, cssVar.colorText, cssVar.colorBorderSecondary, responsive.sm, prefix)
   };
 });

package/dist/slots/Header/Burger.js

@@ -6,8 +6,8 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { Burger as Menu } from '@lobehub/ui';
 import { Link } from 'dumi';
+import { uniq } from 'es-toolkit';
 import isEqual from 'fast-deep-equal';
-import { uniq } from 'lodash-es';
 import { memo, useMemo, useState } from 'react';
 import { siteSelectors, useSiteStore } from "../../store";
 import { jsx as _jsx } from "react/jsx-runtime";

package/dist/slots/Logo/index.js

@@ -1,13 +1,13 @@
 import { Avatar } from '@lobehub/ui';
 import { LobeHub as SiteLogo } from '@lobehub/ui/brand';
 import { Space } from 'antd';
-import { useResponsive } from 'antd-style';
+import { useResponsive, cx } from 'antd-style';
 import { Link } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { siteSelectors } from "../../store";
 import { useSiteStore } from "../../store/useSiteStore";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Logo = /*#__PURE__*/memo(function () {
@@ -15,13 +15,10 @@ var Logo = /*#__PURE__*/memo(function () {
   var locale = useSiteStore(function (s) {
     return s.locale;
   }, isEqual);
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   return config && /*#__PURE__*/_jsx(Link, {
-    className: cx(styles),
+    className: cx(styles.root),
     to: 'base' in locale ? locale.base : '/',
     children: config.logo ? /*#__PURE__*/_jsxs(Space, {
       children: [/*#__PURE__*/_jsx(Avatar, {

package/dist/slots/Logo/style.d.ts

@@ -1 +1,3 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<import("antd-style").SerializedStyles>;
+export declare const styles: {
+    root: string;
+};

package/dist/slots/Logo/style.js

@@ -1,9 +1,10 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles, responsive } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    responsive = _ref.responsive,
-    token = _ref.token;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1;\n    color: ", ";\n    text-decoration: none;\n\n    ", " {\n      font-size: 18px;\n    }\n  "])), token.colorText, responsive.mobile);
+    cssVar = _ref.cssVar;
+  return {
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    align-items: center;\n\n    font-size: 22px;\n    font-weight: 500;\n    line-height: 1;\n    color: ", ";\n    text-decoration: none;\n\n    ", " {\n      font-size: 18px;\n    }\n  "])), cssVar.colorText, responsive.sm)
+  };
 });

package/dist/slots/Navbar/index.js

@@ -1,24 +1,16 @@
-var _templateObject;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { Tabs } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
 import { Link, history } from 'dumi';
 import NavbarExtra from 'dumi/theme-default/slots/NavbarExtra';
 import { memo } from 'react';
 import { siteSelectors, useSiteStore } from "../../store";
+import { lobeStaticStylish } from "../../styles";
 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 useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
-    stylish = _ref.stylish;
-  return {
-    link: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", "\n    "])), stylish.resetLinkColor)
-  };
-});
+var styles = {
+  link: lobeStaticStylish.resetLinkColor
+};
 var Navbar = /*#__PURE__*/memo(function () {
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var regLink = /^(\w+:)\/\/|^(mailto|tel):/;
   var nav = useSiteStore(function (s) {
     return s.navData;

package/dist/slots/PreviewerActions/index.js

@@ -9,7 +9,7 @@ import { openCodeSandbox, openStackBlitz, useIntl } from 'dumi';
 import { Code, Code2, Codesandbox, MonitorUp, Zap } from 'lucide-react';
 import { useState } from 'react';
 import SourceCode from "../../builtins/SourceCode";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -31,8 +31,6 @@ var PreviewerActions = function PreviewerActions(props) {
     setShowCode = _useState4[1];
   var isSingleFile = files.length === 1;
   var lang = ((_files$activeKey$0$ma = files[activeKey][0].match(/\.([^.]+)$/)) === null || _files$activeKey$0$ma === void 0 ? void 0 : _files$activeKey$0$ma[1]) || 'text';
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
       className: styles.actionBar,

package/dist/slots/PreviewerActions/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    actionBar: import("antd-style").SerializedStyles;
-    tabs: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    actionBar: string;
+    tabs: string;
+};

package/dist/slots/PreviewerActions/style.js

@@ -1,11 +1,11 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
-  var token = _ref.token,
-    css = _ref.css;
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   return {
     actionBar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: center;\n\n      height: 36px;\n    "]))),
-    tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 0 12px;\n      background: ", ";\n      border-top: 1px dashed ", ";\n      border-bottom: 1px dashed ", ";\n    "])), token.colorBgLayout, token.colorBorderSecondary, token.colorBorderSecondary)
+    tabs: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding: 0 12px;\n      border-top: 1px dashed ", ";\n      border-bottom: 1px dashed ", ";\n      background: ", ";\n    "])), cssVar.colorBorderSecondary, cssVar.colorBorderSecondary, cssVar.colorBgLayout)
   };
 });

package/dist/slots/SearchBar/index.js

@@ -8,12 +8,10 @@ import { SearchBar as Input } from '@lobehub/ui';
 import { useSiteSearch } from 'dumi';
 import { memo, useState } from 'react';
 import SearchResult from "dumi/theme/slots/SearchResult";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var SearchBar = /*#__PURE__*/memo(function () {
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     focusing = _useState2[0],

package/dist/slots/SearchBar/style.d.ts

@@ -1,7 +1,7 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    container: import("antd-style").SerializedStyles;
-    input: import("antd-style").SerializedStyles;
-    popover: import("antd-style").SerializedStyles;
+export declare const styles: {
+    container: string;
+    input: string;
+    popover: string;
     shortcut: string;
     svg: string;
-}>;
+};

package/dist/slots/SearchBar/style.js

@@ -1,16 +1,14 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
-  var token = _ref.token,
-    responsive = _ref.responsive,
-    css = _ref.css,
-    cx = _ref.cx;
+import { createStaticStyles, cx, responsive } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      // TODO: support search for mobile devices\n      ", " {\n        display: none;\n      }\n    "])), responsive.mobile),
-    input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-sizing: border-box;\n      width: 280px;\n      height: ", "px;\n      padding: 0;\n      padding-inline-start: 40px;\n      padding-inline-end: 12px;\n\n      font-size: 14px;\n      color: ", ";\n\n      background-color: transparent;\n      border: 1px solid ", ";\n      border-radius: 20px;\n      outline: none;\n\n      transition: all 0.3s;\n\n      &::input-placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        background: ", ";\n        border-color: ", ";\n\n        ~ .site-header-shortcut {\n          opacity: 0;\n        }\n      }\n    "])), token.controlHeightLG, token.colorTextSecondary, token.colorBorder, token.colorTextPlaceholder, token.colorBgElevated, token.colorBorderSecondary),
-    popover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 100%;\n      inset-inline-end: 0;\n\n      overflow: auto;\n      overscroll-behavior: contain;\n      flex: 1;\n\n      width: 540px;\n      min-height: 60px;\n      max-height: 400px;\n      margin-top: 8px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      box-shadow: ", ";\n\n      -webkit-overflow-scrolling: touch;\n\n      .dumi-default-search-result {\n        > dl {\n          > dt {\n            color: ", ";\n            background: ", ";\n          }\n\n          > dd {\n            > a {\n              > h4 {\n                color: ", ";\n              }\n\n              > p {\n                color: ", ";\n              }\n\n              &:hover {\n                background: ", ";\n              }\n            }\n\n            + dd {\n              border-color: ", ";\n            }\n          }\n        }\n\n        mark {\n          color: #000;\n          background: ", ";\n        }\n      }\n    "])), token.colorBgElevated, token.colorBorder, token.borderRadiusLG, token.boxShadow, token.colorText, token.colorFillTertiary, token.colorTextSecondary, token.colorTextDescription, token.colorFillSecondary, token.colorBorderSecondary, token.yellow9),
-    shortcut: cx('site-header-shortcut', css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        pointer-events: none;\n\n        position: absolute;\n        top: 50%;\n        inset-inline-end: 11px;\n        transform: translateY(-50%);\n\n        display: inline-block;\n\n        padding: 4px 8px;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ", ";\n        white-space: nowrap;\n\n        background-color: ", ";\n        border: 1px solid ", ";\n        border-radius: 11px;\n\n        transition: all 0.3s;\n\n        ", " {\n          display: none;\n        }\n      "])), token.colorTextDescription, token.colorFillSecondary, token.colorBorderSecondary, responsive.mobile)),
-    svg: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 50%;\n      inset-inline-start: 16px;\n      transform: translateY(-50%);\n\n      width: 16px;\n      margin-top: 1px;\n\n      color: ", ";\n    "])), token.colorTextPlaceholder))
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n\n      // TODO: support search for mobile devices\n      ", " {\n        display: none;\n      }\n    "])), responsive.sm),
+    input: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      box-sizing: border-box;\n      width: 280px;\n      height: ", ";\n      padding: 0;\n      padding-inline: 40px 12px;\n      border: 1px solid ", ";\n      border-radius: 20px;\n\n      font-size: 14px;\n      color: ", ";\n\n      background-color: transparent;\n      outline: none;\n\n      transition: all 0.3s;\n\n      &::input-placeholder {\n        color: ", ";\n      }\n\n      &:focus {\n        border-color: ", ";\n        background: ", ";\n\n        ~ .site-header-shortcut {\n          opacity: 0;\n        }\n      }\n    "])), cssVar.controlHeightLG, cssVar.colorBorder, cssVar.colorTextSecondary, cssVar.colorTextPlaceholder, cssVar.colorBorderSecondary, cssVar.colorBgElevated),
+    popover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 100%;\n      inset-inline-end: 0;\n\n      overflow: auto;\n      overscroll-behavior: contain;\n      flex: 1;\n\n      width: 540px;\n      min-height: 60px;\n      max-height: 400px;\n      margin-top: 8px;\n      border: 1px solid ", ";\n      border-radius: ", ";\n\n      background-color: ", ";\n      box-shadow: ", ";\n\n      -webkit-overflow-scrolling: touch;\n\n      .dumi-default-search-result {\n        > dl {\n          > dt {\n            color: ", ";\n            background: ", ";\n          }\n\n          > dd {\n            > a {\n              > h4 {\n                color: ", ";\n              }\n\n              > p {\n                color: ", ";\n              }\n\n              &:hover {\n                background: ", ";\n              }\n            }\n\n            + dd {\n              border-color: ", ";\n            }\n          }\n        }\n\n        mark {\n          color: #000;\n          background: ", ";\n        }\n      }\n    "])), cssVar.colorBorder, cssVar.borderRadiusLG, cssVar.colorBgElevated, cssVar.boxShadow, cssVar.colorText, cssVar.colorFillTertiary, cssVar.colorTextSecondary, cssVar.colorTextDescription, cssVar.colorFillSecondary, cssVar.colorBorderSecondary, cssVar.yellow9),
+    shortcut: cx('site-header-shortcut', css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        pointer-events: none;\n\n        position: absolute;\n        top: 50%;\n        inset-inline-end: 11px;\n        transform: translateY(-50%);\n\n        display: inline-block;\n\n        padding: 4px 8px;\n        border: 1px solid ", ";\n        border-radius: 11px;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ", ";\n        white-space: nowrap;\n\n        background-color: ", ";\n\n        transition: all 0.3s;\n\n        ", " {\n          display: none;\n        }\n      "])), cssVar.colorBorderSecondary, cssVar.colorTextDescription, cssVar.colorFillSecondary, responsive.sm)),
+    svg: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      position: absolute;\n      top: 50%;\n      inset-inline-start: 16px;\n      transform: translateY(-50%);\n\n      width: 16px;\n      margin-top: 1px;\n\n      color: ", ";\n    "])), cssVar.colorTextPlaceholder))
   };
 });

package/dist/slots/SearchResult/index.js

@@ -8,7 +8,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 import { Icon } from '@lobehub/ui';
 import animateScrollTo from 'animated-scroll-to';
 import { Empty, Typography } from 'antd';
-import { useTheme } from 'antd-style';
+import { cssVar } from 'antd-style';
 import { Link, history, useIntl } from 'dumi';
 import { FileBox, FileIcon, HeadingIcon, LetterText } from 'lucide-react';
 import { Fragment, memo, useCallback, useEffect, useState } from 'react';
@@ -85,7 +85,6 @@ var useFlatSearchData = function useFlatSearchData(data) {
   return flatData;
 };
 var SearchResult = /*#__PURE__*/memo(function (props) {
-  var theme = useTheme();
   var intl = useIntl();
   var _useFlatSearchData = useFlatSearchData(props.data),
     _useFlatSearchData2 = _slicedToArray(_useFlatSearchData, 2),
@@ -155,8 +154,8 @@ var SearchResult = /*#__PURE__*/memo(function (props) {
           paddingBlock: 8,
           paddingInline: 12,
           style: {
-            background: theme.colorFillTertiary,
-            borderRadius: theme.borderRadius
+            background: cssVar.colorFillTertiary,
+            borderRadius: cssVar.borderRadius
           },
           children: /*#__PURE__*/_jsx(Typography.Title, {
             ellipsis: {
@@ -192,12 +191,12 @@ var SearchResult = /*#__PURE__*/memo(function (props) {
                 flex: 'none',
                 height: 48,
                 style: {
-                  background: theme.colorFillTertiary,
-                  borderRadius: theme.borderRadius
+                  background: cssVar.colorFillTertiary,
+                  borderRadius: cssVar.borderRadius
                 },
                 width: 48,
                 children: /*#__PURE__*/_jsx(Icon, {
-                  color: theme.colorTextDescription,
+                  color: cssVar.colorTextDescription,
                   icon: ICONS_MAPPING === null || ICONS_MAPPING === void 0 ? void 0 : ICONS_MAPPING[item.value.type],
                   size: 32
                 })
@@ -220,7 +219,7 @@ var SearchResult = /*#__PURE__*/memo(function (props) {
                     rows: 2
                   },
                   style: {
-                    color: theme.colorTextSecondary,
+                    color: cssVar.colorTextSecondary,
                     fontSize: 12,
                     lineHeight: 1.4,
                     margin: 0

package/dist/slots/Sidebar/index.js

@@ -2,15 +2,13 @@ import { NavLink } from 'dumi';
 import isEqual from 'fast-deep-equal';
 import { memo } from 'react';
 import { useSiteStore } from "../../store/useSiteStore";
-import { useStyles } from "./style";
+import { styles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var Sidebar = /*#__PURE__*/memo(function () {
   var sidebar = useSiteStore(function (s) {
     return s.sidebar;
   }, isEqual);
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
   var isEmptySideBar = !sidebar || sidebar.length === 0;
   return isEmptySideBar ? undefined : /*#__PURE__*/_jsx("section", {
     className: styles.sidebarInner,

package/dist/slots/Sidebar/style.d.ts

@@ -1,4 +1,4 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    sidebar: import("antd-style").SerializedStyles;
-    sidebarInner: import("antd-style").SerializedStyles;
-}>;
+export declare const styles: {
+    sidebar: string;
+    sidebarInner: string;
+};

package/dist/slots/Sidebar/style.js

@@ -1,11 +1,11 @@
 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 { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+import { createStaticStyles } from 'antd-style';
+export var styles = createStaticStyles(function (_ref) {
   var css = _ref.css,
-    token = _ref.token;
+    cssVar = _ref.cssVar;
   return {
-    sidebar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: ", "px;\n  "])), token.headerHeight),
-    sidebarInner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n\n    dl {\n      margin: 0;\n      padding: 0;\n      line-height: 1;\n\n      > dt {\n        overflow: hidden;\n\n        margin: 8px 0;\n\n        font-weight: 500;\n        color: ", ";\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      > dd {\n        margin: 0;\n        padding: 2px 0;\n\n        > a {\n          overflow: hidden;\n          display: block;\n\n          padding: 6px 12px;\n\n          font-size: ", "px;\n          line-height: ", ";\n          color: ", ";\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n\n          border-radius: 6px;\n\n          transition:\n            color 600ms ", ",\n            background-color 100ms ", ";\n\n          &:hover {\n            color: ", ";\n            background: ", ";\n          }\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n\n          &.active {\n            color: ", ";\n            background-color: ", ";\n\n            &:hover {\n              color: ", ";\n              background: ", ";\n            }\n\n            &:active {\n              color: ", ";\n              background-color: ", ";\n            }\n          }\n        }\n      }\n\n      + dl {\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px dashed ", ";\n      }\n    }\n  "])), token.colorText, token.fontSize, token.lineHeight, token.colorTextSecondary, token.motionEaseOut, token.motionEaseOut, token.colorText, token.colorFillTertiary, token.colorText, token.colorFill, token.colorText, token.colorFillSecondary, token.colorText, token.colorFillSecondary, token.colorText, token.colorFill, token.colorBorder)
+    sidebar: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: var(--lobe-header-height, 64px);\n  "]))),
+    sidebarInner: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: auto;\n    width: 100%;\n    height: 100%;\n    padding: 16px;\n\n    dl {\n      margin: 0;\n      padding: 0;\n      line-height: 1;\n\n      > dt {\n        overflow: hidden;\n\n        margin: 8px 0;\n\n        font-weight: 500;\n        color: ", ";\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n      }\n\n      > dd {\n        margin: 0;\n        padding: 2px 0;\n\n        > a {\n          overflow: hidden;\n          display: block;\n\n          padding: 6px 12px;\n          border-radius: 6px;\n\n          font-size: ", ";\n          line-height: ", ";\n          color: ", ";\n          text-decoration: none;\n          text-overflow: ellipsis;\n          white-space: nowrap;\n\n          transition:\n            color 600ms ", ",\n            background-color 100ms ", ";\n\n          &:hover {\n            color: ", ";\n            background: ", ";\n          }\n\n          &:active {\n            color: ", ";\n            background-color: ", ";\n          }\n\n          &.active {\n            color: ", ";\n            background-color: ", ";\n\n            &:hover {\n              color: ", ";\n              background: ", ";\n            }\n\n            &:active {\n              color: ", ";\n              background-color: ", ";\n            }\n          }\n        }\n      }\n\n      + dl {\n        margin-top: 16px;\n        padding-top: 16px;\n        border-top: 1px dashed ", ";\n      }\n    }\n  "])), cssVar.colorText, cssVar.fontSize, cssVar.lineHeight, cssVar.colorTextSecondary, cssVar.motionEaseOut, cssVar.motionEaseOut, cssVar.colorText, cssVar.colorFillTertiary, cssVar.colorText, cssVar.colorFill, cssVar.colorText, cssVar.colorFillSecondary, cssVar.colorText, cssVar.colorFillSecondary, cssVar.colorText, cssVar.colorFill, cssVar.colorBorder)
   };
 });

package/dist/store/selectors/site.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }
-import { merge } from 'lodash-es';
+import { merge } from 'es-toolkit/compat';
 import { initialThemeConfig } from "../initialState";
 var themeConfig = function themeConfig(s) {
   return merge(initialThemeConfig, s.siteData.themeConfig);

package/dist/styles/index.d.ts

@@ -0,0 +1,4 @@
+export declare const lobeStaticStylish: {
+    buttonDefaultHover: string;
+    resetLinkColor: string;
+};

package/dist/styles/index.js

@@ -0,0 +1,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 { createStaticStyles } from 'antd-style';
+
+/**
+ * 静态 stylish 工具函数
+ * 用于 createStaticStyles 中替代动态 stylish
+ */
+var _lobeStaticStylish = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    buttonDefaultHover: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    transition: all 0.2s;\n\n    &:hover {\n      background: ", ";\n    }\n\n    &:active {\n      background: ", ";\n    }\n  "])), cssVar.colorFillTertiary, cssVar.colorFill),
+    resetLinkColor: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    text-decoration: none;\n\n    &:hover {\n      color: ", ";\n    }\n  "])), cssVar.colorText, cssVar.colorPrimary)
+  };
+});
+export var lobeStaticStylish = {
+  buttonDefaultHover: _lobeStaticStylish.buttonDefaultHover,
+  resetLinkColor: _lobeStaticStylish.resetLinkColor
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dumi-theme-lobehub",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "description": "dumi-theme-lobehub is a documentation site theme package designed for dumi2. It provides a more beautiful and user-friendly development and reading experience based on @lobehub/ui",
   "keywords": [
     "lobehub",
@@ -26,16 +26,13 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.16",
-    "@giscus/react": "^3.1.0",
-    "@lobehub/ui": "^3.4.6",
     "ahooks": "^3.9.6",
     "animated-scroll-to": "^2.3.2",
-    "antd-style": "^4.0.0",
+    "antd-style": "^4.1.0",
     "chalk": "^5.6.2",
+    "es-toolkit": "^1.32.0",
     "fast-deep-equal": "^3.1.3",
-    "lodash-es": "^4.17.22",
     "lucide-react": "^0.562.0",
-    "motion": "^12.23.26",
     "polished": "^4.3.1",
     "rc-footer": "^0.6.8",
     "react-layout-kit": "^2.0.1",
@@ -46,8 +43,10 @@
     "zustand-utils": "^1.3.2"
   },
   "peerDependencies": {
+    "@lobehub/ui": "^4.3.3",
     "antd": "^6.1.1",
     "dumi": "^2.4.17",
+    "motion": "^12.23.26",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   }