@fewbox/den-web 0.1.12 → 0.1.16

package/src/components/View/VAvatar/index.d.ts

@@ -2,11 +2,11 @@ import { IBaseProps } from '../../Engine/Base';
 import { ColorType } from '../../Engine';
 import './index.scss';
 export interface IVAvatarProps extends IBaseProps {
-    avatar: string | JSX.Element;
-    badge?: string | JSX.Element;
+    avatar: string | React.JSX.Element;
+    badge?: string | React.JSX.Element;
     status?: ColorType;
     badgeOffset?: string;
     statusOffset?: string;
 }
-declare const VAvatar: (props: IVAvatarProps) => JSX.Element;
+declare const VAvatar: (props: IVAvatarProps) => React.JSX.Element;
 export default VAvatar;

package/src/components/View/VBackground/index.d.ts

@@ -14,5 +14,5 @@ export interface IVBackgroundProps extends IBaseProps {
     imageHeight?: Property.Height<TLength>;
     position?: BackgroundPositionType;
 }
-declare const VBackground: (props: IVBackgroundProps) => JSX.Element;
+declare const VBackground: (props: IVBackgroundProps) => React.JSX.Element;
 export default VBackground;

package/src/components/View/VBadge/index.d.ts

@@ -1,6 +1,6 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVBadgeProps extends IBaseProps {
-    badge?: string | JSX.Element;
+    badge?: string | React.JSX.Element;
 }
-declare const VBadge: (props: IVBadgeProps) => JSX.Element;
+declare const VBadge: (props: IVBadgeProps) => React.JSX.Element;
 export default VBadge;

package/src/components/View/VBlock/index.d.ts

@@ -1,9 +1,9 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVBlockProps extends IBaseProps {
-    icon: JSX.Element;
-    action: JSX.Element;
-    caption: JSX.Element;
-    subCaption: JSX.Element;
+    icon: React.JSX.Element;
+    action: React.JSX.Element;
+    caption: React.JSX.Element;
+    subCaption: React.JSX.Element;
 }
-declare const VBlock: (props: IVBlockProps) => JSX.Element;
+declare const VBlock: (props: IVBlockProps) => React.JSX.Element;
 export default VBlock;

package/src/components/View/VCard/index.d.ts

@@ -1,8 +1,8 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVCardProps extends IBaseProps {
-    head?: JSX.Element;
-    body?: JSX.Element;
+    head?: React.JSX.Element;
+    body?: React.JSX.Element;
     isDraggable?: boolean;
 }
-declare const VCard: (props: IVCardProps) => JSX.Element;
+declare const VCard: (props: IVCardProps) => React.JSX.Element;
 export default VCard;

package/src/components/View/VCardMedia/index.d.ts

@@ -1,9 +1,9 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVCardMediaProps extends IBaseProps {
-    media: JSX.Element;
-    head?: JSX.Element;
-    body?: JSX.Element;
-    foot?: JSX.Element;
+    media: React.JSX.Element;
+    head?: React.JSX.Element;
+    body?: React.JSX.Element;
+    foot?: React.JSX.Element;
 }
-declare const VCardMedia: (props: IVCardMediaProps) => JSX.Element;
+declare const VCardMedia: (props: IVCardMediaProps) => React.JSX.Element;
 export default VCardMedia;

package/src/components/View/VCardSocial/index.d.ts

@@ -1,13 +1,13 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVCardSocialProps extends IBaseProps {
-    caption: JSX.Element;
-    icon: JSX.Element;
-    avatar: JSX.Element;
-    name: JSX.Element;
-    post: JSX.Element;
-    hashTags: JSX.Element[];
-    leftAction: JSX.Element;
-    rightAction: JSX.Element;
+    caption: React.JSX.Element;
+    icon: React.JSX.Element;
+    avatar: React.JSX.Element;
+    name: React.JSX.Element;
+    post: React.JSX.Element;
+    hashTags: React.JSX.Element[];
+    leftAction: React.JSX.Element;
+    rightAction: React.JSX.Element;
 }
-declare const VCardSocial: (props: IVCardSocialProps) => JSX.Element;
+declare const VCardSocial: (props: IVCardSocialProps) => React.JSX.Element;
 export default VCardSocial;

package/src/components/View/VCardWindow/index.d.ts

@@ -11,5 +11,5 @@ export interface IVCardWindowProps extends IBaseProps {
 export interface IVCardWindowStatus extends IBaseStates {
     isDetailShow: boolean;
 }
-declare const VCardWindow: (props: IVCardWindowProps) => JSX.Element;
+declare const VCardWindow: (props: IVCardWindowProps) => React.JSX.Element;
 export default VCardWindow;

package/src/components/View/VChromeExtensionValidator/index.d.ts

@@ -1,10 +1,10 @@
 export interface IChromeExtensionValidatorProps {
     extensionId: string;
     version?: string;
-    uninstalledMessage?: string | JSX.Element;
-    outdatedMessage?: string | JSX.Element;
+    uninstalledMessage?: string | React.JSX.Element;
+    outdatedMessage?: string | React.JSX.Element;
     downloadUrl?: string;
-    overWrite?: (status: ExtensionStatus, meta: any) => JSX.Element;
+    overWrite?: (status: ExtensionStatus, meta: any) => React.JSX.Element;
 }
 export declare enum ExtensionStatus {
     Uninstalled = "uninstalled",
@@ -19,5 +19,5 @@ export interface IChromeExtensionValidatorStates {
     meta?: Meta;
     status?: ExtensionStatus;
 }
-declare const ChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => JSX.Element;
+declare const ChromeExtensionValidator: (props: IChromeExtensionValidatorProps) => React.JSX.Element;
 export default ChromeExtensionValidator;

package/src/components/View/VFooter/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVFooterProps extends IBaseProps<'footer'> {
 }
-declare const VFooter: (props: IVFooterProps) => JSX.Element;
+declare const VFooter: (props: IVFooterProps) => React.JSX.Element;
 export default VFooter;

package/src/components/View/VForm/index.d.ts

@@ -9,5 +9,5 @@ export interface IVFormProps extends IBaseProps<'form'> {
     handleValidateError?: (input: HTMLInputElement) => void;
     errorColor?: string;
 }
-declare const VForm: (props: IVFormProps) => JSX.Element;
+declare const VForm: (props: IVFormProps) => React.JSX.Element;
 export default VForm;

package/src/components/View/VFrame/index.d.ts

@@ -8,5 +8,5 @@ export interface IVFrameProps extends IBaseProps {
     image: string;
     backingBoard?: BackingBoard;
 }
-declare const VFrame: (props: IVFrameProps) => JSX.Element;
+declare const VFrame: (props: IVFrameProps) => React.JSX.Element;
 export default VFrame;

package/src/components/View/VGoogleFont/index.d.ts

@@ -14,5 +14,5 @@ export interface IGoogleTypeface {
 export interface IVGoogleFontProps {
     typefaces: IGoogleTypeface[];
 }
-declare const VGoogleFont: (props: IVGoogleFontProps) => JSX.Element;
+declare const VGoogleFont: (props: IVGoogleFontProps) => React.JSX.Element;
 export default VGoogleFont;

package/src/components/View/VHR/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVHRProps extends IBaseProps<'hr'> {
 }
-declare const VHR: (props: IVHRProps) => JSX.Element;
+declare const VHR: (props: IVHRProps) => React.JSX.Element;
 export default VHR;

package/src/components/View/VHeader/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVHeaderProps extends IBaseProps<'header'> {
 }
-declare const VHeader: (props: IVHeaderProps) => JSX.Element;
+declare const VHeader: (props: IVHeaderProps) => React.JSX.Element;
 export default VHeader;

package/src/components/View/VHyperlink/index.d.ts

@@ -9,5 +9,5 @@ export interface IVHyperlinkProps extends IBaseProps<'a'> {
     category: HyperlinkCategory;
     to: string;
 }
-declare const VHyperlink: (props: IVHyperlinkProps) => JSX.Element;
+declare const VHyperlink: (props: IVHyperlinkProps) => React.JSX.Element;
 export default VHyperlink;

package/src/components/View/VImage/index.d.ts

@@ -9,5 +9,5 @@ export declare enum ImageCategory {
 export interface IVImageProps extends IBaseProps<'img'> {
     category?: ImageCategory;
 }
-declare const VImage: (props: IVImageProps) => JSX.Element;
+declare const VImage: (props: IVImageProps) => React.JSX.Element;
 export default VImage;

package/src/components/View/VInput/VBase64File/index.d.ts

@@ -1,10 +1,10 @@
 import { IBaseInputProps } from "..";
 export interface IVBase64FileProps extends IBaseInputProps {
-    fileIcon?: JSX.Element;
+    fileIcon?: React.JSX.Element;
     base64Image: string;
 }
 export interface IVBase64FileStates {
     base64Image: string;
 }
-declare const VBase64File: (props: IVBase64FileProps) => JSX.Element;
+declare const VBase64File: (props: IVBase64FileProps) => React.JSX.Element;
 export default VBase64File;

package/src/components/View/VInput/VCheckBox/index.d.ts

@@ -5,5 +5,5 @@ export interface IVCheckBoxProps extends IBaseInputProps {
 export interface IVCheckBoxStates {
     isChecked?: boolean;
 }
-declare const VCheckBox: (props: IVCheckBoxProps) => JSX.Element;
+declare const VCheckBox: (props: IVCheckBoxProps) => React.JSX.Element;
 export default VCheckBox;

package/src/components/View/VInput/VColor/index.d.ts

@@ -3,5 +3,5 @@ export interface IVColorProps extends IBaseInputProps {
 }
 export interface IVColorProps {
 }
-declare const VColor: (props: IVColorProps) => JSX.Element;
+declare const VColor: (props: IVColorProps) => React.JSX.Element;
 export default VColor;

package/src/components/View/VInput/VDate/index.d.ts

@@ -3,5 +3,5 @@ export interface IVDateProps extends IBaseInputProps {
 }
 export interface IVDateProps {
 }
-declare const VDate: (props: IVDateProps) => JSX.Element;
+declare const VDate: (props: IVDateProps) => React.JSX.Element;
 export default VDate;

package/src/components/View/VInput/VDatetimeLocal/index.d.ts

@@ -3,5 +3,5 @@ export interface IVDatetimeLocalProps extends IBaseInputProps {
 }
 export interface IVDatetimeLocalProps {
 }
-declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => JSX.Element;
+declare const VDatetimeLocal: (props: IVDatetimeLocalProps) => React.JSX.Element;
 export default VDatetimeLocal;

package/src/components/View/VInput/VDropdown/index.d.ts

@@ -1,30 +1,30 @@
 import { IBaseProps } from "../../../Engine/Base";
 import { InputExtensionItem } from "..";
 export interface IDropdownItemData {
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     caption: string;
     value: string;
 }
 export interface IVDropdownProps extends IBaseProps {
     value?: string | ReadonlyArray<string> | number | undefined;
     name?: string;
-    icon?: JSX.Element;
-    emptyIcon: JSX.Element;
-    downIcon: JSX.Element;
-    upIcon: JSX.Element;
+    icon?: React.JSX.Element;
+    emptyIcon: React.JSX.Element;
+    downIcon: React.JSX.Element;
+    upIcon: React.JSX.Element;
     enableClear?: boolean;
     isReadonly?: boolean;
     items: IDropdownItemData[];
     extensions?: InputExtensionItem[];
-    overWriteDropdownItem?: (item: IDropdownItemData) => JSX.Element;
+    overWriteDropdownItem?: (item: IDropdownItemData) => React.JSX.Element;
     handleChange?: (value: string) => void;
 }
 export interface IVDropdownStates {
     isSelectionShow: boolean;
-    selectIcon?: JSX.Element;
+    selectIcon?: React.JSX.Element;
     selectValue: string | ReadonlyArray<string> | number | undefined;
     selectCaption: string | ReadonlyArray<string> | number | undefined;
     items: IDropdownItemData[];
 }
-declare const VDropdown: (props: IVDropdownProps) => JSX.Element;
+declare const VDropdown: (props: IVDropdownProps) => React.JSX.Element;
 export default VDropdown;

package/src/components/View/VInput/VEmail/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVEmailProps extends IBaseInputProps {
 }
-declare const VEmail: (props: IVEmailProps) => JSX.Element;
+declare const VEmail: (props: IVEmailProps) => React.JSX.Element;
 export default VEmail;

package/src/components/View/VInput/VFile/index.d.ts

@@ -10,19 +10,19 @@ export interface InputFile {
 }
 export interface IVFileProps extends IBaseInputProps {
     category?: FileCategory;
-    appearance: JSX.Element;
-    loader?: JSX.Element;
+    appearance: React.JSX.Element;
+    loader?: React.JSX.Element;
     loaderSize?: FontSizeType;
     loaderColor?: ColorType;
     isPreview: boolean;
     previewImageWidth?: number;
     textLength?: number;
     autoUpload?: (files: File[], complete: () => void) => void;
-    renderLoader?: () => JSX.Element;
+    renderLoader?: () => React.JSX.Element;
 }
 export interface IVFileStates {
     isLoading: boolean;
     inputFiles: InputFile[];
 }
-declare const VFile: (props: IVFileProps) => JSX.Element;
+declare const VFile: (props: IVFileProps) => React.JSX.Element;
 export default VFile;

package/src/components/View/VInput/VGroup/index.d.ts

@@ -1,10 +1,10 @@
 import { IBaseProps } from "../../../Engine/Base";
 export interface IVGroupProps extends IBaseProps {
     selectedValue: string;
-    renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => JSX.Element;
+    renderGroup: (selectedValue: string, hanldeSelect: React.ChangeEventHandler<any>) => React.JSX.Element;
 }
 export interface IVGroupStates {
     selectedValue: string;
 }
-declare const VGroup: (props: IVGroupProps) => JSX.Element;
+declare const VGroup: (props: IVGroupProps) => React.JSX.Element;
 export default VGroup;

package/src/components/View/VInput/VMonth/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVMonthProps extends IBaseInputProps {
 }
-declare const VMonth: (props: IVMonthProps) => JSX.Element;
+declare const VMonth: (props: IVMonthProps) => React.JSX.Element;
 export default VMonth;

package/src/components/View/VInput/VNumber/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVNumberProps extends IBaseInputProps {
 }
-declare const VNumber: (props: IVNumberProps) => JSX.Element;
+declare const VNumber: (props: IVNumberProps) => React.JSX.Element;
 export default VNumber;

package/src/components/View/VInput/VPassword/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVPasswordProps extends IBaseInputProps {
 }
-declare const VPassword: (props: IVPasswordProps) => JSX.Element;
+declare const VPassword: (props: IVPasswordProps) => React.JSX.Element;
 export default VPassword;

package/src/components/View/VInput/VRadio/index.d.ts

@@ -2,5 +2,5 @@ import { IBaseInputProps } from "..";
 export interface IVRadioProps extends IBaseInputProps {
     isChecked?: boolean;
 }
-declare const VRadio: (props: IVRadioProps) => JSX.Element;
+declare const VRadio: (props: IVRadioProps) => React.JSX.Element;
 export default VRadio;

package/src/components/View/VInput/VRange/index.d.ts

@@ -4,5 +4,5 @@ export interface IVRangeProps extends IBaseInputProps {
     controlBackgroundColor: ColorType;
     controlBorderColor: ColorType;
 }
-declare const VRange: (props: IVRangeProps) => JSX.Element;
+declare const VRange: (props: IVRangeProps) => React.JSX.Element;
 export default VRange;

package/src/components/View/VInput/VSearch/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVSearchProps extends IBaseInputProps {
 }
-declare const VSearch: (props: IVSearchProps) => JSX.Element;
+declare const VSearch: (props: IVSearchProps) => React.JSX.Element;
 export default VSearch;

package/src/components/View/VInput/VSubmit/index.d.ts

@@ -1,7 +1,7 @@
 import { IBaseInputProps } from "..";
 export interface IVSubmitProps extends IBaseInputProps {
-    caption: string | JSX.Element;
+    caption: string | React.JSX.Element;
     isFormNoValidate?: boolean;
 }
-declare const VSubmit: (props: IVSubmitProps) => JSX.Element;
+declare const VSubmit: (props: IVSubmitProps) => React.JSX.Element;
 export default VSubmit;

package/src/components/View/VInput/VSubmitWrapper/index.d.ts

@@ -1,6 +1,6 @@
 import { IBaseInputProps } from "..";
 export interface IVSubmitWrapperProps extends IBaseInputProps {
-    body: JSX.Element;
+    body: React.JSX.Element;
 }
-declare const VSubmitWrapper: (props: IVSubmitWrapperProps) => JSX.Element;
+declare const VSubmitWrapper: (props: IVSubmitWrapperProps) => React.JSX.Element;
 export default VSubmitWrapper;

package/src/components/View/VInput/VTel/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVTelProps extends IBaseInputProps {
 }
-declare const VTel: (props: IVTelProps) => JSX.Element;
+declare const VTel: (props: IVTelProps) => React.JSX.Element;
 export default VTel;

package/src/components/View/VInput/VTime/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVTimeProps extends IBaseInputProps {
 }
-declare const VTime: (props: IVTimeProps) => JSX.Element;
+declare const VTime: (props: IVTimeProps) => React.JSX.Element;
 export default VTime;

package/src/components/View/VInput/VUrl/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVUrlProps extends IBaseInputProps {
 }
-declare const VUrl: (props: IVUrlProps) => JSX.Element;
+declare const VUrl: (props: IVUrlProps) => React.JSX.Element;
 export default VUrl;

package/src/components/View/VInput/VWeek/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseInputProps } from "..";
 export interface IVWeekProps extends IBaseInputProps {
 }
-declare const VWeek: (props: IVWeekProps) => JSX.Element;
+declare const VWeek: (props: IVWeekProps) => React.JSX.Element;
 export default VWeek;

package/src/components/View/VInput/index.d.ts

@@ -3,14 +3,14 @@ import { ColorType, FontSizeType } from "../../Engine";
 import { LabelCategory } from "../VLabel";
 import { Property } from 'csstype';
 export interface InputExtensionItem {
-    option: JSX.Element;
+    option: React.JSX.Element;
     handleOption: (input: any) => void;
 }
 export interface IBaseInputProps extends IBaseProps<'input'> {
     type?: React.HTMLInputTypeAttribute | undefined;
     isFocus?: boolean;
     label?: string;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     extensions?: InputExtensionItem[];
     value?: string | ReadonlyArray<string> | number | undefined;
     valueHook?: string;
@@ -23,7 +23,7 @@ export interface IBaseInputProps extends IBaseProps<'input'> {
     valuePadding?: Property.Padding<TLength>;
     inputStyle?: React.CSSProperties;
     inputClassName?: string;
-    overWrite?: (inputRef: React.RefObject<HTMLInputElement>) => JSX.Element;
+    overWrite?: (inputRef: React.RefObject<HTMLInputElement | null>) => React.JSX.Element;
 }
 export interface IVInputProps extends IBaseInputProps {
     inheritClassName?: string;

package/src/components/View/VLabel/index.d.ts

@@ -50,7 +50,7 @@ export type IVLabelProps<C extends LabelCategory = LabelCategory.Span> = IBasePr
     type?: LabelType;
     alignType?: LabelAlignType;
     isTextOverflow?: boolean;
-    caption: string | JSX.Element;
+    caption: string | React.JSX.Element;
 };
-declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => JSX.Element;
+declare const VLabel: <C extends LabelCategory>(props: IVLabelProps<C>) => React.JSX.Element;
 export default VLabel;

package/src/components/View/VLoading/index.d.ts

@@ -4,5 +4,5 @@ export interface ILoadingProps extends IBaseProps {
     animationCategory?: AnimationCategory;
     animationSpeed?: AnimationSpeed;
 }
-declare const VLoading: (props: ILoadingProps) => JSX.Element;
+declare const VLoading: (props: ILoadingProps) => React.JSX.Element;
 export default VLoading;

package/src/components/View/VMain/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVMainProps extends IBaseProps<'main'> {
 }
-declare const VMain: (props: IVMainProps) => JSX.Element;
+declare const VMain: (props: IVMainProps) => React.JSX.Element;
 export default VMain;

package/src/components/View/VMask/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVMaskProps extends IBaseProps {
 }
-declare const VMask: (props: IVMaskProps) => JSX.Element;
+declare const VMask: (props: IVMaskProps) => React.JSX.Element;
 export default VMask;

package/src/components/View/VPhoto/index.d.ts

@@ -16,5 +16,5 @@ export interface IVPhotoProps extends IBaseProps {
     width?: string;
     height?: string;
 }
-declare const VPhoto: (props: IVPhotoProps) => JSX.Element;
+declare const VPhoto: (props: IVPhotoProps) => React.JSX.Element;
 export default VPhoto;

package/src/components/View/VSection/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVSectionProps extends IBaseProps<'section'> {
 }
-declare const VSection: (props: IVSectionProps) => JSX.Element;
+declare const VSection: (props: IVSectionProps) => React.JSX.Element;
 export default VSection;

package/src/components/View/VSelect/index.d.ts

@@ -10,5 +10,5 @@ export interface IVSelectProps extends IBaseProps<'select'> {
     isMultiple?: boolean;
     fontFamily?: string;
 }
-declare const VSelect: (props: IVSelectProps) => JSX.Element;
+declare const VSelect: (props: IVSelectProps) => React.JSX.Element;
 export default VSelect;

package/src/components/View/VShadow/index.d.ts

@@ -11,5 +11,5 @@ export interface IVShadowProps extends IBaseProps {
     spread?: number;
     color?: string;
 }
-declare const VShadow: (props: IVShadowProps) => JSX.Element;
+declare const VShadow: (props: IVShadowProps) => React.JSX.Element;
 export default VShadow;

package/src/components/View/VShape/VEllipse/index.d.ts

@@ -6,5 +6,5 @@ export declare enum EllipseCategory {
 export interface IVEllipseProps extends IBaseProps {
     category?: EllipseCategory;
 }
-declare const VEllipse: (props: IVEllipseProps) => JSX.Element;
+declare const VEllipse: (props: IVEllipseProps) => React.JSX.Element;
 export default VEllipse;

package/src/components/View/VShape/VLine/index.d.ts

@@ -6,5 +6,5 @@ export declare enum LineCategory {
 export interface IVLineProps extends IBaseProps {
     category: LineCategory;
 }
-declare const VLine: (props: IVLineProps) => JSX.Element;
+declare const VLine: (props: IVLineProps) => React.JSX.Element;
 export default VLine;

package/src/components/View/VShape/VRectangle/index.d.ts

@@ -6,5 +6,5 @@ export declare enum RectangleCategory {
 export interface IVRectangleProps extends IBaseProps {
     category?: RectangleCategory;
 }
-declare const VRectangle: (props: IVRectangleProps) => JSX.Element;
+declare const VRectangle: (props: IVRectangleProps) => React.JSX.Element;
 export default VRectangle;

package/src/components/View/VStack/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVStackProps extends IBaseProps {
 }
-declare const VStack: (props: IVStackProps) => JSX.Element;
+declare const VStack: (props: IVStackProps) => React.JSX.Element;
 export default VStack;

package/src/components/View/VSvg/index.d.ts

@@ -11,5 +11,5 @@ export interface IVSvgProps extends IBaseProps {
     onMouseEnter?: React.MouseEventHandler<any>;
     onMouseLeave?: React.MouseEventHandler<any>;
 }
-declare const VSvg: (props: IVSvgProps) => JSX.Element;
+declare const VSvg: (props: IVSvgProps) => React.JSX.Element;
 export default VSvg;

package/src/components/View/VSwitch/index.d.ts

@@ -1,7 +1,7 @@
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export interface IVSwitchProps extends IBaseProps {
     isOn: boolean;
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     gap?: string;
     isDisabled?: boolean;
     onSwitch?: (isOn: boolean) => void;
@@ -9,5 +9,5 @@ export interface IVSwitchProps extends IBaseProps {
 export interface IVSwitchStates extends IBaseStates {
     isOn: boolean;
 }
-declare const VSwitch: (props: IVSwitchProps) => JSX.Element;
+declare const VSwitch: (props: IVSwitchProps) => React.JSX.Element;
 export default VSwitch;

package/src/components/View/VTemplate/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps } from '../../Engine/Base';
 export interface IVTemplateProps extends IBaseProps<'template'> {
 }
-declare const VTemplate: (props: IVTemplateProps) => JSX.Element;
+declare const VTemplate: (props: IVTemplateProps) => React.JSX.Element;
 export default VTemplate;

package/src/components/View/VText/index.d.ts

@@ -17,7 +17,7 @@ export declare enum TextAlignType {
 export type IVTextProps<C extends TextCategory = TextCategory.P> = IBaseProps<ElementOf<C>> & {
     category?: C;
     alignType?: TextAlignType;
-    renderContent: () => JSX.Element;
+    renderContent: () => React.JSX.Element;
 };
-declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => JSX.Element;
+declare const VText: <C extends TextCategory = TextCategory.P>(props: IVTextProps<C>) => React.JSX.Element;
 export default VText;

package/src/components/View/VTextArea/index.d.ts

@@ -1,6 +1,6 @@
 import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export interface IVTextAreaProps extends IBaseProps<'textarea'> {
-    icon?: JSX.Element;
+    icon?: React.JSX.Element;
     placeholder?: string;
     isRequired?: boolean;
     rows: number;