@lobehub/ui 1.170.7 → 1.171.0

package/es/ActionIcon/index.d.ts

@@ -60,6 +60,10 @@ export interface ActionIconProps extends LucideIconProps, FlexboxProps {
      * @default 0.5
      */
     tooltipDelay?: number;
+    /**
+     * @description Hotkey to display in tooltip
+     */
+    tooltipHotkey?: string;
     variant?: 'default' | 'block' | 'ghost';
 }
 declare const ActionIcon: import("react").ForwardRefExoticComponent<ActionIconProps & import("react").RefAttributes<HTMLDivElement>>;

package/es/ActionIcon/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["color", "fill", "className", "active", "icon", "size", "variant", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "fillOpacity", "fillRule", "focusable", "disable", "spin", "styles"];
+var _excluded = ["color", "fill", "className", "active", "icon", "size", "variant", "style", "glass", "title", "placement", "arrow", "spotlight", "onClick", "children", "loading", "tooltipDelay", "tooltipHotkey", "fillOpacity", "fillRule", "focusable", "disable", "spin", "styles"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -47,6 +47,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     loading = _ref.loading,
     _ref$tooltipDelay = _ref.tooltipDelay,
     tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
+    tooltipHotkey = _ref.tooltipHotkey,
     fillOpacity = _ref.fillOpacity,
     fillRule = _ref.fillRule,
     focusable = _ref.focusable,
@@ -112,6 +113,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
   if (!title) return actionIconBlock;
   return /*#__PURE__*/_jsx(Tooltip, {
     arrow: arrow,
+    hotkey: tooltipHotkey,
     mouseEnterDelay: tooltipDelay,
     onOpenChange: setTooltipOpen,
     open: tooltipOpen,

package/es/Highlighter/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref, type) {
   var prefix = "".concat(prefixCls, "-highlighter");
   var buttonHoverCls = "".concat(prefix, "-hover-btn");
   var langHoverCls = "".concat(prefix, "-hover-lang");
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary);
   return {
     button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-start: ", ";\n          inset-inline-end: ", ";\n\n          opacity: 0;\n        "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
     container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            overflow: auto hidden;\n\n            margin: 0 !important;\n            padding: ", " !important;\n\n            white-space: break-spaces;\n\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px")),

package/es/Markdown/markdown.style.js

@@ -1,12 +1,10 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 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';
 var IGNORE_CLASSNAME = '.ignore-markdown-style';
 export var useStyles = createStyles(function (_ref, _ref2) {
   var cx = _ref.cx,
     token = _ref.token,
-    isDarkMode = _ref.isDarkMode,
     css = _ref.css;
   var _ref2$fontSize = _ref2.fontSize,
     fontSize = _ref2$fontSize === void 0 ? 16 : _ref2$fontSize,
@@ -16,7 +14,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     marginMultiple = _ref2$marginMultiple === void 0 ? 1.5 : _ref2$marginMultiple,
     _ref2$lineHeight = _ref2.lineHeight,
     lineHeight = _ref2$lineHeight === void 0 ? 1.8 : _ref2$lineHeight;
-  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5), IGNORE_CLASSNAME);
+  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, IGNORE_CLASSNAME);
   var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      a:not(", " a) {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
   var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      blockquote:not(", " blockquote) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n\n        color: ", ";\n\n        border-inline-start: solid 4px ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorTextSecondary, token.colorBorder);
   var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      code:not(", " code) {\n        &:not(:has(span)) {\n          display: inline;\n\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1;\n          word-break: break-word;\n          white-space: break-spaces;\n\n          background: ", ";\n          border: 1px solid var(--lobe-markdown-border-color);\n          border-radius: 0.25em;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);

package/es/Mermaid/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref, type) {
   var prefix = "".concat(prefixCls, "-highlighter");
   var buttonHoverCls = "".concat(prefix, "-hover-btn");
   var langHoverCls = "".concat(prefix, "-hover-lang");
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary);
   return {
     button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-start: ", ";\n          inset-inline-end: ", ";\n\n          opacity: 0;\n        "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
     container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            overflow: auto hidden;\n\n            margin: 0 !important;\n            padding: ", " !important;\n\n            white-space: break-spaces;\n\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n\n          svg {\n            height: fit-content;\n            line-height: 1.2;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px")),

package/es/Snippet/style.js

@@ -6,7 +6,7 @@ export var useStyles = createStyles(function (_ref, type) {
     cx = _ref.cx,
     token = _ref.token,
     prefixCls = _ref.prefixCls;
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border: 1px solid ", ";\n  "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border: 1px solid ", ";\n  "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
   return {
     container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        max-width: 100%;\n        height: 38px;\n        padding-block: 0;\n        padding-inline: 12px 8px;\n\n        border-radius: ", "px;\n\n        transition: background-color 100ms ", ";\n\n        &:hover {\n          background-color: ", ";\n        }\n\n        .", "-highlighter-shiki {\n          position: relative;\n          overflow: hidden;\n          flex: 1;\n        }\n\n        .prism-code {\n          background: none !important;\n        }\n\n        pre {\n          overflow: auto hidden !important;\n          display: flex;\n          align-items: center;\n\n          width: 100%;\n          height: 36px !important;\n          margin: 0 !important;\n\n          line-height: 1;\n          text-wrap: nowrap !important;\n\n          background: none !important;\n        }\n\n        code[class*='language-'] {\n          background: none !important;\n        }\n      "])), token.borderRadius, token.motionEaseOut, token.colorFillTertiary, prefixCls))
   };

package/es/chat/ChatItem/style.js

@@ -1,20 +1,19 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 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, _ref2) {
   var cx = _ref.cx,
     css = _ref.css,
     token = _ref.token,
-    isDarkMode = _ref.isDarkMode,
     responsive = _ref.responsive;
   var placement = _ref2.placement,
     type = _ref2.type,
     title = _ref2.title,
-    primary = _ref2.primary,
     avatarSize = _ref2.avatarSize,
     editing = _ref2.editing,
     time = _ref2.time;
-  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ";\n    "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadiusLG, token.motionEaseOut);
+  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    "])), token.colorBgContainer, rgba(token.colorBorderSecondary, 0.66), token.borderRadiusLG);
   var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-block-start: ", ";\n    "])), title ? 0 : '6px');
   var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-block-end: -16px;\n      transition: background-color 100ms ", ";\n    "])), token.motionEaseOut);
   var typeStylish = type === 'block' ? blockStylish : pureStylish;

package/es/color/colors/gray.js

@@ -1,5 +1,5 @@
 var gray = {
-  dark: ['#000000', '#111111', '#222222', '#2d2d2d', '#333333', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
+  dark: ['#000000', '#111111', '#1a1a1a', '#222222', '#2d2d2d', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
   darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.06)', 'rgba(255, 255, 255, 0.10)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff'],
   light: ['#ffffff', '#f8f8f8', '#eeeeee', '#e3e3e3', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#666666', '#333333', '#080808'],
   lightA: ['rgba(0, 0, 0, 0.015)', 'rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.06)', 'rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.18)', 'rgba(0, 0, 0, 0.24)', 'rgba(0, 0, 0, 0.32)', 'rgba(0, 0, 0, 0.38)', 'rgba(0, 0, 0, 0.44)', 'rgba(0, 0, 0, 0.5)', 'rgba(0, 0, 0, 0.68)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.98)']

package/es/mdx/mdxComponents/Pre.js

@@ -22,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n  "])))
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;\n  "])))
   };
 });
 export var Pre = function Pre(_ref2) {

package/package.json

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