@4399ywkf/design 2.0.0 → 2.1.1

package/dist/AiConversation/_lobe/Highlighter/SyntaxHighlighter/StreamRenderer.js

@@ -0,0 +1,127 @@
+'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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { getTokenStyleObject } from '@shikijs/core';
+import { cx } from 'antd-style';
+import { memo } from 'react';
+import { useStreamHighlight } from "../../hooks/useStreamHighlight";
+import { jsx as _jsx } from "react/jsx-runtime";
+var normalizeStyleKeys = function normalizeStyleKeys(style) {
+  var normalized = {};
+  Object.entries(style).forEach(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    var normalizedKey = key.replaceAll(/-([a-z])/g, function (_, char) {
+      return char.toUpperCase();
+    });
+    normalized[normalizedKey] = value;
+  });
+  return normalized;
+};
+var getTokenInlineStyle = function getTokenInlineStyle(token) {
+  var rawStyle = token.htmlStyle || getTokenStyleObject(token);
+  var baseStyle = normalizeStyleKeys(rawStyle);
+  return _objectSpread(_objectSpread({}, baseStyle), {}, {
+    whiteSpace: 'pre'
+  });
+};
+var TokenSpan = /*#__PURE__*/memo(function (_ref3) {
+  var token = _ref3.token;
+  return /*#__PURE__*/_jsx("span", {
+    style: getTokenInlineStyle(token),
+    children: token.content
+  }, token.content);
+}, function (prev, next) {
+  return prev.token === next.token;
+});
+var TokenLine = /*#__PURE__*/memo(function (_ref4) {
+  var line = _ref4.line;
+  if (!line.length) {
+    return /*#__PURE__*/_jsx("span", {
+      className: "line",
+      children: /*#__PURE__*/_jsx("span", {
+        style: {
+          whiteSpace: 'pre'
+        },
+        children: "\xA0"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("span", {
+    className: "line",
+    children: line.map(function (token, tokenIndex) {
+      return /*#__PURE__*/_jsx(TokenSpan, {
+        token: token
+      }, "token-".concat(tokenIndex));
+    })
+  });
+}, function (prev, next) {
+  return prev.line === next.line;
+});
+var StreamRenderer = /*#__PURE__*/memo(function (_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    enableTransformer = _ref5.enableTransformer,
+    fallbackClassName = _ref5.fallbackClassName,
+    language = _ref5.language,
+    style = _ref5.style,
+    theme = _ref5.theme;
+  // Safely handle empty or invalid children
+  var safeChildren = children !== null && children !== void 0 ? children : '';
+  var streaming = useStreamHighlight(safeChildren, {
+    enableTransformer: enableTransformer,
+    language: language,
+    streaming: true,
+    theme: theme
+  });
+  var lines = streaming === null || streaming === void 0 ? void 0 : streaming.lines;
+  var preStyle = streaming === null || streaming === void 0 ? void 0 : streaming.preStyle;
+  if (!lines || lines.length === 0) {
+    return /*#__PURE__*/_jsx("div", {
+      className: fallbackClassName,
+      dir: "ltr",
+      style: style,
+      children: /*#__PURE__*/_jsx("pre", {
+        children: /*#__PURE__*/_jsx("code", {
+          children: safeChildren
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    dir: "ltr",
+    style: style,
+    children: /*#__PURE__*/_jsx("pre", {
+      className: cx('shiki', theme),
+      style: preStyle,
+      tabIndex: 0,
+      children: /*#__PURE__*/_jsx("code", {
+        style: {
+          display: 'flex',
+          flexDirection: 'column',
+          whiteSpace: 'pre'
+        },
+        children: lines.map(function (line, index) {
+          return /*#__PURE__*/_jsx(TokenLine, {
+            line: line
+          }, "line-".concat(index));
+        })
+      })
+    })
+  });
+});
+StreamRenderer.displayName = 'StreamRenderer';
+export default StreamRenderer;

package/dist/AiConversation/_lobe/Highlighter/SyntaxHighlighter/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { SyntaxHighlighterProps } from '../type';
+declare const SyntaxHighlighter: import("react").NamedExoticComponent<SyntaxHighlighterProps>;
+export default SyntaxHighlighter;

package/dist/AiConversation/_lobe/Highlighter/SyntaxHighlighter/index.js

@@ -0,0 +1,58 @@
+'use client';
+
+import { cx } from 'antd-style';
+import { memo } from 'react';
+import StaticRenderer from "./StaticRenderer";
+import StreamRenderer from "./StreamRenderer";
+import { variants } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
+  var animated = _ref.animated,
+    children = _ref.children,
+    className = _ref.className,
+    enableTransformer = _ref.enableTransformer,
+    language = _ref.language,
+    style = _ref.style,
+    theme = _ref.theme,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'borderless' : _ref$variant;
+  var isDefaultTheme = theme === 'lobe-theme' || !theme;
+  var showBackground = !isDefaultTheme && variant === 'filled';
+  var resolvedTheme = isDefaultTheme ? undefined : theme;
+  var shikiClassName = cx(variants({
+    animated: animated,
+    shiki: true,
+    showBackground: showBackground,
+    variant: variant
+  }), className);
+  var fallbackClassName = cx(variants({
+    animated: animated,
+    shiki: false,
+    showBackground: showBackground,
+    variant: variant
+  }), className);
+  if (animated) {
+    return /*#__PURE__*/_jsx(StreamRenderer, {
+      className: shikiClassName,
+      enableTransformer: enableTransformer,
+      fallbackClassName: fallbackClassName,
+      language: language,
+      style: style,
+      theme: resolvedTheme,
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(StaticRenderer, {
+    className: shikiClassName,
+    enableTransformer: enableTransformer,
+    fallbackClassName: fallbackClassName,
+    language: language,
+    style: style,
+    theme: resolvedTheme,
+    children: children
+  });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children && prevProps.language === nextProps.language;
+});
+SyntaxHighlighter.displayName = 'SyntaxHighlighter';
+export default SyntaxHighlighter;

package/dist/AiConversation/_lobe/Highlighter/SyntaxHighlighter/style.d.ts

@@ -0,0 +1,15 @@
+export declare const styles: {
+    animated: string;
+    noBackground: string;
+    noPadding: string;
+    padding: string;
+    root: string;
+    shiki: string;
+    unshiki: string;
+};
+export declare const variants: (props?: ({
+    shiki?: boolean | null | undefined;
+    showBackground?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/AiConversation/_lobe/Highlighter/SyntaxHighlighter/style.js

@@ -0,0 +1,45 @@
+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 { createStaticStyles, cx } from 'antd-style';
+import { cva } from 'class-variance-authority';
+import { fadeIn } from "../../styles/animations";
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    animated: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      .animate-fade-in,\n      .katex-html > .base,\n      span.line > span,\n      code:not(:has(span.line)) {\n        opacity: 1;\n        animation: ", " 1s ease-in-out;\n      }\n\n      /* \u53EA\u5BF9 .base \u7EA7\u522B\u7684 span \u5E94\u7528\u6D41\u5F0F\u52A8\u753B\uFF0C\u4E0D\u8981\u7A7F\u900F\u5230\u5185\u90E8 */\n      .katex-display .katex-html span {\n        mask: none !important;\n        animation: none !important;\n      }\n    "])), fadeIn),
+    noBackground: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      pre {\n        background: transparent !important;\n      }\n    "]))),
+    noPadding: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      pre {\n        padding: 0;\n      }\n    "]))),
+    padding: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      pre {\n        padding: 16px;\n      }\n    "]))),
+    root: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      direction: ltr;\n      margin: 0;\n      padding: 0;\n      text-align: start;\n\n      pre {\n        overflow-x: auto;\n        margin: 0;\n      }\n    "]))),
+    shiki: cx('ant-highlighter-highlighter-shiki', css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        pre {\n          user-select: none;\n\n          code {\n            display: flex;\n            flex-direction: column;\n            gap: 4px;\n\n            .line {\n              user-select: text;\n\n              display: block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ", ";\n\n            &.warning {\n              background: ", ";\n            }\n\n            &.error {\n              background: ", ";\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n            border: 1px solid ", ";\n            border-radius: ", ";\n\n            background: ", ";\n          }\n\n          .diff {\n            &.remove {\n              background: ", ";\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n\n            &.add {\n              background: ", ";\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n          }\n        }\n      "])), cssVar.colorFillTertiary, cssVar.colorWarningBg, cssVar.colorErrorBg, cssVar.colorBorderSecondary, cssVar.borderRadius, cssVar.colorFillTertiary, cssVar.colorErrorBg, cssVar.colorErrorText, cssVar.colorSuccessBg, cssVar.colorSuccessText)),
+    unshiki: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), cssVar.colorTextDescription)
+  };
+});
+export var variants = cva(styles.root, {
+  defaultVariants: {
+    animated: false,
+    shiki: true,
+    showBackground: false,
+    variant: 'borderless'
+  },
+  variants: {
+    shiki: {
+      false: styles.unshiki,
+      true: styles.shiki
+    },
+    showBackground: {
+      false: styles.noBackground,
+      true: null
+    },
+    animated: {
+      true: styles.animated,
+      false: null
+    },
+    variant: {
+      filled: styles.padding,
+      outlined: styles.padding,
+      borderless: styles.noPadding
+    }
+  }
+});

package/dist/AiConversation/_lobe/Highlighter/const.d.ts

@@ -0,0 +1,10 @@
+interface HighlighterThemeItem {
+    displayName: string;
+    id: string;
+}
+export declare const highlighterThemes: HighlighterThemeItem[];
+export declare const FALLBACK_LANG = "plaintext";
+export declare const getCodeLanguageByInput: (input: string) => string;
+export declare const getCodeLanguageFilename: (input: string) => string;
+export declare const getCodeLanguageDisplayName: (input: string) => string;
+export {};

package/dist/AiConversation/_lobe/Highlighter/const.js

@@ -0,0 +1,52 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { bundledLanguagesInfo, bundledThemesInfo } from 'shiki';
+export var highlighterThemes = [{
+  displayName: 'Lobe Theme',
+  id: 'lobe-theme'
+}].concat(_toConsumableArray(bundledThemesInfo.map(function (item) {
+  return {
+    displayName: item.displayName,
+    id: item.id
+  };
+})));
+export var FALLBACK_LANG = 'plaintext';
+export var getCodeLanguageByInput = function getCodeLanguageByInput(input) {
+  if (!input) {
+    return 'plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases;
+    return lang.id === inputLang || ((_lang$aliases = lang.aliases) === null || _lang$aliases === void 0 ? void 0 : _lang$aliases.includes(inputLang));
+  });
+  return (matchLang === null || matchLang === void 0 ? void 0 : matchLang.id) || 'plaintext';
+};
+export var getCodeLanguageFilename = function getCodeLanguageFilename(input) {
+  var _matchLang$aliases;
+  if (!input) {
+    return 'Plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases2;
+    return lang.id === inputLang || ((_lang$aliases2 = lang.aliases) === null || _lang$aliases2 === void 0 ? void 0 : _lang$aliases2.includes(inputLang));
+  });
+  var type = (matchLang === null || matchLang === void 0 || (_matchLang$aliases = matchLang.aliases) === null || _matchLang$aliases === void 0 ? void 0 : _matchLang$aliases[0]) || (matchLang === null || matchLang === void 0 ? void 0 : matchLang.id) || 'txt';
+  return "*.".concat(type);
+};
+export var getCodeLanguageDisplayName = function getCodeLanguageDisplayName(input) {
+  if (!input) {
+    return 'Plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases3;
+    return lang.id === inputLang || ((_lang$aliases3 = lang.aliases) === null || _lang$aliases3 === void 0 ? void 0 : _lang$aliases3.includes(inputLang));
+  });
+  return (matchLang === null || matchLang === void 0 ? void 0 : matchLang.name) || 'Plaintext';
+};

package/dist/AiConversation/_lobe/Highlighter/index.d.ts

@@ -0,0 +1,4 @@
+export { highlighterThemes } from './const';
+export { default } from './Highlighter';
+export { default as SyntaxHighlighter } from './SyntaxHighlighter';
+export type * from './type';

package/dist/AiConversation/_lobe/Highlighter/index.js

@@ -0,0 +1,3 @@
+export { highlighterThemes } from "./const";
+export { default } from "./Highlighter";
+export { default as SyntaxHighlighter } from "./SyntaxHighlighter";

package/dist/AiConversation/_lobe/Highlighter/style.d.ts

@@ -0,0 +1,33 @@
+export declare const actionsHoverCls = "ant-highlighter-highlighter-hover-actions";
+export declare const langHoverCls = "ant-highlighter-highlighter-hover-lang";
+export declare const expandCls = "ant-highlighter-highlighter-body-expand";
+export declare const prefix = "ant-highlighter";
+export declare const styles: {
+    actions: string;
+    bodyCollapsed: string;
+    bodyExpand: string;
+    bodyRoot: string;
+    borderless: string;
+    filled: string;
+    headerBorderless: string;
+    headerFilled: string;
+    headerOutlined: string;
+    headerRoot: string;
+    lang: string;
+    nowrap: string;
+    outlined: string;
+    root: string;
+    shadow: string;
+    wrap: string;
+};
+export declare const variants: (props?: ({
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+    shadow?: boolean | null | undefined;
+    wrap?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const headerVariants: (props?: ({
+    variant?: "outlined" | "filled" | "borderless" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+export declare const bodyVariants: (props?: ({
+    expand?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/dist/AiConversation/_lobe/Highlighter/style.js

@@ -0,0 +1,78 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStaticStyles, cx } from 'antd-style';
+import { cva } from 'class-variance-authority';
+import { lobeStaticStylish } from "../styles";
+
+// 动态类名常量（用于 className）
+export var actionsHoverCls = 'ant-highlighter-highlighter-hover-actions';
+export var langHoverCls = 'ant-highlighter-highlighter-hover-lang';
+export var expandCls = 'ant-highlighter-highlighter-body-expand';
+export var prefix = 'ant-highlighter';
+export var styles = createStaticStyles(function (_ref) {
+  var css = _ref.css,
+    cssVar = _ref.cssVar;
+  return {
+    actions: cx(actionsHoverCls, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n      "])))),
+    bodyCollapsed: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      height: 0;\n      opacity: 0;\n    "]))),
+    bodyExpand: cx(expandCls),
+    bodyRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow: hidden;\n      transition: opacity 0.25s ", ";\n    "])), cssVar.motionEaseOut),
+    borderless: lobeStaticStylish.variantBorderlessWithoutHover,
+    filled: cx(lobeStaticStylish.variantFilledWithoutHover, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background: ", ";\n      "])), cssVar.colorFillQuaternary)),
+    headerBorderless: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      padding-inline: 0;\n    "]))),
+    headerFilled: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      background: transparent;\n    "]))),
+    headerOutlined: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      & + .", " {\n        border-block-start: 1px solid ", ";\n      }\n    "])), expandCls, cssVar.colorFillQuaternary),
+    headerRoot: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      position: relative;\n      padding: 4px;\n    "]))),
+    lang: cx(langHoverCls, lobeStaticStylish.blur, css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ", ";\n        color: ", ";\n\n        opacity: 0;\n        background: ", ";\n\n        transition: opacity 0.1s;\n      "])), cssVar.fontFamilyCode, cssVar.colorTextSecondary, cssVar.colorFillQuaternary)),
+    nowrap: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    "]))),
+    outlined: lobeStaticStylish.variantOutlinedWithoutHover,
+    root: cx(prefix, css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ", ";\n\n        transition: background-color 100ms ", ";\n\n        .languageTitle {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ", ";\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ", ";\n        }\n\n        &:hover {\n          .languageTitle {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .", " {\n            opacity: 1;\n          }\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        pre {\n          height: 100%;\n          font-size: 12px;\n        }\n\n        code {\n          background: transparent !important;\n        }\n      "])), cssVar.borderRadius, cssVar.motionEaseOut, cssVar.motionEaseInOut, cssVar.motionEaseInOut, actionsHoverCls, langHoverCls)),
+    shadow: lobeStaticStylish.shadow,
+    wrap: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      pre,\n      code {\n        text-wrap: wrap;\n      }\n    "])))
+  };
+});
+export var variants = cva(styles.root, {
+  defaultVariants: {
+    shadow: false,
+    variant: 'filled',
+    wrap: false
+  },
+  variants: {
+    variant: {
+      filled: styles.filled,
+      outlined: styles.outlined,
+      borderless: styles.borderless
+    },
+    shadow: {
+      false: null,
+      true: styles.shadow
+    },
+    wrap: {
+      false: styles.nowrap,
+      true: styles.wrap
+    }
+  }
+});
+export var headerVariants = cva(styles.headerRoot, {
+  defaultVariants: {
+    variant: 'filled'
+  },
+  variants: {
+    variant: {
+      filled: cx(styles.headerFilled, styles.headerOutlined),
+      outlined: styles.headerOutlined,
+      borderless: styles.headerBorderless
+    }
+  }
+});
+export var bodyVariants = cva(styles.bodyRoot, {
+  defaultVariants: {
+    expand: true
+  },
+  variants: {
+    expand: {
+      false: styles.bodyCollapsed,
+      true: styles.bodyExpand
+    }
+  }
+});

package/dist/AiConversation/_lobe/Highlighter/theme/lobe-theme.d.ts

@@ -0,0 +1,57 @@
+declare const _default: {
+    displayName: string;
+    name: string;
+    semanticHighlighting: boolean;
+    tokenColors: ({
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+            background?: undefined;
+        };
+        scope?: undefined;
+    } | {
+        scope: string;
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+            background?: undefined;
+        };
+    } | {
+        scope: string;
+        settings: {
+            fontStyle: string;
+            foreground: string;
+            background?: undefined;
+        };
+    } | {
+        settings: {
+            background: string;
+            foreground: string;
+            fontStyle?: undefined;
+        };
+        scope?: undefined;
+    } | {
+        scope: string[];
+        settings: {
+            foreground: string;
+            fontStyle?: undefined;
+            background?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            fontStyle: string;
+            foreground?: undefined;
+            background?: undefined;
+        };
+    } | {
+        scope: string[];
+        settings: {
+            fontStyle: string;
+            foreground: string;
+            background?: undefined;
+        };
+    })[];
+    type: string;
+};
+export default _default;