@lobehub/ui 1.11.0 → 1.11.1

package/lib/Chat/utils/fetch.js

@@ -1,72 +1,108 @@
-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/Chat/utils/fetch.ts
-var fetch_exports = {};
-__export(fetch_exports, {
-  fetchSSE: () => fetchSSE
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(fetch_exports);
+exports.fetchSSE = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var codeMessage = {
-  200: "成功获取数据，服务已响应",
-  201: "操作成功，数据已保存",
-  202: "您的请求已进入后台排队，请耐心等待异步任务完成",
-  204: "数据已成功删除",
-  400: "很抱歉，您的请求出错，服务器未执行任何数据的创建或修改操作",
-  401: "很抱歉，您的权限不足。请确认用户名或密码是否正确",
-  403: "很抱歉，您无权访问此内容",
-  404: "很抱歉，您请求的记录不存在，服务器未能执行任何操作",
-  406: "很抱歉，服务器不支持该请求格式",
-  410: "很抱歉，你所请求的资源已永久删除",
-  422: "很抱歉，在创建对象时遇到验证错误，请稍后再试",
-  500: "很抱歉，服务器出现了问题，请稍后再试",
-  502: "很抱歉，您遇到了网关错误。这可能是由于网络故障或服务器问题导致的。请稍后再试，或联系管理员以获取更多帮助",
-  503: "很抱歉，我们的服务器过载或处在维护中，服务暂时不可用",
-  504: "很抱歉，网关请求超时，请稍后再试"
+  200: '成功获取数据，服务已响应',
+  201: '操作成功，数据已保存',
+  202: '您的请求已进入后台排队，请耐心等待异步任务完成',
+  204: '数据已成功删除',
+  400: '很抱歉，您的请求出错，服务器未执行任何数据的创建或修改操作',
+  401: '很抱歉，您的权限不足。请确认用户名或密码是否正确',
+  403: '很抱歉，您无权访问此内容',
+  404: '很抱歉，您请求的记录不存在，服务器未能执行任何操作',
+  406: '很抱歉，服务器不支持该请求格式',
+  410: '很抱歉，你所请求的资源已永久删除',
+  422: '很抱歉，在创建对象时遇到验证错误，请稍后再试',
+  500: '很抱歉，服务器出现了问题，请稍后再试',
+  502: '很抱歉，您遇到了网关错误。这可能是由于网络故障或服务器问题导致的。请稍后再试，或联系管理员以获取更多帮助',
+  503: '很抱歉，我们的服务器过载或处在维护中，服务暂时不可用',
+  504: '很抱歉，网关请求超时，请稍后再试'
 };
-var fetchSSE = async (fetchFn, options = {}) => {
-  var _a, _b;
-  const response = await fetchFn();
-  if (!response.ok) {
-    const chatMessageError = {
-      type: "chatbot",
-      message: codeMessage[response.status],
-      status: response.status
-    };
-    (_a = options.onErrorHandle) == null ? void 0 : _a.call(options, chatMessageError);
-    return;
-  }
-  const returnRes = response.clone();
-  const data = response.body;
-  if (!data)
-    return;
-  const reader = data.getReader();
-  const decoder = new TextDecoder();
-  let done = false;
-  while (!done) {
-    const { value, done: doneReading } = await reader.read();
-    done = doneReading;
-    const chunkValue = decoder.decode(value);
-    (_b = options.onMessageHandle) == null ? void 0 : _b.call(options, chunkValue);
-  }
-  return returnRes;
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fetchSSE
-});
+/**
+ * 使用流式方法获取数据
+ * @param fetchFn
+ * @param options
+ */
+var fetchSSE = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(fetchFn) {
+    var options,
+      response,
+      _options$onErrorHandl,
+      chatMessageError,
+      returnRes,
+      data,
+      reader,
+      decoder,
+      done,
+      _options$onMessageHan,
+      _yield$reader$read,
+      value,
+      doneReading,
+      chunkValue,
+      _args = arguments;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
+          _context.next = 3;
+          return fetchFn();
+        case 3:
+          response = _context.sent;
+          if (response.ok) {
+            _context.next = 8;
+            break;
+          }
+          chatMessageError = {
+            type: 'chatbot',
+            message: codeMessage[response.status],
+            status: response.status
+          };
+          (_options$onErrorHandl = options.onErrorHandle) === null || _options$onErrorHandl === void 0 ? void 0 : _options$onErrorHandl.call(options, chatMessageError);
+          return _context.abrupt("return");
+        case 8:
+          returnRes = response.clone();
+          data = response.body;
+          if (data) {
+            _context.next = 12;
+            break;
+          }
+          return _context.abrupt("return");
+        case 12:
+          reader = data.getReader();
+          decoder = new TextDecoder();
+          done = false;
+        case 15:
+          if (done) {
+            _context.next = 26;
+            break;
+          }
+          _context.next = 18;
+          return reader.read();
+        case 18:
+          _yield$reader$read = _context.sent;
+          value = _yield$reader$read.value;
+          doneReading = _yield$reader$read.done;
+          done = doneReading;
+          chunkValue = decoder.decode(value);
+          (_options$onMessageHan = options.onMessageHandle) === null || _options$onMessageHan === void 0 ? void 0 : _options$onMessageHan.call(options, chunkValue);
+          _context.next = 15;
+          break;
+        case 26:
+          return _context.abrupt("return", returnRes);
+        case 27:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function fetchSSE(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+exports.fetchSSE = fetchSSE;

package/lib/ContextMenu/MenuItem/icons.js

@@ -1,100 +1,82 @@
-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/ContextMenu/MenuItem/icons.tsx
-var icons_exports = {};
-__export(icons_exports, {
-  AltIcon: () => AltIcon,
-  CommandIcon: () => CommandIcon,
-  ControlIcon: () => ControlIcon,
-  ShiftIcon: () => ShiftIcon
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(icons_exports);
+exports.ShiftIcon = exports.ControlIcon = exports.CommandIcon = exports.AltIcon = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
 var strokeWidth = 2.2;
-var iconSize = "13px";
-var CommandIcon = () => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
+var iconSize = '13px';
+var CommandIcon = function CommandIcon() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: iconSize,
     height: iconSize,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth,
+    strokeWidth: strokeWidth,
     strokeLinecap: "round",
-    strokeLinejoin: "round"
-  },
-  /* @__PURE__ */ React.createElement("path", { d: "M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z" })
-);
-var ControlIcon = () => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"
+    })
+  });
+};
+exports.CommandIcon = CommandIcon;
+var ControlIcon = function ControlIcon() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: iconSize,
     height: iconSize,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth,
+    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up"
-  },
-  /* @__PURE__ */ React.createElement("polyline", { points: "18 15 12 9 6 15" })
-);
-var ShiftIcon = () => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
+    className: "lucide lucide-chevron-up",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
+      points: "18 15 12 9 6 15"
+    })
+  });
+};
+exports.ControlIcon = ControlIcon;
+var ShiftIcon = function ShiftIcon() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: iconSize,
     height: iconSize,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth,
+    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up"
-  },
-  /* @__PURE__ */ React.createElement("path", { d: "M9 18v-6H5l7-7 7 7h-4v6H9z" })
-);
-var AltIcon = () => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
+    className: "lucide lucide-chevron-up",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M9 18v-6H5l7-7 7 7h-4v6H9z"
+    })
+  });
+};
+exports.ShiftIcon = ShiftIcon;
+var AltIcon = function AltIcon() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: iconSize,
     height: iconSize,
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
-    strokeWidth,
+    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up"
-  },
-  /* @__PURE__ */ React.createElement("path", { d: "M3 3h6l6 18h6" }),
-  /* @__PURE__ */ React.createElement("path", { d: "M14 3h7" })
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AltIcon,
-  CommandIcon,
-  ControlIcon,
-  ShiftIcon
-});
+    className: "lucide lucide-chevron-up",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M3 3h6l6 18h6"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
+      d: "M14 3h7"
+    })]
+  });
+};
+exports.AltIcon = AltIcon;

package/lib/ContextMenu/MenuItem/index.js

@@ -1,72 +1,79 @@
-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/ContextMenu/MenuItem/index.tsx
-var MenuItem_exports = {};
-__export(MenuItem_exports, {
-  default: () => MenuItem_default
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(MenuItem_exports);
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import_react_layout_kit = require("react-layout-kit");
-var import_icons = require("./icons");
-var import_style = require("./style");
+exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lucideReact = require("lucide-react");
+var _react = require("react");
+var _reactLayoutKit = require("react-layout-kit");
+var _icons = require("./icons");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["label", "icon", "disabled", "nested", "shortcut", "active", "selected"];
 var KEYBOARD_ICON_MAP = {
-  meta: /* @__PURE__ */ React.createElement(import_icons.CommandIcon, null),
-  control: /* @__PURE__ */ React.createElement(import_icons.ControlIcon, null),
-  shift: /* @__PURE__ */ React.createElement(import_icons.ShiftIcon, null),
-  alt: /* @__PURE__ */ React.createElement(import_icons.AltIcon, null),
-  enter: "↵"
+  meta: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CommandIcon, {}),
+  control: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ControlIcon, {}),
+  shift: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ShiftIcon, {}),
+  alt: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.AltIcon, {}),
+  enter: '↵'
 };
 var CODE_MAP = {
-  meta: "meta",
-  command: "meta",
-  cmd: "meta",
-  ctl: "control",
-  control: "control",
-  shift: "shift",
-  alt: "alt"
+  meta: 'meta',
+  command: 'meta',
+  cmd: 'meta',
+  ctl: 'control',
+  control: 'control',
+  shift: 'shift',
+  alt: 'alt'
 };
-var MenuItem = (0, import_react.forwardRef)(
-  ({ label, icon, disabled, nested, shortcut, active, selected, ...props }, ref) => {
-    const { styles, cx } = (0, import_style.useStyles)();
-    return /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        type: "button",
-        ...props,
-        ref,
-        role: "menuitem",
-        disabled,
-        className: cx(styles.item, {
-          [styles.selected]: selected,
-          [styles.active]: active
-        })
-      },
-      /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, gap: 8 }, icon && /* @__PURE__ */ React.createElement("span", null, icon), label),
-      nested ? /* @__PURE__ */ React.createElement("span", { "aria-hidden": true }, /* @__PURE__ */ React.createElement(import_lucide_react.ChevronRightIcon, { className: styles.arrow })) : shortcut ? /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { horizontal: true, align: "center" }, shortcut.map((c) => {
-        const code = CODE_MAP[c.toLowerCase()];
-        return /* @__PURE__ */ React.createElement("kbd", { className: styles.kbd, key: c }, code ? KEYBOARD_ICON_MAP[code] : c.toUpperCase());
-      })) : null
-    );
-  }
-);
-var MenuItem_default = MenuItem;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});
+var MenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _cx;
+  var label = _ref.label,
+    icon = _ref.icon,
+    disabled = _ref.disabled,
+    nested = _ref.nested,
+    shortcut = _ref.shortcut,
+    active = _ref.active,
+    selected = _ref.selected,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useStyles = (0, _style.useStyles)(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    type: 'button'
+  }, props), {}, {
+    ref: ref,
+    role: "menuitem",
+    disabled: disabled,
+    className: cx(styles.item, (_cx = {}, (0, _defineProperty2.default)(_cx, styles.selected, selected), (0, _defineProperty2.default)(_cx, styles.active, active), _cx)),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactLayoutKit.Flexbox, {
+      horizontal: true,
+      gap: 8,
+      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: icon
+      }), label]
+    }), nested ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      "aria-hidden": true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_lucideReact.ChevronRightIcon, {
+        className: styles.arrow
+      })
+    }) : shortcut ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactLayoutKit.Flexbox, {
+      horizontal: true,
+      align: 'center',
+      children: shortcut.map(function (c) {
+        var code = CODE_MAP[c.toLowerCase()];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("kbd", {
+          className: styles.kbd,
+          children: code ? KEYBOARD_ICON_MAP[code] : c.toUpperCase()
+        }, c);
+      })
+    }) : null]
+  }));
+});
+var _default = MenuItem;
+exports.default = _default;

package/lib/ContextMenu/MenuItem/style.js

@@ -1,94 +1,24 @@
-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/ContextMenu/MenuItem/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, cx, token }, prefixCls) => {
-  const selected = css`
-    font-weight: bold;
-    color: ${token.colorPrimaryText};
-    background: ${token.colorPrimaryBg};
-    &:hover {
-      color: ${token.colorPrimaryTextHover};
-      background: ${token.colorPrimaryBgHover};
-    }
-  `;
+exports.useStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _antdStyle = require("antd-style");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var useStyles = (0, _antdStyle.createStyles)(function (_ref, prefixCls) {
+  var css = _ref.css,
+    cx = _ref.cx,
+    token = _ref.token;
+  var selected = css(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    font-weight: bold;\n    color: ", ";\n    background: ", ";\n    &:hover {\n      color: ", ";\n      background: ", ";\n    }\n  "])), token.colorPrimaryText, token.colorPrimaryBg, token.colorPrimaryTextHover, token.colorPrimaryBgHover);
   return {
-    item: cx(
-      `${prefixCls}-item`,
-      css`
-        all: unset;
-
-        user-select: none;
-        scroll-margin: 50px;
-
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-
-        box-sizing: inherit;
-        width: 100%;
-        padding: 12px 10px;
-
-        font-family: ${token.fontFamily};
-        font-weight: normal;
-        line-height: 1;
-        color: ${token.colorText};
-
-        background: transparent;
-        border-radius: 5px;
-        &:hover {
-          background: ${token.colorFillTertiary};
-        }
-      `
-    ),
-    selected: cx(`${prefixCls}-item-selected`, selected),
-    active: cx(
-      `${prefixCls}-item-active`,
-      css`
-        background: ${token.colorFillTertiary};
-      `
-    ),
-    arrow: css`
-      color: ${token.colorTextTertiary};
-    `,
-    kbd: css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-
-      width: 18px;
-      height: 20px;
-
-      font-family: ${token.fontFamily};
-      font-size: 14px;
-      color: ${token.colorTextQuaternary};
-
-      border-radius: 2px;
-    `
+    item: cx("".concat(prefixCls, "-item"), css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n        all: unset;\n\n        user-select: none;\n        scroll-margin: 50px;\n\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\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        &:hover {\n          background: ", ";\n        }\n      "])), token.fontFamily, token.colorText, token.colorFillTertiary)),
+    selected: cx("".concat(prefixCls, "-item-selected"), selected),
+    active: cx("".concat(prefixCls, "-item-active"), css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n        background: ", ";\n      "])), token.colorFillTertiary)),
+    arrow: css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n      color: ", ";\n    "])), token.colorTextTertiary),
+    kbd: css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 18px;\n      height: 20px;\n\n      font-family: ", ";\n      font-size: 14px;\n      color: ", ";\n\n      border-radius: 2px;\n    "])), token.fontFamily, token.colorTextQuaternary)
   };
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});
+exports.useStyles = useStyles;