@lobehub/ui 1.16.1 → 1.16.2

package/es/ActionIcon/index.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
+import { LucideIcon } from 'lucide-react';
 import { TooltipProps } from "../index";
 import { DivProps } from "../types";
-import { LucideIcon } from 'lucide-react';
 export declare type ActionIconSize = 'large' | 'normal' | 'small' | 'site' | {
     blockSize?: number;
+    borderRadius?: number;
     fontSize?: number;
     strokeWidth?: number;
-    borderRadius?: number;
 };
 export interface ActionIconProps extends DivProps {
     /**
@@ -15,24 +15,20 @@ export interface ActionIconProps extends DivProps {
      */
     active?: boolean;
     /**
-     * @description Size of the icon
-     * @default 'normal'
-     */
-    size?: ActionIconSize;
-    /**
-     * @description The icon element to be rendered
-     * @type LucideIcon
+     * @description Change arrow's visible state and change whether the arrow is pointed at the center of target.
+     * @default false
      */
-    icon: LucideIcon;
+    arrow?: boolean;
     /**
      * @description Glass blur style
      * @default 'false'
      */
     glass?: boolean;
     /**
-     * @description The text shown in the tooltip
+     * @description The icon element to be rendered
+     * @type LucideIcon
      */
-    title?: string;
+    icon: LucideIcon;
     /**
      * @description The position of the tooltip relative to the target
      * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]
@@ -40,10 +36,14 @@ export interface ActionIconProps extends DivProps {
      */
     placement?: TooltipProps['placement'];
     /**
-     * @description Change arrow's visible state and change whether the arrow is pointed at the center of target.
-     * @default false
+     * @description Size of the icon
+     * @default 'normal'
      */
-    arrow?: boolean;
+    size?: ActionIconSize;
+    /**
+     * @description The text shown in the tooltip
+     */
+    title?: string;
 }
 declare const ActionIcon: import("react").NamedExoticComponent<ActionIconProps>;
 export default ActionIcon;

package/es/ActionIcon/index.js

@@ -1,8 +1,10 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "active", "icon", "size", "style", "glass", "title", "placement", "arrow"];
-import { Icon, Tooltip } from "./..";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { memo } from 'react';
+import { Icon, Tooltip } from "./..";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ActionIcon = /*#__PURE__*/memo(function (_ref) {
@@ -57,15 +59,15 @@ var ActionIcon = /*#__PURE__*/memo(function (_ref) {
     }, style)
   }, props), {}, {
     children: /*#__PURE__*/_jsx(Icon, {
-      size: size === 'site' ? 'normal' : size,
-      icon: icon
+      icon: icon,
+      size: size === 'site' ? 'normal' : size
     })
   }));
   if (!title) return actionIconBlock;
   return /*#__PURE__*/_jsx(Tooltip, {
     arrow: arrow,
-    title: title,
     placement: placement,
+    title: title,
     children: actionIconBlock
   });
 });

package/es/Avatar/index.d.ts

@@ -5,23 +5,23 @@ export interface AvatarProps {
      */
     avatar?: string;
     /**
-     * @description The title text to display if avatar is not provided
-     */
-    title?: string;
-    /**
-     * @description The size of the avatar in pixels
-     * @default 40
+     * @description The background color of the avatar
      */
-    size?: number;
+    background?: string;
     /**
      * @description The shape of the avatar
      * @default 'circle'
      */
     shape?: 'circle' | 'square';
     /**
-     * @description The background color of the avatar
+     * @description The size of the avatar in pixels
+     * @default 40
      */
-    background?: string;
+    size?: number;
+    /**
+     * @description The title text to display if avatar is not provided
+     */
+    title?: string;
 }
 declare const Avatar: FC<AvatarProps>;
 export default Avatar;

package/es/Avatar/index.js

@@ -18,6 +18,7 @@ var Avatar = function Avatar(_ref) {
     return avatar.startsWith(i);
   });
   return /*#__PURE__*/_jsx(Center, {
+    className: styles.container,
     style: {
       width: size,
       height: size,
@@ -25,16 +26,15 @@ var Avatar = function Avatar(_ref) {
       backgroundColor: backgroundColor,
       borderWidth: isImage ? 1 : 0
     },
-    className: styles.container,
     children: !avatar ? /*#__PURE__*/_jsx(A, {
       shape: shape,
       size: size,
       children: title === null || title === void 0 ? void 0 : title.slice(0, 2)
     }) : isImage ? /*#__PURE__*/_jsx(A, {
+      className: styles.border,
       shape: shape,
       size: size,
-      src: avatar,
-      className: styles.border
+      src: avatar
     }) : /*#__PURE__*/_jsx(Center, {
       className: styles.border,
       style: {

package/es/Chat/store/initialState.d.ts

@@ -1,15 +1,5 @@
 import { ChatMessage, InternalChatContext, OpenAIRequestParams } from '../types';
 export interface ChatState extends InternalChatContext {
-    /**
-     * @title 消息
-     * @type {string}
-     */
-    message: string;
-    /**
-     * @title 加载状态
-     * @type {boolean}
-     */
-    loading: boolean;
     /**
      * @title 改变系统角色状态
      * @type {boolean}
@@ -19,10 +9,20 @@ export interface ChatState extends InternalChatContext {
      * 编辑中的消息 id
      */
     editingMessageId?: number | null;
+    /**
+     * @title 加载状态
+     * @type {boolean}
+     */
+    loading: boolean;
+    /**
+     * @title 消息
+     * @type {string}
+     */
+    message: string;
+    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
     onMessagesChange?: (messages: ChatMessage[]) => void;
-    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
     onResponseFinished?: (session: any) => void;
-    onAgentChange?: (agent: any, type: 'update' | 'remove') => void;
+    onResponseStart?: (messages: ChatMessage[]) => Promise<void>;
     request?: (params: OpenAIRequestParams) => Promise<Response>;
 }
 export declare const initialState: ChatState;

package/es/Chat/store/messageReducer.d.ts

@@ -1,37 +1,37 @@
 import { ChatMessage, ChatMessageError, MessageRoleType } from '../types';
 export declare type MessageDispatch = {
-    type: 'addMessage';
     message: ChatMessage;
+    type: 'addMessage';
 } | {
-    type: 'insertMessage';
-    message: ChatMessage;
     index: number;
+    message: ChatMessage;
+    type: 'insertMessage';
 } | {
-    type: 'deleteMessage';
     index: number;
+    type: 'deleteMessage';
 } | {
     type: 'resetMessages';
 } | {
-    type: 'updateMessage';
     index: number;
     message: string;
+    type: 'updateMessage';
 } | {
-    type: 'updateMessageRole';
     index: number;
     role: MessageRoleType;
+    type: 'updateMessageRole';
 } | {
-    type: 'addUserMessage';
     message: string;
+    type: 'addUserMessage';
 } | {
-    type: 'updateLatestBotMessage';
     responseStream: string[];
+    type: 'updateLatestBotMessage';
 } | {
-    type: 'updateMessageChoice';
-    message: string;
     index: number;
+    message: string;
+    type: 'updateMessageChoice';
 } | {
-    type: 'setErrorMessage';
-    index: number;
     error: ChatMessageError | undefined;
+    index: number;
+    type: 'setErrorMessage';
 };
 export declare const messagesReducer: (state: ChatMessage[], payload: MessageDispatch) => ChatMessage[];

package/es/Chat/store/store.d.ts

@@ -4,30 +4,30 @@ 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;
+    generateMessage: (message: string, messages: ChatMessage[], options: FetchSSEOptions) => Promise<void>;
     /**
      * @title 处理消息编辑
      * @param index - 消息索引或空
      * @returns void
      */
     handleMessageEditing: (index?: number | null) => void;
+    /**
+     * @title 重发消息
+     * @param index - 消息索引
+     * @returns Promise<void>
+     */
+    resendMessage: (index: number) => Promise<void>;
+    /**
+     * @title 发送消息
+     * @returns Promise<void>
+     */
+    sendMessage: () => Promise<void>;
 }
 export declare type ChatStore = ChatAction & ChatState;
 export declare const createStore: StateCreator<ChatStore, [['zustand/devtools', never]]>;

package/es/Chat/store/store.js

@@ -1,11 +1,13 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _excluded = ["type"];
-import { fetchSSE } from "../utils/fetch";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { LOADING_FLAT } from "../const";
+import { fetchSSE } from "../utils/fetch";
 import { initialState } from "./initialState";
 import { messagesReducer } from "./messageReducer";
 export var createStore = function createStore(set, get) {
@@ -29,9 +31,9 @@ export var createStore = function createStore(set, get) {
       });
     },
     generateMessage: function () {
-      var _generateMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(message, messages, options) {
+      var _generateMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(message, messages, options) {
         var _get2, onResponseStart, request, onResponseFinished, fetcher;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _get2 = get(), onResponseStart = _get2.onResponseStart, request = _get2.request, onResponseFinished = _get2.onResponseFinished;
@@ -73,9 +75,9 @@ export var createStore = function createStore(set, get) {
       return generateMessage;
     }(),
     sendMessage: function () {
-      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var _sendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         var _get3, message, dispatchMessage, generateMessage, messages, currentResponse;
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               _get3 = get(), message = _get3.message, dispatchMessage = _get3.dispatchMessage, generateMessage = _get3.generateMessage, messages = _get3.messages;
@@ -138,10 +140,10 @@ export var createStore = function createStore(set, get) {
       return sendMessage;
     }(),
     resendMessage: function () {
-      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(index) {
+      var _resendMessage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(index) {
         var _contextMessages$at;
         var _get4, dispatchMessage, sendMessage, generateMessage, messages, lastMessage, contextMessages, userMessage, targetMsg, botPrevMsg, currentResponse;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               _get4 = get(), dispatchMessage = _get4.dispatchMessage, sendMessage = _get4.sendMessage, generateMessage = _get4.generateMessage, messages = _get4.messages;

package/es/Chat/types.d.ts

@@ -25,44 +25,44 @@ export interface ChatMessageError {
  */
 export interface ChatMessage {
     /**
-     * @title 角色
-     * @description 消息发送者的角色
-     * @enum {MessageRoleType} ChatGPTAgent
+     * 其余生成项
      */
-    role: MessageRoleType;
+    choices?: string[];
     /**
      * @title 内容
      * @description 消息内容
      */
     content: string;
-    /**
-     * 其余生成项
-     */
-    choices?: string[];
     /**
      * 如果存在错误消息
      */
     error?: ChatMessageError;
-}
-export interface ChatContext {
-    id: string;
     /**
-     * @title 会话标题
+     * @title 角色
+     * @description 消息发送者的角色
+     * @enum {MessageRoleType} ChatGPTAgent
      */
-    title?: string;
+    role: MessageRoleType;
+}
+export interface ChatContext {
+    createAt: number;
     /**
      * @title 会话描述
      * @description 用户设置的会话描述
      * @type {string}
      */
     description?: string;
+    id: string;
     /**
      * @title 消息列表
      * @description 聊天室中的所有消息
      * @type {ChatMessage[]}
      */
     messages: ChatMessage[];
-    createAt: number;
+    /**
+     * @title 会话标题
+     */
+    title?: string;
     updateAt: number;
 }
 export declare type ChatContextMap = Record<string, Omit<ChatContext, 'systemRole'>>;

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

@@ -1,7 +1,7 @@
 import { ChatMessageError } from '../types';
 export interface FetchSSEOptions {
-    onMessageHandle?: (text: string) => void;
     onErrorHandle?: (error: ChatMessageError) => void;
+    onMessageHandle?: (text: string) => void;
 }
 /**
  * 使用流式方法获取数据

package/es/Chat/utils/fetch.js

@@ -1,5 +1,5 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
 var codeMessage = {
   200: '成功获取数据，服务已响应',
   201: '操作成功，数据已保存',
@@ -23,7 +23,7 @@ var codeMessage = {
  * @param options
  */
 export var fetchSSE = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(fetchFn) {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(fetchFn) {
     var options,
       response,
       _options$onErrorHandl,
@@ -39,7 +39,7 @@ export var fetchSSE = /*#__PURE__*/function () {
       doneReading,
       chunkValue,
       _args = arguments;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};

package/es/ColorScales/ScaleRow.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export interface IScaleRow {
     name: string;
-    title: 'light' | 'lightA' | 'dark' | 'darkA';
     scale: string[];
+    title: 'light' | 'lightA' | 'dark' | 'darkA';
 }
 declare const ScaleRow: import("react").NamedExoticComponent<IScaleRow>;
 export default ScaleRow;

package/es/ColorScales/ScaleRow.js

@@ -1,4 +1,4 @@
-import { Space, message } from 'antd';
+import { message, Space } from 'antd';
 import copy from 'copy-to-clipboard';
 import { memo } from 'react';
 import { alphaBg, useStyles } from "./style";
@@ -42,13 +42,13 @@ var ScaleRow = /*#__PURE__*/memo(function (_ref) {
       if (index === 0 || index === 12) return null;
       return /*#__PURE__*/_jsx("div", {
         className: styles.scaleBox,
-        title: color,
-        style: style,
         onClick: function onClick() {
           var content = "token.".concat(name).concat(index).concat(isAlpha ? 'A' : '', " /* ").concat(color, " */");
           copy(content);
           message.success(content);
         },
+        style: style,
+        title: color,
         children: /*#__PURE__*/_jsx("div", {
           className: styles.scaleItem,
           style: {

package/es/ColorScales/index.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { ColorScaleItem } from "../styles/colors";
 export interface ColorScalesProps {
+    midHighLight: number;
     name: string;
     scale: ColorScaleItem;
-    midHighLight: number;
 }
 declare const ColorScales: import("react").NamedExoticComponent<ColorScalesProps>;
 export default ColorScales;

package/es/ColorScales/index.js

@@ -43,20 +43,20 @@ var ColorScales = /*#__PURE__*/memo(function (_ref) {
           })]
         }, "scale-title"), /*#__PURE__*/_jsx(ScaleRow, {
           name: name,
-          title: "light",
-          scale: scale.light
+          scale: scale.light,
+          title: "light"
         }, "light"), /*#__PURE__*/_jsx(ScaleRow, {
           name: name,
-          title: "lightA",
-          scale: scale.lightA
+          scale: scale.lightA,
+          title: "lightA"
         }, "lightA"), /*#__PURE__*/_jsx(ScaleRow, {
           name: name,
-          title: "dark",
-          scale: scale.dark
+          scale: scale.dark,
+          title: "dark"
         }, "dark"), /*#__PURE__*/_jsx(ScaleRow, {
           name: name,
-          title: "darkA",
-          scale: scale.darkA
+          scale: scale.darkA,
+          title: "darkA"
         }, "darkA")]
       })
     })

package/es/ContextMenu/MenuItem/icons.js

@@ -4,15 +4,15 @@ var strokeWidth = 2.2;
 var iconSize = '13px';
 export var CommandIcon = function CommandIcon() {
   return /*#__PURE__*/_jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
     fill: "none",
+    height: iconSize,
     stroke: "currentColor",
-    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
+    strokeWidth: strokeWidth,
+    viewBox: "0 0 24 24",
+    width: iconSize,
+    xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_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"
     })
@@ -20,16 +20,16 @@ export var CommandIcon = function CommandIcon() {
 };
 export var ControlIcon = function ControlIcon() {
   return /*#__PURE__*/_jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
+    className: "lucide lucide-chevron-up",
     fill: "none",
+    height: iconSize,
     stroke: "currentColor",
-    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up",
+    strokeWidth: strokeWidth,
+    viewBox: "0 0 24 24",
+    width: iconSize,
+    xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_jsx("polyline", {
       points: "18 15 12 9 6 15"
     })
@@ -37,16 +37,16 @@ export var ControlIcon = function ControlIcon() {
 };
 export var ShiftIcon = function ShiftIcon() {
   return /*#__PURE__*/_jsx("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
+    className: "lucide lucide-chevron-up",
     fill: "none",
+    height: iconSize,
     stroke: "currentColor",
-    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up",
+    strokeWidth: strokeWidth,
+    viewBox: "0 0 24 24",
+    width: iconSize,
+    xmlns: "http://www.w3.org/2000/svg",
     children: /*#__PURE__*/_jsx("path", {
       d: "M9 18v-6H5l7-7 7 7h-4v6H9z"
     })
@@ -54,16 +54,16 @@ export var ShiftIcon = function ShiftIcon() {
 };
 export var AltIcon = function AltIcon() {
   return /*#__PURE__*/_jsxs("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: iconSize,
-    height: iconSize,
-    viewBox: "0 0 24 24",
+    className: "lucide lucide-chevron-up",
     fill: "none",
+    height: iconSize,
     stroke: "currentColor",
-    strokeWidth: strokeWidth,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: "lucide lucide-chevron-up",
+    strokeWidth: strokeWidth,
+    viewBox: "0 0 24 24",
+    width: iconSize,
+    xmlns: "http://www.w3.org/2000/svg",
     children: [/*#__PURE__*/_jsx("path", {
       d: "M3 3h6l6 18h6"
     }), /*#__PURE__*/_jsx("path", {

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

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

package/es/ContextMenu/MenuItem/index.js

@@ -1,7 +1,8 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["label", "icon", "disabled", "nested", "shortcut", "active", "selected"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { ChevronRightIcon } from 'lucide-react';
 import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -41,13 +42,13 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
     type: 'button'
   }, props), {}, {
+    className: cx(styles.item, (_cx = {}, _defineProperty(_cx, styles.selected, selected), _defineProperty(_cx, styles.active, active), _cx)),
+    disabled: disabled,
     ref: ref,
     role: "menuitem",
-    disabled: disabled,
-    className: cx(styles.item, (_cx = {}, _defineProperty(_cx, styles.selected, selected), _defineProperty(_cx, styles.active, active), _cx)),
     children: [/*#__PURE__*/_jsxs(Flexbox, {
-      horizontal: true,
       gap: 8,
+      horizontal: true,
       children: [icon && /*#__PURE__*/_jsx("span", {
         children: icon
       }), label]
@@ -57,8 +58,8 @@ var MenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
         className: styles.arrow
       })
     }) : shortcut ? /*#__PURE__*/_jsx(Flexbox, {
-      horizontal: true,
       align: 'center',
+      horizontal: true,
       children: shortcut.map(function (c) {
         var code = CODE_MAP[c.toLowerCase()];
         return /*#__PURE__*/_jsx("kbd", {