x-ui-design 1.0.12 → 1.0.13

package/lib/components/Input/Input.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import React, {
+  ForwardedRef,
   KeyboardEvent,
   MouseEvent,
   useEffect,
@@ -17,7 +18,15 @@ import { ErrorIcon } from '../Icons/Icons';
 import { applyMask, MASK_CHAR, MASK_REGEX, stripMask } from '../../helpers/mask';
 import './style.css';
 
-const InputComponent = ({
+interface InputHandle {
+  focus: () => void;
+  input: HTMLInputElement | null;
+  blur: () => void;
+  nativeElement: HTMLInputElement | null;
+  setSelectionRange: (start: number, end: number) => void;
+}
+
+const InputComponent = React.forwardRef<InputHandle, InputProps>(({
   size = 'large',
   error,
   suffix,
@@ -45,9 +54,8 @@ const InputComponent = ({
   defaultValue,
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   child,
-  ref,
   ...props
-}: InputProps) => {
+}, ref: ForwardedRef<InputHandle>) => {
   const inputRef = useRef<HTMLInputElement>(null);
   const lastKeyPressed = useRef<string | null>(null);
   const internalValue = mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : value ?? '';
@@ -56,18 +64,20 @@ const InputComponent = ({
   const animationRef = useRef<number | null>(null);
 
   useImperativeHandle(ref, () => ({
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-expect-error
-    focus: inputRef.current?.focus,
+    focus: () => {
+      inputRef.current?.focus()
+    },
     input: inputRef.current,
-    blur: (inputRef.current as HTMLInputElement).blur,
+    blur: () => {
+      inputRef.current?.blur()
+    },
     nativeElement: inputRef.current,
     setSelectionRange: (start: number, end: number) => {
       if (inputRef.current) {
         inputRef.current.setSelectionRange(start, end);
       }
     }
-  }));
+  }), []);
 
   useEffect(() => {
     setMaskValue(mask ? applyMask(stripMask(`${value ?? ''}`, mask, maskChar), mask, maskChar).masked : (value ?? ''));
@@ -205,7 +215,7 @@ const InputComponent = ({
       ) : null}
     </div>
   );
-};
+});
 
 InputComponent.displayName = 'Input';
 

package/lib/components/Select/Option/Option.tsx

@@ -27,6 +27,8 @@ const Option: FC<OptionProps> = ({
 
   return (
     <div
+      tabIndex={0}
+      role="button"
       className={clsx([
         `${prefixCls}-option ${prefixClsV3}-option ${className} `,
         {

package/lib/components/Select/Option/style.css

@@ -14,6 +14,11 @@
     border-radius: var(--xui-border-radius-sm);
     font-size: var(--xui-font-size-md);
     color: var(--xui-text-color);
+
+    &[tabindex="0"]:focus-visible {
+        color: var(--xui-background-color);
+        background-color: var(--xui-primary-color);
+    }
 }
 
 .xUi-select-option:hover {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/dist/esm/types/components/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps } from '../../types/button';
-import './style.css';
-declare const ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, prefixClsV3, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, __injected, child, ...restProps }: ButtonProps) => ReactElement;
-export default ButtonComponent;

package/dist/esm/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

package/dist/esm/types/components/Checkbox/Checkbox.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { CheckboxProps } from '../../types/checkbox';
-import './style.css';
-declare const Checkbox: {
-    ({ prefixCls, prefixClsV3, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref, controlled }: CheckboxProps): ReactElement;
-    displayName: string;
-};
-export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/dist/esm/types/components/ConditionalWrapper/index.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
-type Props = {
-    condition: boolean;
-    wrapper: (children: PropsWithChildren['children']) => ReactElement;
-} & PropsWithChildren;
-export declare const ConditionalWrapper: FC<Props>;
-export {};

package/dist/esm/types/components/DatePicker/DatePicker.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TDatePickerProps } from '../../types/datepicker';
-import './style.css';
-export declare const NUMBER_SIX = 6;
-export declare const MONTH_LENGTH = 11;
-export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
-declare const DatePicker: ({ value, onChange, onCalendarChange, disabled, error, placeholder, prefixCls, noStyle, feedbackIcons, locale, className, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered, defaultPickerValue }: TDatePickerProps) => React.JSX.Element;
-export default DatePicker;

package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TRangePickerProps } from '../../../types/datepicker';
-import './style.css';
-declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, onVisibleChange, onCalendarChange, style, className, separator, defaultValue, bordered, getPopupContainer, placement }: TRangePickerProps) => React.JSX.Element;
-export default RangePicker;

package/dist/esm/types/components/DatePicker/RangePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as RangePicker } from '../RangePicker/RangePicker';

package/dist/esm/types/components/DatePicker/TimePicker/TimePicker.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { TimePickerProps } from '../../../types/datepicker';
-import './style.css';
-declare const TimePicker: FC<TimePickerProps>;
-export default TimePicker;

package/dist/esm/types/components/DatePicker/TimePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as TimePicker } from '../TimePicker/TimePicker';

package/dist/esm/types/components/DatePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as DatePicker } from '../DatePicker/DatePicker';

package/dist/esm/types/components/Dropdown/Dropdown.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DropdownProps } from '../../types/dropdown';
-import './style.css';
-declare const Dropdown: ({ children, menu, open: controlledOpen, defaultOpen, onVisibleChange, trigger, placement, overlayClassName, overlayStyle, getPopupContainer, destroyOnHidden, disabled, arrow, autoFocus, popupRender, className, overlay, prefixCls, }: DropdownProps) => React.JSX.Element;
-export default Dropdown;

package/dist/esm/types/components/Dropdown/index.d.ts

@@ -1 +0,0 @@
-export { default as Dropdown } from '../Dropdown/Dropdown';

package/dist/esm/types/components/Empty/Empty.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { EmptyContentProps } from '../../types/empty';
-import './style.css';
-declare const EmptyContent: ({ icon, style, className, title, description, prefixCls, prefixClsV3 }: EmptyContentProps) => React.JSX.Element;
-export default EmptyContent;

package/dist/esm/types/components/Empty/index.d.ts

@@ -1 +0,0 @@
-export { default as Empty } from '../Empty/Empty';

package/dist/esm/types/components/Form/Form.d.ts

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-import { FormInstance, FormItemProps, FormProps } from '../../types/form';
-export declare const FormContext: React.Context<FormInstance | null>;
-declare const Form: FC<FormProps> & {
-    Item: FC<FormItemProps>;
-};
-export default Form;

package/dist/esm/types/components/Form/Item/Item.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormItemProps } from '../../../types/form';
-import './style.css';
-declare const FormItem: {
-    ({ prefixCls, prefixClsV3, name, label, rules, children, className, layout, style, dependencies, initialValue, feedbackIcons, extra, hideLabel, removeErrorMessageHeight, ...props }: FormItemProps): React.JSX.Element;
-    displayName: string;
-};
-export default FormItem;

package/dist/esm/types/components/Form/Item/index.d.ts

@@ -1 +0,0 @@
-export { default as Item } from './Item';

package/dist/esm/types/components/Form/index.d.ts

@@ -1 +0,0 @@
-export { default as Form } from './Form';

package/dist/esm/types/components/Icons/Icons.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ResultStatusType } from '../../types/result';
-declare const ClearIcon: () => React.JSX.Element;
-declare const ArrowIcon: ({ isOpen }: {
-    isOpen: boolean;
-}) => React.JSX.Element;
-declare const LoadingIcon: () => React.JSX.Element;
-declare const CheckIcon: () => React.JSX.Element;
-declare const SearchIcon: () => React.JSX.Element;
-declare const CalendarIcon: () => React.JSX.Element;
-declare const SuccessIcon: () => React.JSX.Element;
-declare const ErrorIcon: () => React.JSX.Element;
-declare const DateDistanceIcon: () => React.JSX.Element;
-declare const TimeIcon: () => React.JSX.Element;
-declare const StampleIcon: () => React.JSX.Element;
-declare const TrashIcon: () => React.JSX.Element;
-declare const SpinerIcon: () => React.JSX.Element;
-declare const renderDefaultIcon: (status: ResultStatusType) => React.JSX.Element | null;
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, renderDefaultIcon };

package/dist/esm/types/components/Icons/index.d.ts

@@ -1 +0,0 @@
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from './Icons';

package/dist/esm/types/components/Input/Input.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { InputProps } from '../../types/input';
-import Textarea from './Textarea/Textarea';
-import './style.css';
-declare const InputComponent: {
-    ({ size, error, suffix, prefix, addonAfter, addonBefore, onPressEnter, disabled, allowClear, prefixCls, prefixClsV3, className, value, iconRender, noStyle, feedbackIcons, mask, maskChar, maskRegex, __injected, defaultValue, child, ref, ...props }: InputProps): React.JSX.Element;
-    displayName: string;
-};
-declare const Input: typeof InputComponent & {
-    TextArea: typeof Textarea;
-};
-export default Input;

package/dist/esm/types/components/Input/Textarea/Textarea.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TextareaProps } from '../../../types/input';
-import './style.css';
-declare const Textarea: {
-    ({ prefixCls, prefixClsV3, value, className, style, autoSize, onPressEnter, onResize, styles, bordered, size, status, rootClassName, variant, error, allowClear, ref, ...props }: TextareaProps): React.JSX.Element;
-    displayName: string;
-};
-export default Textarea;

package/dist/esm/types/components/Input/Textarea/index.d.ts

@@ -1 +0,0 @@
-export { default as Textarea } from '../Textarea/Textarea';

package/dist/esm/types/components/Input/index.d.ts

@@ -1 +0,0 @@
-export { default as Input } from '../Input/Input';

package/dist/esm/types/components/Menu/Item/Item.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ItemType } from "../../../types/menu";
-declare const MenuItem: FC<ItemType>;
-export default MenuItem;

package/dist/esm/types/components/Menu/Menu.d.ts

@@ -1,20 +0,0 @@
-import React, { FC, MouseEvent } from "react";
-import { MenuMode, MenuProps } from "../../types/menu";
-import MenuItem from "./Item/Item";
-import SubMenu from "./SubMenu/SubMenu";
-import "./index.css";
-export declare const MenuContext: React.Context<{
-    mode: MenuMode;
-    inlineIndent: number;
-    inlineCollapsed: boolean;
-    selectedKeys: string[];
-    openKeys: string[];
-    toggleOpen: (key: string, level?: "1" | "2") => void;
-    onItemClick: (key: string, domEvent?: MouseEvent) => void;
-    triggerSubMenuAction?: "hover" | "click";
-} | null>;
-declare const Menu: FC<MenuProps> & {
-    Item: typeof MenuItem;
-    SubMenu: typeof SubMenu;
-};
-export default Menu;

package/dist/esm/types/components/Menu/SubMenu/SubMenu.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { SubMenuItem } from "../../../types/menu";
-declare const SubMenu: FC<SubMenuItem>;
-export default SubMenu;

package/dist/esm/types/components/Menu/index.d.ts

@@ -1 +0,0 @@
-export { default as Menu } from './Menu';

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { PopoverProps } from "../../types/popover";
-import './style.css';
-declare const Popover: ({ prefixCls, content, children, trigger, placement, open, visible, title, style, overlayClassName, overlayStyle, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
-export default Popover;

package/dist/esm/types/components/Popover/index.d.ts

@@ -1 +0,0 @@
-export { default as Popover } from '../Popover/Popover';

package/dist/esm/types/components/Radio/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { RadioButtonProps } from '../../../types/radio';
-import './style.css';
-declare const RadioButton: ({ prefixCls, prefixClsV3, className, checked, disabled, children, size, ...props }: RadioButtonProps) => React.JSX.Element;
-export default RadioButton;

package/dist/esm/types/components/Radio/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioButton } from '../../Radio/Button/Button';

package/dist/esm/types/components/Radio/Group/Group.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { RadioGroupProps } from '../../../types/radio';
-import './style.css';
-declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, prefixClsV3, className, options, children, ...props }: RadioGroupProps) => React.JSX.Element;
-export default RadioGroup;

package/dist/esm/types/components/Radio/Group/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioGroup } from '../../Radio/Group/Group';

package/dist/esm/types/components/Radio/Radio.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { RadioProps } from '../../types/radio';
-import './style.css';
-declare const Radio: {
-    ({ prefixCls, className, value, onChange, onClick, disabled, children, name, title, defaultChecked, checked, onBlur, onFocus, onMouseEnter, onMouseLeave, noStyle, ref }: RadioProps): React.JSX.Element;
-    displayName: string;
-};
-export default Radio;

package/dist/esm/types/components/Radio/index.d.ts

@@ -1 +0,0 @@
-export { default as Radio } from '../Radio/Radio';

package/dist/esm/types/components/Result/Result.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { ResultProps } from "../../types/result";
-import './style.css';
-declare const Result: ({ icon, status, title, subTitle, extra, prefixCls, className, style, children, }: ResultProps) => React.JSX.Element;
-export default Result;

package/dist/esm/types/components/Result/index.d.ts

@@ -1 +0,0 @@
-export { default as Result } from '../Result/Result';

package/dist/esm/types/components/Select/Option/Option.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { OptionProps } from '../../../types/select';
-import './style.css';
-declare const Option: FC<OptionProps>;
-export default Option;

package/dist/esm/types/components/Select/Option/index.d.ts

@@ -1 +0,0 @@
-export { default as Option } from '../../Select/Option/Option';

package/dist/esm/types/components/Select/Select.d.ts

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { SelectProps } from '../../types/select';
-import './style.css';
-declare const Select: {
-    ({ prefixCls, prefixClsV3, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, closeFromParent, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, iconClickClear, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, iconClick, ref, controlled }: SelectProps): ReactElement;
-    displayName: string;
-};
-export default Select;

package/dist/esm/types/components/Select/Tag/Tag.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { CustomTagProps } from '../../../types/select';
-import './style.css';
-declare const Tag: FC<CustomTagProps>;
-export default Tag;

package/dist/esm/types/components/Select/Tag/index.d.ts

@@ -1 +0,0 @@
-export { default as Tag } from '../../Select/Tag/Tag';

package/dist/esm/types/components/Select/index.d.ts

@@ -1 +0,0 @@
-export { default as Select } from '../Select/Select';

package/dist/esm/types/components/Skeleton/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { SkeletonAvatarProps } from '../../../types/skeleton';
-import './style.css';
-export declare const AVATAR_DEFAULT_SIZE = 32;
-export declare const AVATAR_GLOBAL_SIZE = 40;
-export declare const GET_AVATAR_SKELETON_PROPS: (avatar: SkeletonAvatarProps | boolean) => SkeletonAvatarProps;
-declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
-export default SkeletonAvatar;

package/dist/esm/types/components/Skeleton/Avatar/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonAvatar } from './Avatar';

package/dist/esm/types/components/Skeleton/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonButtonProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonButton: FC<SkeletonButtonProps>;
-export default SkeletonButton;

package/dist/esm/types/components/Skeleton/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonButton } from './Button';

package/dist/esm/types/components/Skeleton/Image/Image.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonImageProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonImage: FC<SkeletonImageProps>;
-export default SkeletonImage;

package/dist/esm/types/components/Skeleton/Image/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonImage } from './Image';

package/dist/esm/types/components/Skeleton/Input/Input.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { SkeletonInputProps } from '../../../types/skeleton';
-import './style.css';
-declare const SkeletonInput: FC<SkeletonInputProps>;
-export default SkeletonInput;

package/dist/esm/types/components/Skeleton/Input/index.d.ts

@@ -1 +0,0 @@
-export { default as SkeletonInput } from './Input';

package/dist/esm/types/components/Skeleton/Skeleton.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactElement } from 'react';
-import { SkeletonProps } from '../../types/skeleton';
-import './style.css';
-declare const Skeleton: (({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps) => ReactElement) & {
-    Image: React.FC<import("../../types/skeleton").SkeletonImageProps>;
-    Input: React.FC<import("../../types/skeleton").SkeletonInputProps>;
-    Avatar: React.FC<import("../../types/skeleton").SkeletonAvatarProps>;
-    Button: React.FC<import("../../types/skeleton").SkeletonButtonProps>;
-};
-export default Skeleton;

package/dist/esm/types/components/Skeleton/index.d.ts

@@ -1 +0,0 @@
-export { default as Skeleton } from './Skeleton';

package/dist/esm/types/components/Switch/Switch.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SwitchProps } from '../../types/switch';
-import './index.css';
-declare const Switch: {
-    ({ prefixCls, prefixClsV3, checked, onChange, onClick, disabled, className, style, defaultChecked, value, controlled }: SwitchProps): React.JSX.Element;
-    displayName: string;
-};
-export default Switch;

package/dist/esm/types/components/Switch/index.d.ts

@@ -1 +0,0 @@
-export { default as Switch } from './Switch';

package/dist/esm/types/components/Upload/Upload.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UploadProps } from '../../types/upload';
-import './style.css';
-declare const Upload: ({ prefixCls, prefixClsV3, multiple, style, className, onChange, action, name, method, headers, directory, beforeUpload, rootClassName, onRemove, disabled, withCredentials, openFileDialogOnClick, maxCount, fileList: controlledFileList, customRequest, accept, listType, showUploadList, children, noStyle, defaultFileList }: UploadProps) => React.JSX.Element;
-export default Upload;

package/dist/esm/types/components/Upload/index.d.ts

@@ -1 +0,0 @@
-export { default as Upload } from '../Upload/Upload';

package/dist/esm/types/helpers/flatten.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-export declare function flattenChildren(children: ReactNode): ReactElement[];

package/dist/esm/types/helpers/index.d.ts

@@ -1,4 +0,0 @@
-import { RuleType } from '../types';
-export declare const parseValue: (value: RuleType) => RuleType;
-export declare function createArray(length: number): number[];
-export declare function clsx(...args: RuleType[]): string;

package/dist/esm/types/helpers/mask.d.ts

@@ -1,7 +0,0 @@
-export declare const MASK_CHAR = "_";
-export declare const MASK_REGEX: RegExp;
-export declare function stripMask(value: string, mask: string, maskChar?: string): string;
-export declare function applyMask(raw: string, mask: string, maskChar?: string): {
-    masked: string;
-    rawIndex: number;
-};

package/dist/esm/types/hooks/useForm.d.ts

@@ -1,7 +0,0 @@
-import { RuleTypes } from '../types';
-import type { FieldData, FieldError, FormInstance } from '../types/form';
-declare const useForm: (initialValues?: Record<string, RuleTypes>, onFieldsChange?: (changedFields: FieldData[]) => void, onValuesChange?: (changedValues: Record<string, RuleTypes>, allValues: Record<string, RuleTypes>) => void, scrollToFirstError?: boolean, onFinish?: ((values: Record<string, RuleTypes>) => void) | undefined, onFinishFailed?: (errorInfo: {
-    values: Record<string, RuleTypes>;
-    errorFields: Pick<FieldError, "errors" | "name">[];
-}) => void) => FormInstance;
-export { useForm };

package/dist/esm/types/hooks/usePosition.d.ts

@@ -1,15 +0,0 @@
-import { Placement } from "../types";
-import { CSSProperties, RefObject } from "react";
-type TPosition = {
-    isOpen: boolean;
-    popupRef: RefObject<HTMLDivElement | null>;
-    triggerRef: RefObject<HTMLDivElement | null>;
-    getPopupContainer?: HTMLElement;
-    placement?: Placement;
-    offset?: number;
-};
-export declare const usePosition: ({ isOpen, offset, popupRef, placement, triggerRef, getPopupContainer }: TPosition) => {
-    showPlacement: string;
-    dropdownPosition: CSSProperties;
-};
-export {};

package/dist/esm/types/hooks/useWatch.d.ts

@@ -1,9 +0,0 @@
-import { RuleType } from '../types';
-import { FormInstance } from '../types/form';
-type UseWatchProps = {
-    name?: string;
-    defaultValue?: RuleType;
-    form?: FormInstance;
-};
-export declare const useWatch: ({ name, defaultValue, form }: UseWatchProps) => any;
-export {};

package/dist/esm/types/hooks/useWatchError.d.ts

@@ -1,2 +0,0 @@
-import type { FormInstance } from '../types/form';
-export declare function useWatchError(form: FormInstance, name: string): string[] | undefined;

package/dist/esm/types/index.d.ts

@@ -1,50 +0,0 @@
-import './styles/global.css';
-declare const Button: import("react").ComponentType<import("@/types/button").ButtonProps>;
-declare const Checkbox: import("react").ComponentType<import("@/types/checkbox").CheckboxProps>;
-declare const Switch: import("react").ComponentType<import("./types/switch").SwitchProps>;
-declare const Empty: import("react").ComponentType<import("./types/empty").EmptyContentProps>;
-declare const Upload: import("react").ComponentType<import("@/types/upload").UploadProps>;
-declare const DatePicker: import("react").ComponentType<import("@/types/datepicker").TDatePickerProps>;
-declare const RangePicker: import("react").ComponentType<import("@/types/datepicker").TRangePickerProps>;
-declare const TimePicker: import("react").ComponentType<import("@/types/datepicker").TimePickerProps>;
-declare const Form: import("react").ComponentType<import("@/types/form").FormProps>;
-declare const FormItem: import("react").ComponentType<import("@/types/form").FormItemProps>;
-declare const Input: import("react").ComponentType<import("@/types/input").InputProps>;
-declare const Textarea: import("react").ComponentType<import("@/types/input").TextareaProps>;
-declare const Radio: import("react").ComponentType<import("@/types/radio").RadioProps>;
-declare const RadioButton: import("react").ComponentType<import("@/types/radio").RadioButtonProps>;
-declare const RadioGroup: import("react").ComponentType<import("@/types/radio").RadioGroupProps>;
-declare const Select: import("react").ComponentType<import("@/types/select").SelectProps>;
-declare const Option: import("react").ComponentType<import("@/types/select").OptionProps>;
-declare const Tag: import("react").ComponentType<import("@/types/select").CustomTagProps>;
-declare const Skeleton: import("react").ComponentType<import("./types/skeleton").SkeletonProps>;
-declare const SkeletonAvatar: import("react").ComponentType<import("./types/skeleton").SkeletonAvatarProps>;
-declare const SkeletonButton: import("react").ComponentType<import("./types/skeleton").SkeletonButtonProps>;
-declare const SkeletonImage: import("react").ComponentType<import("./types/skeleton").SkeletonImageProps>;
-declare const SkeletonInput: import("react").ComponentType<import("./types/skeleton").SkeletonInputProps>;
-declare const Menu: import("react").ComponentType<import("@/types/menu").MenuProps>;
-declare const MenuItem: import("react").ComponentType<import("@/types/menu").ItemType>;
-declare const MenuSubMenu: import("react").ComponentType<import("@/types/menu").SubMenuItem>;
-declare const Dropdown: import("react").ComponentType<import("@/types/dropdown").DropdownProps>;
-declare const Popover: import("react").ComponentType<import("@/types/popover").PopoverProps>;
-declare const Result: import("react").ComponentType<import("@/types/result").ResultProps>;
-export { Button, Checkbox, Empty, DatePicker, RangePicker, TimePicker, Form, FormItem, Input, Textarea, Radio, RadioButton, RadioGroup, Select, Option, Tag, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonImage, SkeletonInput, Upload, Switch, Menu, MenuItem, MenuSubMenu, Dropdown, Popover, Result };
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, } from '@/components/Icons';
-export { useForm } from '@/hooks/useForm';
-export { useWatch } from '@/hooks/useWatch';
-export type { FormInstance, RuleObject, RuleRender, FieldData, FieldInstancesInputRef, FieldError, FormProps, FormItemChildComponentProps } from '@/types/form';
-export type { DefaultProps, TargetProps, RuleTypes, RuleType, MouseEventHandlerSelect, SyntheticBaseEvent, Placement } from '@/types';
-export type { CheckboxProps } from '@/types/checkbox';
-export type { InputProps, TextareaProps } from '@/types/input';
-export type { PopoverProps } from '@/types/popover';
-export type { ButtonType, ButtonProps, BaseButtonProps } from '@/types/button';
-export type { ItemType, MenuProps, SubMenuItem } from '@/types/menu';
-export type { DropdownProps, DropdownItemType, } from '@/types/dropdown';
-export type { ResultProps, ResultStatusType } from '@/types/result';
-export type { RadioProps, RadioGroupProps, RadioButtonProps } from '@/types/radio';
-export type { TDatePickerProps, TRangePickerProps, TimePickerProps } from '@/types/datepicker';
-export type { SelectProps, OptionType, OptionProps, CustomTagProps, TagProps, DisplayValueType } from '@/types/select';
-export type { RcFile, UploadFile, UploadProps, UploadChangeParam } from '@/types/upload';
-export { FormContext } from '@/components/Form/Form';
-export { clsx, createArray, parseValue } from '@/helpers';
-export { flattenChildren } from '@/helpers/flatten';