dumi-theme-lobehub 4.0.0 → 4.0.2

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

@@ -2,13 +2,12 @@
 
 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(LobehubConfigProvider, {
     motion: motion,
     children: /*#__PURE__*/_jsx(ConfigProvider, {
@@ -18,24 +17,24 @@ var Config = /*#__PURE__*/memo(function (_ref) {
             contentFontSizeSM: 12
           },
           DatePicker: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
           },
           Input: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
           },
           InputNumber: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
           },
           Mentions: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
           },
           Select: {
-            activeBorderColor: theme.colorBorder,
-            hoverBorderColor: theme.colorBorder
+            activeBorderColor: cssVar.colorBorder,
+            hoverBorderColor: cssVar.colorBorder
           }
         }
       },

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;
+};