@lobehub/ui 1.11.0 → 1.11.2

package/lib/Chat/store/selectors.js

@@ -1,53 +0,0 @@
-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);
-
-// src/Chat/store/selectors.ts
-var selectors_exports = {};
-__export(selectors_exports, {
-  chatSelectors: () => chatSelectors
-});
-module.exports = __toCommonJS(selectors_exports);
-var import_tiktoken = require("@dqbd/tiktoken");
-var tiktoken = (0, import_tiktoken.get_encoding)("cl100k_base");
-var encode = (text) => {
-  if (!text)
-    return [];
-  const tokens = tiktoken.encode(text);
-  return tokens;
-};
-var disableInputSel = (s) => s.changingSystemRole;
-var messagesTokens = (s) => encode(s.messages.map((m) => m.content).join(""));
-var agentContentTokens = (s) => encode(
-  s.messages.filter((s2) => s2.role === "system").map((c) => c.content).join("") || ""
-);
-var totalTokens = (s) => encode(s.messages.map((m) => m.content).join(""));
-var totalTokenCount = (s) => totalTokens(s).length;
-var agentTokenCount = (s) => agentContentTokens(s).length;
-var messagesTokenCount = (s) => messagesTokens(s).length;
-var chatSelectors = {
-  totalTokenCount,
-  agentTokenCount,
-  messagesTokenCount,
-  totalTokens,
-  messagesTokens,
-  disableInput: disableInputSel
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  chatSelectors
-});

package/lib/Chat/store/store.d.ts

@@ -1,34 +0,0 @@
-import { StateCreator } from 'zustand/vanilla';
-import { ChatMessage } from '../types';
-import { FetchSSEOptions } from '../utils/fetch';
-import { ChatState } from './initialState';
-import { MessageDispatch } from './messageReducer';
-interface ChatAction {
-    /**
-     * @title 发送消息
-     * @returns Promise<void>
-     */
-    sendMessage: () => Promise<void>;
-    /**
-     * @title 重发消息
-     * @param index - 消息索引
-     * @returns Promise<void>
-     */
-    resendMessage: (index: number) => Promise<void>;
-    generateMessage: (message: string, messages: ChatMessage[], options: FetchSSEOptions) => Promise<void>;
-    /**
-     * @title 派发消息
-     * @param payload - 消息分发
-     * @returns void
-     */
-    dispatchMessage: (payload: MessageDispatch) => void;
-    /**
-     * @title 处理消息编辑
-     * @param index - 消息索引或空
-     * @returns void
-     */
-    handleMessageEditing: (index?: number | null) => void;
-}
-export declare type ChatStore = ChatAction & ChatState;
-export declare const createStore: StateCreator<ChatStore, [['zustand/devtools', never]]>;
-export {};

package/lib/Chat/store/store.js

@@ -1,119 +0,0 @@
-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);
-
-// src/Chat/store/store.ts
-var store_exports = {};
-__export(store_exports, {
-  createStore: () => createStore
-});
-module.exports = __toCommonJS(store_exports);
-var import_fetch = require("../utils/fetch");
-var import_const = require("../const");
-var import_initialState = require("./initialState");
-var import_messageReducer = require("./messageReducer");
-var createStore = (set, get) => ({
-  ...import_initialState.initialState,
-  dispatchMessage: (payload) => {
-    var _a, _b;
-    const { type, ...res } = payload;
-    const messages = (0, import_messageReducer.messagesReducer)(get().messages, payload);
-    set({ messages }, false, {
-      type: `dispatchMessage/${type}`,
-      payload: res
-    });
-    (_b = (_a = get()).onMessagesChange) == null ? void 0 : _b.call(_a, messages);
-  },
-  handleMessageEditing: (index) => {
-    set({ editingMessageId: index });
-  },
-  generateMessage: async (message, messages, options) => {
-    const { onResponseStart, request, onResponseFinished } = get();
-    if (!request)
-      return;
-    await (onResponseStart == null ? void 0 : onResponseStart(get().messages));
-    set({ loading: true });
-    const fetcher = () => request({ messages });
-    await (0, import_fetch.fetchSSE)(fetcher, options);
-    set({ loading: false });
-    onResponseFinished == null ? void 0 : onResponseFinished({ messages: get().messages });
-  },
-  sendMessage: async () => {
-    const { message, dispatchMessage, generateMessage, messages } = get();
-    if (!message)
-      return;
-    set({ message: "" });
-    dispatchMessage({ type: "addUserMessage", message });
-    dispatchMessage({ type: "addMessage", message: { role: "assistant", content: import_const.LOADING_FLAT } });
-    let currentResponse = [];
-    await generateMessage(message, messages, {
-      onMessageHandle: (text) => {
-        currentResponse = [...currentResponse, text];
-        dispatchMessage({ type: "updateLatestBotMessage", responseStream: currentResponse });
-        const item = document.getElementById("for-loading");
-        if (!item)
-          return;
-        item.scrollIntoView({ behavior: "smooth" });
-      },
-      onErrorHandle: (error) => {
-        dispatchMessage({ type: "setErrorMessage", error, index: get().messages.length - 1 });
-      }
-    });
-  },
-  resendMessage: async (index) => {
-    var _a;
-    const { dispatchMessage, sendMessage, generateMessage, messages } = get();
-    const lastMessage = messages.at(-1);
-    if (messages.length === index && (lastMessage == null ? void 0 : lastMessage.role) === "user") {
-      dispatchMessage({ type: "deleteMessage", index: index - 1 });
-      set({ message: lastMessage.content });
-      await sendMessage();
-      return;
-    }
-    const contextMessages = get().messages.slice(0, index);
-    const userMessage = (_a = contextMessages.at(-1)) == null ? void 0 : _a.content;
-    if (!userMessage)
-      return;
-    const targetMsg = messages[index];
-    if (targetMsg.role !== "assistant") {
-      dispatchMessage({
-        type: "insertMessage",
-        index,
-        message: { role: "assistant", content: import_const.LOADING_FLAT }
-      });
-    } else {
-      const botPrevMsg = targetMsg.content;
-      dispatchMessage({ type: "updateMessageChoice", message: botPrevMsg, index });
-      dispatchMessage({ type: "updateMessage", message: import_const.LOADING_FLAT, index });
-    }
-    dispatchMessage({ type: "setErrorMessage", error: void 0, index });
-    let currentResponse = [];
-    await generateMessage(userMessage, contextMessages, {
-      onMessageHandle: (text) => {
-        currentResponse = [...currentResponse, text];
-        dispatchMessage({ type: "updateMessage", message: currentResponse.join(""), index });
-      },
-      onErrorHandle: (error) => {
-        dispatchMessage({ type: "setErrorMessage", error, index });
-      }
-    });
-  }
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createStore
-});

package/lib/Chat/types.d.ts

@@ -1,77 +0,0 @@
-export declare type InternalChatContext = Omit<ChatContext, 'id'>;
-export declare type MessageRoleType = 'user' | 'system' | 'assistant';
-/**
- * 聊天消息错误对象
- */
-export interface ChatMessageError {
-    /**
-     * 错误信息
-     */
-    message: string;
-    /**
-     * 错误状态码
-     */
-    status: number;
-    /**
-     * 错误类型
-     * @enum ["chatbot", "openai"]
-     * @enumNames ["聊天机器人", "开放AI"]
-     */
-    type: 'chatbot' | 'openai';
-}
-/**
- * @title ChatGPTMessage 聊天消息
- * @category Model
- */
-export interface ChatMessage {
-    /**
-     * @title 角色
-     * @description 消息发送者的角色
-     * @enum {MessageRoleType} ChatGPTAgent
-     */
-    role: MessageRoleType;
-    /**
-     * @title 内容
-     * @description 消息内容
-     */
-    content: string;
-    /**
-     * 其余生成项
-     */
-    choices?: string[];
-    /**
-     * 如果存在错误消息
-     */
-    error?: ChatMessageError;
-}
-export interface ChatContext {
-    id: string;
-    /**
-     * @title 会话标题
-     */
-    title?: string;
-    /**
-     * @title 会话描述
-     * @description 用户设置的会话描述
-     * @type {string}
-     */
-    description?: string;
-    /**
-     * @title 消息列表
-     * @description 聊天室中的所有消息
-     * @type {ChatMessage[]}
-     */
-    messages: ChatMessage[];
-    createAt: number;
-    updateAt: number;
-}
-export declare type ChatContextMap = Record<string, Omit<ChatContext, 'systemRole'>>;
-/**
- * 请求数据类型
- */
-export interface OpenAIRequestParams {
-    /**
-     * 中间的聊天记录
-     */
-    messages?: ChatMessage[];
-}

package/lib/Chat/types.js

@@ -1,17 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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);
-
-// src/Chat/types.ts
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);

package/lib/Chat/utils/fetch.d.ts

@@ -1,11 +0,0 @@
-import { ChatMessageError } from '../types';
-export interface FetchSSEOptions {
-    onMessageHandle?: (text: string) => void;
-    onErrorHandle?: (error: ChatMessageError) => void;
-}
-/**
- * 使用流式方法获取数据
- * @param fetchFn
- * @param options
- */
-export declare const fetchSSE: (fetchFn: () => Promise<Response>, options?: FetchSSEOptions) => Promise<Response | undefined>;

package/lib/Chat/utils/fetch.js

@@ -1,72 +0,0 @@
-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);
-
-// src/Chat/utils/fetch.ts
-var fetch_exports = {};
-__export(fetch_exports, {
-  fetchSSE: () => fetchSSE
-});
-module.exports = __toCommonJS(fetch_exports);
-var codeMessage = {
-  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
-});

package/lib/ContextMenu/MenuItem/icons.d.ts

@@ -1,4 +0,0 @@
-export declare const CommandIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ControlIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ShiftIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const AltIcon: () => import("react/jsx-runtime").JSX.Element;

package/lib/ContextMenu/MenuItem/icons.js

@@ -1,100 +0,0 @@
-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);
-
-// src/ContextMenu/MenuItem/icons.tsx
-var icons_exports = {};
-__export(icons_exports, {
-  AltIcon: () => AltIcon,
-  CommandIcon: () => CommandIcon,
-  ControlIcon: () => ControlIcon,
-  ShiftIcon: () => ShiftIcon
-});
-module.exports = __toCommonJS(icons_exports);
-var strokeWidth = 2.2;
-var iconSize = "13px";
-var CommandIcon = () => /* @__PURE__ */ React.createElement(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    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",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    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",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    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",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    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
-});

package/lib/ContextMenu/MenuItem/index.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-interface MenuItemProps {
-    label: ReactNode;
-    disabled?: boolean;
-    active?: boolean;
-    selected?: boolean;
-    nested?: boolean;
-    icon?: ReactNode;
-    shortcut?: string[];
-}
-declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default MenuItem;

package/lib/ContextMenu/MenuItem/index.js

@@ -1,72 +0,0 @@
-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);
-
-// src/ContextMenu/MenuItem/index.tsx
-var MenuItem_exports = {};
-__export(MenuItem_exports, {
-  default: () => MenuItem_default
-});
-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");
-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: "↵"
-};
-var CODE_MAP = {
-  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 = {});

package/lib/ContextMenu/MenuItem/style.d.ts

@@ -1,7 +0,0 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    item: string;
-    selected: string;
-    active: string;
-    arrow: import("antd-style").SerializedStyles;
-    kbd: import("antd-style").SerializedStyles;
-}>;

package/lib/ContextMenu/MenuItem/style.js

@@ -1,94 +0,0 @@
-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);
-
-// src/ContextMenu/MenuItem/style.ts
-var style_exports = {};
-__export(style_exports, {
-  useStyles: () => useStyles
-});
-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};
-    }
-  `;
-  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;
-    `
-  };
-});
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useStyles
-});