@lobehub/ui 1.9.0 → 1.11.0

package/es/types/global.d.ts

@@ -0,0 +1,12 @@
+import { Theme as AntdStyleTheme } from 'antd-style';
+import { LobeCustomToken } from './customToken';
+
+declare module 'antd-style' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface CustomToken extends LobeCustomToken {}
+}
+
+declare module 'styled-components' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface DefaultTheme extends AntdStyleTheme, LobeCustomToken {}
+}

package/es/types/index.d.ts

@@ -1,18 +1,6 @@
-import { Theme as AntdStyleTheme } from 'antd-style';
 import React from 'react';
-
-declare module 'styled-components' {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface DefaultTheme extends AntdStyleTheme {}
-}
-
-export type DivProps = React.DetailedHTMLProps<
-  React.HTMLAttributes<HTMLDivElement>,
-  HTMLDivElement
->;
-
-declare global {
-  type SvgProps = React.DetailedHTMLProps<React.HTMLAttributes<SVGSVGElement>, SVGSVGElement>;
-
-  type ImgProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLImageElement>;
-}
+export declare type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare type SvgProps = React.DetailedHTMLProps<React.HTMLAttributes<SVGSVGElement>, SVGSVGElement>;
+export declare type ImgProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLImageElement>, HTMLImageElement>;
+export declare type InputProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export declare type TextAreaProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;

package/es/types/index.js

@@ -0,0 +1 @@
+export {};

package/lib/ActionIcon/index.js

@@ -51,7 +51,7 @@ var ActionIcon = (0, import_react.memo)(
         borderRadius = 5;
         break;
       case "small":
-        blockSize = 28;
+        blockSize = 24;
         borderRadius = 5;
         break;
       case "site":
@@ -70,7 +70,7 @@ var ActionIcon = (0, import_react.memo)(
         style: { width: blockSize, height: blockSize, borderRadius, ...style },
         ...props
       },
-      /* @__PURE__ */ React.createElement(import__.Icon, { size: size === "site" ? "small" : size, icon })
+      /* @__PURE__ */ React.createElement(import__.Icon, { size: size === "site" ? "normal" : size, icon })
     );
     if (!title)
       return actionIconBlock;

package/lib/ActionIcon/style.js

@@ -34,7 +34,7 @@ var useStyles = (0, import_antd_style.createStyles)(
         align-items: center;
         justify-content: center;
 
-        color: ${active ? token.colorText : token.colorTextQuaternary};
+        color: ${active ? token.colorText : token.colorTextTertiary};
 
         background: ${active ? token.colorFillTertiary : "transparent"};
 
@@ -47,7 +47,7 @@ var useStyles = (0, import_antd_style.createStyles)(
 
         &:hover {
           color: ${token.colorText};
-          background-color: ${active ? token.colorFillSecondary : token.colorFillTertiary};
+          background-color: ${token.colorFillSecondary};
         }
 
         &:active {

package/lib/EditableMessageList/index.js

@@ -33,15 +33,15 @@ __export(EditableMessageList_exports, {
   default: () => EditableMessageList_default
 });
 module.exports = __toCommonJS(EditableMessageList_exports);
+var import_ActionIcon = __toESM(require("../ActionIcon"));
+var import_Chat = require("../Chat");
+var import_ControlInput = require("../components/ControlInput");
 var import_icons = require("@ant-design/icons");
 var import_antd = require("antd");
 var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
+var import_lucide_react = require("lucide-react");
 var import_react = require("react");
 var import_react_layout_kit = require("react-layout-kit");
-var import_ActionIcon = __toESM(require("../ActionIcon"));
-var import_Chat = require("../Chat");
-var import_ControlInput = require("../components/ControlInput");
-var import_lucide_react = require("lucide-react");
 var EditableMessageList = (0, import_react.memo)(
   ({ disabled, dataSources, onChange }) => {
     const [chatMessages, dispatch] = (0, import_react.useReducer)(import_Chat.messagesReducer, dataSources);
@@ -91,8 +91,8 @@ var EditableMessageList = (0, import_react.memo)(
         import_ActionIcon.default,
         {
           icon: import_lucide_react.TrashIcon,
-          title: "删除",
-          size: "small",
+          placement: "right",
+          title: "Delete",
           onClick: () => {
             dispatch({ type: "deleteMessage", index });
           }

package/lib/EditableText/index.js

@@ -44,7 +44,7 @@ var EditableText = (0, import_react.memo)(({ value, onChange }) => {
       title: "Edit",
       placement: "right",
       icon: import_lucide_react.Edit3,
-      size: { fontSize: 14, blockSize: 24 },
+      size: "small",
       onClick: () => {
         setEdited(!edited);
       }

package/lib/Highlighter/style.js

@@ -23,7 +23,6 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_antd_style = require("antd-style");
-var import_polished = require("polished");
 var useStyles = (0, import_antd_style.createStyles)(
   ({ token, css, cx, prefixCls }, type) => {
     const prefix = `${prefixCls}-highlighter`;
@@ -37,7 +36,7 @@ var useStyles = (0, import_antd_style.createStyles)(
 
           overflow: auto;
 
-          background-color: ${type === "block" ? (0, import_polished.rgba)(token.colorBgElevated, 0.6) : "transparent"};
+          background-color: ${type === "block" ? token.colorFillTertiary : "transparent"};
           border-radius: ${token.borderRadius}px;
 
           transition: background-color 100ms ${token.motionEaseOut};

package/lib/Icon/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SvgProps } from "../types";
 import { LucideIcon } from 'lucide-react';
 export declare type IconSize = 'large' | 'normal' | 'small' | {
     fontSize?: number;

package/lib/Icon/index.js

@@ -29,12 +29,15 @@ var Icon = ({ icon, size = "normal", ...props }) => {
   const SvgIcon = icon;
   switch (size) {
     case "large":
-    case "normal":
       fontSize = 24;
       strokeWidth = 2;
       break;
-    case "small":
+    case "normal":
       fontSize = 20;
+      strokeWidth = 2;
+      break;
+    case "small":
+      fontSize = 14;
       strokeWidth = 1.5;
       break;
     default:

package/lib/Input/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { InputProps as AntdInputProps } from 'antd';
+import { TextAreaProps as AntdTextAreaProps } from 'antd/es/input/TextArea';
+export interface InputProps extends AntdInputProps {
+    ref?: any;
+    type?: 'ghost' | 'block';
+}
+export declare const Input: import("react").NamedExoticComponent<InputProps>;
+export interface TextAreaProps extends AntdTextAreaProps {
+    ref?: any;
+    type?: 'ghost' | 'block';
+}
+export declare const TextArea: import("react").NamedExoticComponent<TextAreaProps>;

package/lib/Input/index.js

@@ -0,0 +1,45 @@
+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/Input/index.tsx
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input,
+  TextArea: () => TextArea
+});
+module.exports = __toCommonJS(Input_exports);
+var import_antd = require("antd");
+var import_react = require("react");
+var import_style = require("./style");
+var Input = (0, import_react.memo)(
+  (0, import_react.forwardRef)(({ className, type = "ghost", ...props }, ref) => {
+    const { styles, cx } = (0, import_style.useStyles)({ type });
+    return /* @__PURE__ */ React.createElement(import_antd.Input, { ref, className: cx(styles.input, className), ...props });
+  })
+);
+var TextArea = (0, import_react.memo)(
+  (0, import_react.forwardRef)(({ className, type = "ghost", ...props }, ref) => {
+    const { styles, cx } = (0, import_style.useStyles)({ type });
+    return /* @__PURE__ */ React.createElement(import_antd.Input.TextArea, { ref, className: cx(styles.textarea, className), ...props });
+  })
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Input,
+  TextArea
+});

package/lib/Input/style.d.ts

@@ -0,0 +1,6 @@
+export declare const useStyles: (props?: {
+    type: 'ghost' | 'block';
+} | undefined) => import("antd-style").ReturnStyles<{
+    input: import("antd-style").SerializedStyles;
+    textarea: import("antd-style").SerializedStyles;
+}>;

package/lib/Input/style.js

@@ -0,0 +1,70 @@
+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/Input/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, token }, { type }) => ({
+  input: css`
+    position: relative;
+
+    max-width: 100%;
+    height: 36px;
+    padding: 0 12px;
+
+    background-color: ${type === "block" ? token.colorFillTertiary : "transparent"};
+    border: 1px solid ${type === "block" ? "transparent" : token.colorBorder};
+
+    transition: background-color 100ms ${token.motionEaseOut};
+
+    input {
+      background: transparent;
+    }
+
+    &:hover {
+      background-color: ${token.colorFillTertiary};
+    }
+  `,
+  textarea: css`
+    position: relative;
+
+    max-width: 100%;
+    padding: 8px 12px;
+
+    background-color: ${type === "block" ? token.colorFillTertiary : "transparent"};
+    border: 1px solid ${type === "block" ? "transparent" : token.colorBorder};
+
+    transition: background-color 100ms ${token.motionEaseOut};
+
+    textarea {
+      background: transparent;
+    }
+
+    &:hover {
+      background-color: ${token.colorFillTertiary};
+    }
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});

package/lib/Markdown/style.js

@@ -84,7 +84,7 @@ var useStyles = (0, import_antd_style.createStyles)(({ css, token, isDarkMode })
         margin-inline-end: 0px;
         padding: 8px;
 
-        border: 1px solid ${token.colorBorder};
+        border: 1px solid ${token.colorBorderSecondary};
         border-radius: ${token.borderRadius}px;
       }
 
@@ -115,6 +115,10 @@ var useStyles = (0, import_antd_style.createStyles)(({ css, token, isDarkMode })
       ul li {
         line-height: 1.8;
       }
+
+      pre {
+        border-radius: ${token.borderRadius}px;
+      }
     `,
     code: css`
       padding: 2px 4px;

package/lib/MessageInput/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type TextAreaProps } from "../index";
 import { ButtonProps } from 'antd';
 /**
  * @title MessageInputProps
@@ -30,6 +31,7 @@ export interface MessageInputProps {
     renderButtons?: (text: string) => ButtonProps[];
     height?: number;
     className?: string;
+    type?: TextAreaProps['type'];
 }
 declare const MessageInput: import("react").NamedExoticComponent<MessageInputProps>;
 export default MessageInput;

package/lib/MessageInput/index.js

@@ -22,18 +22,19 @@ __export(MessageInput_exports, {
   default: () => MessageInput_default
 });
 module.exports = __toCommonJS(MessageInput_exports);
+var import__ = require("../index");
 var import_antd = require("antd");
 var import_antd_style = require("antd-style");
 var import_react = require("react");
 var import_react_layout_kit = require("react-layout-kit");
 var MessageInput = (0, import_react.memo)(
-  ({ onCancel, defaultValue, onConfirm, renderButtons, height, className }) => {
+  ({ type, onCancel, defaultValue, onConfirm, renderButtons, height, className }) => {
     const [tempSystemRole, setRole] = (0, import_react.useState)(defaultValue || "");
     return /* @__PURE__ */ React.createElement(import_react_layout_kit.Flexbox, { gap: 8 }, /* @__PURE__ */ React.createElement(
-      import_antd.Input.TextArea,
+      import__.TextArea,
       {
+        type,
         value: tempSystemRole,
-        allowClear: true,
         placeholder: "例如：你是一名擅长翻译的翻译官，请将用户所输入的英文都翻译为中文。",
         style: { height: height ?? 200 },
         onChange: (e) => {
@@ -49,8 +50,8 @@ var MessageInput = (0, import_react.memo)(
           onConfirm == null ? void 0 : onConfirm(tempSystemRole);
         }
       },
-      "设定"
-    ), /* @__PURE__ */ React.createElement(import_antd.Button, { type: "text", onClick: onCancel }, "取消"))));
+      "Confirm"
+    ), /* @__PURE__ */ React.createElement(import_antd.Button, { type: "text", onClick: onCancel }, "Cancel"))));
   }
 );
 var MessageInput_default = MessageInput;

package/lib/SearchBar/index.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { InputProps } from 'antd';
+import { InputProps } from "../index";
 export interface SearchBarProps extends InputProps {
     shortKey?: string;
     enableShortKey?: boolean;
-    type?: 'ghost' | 'block';
 }
 declare const SearchBar: import("react").NamedExoticComponent<SearchBarProps>;
 export default SearchBar;

package/lib/SearchBar/index.js

@@ -32,51 +32,33 @@ var isAppleDevice = /(mac|iphone|ipod|ipad)/i.test(
 );
 var symbol = isAppleDevice ? "⌘" : "Ctrl";
 var SearchBar = (0, import_react.memo)(
-  ({
-    className,
-    value,
-    onChange,
-    style,
-    placeholder,
-    type = "ghost",
-    enableShortKey,
-    shortKey = "f",
-    ...props
-  }) => {
+  ({ className, value, onChange, placeholder, enableShortKey, shortKey = "f", ...props }) => {
     const [showTag, setShowTag] = (0, import_react.useState)(true);
     const [inputValue, setInputValue] = (0, import_react.useState)(value);
-    const { styles, cx } = (0, import_style.useStyles)({ type });
+    const { styles, cx } = (0, import_style.useStyles)();
     const inputRef = (0, import_react.useRef)(null);
     (0, import_react.useEffect)(() => {
       if (!enableShortKey)
         return;
       const handler = (ev) => {
+        var _a;
         if ((isAppleDevice ? ev.metaKey : ev.ctrlKey) && ev.key === shortKey) {
           ev.preventDefault();
-          inputRef.current.focus();
+          (_a = inputRef.current) == null ? void 0 : _a.focus();
         }
       };
       document.addEventListener("keydown", handler);
       return () => document.removeEventListener("keydown", handler);
     }, []);
-    return /* @__PURE__ */ React.createElement("div", { className: cx(styles.search, className) }, /* @__PURE__ */ React.createElement(
-      import_antd.Input,
+    return /* @__PURE__ */ React.createElement("div", { className: styles.search }, /* @__PURE__ */ React.createElement(
+      import__.Input,
       {
         ref: inputRef,
-        className: styles.input,
-        prefix: /* @__PURE__ */ React.createElement(
-          import__.Icon,
-          {
-            className: styles.icon,
-            icon: import_lucide_react.Search,
-            size: { fontSize: 14 },
-            style: { marginRight: 4 }
-          }
-        ),
+        className: cx(styles.input, className),
+        prefix: /* @__PURE__ */ React.createElement(import__.Icon, { className: styles.icon, icon: import_lucide_react.Search, size: "small", style: { marginRight: 4 } }),
         allowClear: true,
         value,
         placeholder: placeholder ?? "Type keywords...",
-        style: { ...style, borderColor: "transparent" },
         onChange: (e) => {
           setInputValue(e.target.value);
           setShowTag(e.target.value ? false : true);

package/lib/SearchBar/style.d.ts

@@ -1,6 +1,4 @@
-export declare const useStyles: (props?: {
-    type: 'ghost' | 'block';
-} | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     search: import("antd-style").SerializedStyles;
     input: import("antd-style").SerializedStyles;
     tag: import("antd-style").SerializedStyles;

package/lib/SearchBar/style.js

@@ -23,33 +23,14 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_antd_style = require("antd-style");
-var import_polished = require("polished");
-var useStyles = (0, import_antd_style.createStyles)(({ css, token }, { type }) => ({
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }) => ({
   search: css`
     position: relative;
     max-width: 100%;
-    height: 36px;
   `,
   input: css`
     position: relative;
-    height: inherit;
     padding: 0 8px 0 12px;
-    transition: background-color 100ms ${token.motionEaseOut};
-
-    ${type === "block" ? css`
-          background-color: ${(0, import_polished.rgba)(token.colorBgElevated, 0.6)} !important;
-        ` : css`
-          background: transparent !important;
-          border: 1px solid ${token.colorBorder} !important;
-        `}
-
-    &:hover {
-      background-color: ${token.colorFillTertiary} !important;
-    }
-
-    input {
-      background: transparent;
-    }
   `,
   tag: css`
     position: absolute;

package/lib/Snippet/style.js

@@ -23,7 +23,6 @@ __export(style_exports, {
 });
 module.exports = __toCommonJS(style_exports);
 var import_antd_style = require("antd-style");
-var import_polished = require("polished");
 var useStyles = (0, import_antd_style.createStyles)(
   ({ css, token }, type) => css`
       position: relative;
@@ -40,7 +39,7 @@ var useStyles = (0, import_antd_style.createStyles)(
 
       transition: background-color 100ms ${token.motionEaseOut};
       ${type === "block" ? css`
-            background-color: ${(0, import_polished.rgba)(token.colorBgElevated, 0.6)};
+            background-color: ${token.colorFillTertiary};
           ` : css`
             border: 1px solid ${token.colorBorder};
           `}

package/lib/StroyBook/style.js

@@ -72,8 +72,13 @@ var useStyles = (0, import_antd_style.createStyles)(
             background: transparent;
           }
         }
+
         input:checked + label > svg {
-          stroke: ${token.colorBorder};
+          stroke: ${token.colorBgLayout};
+        }
+
+        button {
+          --leva-colors-accent2: ${token.colorFillSecondary};
         }
       `
     };

package/lib/ThemeProvider/index.d.ts

@@ -1,10 +1,6 @@
+/// <reference types="react" />
 import { extractStaticStyle, type ThemeMode } from 'antd-style';
-import React from 'react';
 export interface ThemeProviderProps {
-    /**
-     * @description Custom tokens to be used in the theme
-     */
-    token?: any;
     /**
      * @description The children of the ThemeProvider component
      */
@@ -22,5 +18,5 @@ export interface ThemeProviderProps {
      */
     cache?: typeof extractStaticStyle.cache;
 }
-declare const ThemeProvider: React.FC<ThemeProviderProps>;
+declare const ThemeProvider: import("react").NamedExoticComponent<ThemeProviderProps>;
 export default ThemeProvider;

package/lib/ThemeProvider/index.js

@@ -32,40 +32,29 @@ __export(ThemeProvider_exports, {
   default: () => ThemeProvider_default
 });
 module.exports = __toCommonJS(ThemeProvider_exports);
+var import_styles = require("../styles");
 var import_antd = require("antd");
 var import_antd_style = require("antd-style");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_react_font_loader = __toESM(require("react-font-loader"));
 var import_styled_components = require("styled-components");
-var import_styles = require("../styles");
 var import_GlobalStyle = __toESM(require("./GlobalStyle"));
-var ThemeProvider = ({ token, children, themeMode }) => {
+var ThemeProvider = (0, import_react.memo)(({ children, themeMode }) => {
   (0, import_antd_style.setupStyled)({ ThemeContext: import_styled_components.ThemeContext });
-  const getCustomToken = (0, import_react.useCallback)(
-    (params) => {
-      const base = (0, import_styles.createCustomToken)(params);
-      if (token) {
-        return { ...base, ...token };
-      } else {
-        return base;
-      }
-    },
-    [token]
-  );
-  return /* @__PURE__ */ import_react.default.createElement(import_antd_style.StyleProvider, { speedy: process.env.NODE_ENV === "production" }, /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(import_antd_style.StyleProvider, { speedy: process.env.NODE_ENV === "production" }, /* @__PURE__ */ React.createElement(
     import_antd_style.ThemeProvider,
     {
       themeMode,
-      theme: import_styles.getAntdTheme,
-      customStylish: import_styles.getCustomStylish,
-      customToken: getCustomToken
+      theme: import_styles.lobeTheme,
+      customStylish: import_styles.lobeCustomStylish,
+      customToken: import_styles.lobeCustomToken
     },
-    /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css" }),
-    /* @__PURE__ */ import_react.default.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css" }),
-    /* @__PURE__ */ import_react.default.createElement(import_GlobalStyle.default, null),
-    /* @__PURE__ */ import_react.default.createElement(import_antd.App, { style: { minHeight: "inherit", width: "inherit" } }, children)
+    /* @__PURE__ */ React.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans.css" }),
+    /* @__PURE__ */ React.createElement(import_react_font_loader.default, { url: "https://raw.githubusercontent.com/IKKI2000/harmonyos-fonts/main/css/harmonyos_sans_sc.css" }),
+    /* @__PURE__ */ React.createElement(import_GlobalStyle.default, null),
+    /* @__PURE__ */ React.createElement(import_antd.App, { style: { minHeight: "inherit", width: "inherit" } }, children)
   ));
-};
+});
 var ThemeProvider_default = ThemeProvider;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {});

package/lib/components/ControlInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputProps } from 'antd';
+import { InputProps } from "../index";
 export interface ControlInputProps extends Omit<InputProps, 'onChange' | 'value' | 'onAbort'> {
     onChange?: (value: string) => void;
     onValueChanging?: (value: string) => void;