@lobehub/ui 1.11.0 → 1.11.1

package/lib/EditableMessageList/index.js

@@ -1,124 +1,109 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/EditableMessageList/index.tsx
-var EditableMessageList_exports = {};
-__export(EditableMessageList_exports, {
-  EditableMessageList: () => EditableMessageList,
-  default: () => EditableMessageList_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(EditableMessageList_exports);
-var import_ActionIcon = __toESM(require("../ActionIcon"));
-var import_Chat = require("../Chat");
-var import_ControlInput = require("../components/ControlInput");
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var EditableMessageList = (0, import_react.memo)(
-  ({ disabled, dataSources, onChange }) => {
-    const [chatMessages, dispatch] = (0, import_react.useReducer)(import_Chat.messagesReducer, dataSources);
-    (0, import_react.useEffect)(() => {
-      if (!(0, import_fast_deep_equal.default)(dataSources, chatMessages)) {
-        onChange == null ? void 0 : onChange(chatMessages);
-      }
-    }, [chatMessages]);
-    return !dataSources ? null : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 12 }, chatMessages.map((item, index) => /* @__PURE__ */ React.createElement(
-      import_react_layout_kit.Flexbox,
-      {
+exports.default = exports.EditableMessageList = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ActionIcon = _interopRequireDefault(require("../ActionIcon"));
+var _Chat = require("../Chat");
+var _ControlInput = require("../components/ControlInput");
+var _icons = require("@ant-design/icons");
+var _antd = require("antd");
+var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _jsxRuntime = require("react/jsx-runtime");
+var EditableMessageList = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var disabled = _ref.disabled,
+    dataSources = _ref.dataSources,
+    onChange = _ref.onChange;
+  var _useReducer = (0, _react.useReducer)(_Chat.messagesReducer, dataSources),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    chatMessages = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  (0, _react.useEffect)(function () {
+    if (!(0, _fastDeepEqual.default)(dataSources, chatMessages)) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(chatMessages);
+    }
+  }, [chatMessages]);
+  return !dataSources ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    gap: 12,
+    children: [chatMessages.map(function (item, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
         horizontal: true,
         gap: 8,
-        width: "100%",
-        align: "center",
-        key: `${index}-${item.content}`
-      },
-      /* @__PURE__ */ React.createElement(
-        import_antd.Select,
-        {
+        width: '100%',
+        align: 'center',
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Select, {
           value: item.role,
-          style: { width: 120 },
-          dropdownStyle: { zIndex: 100 },
-          disabled,
-          onChange: (value) => {
-            dispatch({ type: "updateMessageRole", index, role: value });
+          style: {
+            width: 120
+          },
+          dropdownStyle: {
+            zIndex: 100
+          },
+          disabled: disabled,
+          onChange: function onChange(value) {
+            dispatch({
+              type: 'updateMessageRole',
+              index: index,
+              role: value
+            });
           },
-          options: [
-            { value: "system", label: "系统" },
-            { value: "user", label: "输入" },
-            { value: "assistant", label: "输出" }
-          ]
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_ControlInput.ControlInput,
-        {
-          disabled,
+          options: [{
+            value: 'system',
+            label: '系统'
+          }, {
+            value: 'user',
+            label: '输入'
+          }, {
+            value: 'assistant',
+            label: '输出'
+          }]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlInput.ControlInput, {
+          disabled: disabled,
           value: item.content,
-          onChange: (e) => {
-            dispatch({ type: "updateMessage", index, message: e });
+          onChange: function onChange(e) {
+            dispatch({
+              type: 'updateMessage',
+              index: index,
+              message: e
+            });
           },
-          placeholder: item.role === "user" ? "请填入输入的样例内容" : "请填入输出的样例"
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        import_ActionIcon.default,
-        {
-          icon: import_lucide_react.TrashIcon,
+          placeholder: item.role === 'user' ? '请填入输入的样例内容' : '请填入输出的样例'
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionIcon.default, {
+          icon: _lucideReact.TrashIcon,
           placement: "right",
           title: "Delete",
-          onClick: () => {
-            dispatch({ type: "deleteMessage", index });
+          onClick: function onClick() {
+            dispatch({
+              type: 'deleteMessage',
+              index: index
+            });
           }
-        }
-      )
-    )), /* @__PURE__ */ React.createElement(
-      import_antd.Button,
-      {
-        block: true,
-        disabled,
-        icon: /* @__PURE__ */ React.createElement(import_icons.PlusOutlined, null),
-        onClick: () => {
-          const lastMeg = chatMessages.at(-1);
-          dispatch({
-            type: "addMessage",
-            message: { role: (lastMeg == null ? void 0 : lastMeg.role) === "user" ? "assistant" : "user", content: "" }
-          });
-        }
+        })]
+      }, "".concat(index, "-").concat(item.content));
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+      block: true,
+      disabled: disabled,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}),
+      onClick: function onClick() {
+        var lastMeg = chatMessages.at(-1);
+        dispatch({
+          type: 'addMessage',
+          message: {
+            role: (lastMeg === null || lastMeg === void 0 ? void 0 : lastMeg.role) === 'user' ? 'assistant' : 'user',
+            content: ''
+          }
+        });
       },
-      "添加一项"
-    ));
-  },
-  import_fast_deep_equal.default
-);
-var EditableMessageList_default = EditableMessageList;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  EditableMessageList
-});
+      children: "\u6DFB\u52A0\u4E00\u9879"
+    })]
+  });
+}, _fastDeepEqual.default);
+exports.EditableMessageList = EditableMessageList;
+var _default = EditableMessageList;
+exports.default = _default;

package/lib/EditableText/index.js

@@ -1,56 +1,43 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/EditableText/index.tsx
-var EditableText_exports = {};
-__export(EditableText_exports, {
-  default: () => EditableText_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(EditableText_exports);
-var import_ControlInput = require("../components/ControlInput");
-var import__ = require("../index");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var EditableText = (0, import_react.memo)(({ value, onChange }) => {
-  const [edited, setEdited] = (0, import_react.useState)(false);
-  return edited ? /* @__PURE__ */ React.createElement(
-    import_ControlInput.ControlInput,
-    {
-      value,
-      onChangeEnd: () => {
-        setEdited(false);
-      },
-      onChange
-    }
-  ) : /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, value, /* @__PURE__ */ React.createElement(
-    import__.ActionIcon,
-    {
-      title: "Edit",
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ControlInput = require("../components/ControlInput");
+var _ = require("./..");
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _jsxRuntime = require("react/jsx-runtime");
+var EditableText = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    edited = _useState2[0],
+    setEdited = _useState2[1];
+  return edited ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ControlInput.ControlInput, {
+    value: value,
+    onChangeEnd: function onChangeEnd() {
+      setEdited(false);
+    },
+    onChange: onChange
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+    horizontal: true,
+    gap: 8,
+    children: [value, /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ActionIcon, {
+      title: 'Edit',
       placement: "right",
-      icon: import_lucide_react.Edit3,
+      icon: _lucideReact.Edit3,
       size: "small",
-      onClick: () => {
+      onClick: function onClick() {
         setEdited(!edited);
       }
-    }
-  ));
+    })]
+  });
 });
-var EditableText_default = EditableText;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var _default = EditableText;
+exports.default = _default;

package/lib/Highlighter/SyntaxHighlighter/Prism.js

@@ -1,41 +1,46 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlighter/SyntaxHighlighter/Prism.tsx
-var Prism_exports = {};
-__export(Prism_exports, {
-  Prism: () => Prism
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Prism_exports);
-var import_prism_react_renderer = require("prism-react-renderer");
-var import_react = require("react");
-var Prism = (0, import_react.memo)(({ children, language, isDarkMode }) => {
-  return /* @__PURE__ */ React.createElement(
-    import_prism_react_renderer.Highlight,
-    {
-      theme: isDarkMode ? import_prism_react_renderer.themes.jettwaveDark : import_prism_react_renderer.themes.jettwaveLight,
-      code: children,
-      language
-    },
-    ({ className, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React.createElement("pre", { className, style }, tokens.map((line, i) => /* @__PURE__ */ React.createElement("div", { key: i, ...getLineProps({ line, key: i }) }, line.map((token, key) => /* @__PURE__ */ React.createElement("span", { key: i, ...getTokenProps({ token, key }) })))))
-  );
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Prism
+exports.Prism = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _prismReactRenderer = require("prism-react-renderer");
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+var Prism = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var children = _ref.children,
+    language = _ref.language,
+    isDarkMode = _ref.isDarkMode;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_prismReactRenderer.Highlight, {
+    theme: isDarkMode ? _prismReactRenderer.themes.jettwaveDark : _prismReactRenderer.themes.jettwaveLight,
+    code: children,
+    language: language,
+    children: function children(_ref2) {
+      var className = _ref2.className,
+        style = _ref2.style,
+        tokens = _ref2.tokens,
+        getLineProps = _ref2.getLineProps,
+        getTokenProps = _ref2.getTokenProps;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+        className: className,
+        style: style,
+        children: tokens.map(function (line, i) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, getLineProps({
+            line: line,
+            key: i
+          })), {}, {
+            children: line.map(function (token, key) {
+              return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", (0, _objectSpread2.default)({}, getTokenProps({
+                token: token,
+                key: key
+              })), i);
+            })
+          }), i);
+        })
+      });
+    }
+  });
 });
+exports.Prism = Prism;

package/lib/Highlighter/SyntaxHighlighter/index.js

@@ -1,55 +1,64 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlighter/SyntaxHighlighter/index.tsx
-var SyntaxHighlighter_exports = {};
-__export(SyntaxHighlighter_exports, {
-  default: () => SyntaxHighlighter_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(SyntaxHighlighter_exports);
-var import_useHighlight = require("../../hooks/useHighlight");
-var import_icons = require("@ant-design/icons");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_shallow = require("zustand/shallow");
-var import_Prism = require("./Prism");
-var import_antd_style = require("antd-style");
-var import_style = require("./style");
-var SyntaxHighlighter = (0, import_react.memo)(
-  ({ children, language, theme: appearance }) => {
-    const { styles, theme } = (0, import_style.useStyles)();
-    const { isDarkMode } = (0, import_antd_style.useThemeMode)();
-    const isDarkTheme = appearance ? appearance === "dark" : isDarkMode;
-    const [codeToHtml, isLoading] = (0, import_useHighlight.useHighlight)((s) => [s.codeToHtml, !s.highlighter], import_shallow.shallow);
-    (0, import_react.useEffect)(() => {
-      import_useHighlight.useHighlight.getState().initHighlighter();
-    }, []);
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, isLoading ? /* @__PURE__ */ React.createElement("div", { className: styles.prism }, /* @__PURE__ */ React.createElement(import_Prism.Prism, { language, isDarkMode: isDarkTheme }, children)) : /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        dangerouslySetInnerHTML: {
-          __html: codeToHtml(children, language, isDarkTheme) || ""
-        },
-        className: styles.shiki
-      }
-    ), isLoading && /* @__PURE__ */ React.createElement(import_react_layout_kit.Center, { horizontal: true, gap: 8, className: styles.loading }, /* @__PURE__ */ React.createElement(import_icons.Loading3QuartersOutlined, { spin: true, style: { color: theme.colorTextTertiary } }), "shiki rendering..."));
-  }
-);
-var SyntaxHighlighter_default = SyntaxHighlighter;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _useHighlight3 = require("../../hooks/useHighlight");
+var _icons = require("@ant-design/icons");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _shallow = require("zustand/shallow");
+var _Prism = require("./Prism");
+var _antdStyle = require("antd-style");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var SyntaxHighlighter = /*#__PURE__*/(0, _react.memo)(function (_ref) {
+  var children = _ref.children,
+    language = _ref.language,
+    appearance = _ref.theme;
+  var _useStyles = (0, _style.useStyles)(),
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  var _useThemeMode = (0, _antdStyle.useThemeMode)(),
+    isDarkMode = _useThemeMode.isDarkMode;
+  var isDarkTheme = appearance ? appearance === 'dark' : isDarkMode;
+  var _useHighlight = (0, _useHighlight3.useHighlight)(function (s) {
+      return [s.codeToHtml, !s.highlighter];
+    }, _shallow.shallow),
+    _useHighlight2 = (0, _slicedToArray2.default)(_useHighlight, 2),
+    codeToHtml = _useHighlight2[0],
+    isLoading = _useHighlight2[1];
+  (0, _react.useEffect)(function () {
+    _useHighlight3.useHighlight.getState().initHighlighter();
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: styles.prism,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Prism.Prism, {
+        language: language,
+        isDarkMode: isDarkTheme,
+        children: children
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      dangerouslySetInnerHTML: {
+        __html: codeToHtml(children, language, isDarkTheme) || ''
+      },
+      className: styles.shiki
+    }), isLoading && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Center, {
+      horizontal: true,
+      gap: 8,
+      className: styles.loading,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Loading3QuartersOutlined, {
+        spin: true,
+        style: {
+          color: theme.colorTextTertiary
+        }
+      }), "shiki rendering..."]
+    })]
+  });
+});
+var _default = SyntaxHighlighter;
+exports.default = _default;

package/lib/Highlighter/SyntaxHighlighter/style.js

@@ -1,61 +1,23 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Highlighter/SyntaxHighlighter/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_antd_style = require("antd-style");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token, cx, prefixCls }) => {
-  const prefix = `${prefixCls}-highlighter`;
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    cx = _ref.cx,
+    prefixCls = _ref.prefixCls;
+  var prefix = "".concat(prefixCls, "-highlighter");
   return {
-    shiki: cx(
-      `${prefix}-shiki`,
-      css`
-        .shiki {
-          overflow-x: scroll;
-          background: none !important;
-        }
-      `
-    ),
-    prism: css`
-      pre {
-        overflow-x: scroll;
-        font-family: ${token.fontFamilyCode} !important;
-      }
-    `,
-    loading: css`
-      position: absolute;
-      top: 0;
-      right: 0;
-
-      padding: 4px 8px;
-
-      color: ${token.colorTextTertiary};
-
-      backdrop-filter: saturate(180%) blur(10px);
-      border-radius: ${token.borderRadiusSM};
-    `
+    shiki: cx("".concat(prefix, "-shiki"), css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n        .shiki {\n          overflow-x: scroll;\n          background: none !important;\n        }\n      "])))),
+    prism: css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n      pre {\n        overflow-x: scroll;\n        font-family: ", " !important;\n      }\n    "])), token.fontFamilyCode),
+    loading: css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n      position: absolute;\n      top: 0;\n      right: 0;\n\n      padding: 4px 8px;\n\n      color: ", ";\n\n      backdrop-filter: saturate(180%) blur(10px);\n      border-radius: ", ";\n    "])), token.colorTextTertiary, token.borderRadiusSM)
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});
+exports.useStyles = useStyles;