@lobehub/ui 1.170.8 → 2.0.0

package/es/Hotkey/index.js

@@ -1,166 +1,3 @@
-'use client';
-
-var _excluded = ["variant", "classNames", "styles", "keys", "inverseTheme", "isApple", "compact", "className", "style"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { ArrowBigUpIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightToLineIcon, ArrowUpIcon, ChevronUpIcon, Command, CornerDownLeftIcon, Delete, Grid2X2Icon, MouseIcon, Option, SpaceIcon } from 'lucide-react';
-import { memo, useEffect, useMemo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import Icon from "../Icon";
-import LeftClickIcon from "./components/LeftClickIcon";
-import LeftDoubleClickIcon from "./components/LeftDoubleClickIcon";
-import RightClickIcon from "./components/RightClickIcon";
-import RightDoubleClickIcon from "./components/RightDoubleClickIcon";
-import { useStyles } from "./style";
-import { KeyMapEnum } from "./type";
-import { checkIsAppleDevice, splitKeysByPlus, startCase } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-var mappingKey = function mappingKey(isAppleDevice) {
-  var _ref;
-  return _ref = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, KeyMapEnum.Alt, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: Option
-  }) : 'Alt'), KeyMapEnum.Backspace, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: Delete
-  }) : 'Backspace'), KeyMapEnum.Ctrl, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: ChevronUpIcon
-  }) : 'Ctrl'), KeyMapEnum.Down, /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowDownIcon
-  })), KeyMapEnum.Enter, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: CornerDownLeftIcon
-  }) : 'Enter'), KeyMapEnum.LeftClick, /*#__PURE__*/_jsx(Icon, {
-    icon: LeftClickIcon,
-    size: {
-      fontSize: '1.2em',
-      strokeWidth: 1.75
-    }
-  })), KeyMapEnum.Left, /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowLeftIcon
-  })), KeyMapEnum.Meta, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: Command
-  }) : /*#__PURE__*/_jsx(Icon, {
-    icon: Grid2X2Icon
-  })), KeyMapEnum.MiddleClick, /*#__PURE__*/_jsx(Icon, {
-    icon: MouseIcon,
-    size: {
-      fontSize: '1.2em',
-      strokeWidth: 1.75
-    }
-  })), KeyMapEnum.Mod, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: Command
-  }) : 'Ctrl'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, KeyMapEnum.RightClick, /*#__PURE__*/_jsx(Icon, {
-    icon: RightClickIcon,
-    size: {
-      fontSize: '1.2em',
-      strokeWidth: 1.75
-    }
-  })), KeyMapEnum.RightDoubleClick, /*#__PURE__*/_jsx(Icon, {
-    icon: RightDoubleClickIcon,
-    size: {
-      fontSize: '1.2em',
-      strokeWidth: 1.75
-    }
-  })), KeyMapEnum.LeftDoubleClick, /*#__PURE__*/_jsx(Icon, {
-    icon: LeftDoubleClickIcon,
-    size: {
-      fontSize: '1.2em',
-      strokeWidth: 1.75
-    }
-  })), KeyMapEnum.Right, /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowRightIcon
-  })), KeyMapEnum.Shift, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowBigUpIcon,
-    size: {
-      fontSize: '1.15em',
-      strokeWidth: 1.75
-    }
-  }) : 'Shift'), KeyMapEnum.Space, /*#__PURE__*/_jsx(Icon, {
-    icon: SpaceIcon
-  })), KeyMapEnum.Tab, isAppleDevice ? /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowRightToLineIcon
-  }) : 'Tab'), KeyMapEnum.Up, /*#__PURE__*/_jsx(Icon, {
-    icon: ArrowUpIcon
-  })), KeyMapEnum.Comma, ','), KeyMapEnum.Period, '.'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, KeyMapEnum.Slash, '?'), KeyMapEnum.Semicolon, ';'), KeyMapEnum.Quote, "'"), KeyMapEnum.Backquote, '`'), KeyMapEnum.Backslash, '\\'), KeyMapEnum.BracketLeft, '['), KeyMapEnum.BracketRight, ']'), KeyMapEnum.Minus, '-'), KeyMapEnum.Equal, '+');
-};
-var Hotkey = /*#__PURE__*/memo(function (_ref2) {
-  var _ref2$variant = _ref2.variant,
-    variant = _ref2$variant === void 0 ? 'default' : _ref2$variant,
-    classNames = _ref2.classNames,
-    styles = _ref2.styles,
-    keys = _ref2.keys,
-    inverseTheme = _ref2.inverseTheme,
-    isApple = _ref2.isApple,
-    compact = _ref2.compact,
-    className = _ref2.className,
-    style = _ref2.style,
-    rest = _objectWithoutProperties(_ref2, _excluded);
-  var _useStyles = useStyles(inverseTheme),
-    cx = _useStyles.cx,
-    s = _useStyles.styles;
-  var isPure = variant === 'pure';
-  var _useState = useState(splitKeysByPlus(keys)),
-    _useState2 = _slicedToArray(_useState, 2),
-    keysGroup = _useState2[0],
-    setKeysGroup = _useState2[1];
-  var visibility = typeof window === 'undefined' ? 'hidden' : 'visible';
-  var isAppleDevice = useMemo(function () {
-    return checkIsAppleDevice(isApple);
-  }, [isApple]);
-  useEffect(function () {
-    var newValue = splitKeysByPlus(keys);
-    setKeysGroup(newValue);
-  }, [keys]);
-  var mapping = useMemo(function () {
-    return mappingKey(isAppleDevice);
-  }, [isAppleDevice]);
-  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
-    align: 'center',
-    className: cx(s, className),
-    gap: isPure ? 6 : 2,
-    horizontal: true,
-    style: _objectSpread({
-      visibility: visibility
-    }, style)
-  }, rest), {}, {
-    children: isPure ? keysGroup.map(function (key, index) {
-      var _mapping$key;
-      return /*#__PURE__*/_jsx("span", {
-        children: (_mapping$key = mapping[key]) !== null && _mapping$key !== void 0 ? _mapping$key : startCase(key)
-      }, index);
-    }) : compact ? /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      as: 'kbd',
-      className: classNames === null || classNames === void 0 ? void 0 : classNames.descClassName,
-      gap: 4,
-      horizontal: true,
-      style: styles === null || styles === void 0 ? void 0 : styles.kbdStyle,
-      children: keysGroup.map(function (key, index) {
-        var _mapping$key2;
-        return /*#__PURE__*/_jsx("div", {
-          children: (_mapping$key2 = mapping[key]) !== null && _mapping$key2 !== void 0 ? _mapping$key2 : startCase(key)
-        }, index);
-      })
-    }) : keysGroup.map(function (key, index) {
-      var _mapping$key3;
-      return /*#__PURE__*/_jsx("kbd", {
-        className: classNames === null || classNames === void 0 ? void 0 : classNames.descClassName,
-        style: styles === null || styles === void 0 ? void 0 : styles.kbdStyle,
-        children: (_mapping$key3 = mapping[key]) !== null && _mapping$key3 !== void 0 ? _mapping$key3 : startCase(key)
-      }, index);
-    })
-  }));
-});
-export default Hotkey;
-export { KeyMapEnum } from "./type";
+export { KeyMapEnum } from "./const";
+export { default } from "./Hotkey";
 export { combineKeys } from "./utils";

package/es/Hotkey/style.d.ts

@@ -1 +1,7 @@
-export declare const useStyles: (props?: boolean | undefined) => import("antd-style").ReturnStyles<import("antd-style").SerializedStyles>;
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    borderless: string;
+    filled: string;
+    inverseTheme: import("antd-style").SerializedStyles;
+    outlined: string;
+    root: import("antd-style").SerializedStyles;
+}>;

package/es/Hotkey/style.js

@@ -1,9 +1,18 @@
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 import { rgba } from 'polished';
-export var useStyles = createStyles(function (_ref, inverseTheme) {
-  var css = _ref.css,
-    token = _ref.token;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    color: ", ";\n\n    kbd {\n      overflow: hidden;\n      display: flex;\n      flex: none;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 16px;\n      height: 22px;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 1.1;\n      color: inherit;\n      text-align: center;\n      white-space: nowrap;\n\n      background: ", ";\n      border: none;\n      border-radius: ", "px;\n    }\n  "])), inverseTheme ? token.colorTextTertiary : token.colorTextSecondary, token.fontFamily, inverseTheme ? rgba(token.colorTextTertiary, 0.15) : token.colorFillTertiary, token.borderRadiusSM);
+export var useStyles = createStyles(function (_ref) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode,
+    stylish = _ref.stylish;
+  return {
+    borderless: cx(stylish.variantBorderlessWithoutHover, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding-inline: 4px;\n      "])))),
+    filled: stylish.variantFilledWithoutHover,
+    inverseTheme: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      background: ", ";\n    "])), rgba(token.colorBgContainer, 0.75), rgba(token.colorBgContainer, isDarkMode ? 0.08 : 0.16)),
+    outlined: stylish.variantOutlinedWithoutHover,
+    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow: hidden;\n\n      min-width: 1.8em;\n      height: 1.8em;\n      padding-block: 0;\n      padding-inline: 8px;\n\n      font-family: ", ";\n      font-size: 12px;\n      line-height: 1.1;\n      color: ", ";\n      text-align: center;\n      white-space: nowrap;\n\n      border: none;\n      border-radius: ", "px;\n    "])), token.fontFamily, token.colorTextSecondary, token.borderRadiusSM)
+  };
 });

package/es/Hotkey/type.d.ts

@@ -1,34 +1,15 @@
-export declare const KeyMapEnum: {
-    readonly Alt: "alt";
-    readonly Backquote: "backquote";
-    readonly Backslash: "backslash";
-    readonly Backspace: "backspace";
-    readonly BracketLeft: "bracketleft";
-    readonly BracketRight: "bracketright";
-    readonly Comma: "comma";
-    readonly Ctrl: "ctrl";
-    readonly Down: "down";
-    readonly Enter: "enter";
-    readonly Equal: "equal";
-    readonly Esc: "esc";
-    readonly Left: "left";
-    readonly LeftClick: "left-click";
-    readonly LeftDoubleClick: "left-double-click";
-    readonly Meta: "meta";
-    readonly MiddleClick: "middle-click";
-    readonly Minus: "minus";
-    readonly Mod: "mod";
-    readonly Period: "period";
-    readonly Plus: "equal";
-    readonly QuestionMark: "slash";
-    readonly Quote: "quote";
-    readonly Right: "right";
-    readonly RightClick: "right-click";
-    readonly RightDoubleClick: "right-double-click";
-    readonly Semicolon: "semicolon";
-    readonly Shift: "shift";
-    readonly Slash: "slash";
-    readonly Space: "space";
-    readonly Tab: "tab";
-    readonly Up: "up";
-};
+import type { CSSProperties } from 'react';
+import type { FlexboxProps } from 'react-layout-kit';
+export interface HotkeyProps extends Omit<FlexboxProps, 'children'> {
+    classNames?: {
+        kbdClassName?: string;
+    };
+    compact?: boolean;
+    inverseTheme?: boolean;
+    isApple?: boolean;
+    keys: string;
+    styles?: {
+        kbdStyle?: CSSProperties;
+    };
+    variant?: 'filled' | 'outlined' | 'borderless';
+}

package/es/Hotkey/type.js

@@ -1,49 +1 @@
-export var KeyMapEnum = {
-  Alt: 'alt',
-  Backquote: 'backquote',
-  // `
-  Backslash: 'backslash',
-  // \
-  Backspace: 'backspace',
-  BracketLeft: 'bracketleft',
-  // [
-  BracketRight: 'bracketright',
-  // ]
-  Comma: 'comma',
-  // ,
-  Ctrl: 'ctrl',
-  Down: 'down',
-  Enter: 'enter',
-  Equal: 'equal',
-  // =
-  Esc: 'esc',
-  Left: 'left',
-  LeftClick: 'left-click',
-  LeftDoubleClick: 'left-double-click',
-  Meta: 'meta',
-  // Command on Mac, Win on Win
-  MiddleClick: 'middle-click',
-  Minus: 'minus',
-  // -
-  Mod: 'mod',
-  // Command on Mac, Ctrl on Win
-  Period: 'period',
-  // .
-  Plus: 'equal',
-  // +
-  QuestionMark: 'slash',
-  // ?
-  Quote: 'quote',
-  // '
-  Right: 'right',
-  RightClick: 'right-click',
-  RightDoubleClick: 'right-double-click',
-  Semicolon: 'semicolon',
-  // ;
-  Shift: 'shift',
-  Slash: 'slash',
-  // /
-  Space: 'space',
-  Tab: 'tab',
-  Up: 'up'
-};
+export {};

package/es/Hotkey/utils.js

@@ -1,4 +1,4 @@
-import { KeyMapEnum } from "./type";
+import { KeyMapEnum } from "./const";
 export var splitKeysByPlus = function splitKeysByPlus(keys) {
   return keys.replaceAll('++', "+".concat(KeyMapEnum.Equal)).split('+');
 };

package/es/HotkeyInput/HotkeyInput.d.ts

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

package/es/HotkeyInput/HotkeyInput.js

@@ -0,0 +1,322 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { cva } from 'class-variance-authority';
+import { isEqual } from 'lodash-es';
+import { Undo2Icon } from 'lucide-react';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useHotkeys, useRecordHotkeys } from 'react-hotkeys-hook';
+import { Flexbox } from 'react-layout-kit';
+import useControlledState from 'use-merge-value';
+import ActionIcon from "../ActionIcon";
+import Hotkey from "../Hotkey";
+import { checkIsAppleDevice, splitKeysByPlus } from "../Hotkey/utils";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+// 修饰键列表
+var MODIFIER_KEYS = new Set(['alt', 'mod', 'shift', 'meta', 'ctrl', 'control']);
+var HotkeyInput = /*#__PURE__*/memo(function (_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    _ref$defaultValue = _ref.defaultValue,
+    defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
+    _ref$resetValue = _ref.resetValue,
+    resetValue = _ref$resetValue === void 0 ? '' : _ref$resetValue,
+    onChange = _ref.onChange,
+    onConflict = _ref.onConflict,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Press keys to record shortcut' : _ref$placeholder,
+    disabled = _ref.disabled,
+    shadow = _ref.shadow,
+    _ref$allowReset = _ref.allowReset,
+    allowReset = _ref$allowReset === void 0 ? true : _ref$allowReset,
+    style = _ref.style,
+    className = _ref.className,
+    _ref$hotkeyConflicts = _ref.hotkeyConflicts,
+    hotkeyConflicts = _ref$hotkeyConflicts === void 0 ? [] : _ref$hotkeyConflicts,
+    variant = _ref.variant,
+    texts = _ref.texts,
+    isApple = _ref.isApple,
+    onBlur = _ref.onBlur,
+    onReset = _ref.onReset,
+    onFocus = _ref.onFocus;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFocused = _useState2[0],
+    setIsFocused = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasConflict = _useState4[0],
+    setHasConflict = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hasInvalidCombination = _useState6[0],
+    setHasInvalidCombination = _useState6[1];
+  var inputRef = useRef(null);
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles,
+    theme = _useStyles.theme;
+  var isAppleDevice = useMemo(function () {
+    return checkIsAppleDevice(isApple);
+  }, [isApple]);
+  var _useControlledState = useControlledState(defaultValue, {
+      defaultValue: defaultValue,
+      onChange: onChange,
+      value: value
+    }),
+    _useControlledState2 = _slicedToArray(_useControlledState, 2),
+    hotkeyValue = _useControlledState2[0],
+    setHotkeyValue = _useControlledState2[1];
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        disabled: false,
+        error: false,
+        shadow: false,
+        variant: 'outlined'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        variant: {
+          filled: styles.filled,
+          outlined: styles.outlined,
+          borderless: styles.borderless
+        },
+        shadow: {
+          false: null,
+          true: styles.shadow
+        },
+        focused: {
+          false: null,
+          true: styles.focused
+        },
+        error: {
+          fales: null,
+          true: styles.error
+        },
+        disabled: {
+          false: null,
+          true: styles.disabled
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+
+  // 使用 useRecordHotkeys 处理快捷键录入
+  var _useRecordHotkeys = useRecordHotkeys(),
+    _useRecordHotkeys2 = _slicedToArray(_useRecordHotkeys, 2),
+    recordedKeys = _useRecordHotkeys2[0],
+    _useRecordHotkeys2$ = _useRecordHotkeys2[1],
+    start = _useRecordHotkeys2$.start,
+    stop = _useRecordHotkeys2$.stop,
+    isRecording = _useRecordHotkeys2$.isRecording,
+    resetKeys = _useRecordHotkeys2$.resetKeys;
+  useHotkeys('*', function () {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
+  }, {
+    enableOnContentEditable: true,
+    enableOnFormTags: true,
+    enabled: isRecording && !disabled,
+    keydown: false,
+    keyup: true,
+    preventDefault: true
+  });
+
+  // 处理按键，保证格式正确：修饰键在前，最多一个非修饰键在后
+  var formatKeys = useCallback(function (keysSet) {
+    var modifiers = [];
+    var normalKeys = [];
+    var _iterator = _createForOfIteratorHelper(keysSet),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var key = _step.value;
+        // 处理不同表示的修饰键
+        var normalizedKey = key.toLowerCase();
+        if (MODIFIER_KEYS.has(normalizedKey)) {
+          // 统一修饰键表示
+          if (!isAppleDevice && normalizedKey === 'ctrl' || isAppleDevice && normalizedKey === 'meta') {
+            if (!modifiers.includes('mod')) modifiers.push('mod');
+          } else if (!modifiers.includes(normalizedKey)) {
+            modifiers.push(normalizedKey);
+          }
+        } else {
+          normalKeys.push(key);
+        }
+      }
+
+      // 至少需要一个修饰键
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+    if (modifiers.length === 0 && normalKeys.length > 0) {
+      return {
+        isValid: false,
+        keys: []
+      };
+    }
+
+    // 只允许一个非修饰键，如果有多个，只保留最后一个
+    var finalKey = normalKeys.length > 0 ? [normalKeys.at(-1)] : [];
+    var validKeys = [].concat(modifiers, finalKey);
+
+    // 组合必须包含至少一个按键
+    return {
+      isValid: validKeys.length > 0,
+      keys: validKeys
+    };
+  }, []);
+
+  // 获取格式化后的按键字符串
+  var _formatKeys = formatKeys(recordedKeys),
+    isValid = _formatKeys.isValid,
+    keys = _formatKeys.keys;
+  var keysString = keys.join('+');
+
+  // 检查快捷键冲突
+  var checkHotkeyConflict = useCallback(function (newHotkey) {
+    return hotkeyConflicts.filter(function (conflictKey) {
+      return conflictKey !== resetValue;
+    }).some(function (conflictKey) {
+      var newKeys = splitKeysByPlus(newHotkey);
+      var conflictKeys = splitKeysByPlus(conflictKey);
+      return isEqual(newKeys.sort(), conflictKeys.sort());
+    });
+  }, [hotkeyConflicts]);
+
+  // 当按键组合完成时处理结果
+  useEffect(function () {
+    if (recordedKeys.size > 0 && !isRecording) {
+      if (!isValid) {
+        setHasInvalidCombination(true);
+        setHasConflict(false);
+        return;
+      }
+      setHasInvalidCombination(false);
+      var newKeysString = keysString;
+
+      // 检查冲突
+      var conflict = checkHotkeyConflict(newKeysString);
+      if (conflict) {
+        setHasConflict(true);
+        onConflict === null || onConflict === void 0 || onConflict(newKeysString);
+      } else {
+        setHasConflict(false);
+        setHotkeyValue === null || setHotkeyValue === void 0 || setHotkeyValue(newKeysString);
+      }
+    }
+  }, [recordedKeys, isRecording, isValid, keysString, checkHotkeyConflict, setHotkeyValue, onConflict]);
+
+  // 处理输入框焦点
+  var handleFocus = function handleFocus(e) {
+    if (disabled) return;
+    setIsFocused(true);
+    setHasConflict(false);
+    setHasInvalidCombination(false);
+    start(); // 开始记录
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  var handleBlur = function handleBlur(e) {
+    setIsFocused(false);
+    stop(); // 停止记录
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+
+  // 重置功能
+  var handleReset = function handleReset(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    setHotkeyValue === null || setHotkeyValue === void 0 || setHotkeyValue(resetValue);
+    resetKeys();
+    setHasConflict(false);
+    setHasInvalidCombination(false);
+    setIsFocused(false);
+    stop(); // 停止记录
+    onReset === null || onReset === void 0 || onReset(hotkeyValue, resetValue);
+  };
+  var handleClick = function handleClick(e) {
+    var _inputRef$current2;
+    e.preventDefault();
+    e.stopPropagation();
+    if (disabled || isFocused) return;
+    (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
+  };
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    className: className,
+    gap: 8,
+    style: _objectSpread({
+      position: 'relative'
+    }, style),
+    children: [/*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      className: cx(variants({
+        disabled: disabled,
+        error: hasConflict || hasInvalidCombination,
+        focused: isFocused,
+        shadow: shadow,
+        variant: variant || (theme.isDarkMode ? 'filled' : 'outlined')
+      })),
+      horizontal: true,
+      justify: 'space-between',
+      onClick: handleClick,
+      children: [/*#__PURE__*/_jsx("div", {
+        style: {
+          pointerEvents: 'none'
+        },
+        children: isRecording ? /*#__PURE__*/_jsx("span", {
+          className: styles.placeholder,
+          children: keys.length > 0 ? /*#__PURE__*/_jsx(Hotkey, {
+            keys: keysString
+          }) : placeholder
+        }) : hotkeyValue ? /*#__PURE__*/_jsx(Hotkey, {
+          keys: hotkeyValue
+        }) : /*#__PURE__*/_jsx("span", {
+          className: styles.placeholder,
+          children: placeholder
+        })
+      }), /*#__PURE__*/_jsx("input", {
+        className: styles.hiddenInput,
+        disabled: disabled,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        readOnly: true,
+        ref: inputRef,
+        style: {
+          pointerEvents: 'none'
+        }
+      }), !isFocused && allowReset && hotkeyValue && hotkeyValue !== resetValue && !disabled && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: Undo2Icon,
+        onClick: handleReset,
+        size: 'small',
+        title: (texts === null || texts === void 0 ? void 0 : texts.reset) || 'Reset to default',
+        variant: 'filled'
+      })]
+    }), hasConflict && /*#__PURE__*/_jsx("div", {
+      className: styles.errorText,
+      children: (texts === null || texts === void 0 ? void 0 : texts.conflicts) || 'This shortcut conflicts with an existing one.'
+    }), hasInvalidCombination && /*#__PURE__*/_jsx("div", {
+      className: styles.errorText,
+      children: (texts === null || texts === void 0 ? void 0 : texts.invalidCombination) || 'Shortcut must include a modifier key (Ctrl, Alt, Shift) and only one regular key.'
+    })]
+  });
+});
+HotkeyInput.displayName = 'HotkeyInput';
+export default HotkeyInput;