@lobehub/ui 1.28.0 → 1.29.1

package/README.md

@@ -2,7 +2,7 @@
 
 <div align="center">
 
-<img width="160" src="https://npm.elemecdn.com/@lobehub/assets/logo/logo-3d.webp">
+<img width="160" src="https://npm.elemecdn.com/@lobehub/assets-logo/assets/logo-3d.webp">
 
 <h1>Lobe UI</h1>
 

package/es/ActionIconGroup/index.d.ts

@@ -3,8 +3,19 @@ import { ActionIconProps } from "..";
 import { type MenuProps } from 'antd';
 import { DivProps } from "../types";
 export interface ActionIconGroupProps extends DivProps {
+    /**
+     * @description The direction of the icons
+     * @default "row"
+     */
     direction?: 'row' | 'column';
+    /**
+     * @description The menu items for the dropdown
+     */
     dropdownMenu?: MenuProps['items'];
+    /**
+     * @description The items to be rendered
+     * @default []
+     */
     items?: ActionIconProps[];
     /**
      * @description The position of the tooltip relative to the target
@@ -12,13 +23,13 @@ export interface ActionIconGroupProps extends DivProps {
      */
     placement?: ActionIconProps['placement'];
     /**
-     * @description Whether add spotlight background
+     * @description Whether to add a spotlight background
      * @default true
      */
     spotlight?: boolean;
     /**
      * @description The type of the group
-     * @default 'block'
+     * @default "block"
      */
     type?: 'ghost' | 'block' | 'pure';
 }

package/es/Avatar/index.js

@@ -5,6 +5,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 { Avatar as AntAvatar } from 'antd';
 import { memo } from 'react';
+import FluentEmoji from "../FluentEmoji";
+import { getEmoji } from "../utils/getEmojiByCharacter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Avatar = /*#__PURE__*/memo(function (_ref) {
@@ -20,15 +22,15 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
   var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (index) {
     return avatar.startsWith(index);
   }));
-  var isEmoji = Boolean(avatar && !isImage && /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(avatar));
+  var emoji = avatar && !isImage && getEmoji(avatar);
   var _useStyles = useStyles({
       background: background,
-      isEmoji: isEmoji,
+      isEmoji: Boolean(emoji),
       size: size
     }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  var text = isImage ? title : avatar;
+  var text = String(isImage ? title : avatar);
   return isImage ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
     className: cx(styles.avatar, className),
     shape: shape,
@@ -39,7 +41,10 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     shape: shape,
     size: size
   }, props), {}, {
-    children: isEmoji ? text : text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2)
+    children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
+      emoji: emoji,
+      size: size
+    }) : text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2)
   }));
 });
 export default Avatar;

package/es/Burger/index.d.ts

@@ -2,11 +2,30 @@
 import { MenuProps } from 'antd';
 import { DivProps } from "../types";
 export interface BurgerProps extends DivProps {
+    /**
+     * @description The height of the header component
+     * @default 64
+     */
     headerHeight?: number;
+    /**
+     * @description The items to be displayed in the menu
+     */
     items: MenuProps['items'];
+    /**
+     * @description The keys of the currently open sub-menus
+     */
     openKeys?: MenuProps['openKeys'];
+    /**
+     * @description Whether the menu is currently open or not
+     */
     opened: boolean;
+    /**
+     * @description The keys of the currently selected menu items
+     */
     selectedKeys?: MenuProps['selectedKeys'];
+    /**
+     * @description A callback function to set the opened state
+     */
     setOpened: (state: boolean) => void;
 }
 declare const Burger: import("react").NamedExoticComponent<BurgerProps>;

package/es/Burger/style.js

@@ -11,6 +11,6 @@ export var useStyles = createStyles(function (_ref, headerHeight) {
     drawer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.ant-drawer-content {\n        background: transparent;\n      }\n\n      .ant-drawer-body {\n        display: flex;\n        flex-direction: column;\n      }\n    "]))),
     drawerRoot: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      top: ", "px;\n\n      :focus-visible {\n        outline: none;\n      }\n\n      .ant-drawer {\n        &-mask {\n          ", ";\n          background-color: ", ";\n        }\n\n        &-content-wrapper {\n          box-shadow: none;\n        }\n      }\n    "])), headerHeight + 1, stylish.blur, rgba(token.colorBgLayout, 0.5)),
     fillRect: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n      width: 100%;\n      border-top: none;\n    "]))),
-    menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      background: transparent;\n      border-inline-end: transparent !important;\n\n      > .ant-menu-item-only-child,\n      .ant-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-top: none;\n        border-radius: 0;\n\n        &:active {\n          color: ", ";\n          background-color: ", ";\n        }\n      }\n\n      .ant-menu-item-only-child:first-child {\n        border-top: none;\n      }\n\n      .ant-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ", " !important;\n        }\n      }\n\n      .ant-menu-item-group-title {\n        padding-top: 4px;\n        padding-bottom: 4px;\n\n        font-size: 12px;\n        font-weight: 500;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ", ";\n      }\n\n      .ant-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ", "px;\n\n        &:hover,\n        &:active {\n          color: ", " !important;\n          background: ", " !important;\n        }\n      }\n\n      .ant-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        background: ", ";\n        border-radius: ", "px;\n      }\n\n      .ant-menu-item-selected {\n        font-weight: 600;\n        color: ", ";\n        background: ", ";\n\n        &:hover,\n        &:active {\n          color: ", " !important;\n          background: ", " !important;\n        }\n      }\n    "])), token.colorText, token.colorFill, token.colorText, token.colorFillSecondary, token.borderRadius, token.colorText, token.colorFillSecondary, token.colorFillSecondary, token.borderRadius, token.colorBgLayout, token.colorText, token.colorBgLayout, token.colorText)
+    menu: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      background: transparent;\n      border-inline-end: transparent !important;\n\n      > .ant-menu-item-only-child,\n      .ant-menu-submenu-title {\n        width: 100%;\n        margin: 0 !important;\n        border-top: none;\n        border-radius: 0;\n\n        &:active {\n          color: ", ";\n          background-color: ", ";\n        }\n      }\n\n      .ant-menu-item-only-child:first-child {\n        border-top: none;\n      }\n\n      .ant-menu-submenu-title[aria-expanded='true'] {\n        a {\n          font-weight: 600;\n          color: ", " !important;\n        }\n      }\n\n      .ant-menu-item-group-title {\n        padding-top: 8px;\n        padding-bottom: 8px;\n\n        font-size: 12px;\n        font-weight: 500;\n        line-height: 1;\n        text-overflow: ellipsis;\n        text-transform: uppercase;\n        white-space: nowrap;\n\n        background: ", ";\n      }\n\n      .ant-menu-item {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        border-radius: ", "px;\n\n        &:hover,\n        &:active {\n          color: ", " !important;\n          background: ", " !important;\n        }\n      }\n\n      .ant-menu-item-active {\n        width: calc(100% - 16px) !important;\n        margin: 8px !important;\n        background: ", ";\n        border-radius: ", "px;\n      }\n\n      .ant-menu-item-selected {\n        font-weight: 600;\n        color: ", ";\n        background: ", ";\n\n        &:hover,\n        &:active {\n          color: ", " !important;\n          background: ", " !important;\n        }\n      }\n    "])), token.colorText, token.colorFill, token.colorText, token.colorFillSecondary, token.borderRadius, token.colorText, token.colorFillSecondary, token.colorFillSecondary, token.borderRadius, token.colorBgLayout, token.colorText, token.colorBgLayout, token.colorText)
   };
 });

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

@@ -16,5 +16,4 @@ export declare const Provider: ({ createStore, children }: {
     destroy: () => void;
 };
 export { type MessageDispatch, messagesReducer } from './messageReducer';
-export * from './selectors';
 export type { ChatStore } from './store';

package/es/Chat/store/index.js

@@ -12,5 +12,4 @@ var _createContext = createContext(),
   useStore = _createContext.useStore,
   useStoreApi = _createContext.useStoreApi;
 export { Provider, useStore, useStoreApi };
-export { messagesReducer } from "./messageReducer";
-export * from "./selectors";
+export { messagesReducer } from "./messageReducer";

package/es/ChatInputArea/index.d.ts

@@ -1,16 +1,57 @@
 import { ReactNode } from 'react';
 import type { DivProps } from "../types";
 export interface ChatInputAreaProps extends DivProps {
+    /**
+     * @description Actions to be displayed in the left of actions bar
+     */
     actions?: ReactNode;
+    /**
+     * @description Default value of the input
+     */
     defaultValue?: string;
+    /**
+     * @description Whether the input is disabled or not
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description Whether the input is expanded or not
+     * @default false
+     */
     expand?: boolean;
+    /**
+     * @description Footer to be displayed below input area
+     */
     footer?: ReactNode;
+    /**
+     * @description Whether the input is in loading state or not
+     * @default false
+     */
     loading?: boolean;
+    /**
+     * @description Minimum height of the input area
+     * @default 200
+     */
     minHeight?: number;
+    /**
+     * @description Callback function when the expand state changes
+     * @param expand - Whether the input is expanded or not
+     */
     onExpandChange?: (expand: boolean) => void;
+    /**
+     * @description Callback function when the input value changes
+     * @param value - The current value of the input
+     */
     onInputChange?: (value: string) => void;
+    /**
+     * @description Callback function when the send button is clicked
+     * @param value - The current value of the input
+     */
     onSend?: (value: string) => void;
+    /**
+     * @description Placeholder text of the input
+     * @default 'Type something to chat...'
+     */
     placeholder?: string;
 }
 declare const ChatInputArea: import("react").NamedExoticComponent<ChatInputAreaProps>;

package/es/ColorScales/index.d.ts

@@ -1,8 +1,17 @@
 /// <reference types="react" />
 import { ColorScaleItem } from "../styles/colors";
 export interface ColorScalesProps {
+    /**
+     * @description Index of the mid highlight color in the scale
+     */
     midHighLight: number;
+    /**
+     * @description Name of the color scale
+     */
     name: string;
+    /**
+     * @description Color scale item object
+     */
     scale: ColorScaleItem;
 }
 declare const ColorScales: import("react").NamedExoticComponent<ColorScalesProps>;

package/es/Features/Item.d.ts

@@ -1,17 +1,51 @@
-import { ImageContainerType } from 'dumi-theme-lobehub/src';
 import { CSSProperties } from 'react';
 import type { DivProps } from "../types";
 export interface FeatureItem {
+    /**
+     * @description The number of columns the item spans.
+     */
     column?: number;
+    /**
+     * @description The description of the feature item.
+     */
     description?: string;
+    /**
+     * @description Whether this item is a hero item.
+     */
     hero?: boolean;
+    /**
+     * @description The name of the icon to display on the feature item.
+     */
     icon?: string;
+    /**
+     * @description The URL of the image to display on the feature item.
+     */
     image?: string;
+    /**
+     * @description The CSS style of the image to display on the feature item.
+     */
     imageStyle?: CSSProperties;
-    imageType?: ImageContainerType;
+    /**
+     * @description The type of the image to display on the feature item.
+     * @default 'normal'
+     */
+    imageType?: 'light' | 'primary' | 'soon';
+    /**
+     * @description The link to navigate to when clicking on the feature item.
+     */
     link?: string;
+    /**
+     * @description Whether to open the link in a new tab when clicking on the feature item.
+     * @default false
+     */
     openExternal?: boolean;
+    /**
+     * @description The number of rows the item spans.
+     */
     row?: number;
+    /**
+     * @description The title of the feature item.
+     */
     title: string;
 }
 export interface FeatureItemProps extends FeatureItem, DivProps {

package/es/Features/index.d.ts

@@ -3,9 +3,22 @@ import { DivProps } from "../types";
 import { type FeatureItem } from './Item';
 export type { FeatureItem } from './Item';
 export interface FeaturesProps extends DivProps {
+    /**
+     * @description The maximum width of the content
+     * @default 960
+     */
     contentMaxWidth?: number;
+    /**
+     * @description The class name of the item
+     */
     itemClassName?: string;
+    /**
+     * @description The style of the item
+     */
     itemStyle?: CSSProperties;
+    /**
+     * @description The array of feature items
+     */
     items: FeatureItem[];
 }
 declare const Features: import("react").NamedExoticComponent<FeaturesProps>;

package/es/FluentEmoji/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { DivProps } from "../types";
+export interface FluentEmojiProps extends DivProps {
+    /**
+     * @description The emoji character to be rendered
+     */
+    emoji: string;
+    /**
+     * @description Size of the emoji
+     * @default 40
+     */
+    size?: number;
+    /**
+     * @description The type of the FluentUI emoji set to be used
+     * @default 'modern'
+     */
+    type?: 'modern' | 'flat' | 'high-contrast';
+}
+declare const FluentEmoji: import("react").NamedExoticComponent<FluentEmojiProps>;
+export default FluentEmoji;

package/es/FluentEmoji/index.js

@@ -0,0 +1,84 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["emoji", "className", "style", "type", "size"];
+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 { kebabCase } from 'lodash-es';
+import { Loader2 } from 'lucide-react';
+import { memo, useEffect, useMemo, useState } from 'react';
+import Icon from "../Icon";
+import { getEmojiNameByCharacter } from "../utils/getEmojiByCharacter";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FluentEmoji = /*#__PURE__*/memo(function (_ref) {
+  var emoji = _ref.emoji,
+    className = _ref.className,
+    style = _ref.style,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'modern' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 40 : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loadingFail = _useState4[0],
+    setLoadingFail = _useState4[1];
+  var _useStyles = useStyles(),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  useEffect(function () {
+    setLoading(true);
+  }, [emoji]);
+  var emojiName = useMemo(function () {
+    return getEmojiNameByCharacter(emoji);
+  }, [emoji]);
+  if (!emojiName || loadingFail) return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
+    style: _objectSpread({
+      fontSize: size,
+      height: size,
+      width: size
+    }, style)
+  }, props), {}, {
+    children: emoji
+  }));
+  return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
+    style: _objectSpread({
+      height: size,
+      width: size
+    }, style)
+  }, props), {}, {
+    children: [loading && /*#__PURE__*/_jsx("div", {
+      className: styles.loading,
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: Loader2,
+        size: {
+          fontSize: size * 0.75
+        },
+        spin: true
+      })
+    }), /*#__PURE__*/_jsx("img", {
+      alt: emojiName,
+      height: "100%",
+      onError: function onError() {
+        return setLoadingFail(true);
+      },
+      onLoad: function onLoad() {
+        return setLoading(false);
+      },
+      src: "https://npm.elemecdn.com/fluentui-emoji/icons/".concat(type, "/").concat(kebabCase(emojiName), ".svg"),
+      style: {
+        opacity: loading ? 0 : 1
+      },
+      width: "100%"
+    })]
+  }));
+});
+export default FluentEmoji;

package/es/FluentEmoji/style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    loading: import("antd-style").SerializedStyles;
+}>;

package/es/FluentEmoji/style.js

@@ -0,0 +1,11 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      position: relative;\n      line-height: 1;\n      text-align: center;\n    "]))),
+    loading: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset: 0;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 100%;\n      height: 100%;\n\n      color: ", ";\n    "])), token.colorText)
+  };
+});

package/es/FontLoader/index.d.ts

@@ -1,5 +1,8 @@
 /// <reference types="react" />
 export interface FontLoaderProps {
+    /**
+     * @description The URL of the font to load
+     */
     url: string;
 }
 declare const FontLoader: import("react").NamedExoticComponent<FontLoaderProps>;

package/es/Footer/index.d.ts

@@ -1,10 +1,24 @@
-/// <reference types="react" />
-import { FooterProps as RcProps } from 'rc-footer';
+import { type FooterProps as RcProps } from 'rc-footer';
+import { type ReactNode } from 'react';
 export interface FooterProps {
-    bottom?: RcProps['bottom'];
+    /**
+     * @description The bottom content of the footer
+     */
+    bottom?: ReactNode;
+    /**
+     * @description The columns of the footer
+     */
     columns: RcProps['columns'];
+    /**
+     * @description The maximum width of the content in the footer
+     * @type number
+     * @default 960
+     */
     contentMaxWidth?: number;
-    theme?: RcProps['theme'];
+    /**
+     * @description The theme of the footer
+     */
+    theme?: 'light' | 'dark';
 }
 declare const Footer: import("react").NamedExoticComponent<FooterProps>;
 export default Footer;

package/es/GradientButton/index.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { ButtonProps } from 'antd';
 export interface GradientButtonProps extends ButtonProps {
+    /**
+     * @description Whether the button should spin or not
+     * @default false
+     */
     spin?: boolean;
 }
 declare const GradientButton: import("react").NamedExoticComponent<GradientButtonProps>;

package/es/Header/index.d.ts

@@ -1,14 +1,41 @@
 import { CSSProperties, ReactNode } from 'react';
 import { DivProps } from "../types";
 export interface HeaderProps extends DivProps {
+    /**
+     * @description Actions to be displayed on the right side of the header
+     */
     actions?: ReactNode;
+    /**
+     * @description Class name for actions container
+     */
     actionsClassName?: string;
+    /**
+     * @description Style for actions container
+     */
     actionsStyle?: CSSProperties;
+    /**
+     * @description Logo to be displayed on the left side of the header
+     */
     logo?: ReactNode;
+    /**
+     * @description Class name for logo container
+     */
     logoClassName?: string;
+    /**
+     * @description Style for logo container
+     */
     logoStyle?: CSSProperties;
+    /**
+     * @description Navigation to be displayed on the right side of the logo
+     */
     nav?: ReactNode;
+    /**
+     * @description Class name for navigation container
+     */
     navClassName?: string;
+    /**
+     * @description Style for navigation container
+     */
     navStyle?: CSSProperties;
 }
 declare const Header: import("react").NamedExoticComponent<HeaderProps>;

package/es/Hero/index.d.ts

@@ -1,14 +1,41 @@
 /// <reference types="react" />
 export interface HeroAction {
+    /**
+     * @description Icon name from LucideIcon package
+     */
     icon?: string;
+    /**
+     * @description Link to be redirected to on button click
+     */
     link: string;
+    /**
+     * @description Whether to open the link in a new tab
+     * @default false
+     */
     openExternal?: boolean;
+    /**
+     * @description Text to be displayed on the button
+     */
     text: string;
+    /**
+     * @description Type of button
+     * @default 'default'
+     */
     type?: 'primary' | 'default';
 }
 export interface HeroProps {
+    /**
+     * @description Array of action buttons to be displayed
+     * @default []
+     */
     actions?: HeroAction[];
+    /**
+     * @description Short description to be displayed
+     */
     description?: string;
+    /**
+     * @description Title to be displayed
+     */
     title?: string;
 }
 declare const Hero: import("react").NamedExoticComponent<HeroProps>;

package/es/Input/index.d.ts

@@ -1,14 +1,33 @@
-/// <reference types="react" />
-import { InputProps as AntdInputProps } from 'antd';
+import { type InputProps as AntdInputProps, type InputRef } from 'antd';
 import { TextAreaProps as AntdTextAreaProps } from 'antd/es/input/TextArea';
+import { type Ref } from 'react';
 export interface InputProps extends AntdInputProps {
-    ref?: any;
+    /**
+     * @description Ref of the component
+     */
+    ref?: Ref<InputRef>;
+    /**
+     * @description Type of the input
+     * @default 'ghost'
+     */
     type?: 'ghost' | 'block' | 'pure';
 }
 export declare const Input: import("react").NamedExoticComponent<InputProps>;
 export interface TextAreaProps extends AntdTextAreaProps {
-    ref?: any;
+    /**
+     * @description Ref of the component
+     * @default undefined
+     */
+    ref?: Ref<InputRef>;
+    /**
+     * @description Whether to enable resizing of the textarea
+     * @default true
+     */
     resize?: boolean;
+    /**
+     * @description Type of the textarea
+     * @default 'ghost'
+     */
     type?: 'ghost' | 'block' | 'pure';
 }
 export declare const TextArea: import("react").NamedExoticComponent<TextAreaProps>;

package/es/Layout/index.d.ts

@@ -21,15 +21,46 @@ export declare const LayoutToc: import("react").NamedExoticComponent<LayoutTocPr
 export declare type LayoutFooterProps = DivProps;
 export declare const LayoutFooter: import("react").NamedExoticComponent<DivProps>;
 export interface LayoutProps {
+    /**
+     * @description Width of the sidebar
+     */
     asideWidth?: number;
+    /**
+     * @description Children of the layout
+     */
     children?: ReactNode;
+    /**
+     * @description Content of the layout
+     */
     content?: ReactNode;
+    /**
+     * @description Footer of the layout
+     */
     footer?: ReactNode;
+    /**
+     * @description Header of the layout
+     */
     header?: ReactNode;
+    /**
+     * @description Height of the header
+     * @default 64
+     */
     headerHeight?: number;
+    /**
+     * @description Helmet of the layout
+     */
     helmet?: ReactNode;
+    /**
+     * @description Sidebar of the layout
+     */
     sidebar?: ReactNode;
+    /**
+     * @description Table of contents of the layout
+     */
     toc?: ReactNode;
+    /**
+     * @description Width of the table of contents
+     */
     tocWidth?: number;
 }
 declare const Layout: import("react").NamedExoticComponent<LayoutProps>;