@fewbox/den 0.0.99 → 0.1.17

package/src/components/Layout/XBase/index.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 import { FlexAlignContentType, FlexJustifyContentType, FlexWrapType } from '../Flex';
 import { FlexItemAlignSelfType } from '../FlexItem';
@@ -12,7 +11,6 @@ export declare enum XCrossType {
 export interface IXBaseProps extends IBaseProps {
     gap?: string;
     cross?: XCrossType;
-    style?: React.CSSProperties;
 }
-declare const XBase: (props: IXBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetJustifyContent?: () => FlexJustifyContentType, overwriteGetAlignContent?: () => FlexAlignContentType) => JSX.Element;
+declare const XBase: (props: IXBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetJustifyContent?: () => FlexJustifyContentType, overwriteGetAlignContent?: () => FlexAlignContentType) => React.JSX.Element;
 export default XBase;

package/src/components/Layout/XBetween/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXBetweenProps extends IXBaseProps {
 }
-declare const XBetween: (props: IXBetweenProps) => JSX.Element;
+declare const XBetween: (props: IXBetweenProps) => React.JSX.Element;
 export default XBetween;

package/src/components/Layout/XCenter/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXCenterProps extends IXBaseProps {
 }
-declare const XCenter: (props: IXCenterProps) => JSX.Element;
+declare const XCenter: (props: IXCenterProps) => React.JSX.Element;
 export default XCenter;

package/src/components/Layout/XCustom/index.d.ts

@@ -3,5 +3,5 @@ import { IXBaseProps } from '../XBase';
 export interface IXCustomProps extends IXBaseProps {
     basises?: Property.FlexBasis[];
 }
-declare const XCustom: (props: IXCustomProps) => JSX.Element;
+declare const XCustom: (props: IXCustomProps) => React.JSX.Element;
 export default XCustom;

package/src/components/Layout/XCustomBoth/index.d.ts

@@ -3,5 +3,5 @@ import { IXBaseProps } from '../XBase';
 export interface IXCustomBothProps extends IXBaseProps {
     basis?: Property.FlexBasis;
 }
-declare const XCustomBoth: (props: IXCustomBothProps) => JSX.Element;
+declare const XCustomBoth: (props: IXCustomBothProps) => React.JSX.Element;
 export default XCustomBoth;

package/src/components/Layout/XEvenly/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXEvenlyProps extends IXBaseProps {
 }
-declare const XEvenly: (props: IXEvenlyProps) => JSX.Element;
+declare const XEvenly: (props: IXEvenlyProps) => React.JSX.Element;
 export default XEvenly;

package/src/components/Layout/XLeft/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXLeftProps extends IXBaseProps {
 }
-declare const XLeft: (props: IXLeftProps) => JSX.Element;
+declare const XLeft: (props: IXLeftProps) => React.JSX.Element;
 export default XLeft;

package/src/components/Layout/XRight/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXRightProps extends IXBaseProps {
 }
-declare const XRight: (props: IXRightProps) => JSX.Element;
+declare const XRight: (props: IXRightProps) => React.JSX.Element;
 export default XRight;

package/src/components/Layout/XWrapAround/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapAroundProps extends IXBaseProps {
 }
-declare const XWrapAround: (props: IXWrapAroundProps) => JSX.Element;
+declare const XWrapAround: (props: IXWrapAroundProps) => React.JSX.Element;
 export default XWrapAround;

package/src/components/Layout/XWrapBetween/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapBetweenProps extends IXBaseProps {
 }
-declare const XWrapBetween: (props: IXWrapBetweenProps) => JSX.Element;
+declare const XWrapBetween: (props: IXWrapBetweenProps) => React.JSX.Element;
 export default XWrapBetween;

package/src/components/Layout/XWrapBottom/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapBottomProps extends IXBaseProps {
 }
-declare const XWrapBottom: (props: IXWrapBottomProps) => JSX.Element;
+declare const XWrapBottom: (props: IXWrapBottomProps) => React.JSX.Element;
 export default XWrapBottom;

package/src/components/Layout/XWrapEvenly/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapEvenlyProps extends IXBaseProps {
 }
-declare const XWrapEvenly: (props: IXWrapEvenlyProps) => JSX.Element;
+declare const XWrapEvenly: (props: IXWrapEvenlyProps) => React.JSX.Element;
 export default XWrapEvenly;

package/src/components/Layout/XWrapMiddle/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapMiddleProps extends IXBaseProps {
 }
-declare const XWrapMiddle: (props: IXWrapMiddleProps) => JSX.Element;
+declare const XWrapMiddle: (props: IXWrapMiddleProps) => React.JSX.Element;
 export default XWrapMiddle;

package/src/components/Layout/XWrapTop/index.d.ts

@@ -1,5 +1,5 @@
 import { IXBaseProps } from '../XBase';
 export interface IXWrapTopProps extends IXBaseProps {
 }
-declare const XWrapTop: (props: IXWrapTopProps) => JSX.Element;
+declare const XWrapTop: (props: IXWrapTopProps) => React.JSX.Element;
 export default XWrapTop;

package/src/components/Layout/Y/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYProps extends IYBaseProps {
 }
-declare const Y: (props: IYProps) => JSX.Element;
+declare const Y: (props: IYProps) => React.JSX.Element;
 export default Y;

package/src/components/Layout/YAround/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAroundProps extends IYBaseProps {
 }
-declare const YAround: (props: IYAroundProps) => JSX.Element;
+declare const YAround: (props: IYAroundProps) => React.JSX.Element;
 export default YAround;

package/src/components/Layout/YAutoBoth/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoBothProps extends IYBaseProps {
 }
-declare const YAutoBoth: (props: IYAutoBothProps) => JSX.Element;
+declare const YAutoBoth: (props: IYAutoBothProps) => React.JSX.Element;
 export default YAutoBoth;

package/src/components/Layout/YAutoBottom/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoBottomProps extends IYBaseProps {
 }
-declare const YAutoBottom: (props: IYAutoBottomProps) => JSX.Element;
+declare const YAutoBottom: (props: IYAutoBottomProps) => React.JSX.Element;
 export default YAutoBottom;

package/src/components/Layout/YAutoBottoms/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoBottomsProps extends IYBaseProps {
 }
-declare const YAutoBottoms: (props: IYAutoBottomsProps) => JSX.Element;
+declare const YAutoBottoms: (props: IYAutoBottomsProps) => React.JSX.Element;
 export default YAutoBottoms;

package/src/components/Layout/YAutoCenter/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoCenterProps extends IYBaseProps {
 }
-declare const YAutoCenter: (props: IYAutoCenterProps) => JSX.Element;
+declare const YAutoCenter: (props: IYAutoCenterProps) => import("react").JSX.Element;
 export default YAutoCenter;

package/src/components/Layout/YAutoTop/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoTopProps extends IYBaseProps {
 }
-declare const YAutoTop: (props: IYAutoTopProps) => JSX.Element;
+declare const YAutoTop: (props: IYAutoTopProps) => React.JSX.Element;
 export default YAutoTop;

package/src/components/Layout/YAutoTops/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYAutoLeftsProps extends IYBaseProps {
 }
-declare const YAutoTops: (props: IYAutoLeftsProps) => JSX.Element;
+declare const YAutoTops: (props: IYAutoLeftsProps) => React.JSX.Element;
 export default YAutoTops;

package/src/components/Layout/YBase/index.d.ts

@@ -12,5 +12,5 @@ export interface IYBaseProps extends IBaseProps {
     gap?: string;
     cross?: YCrossType;
 }
-declare const YBase: (props: IYBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetAlignContent?: () => FlexAlignContentType, overwriteGetJustifyContent?: () => FlexJustifyContentType) => JSX.Element;
+declare const YBase: (props: IYBaseProps, overwriteRenderChildren?: (child: any, childIndex: number, alignSelf?: FlexItemAlignSelfType) => React.JSX.Element, overwriteGetWrap?: () => FlexWrapType, overwriteGetAlignContent?: () => FlexAlignContentType, overwriteGetJustifyContent?: () => FlexJustifyContentType) => React.JSX.Element;
 export default YBase;

package/src/components/Layout/YBetween/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYBetweenProps extends IYBaseProps {
 }
-declare const YBetween: (props: IYBetweenProps) => JSX.Element;
+declare const YBetween: (props: IYBetweenProps) => React.JSX.Element;
 export default YBetween;

package/src/components/Layout/YBottom/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYBottomProps extends IYBaseProps {
 }
-declare const YBottom: (props: IYBottomProps) => JSX.Element;
+declare const YBottom: (props: IYBottomProps) => React.JSX.Element;
 export default YBottom;

package/src/components/Layout/YCustom/index.d.ts

@@ -3,5 +3,5 @@ import { IYBaseProps } from '../YBase';
 export interface IYCustomProps extends IYBaseProps {
     basises?: Property.FlexBasis[];
 }
-declare const YCustom: (props: IYCustomProps) => JSX.Element;
+declare const YCustom: (props: IYCustomProps) => React.JSX.Element;
 export default YCustom;

package/src/components/Layout/YCustomBoth/index.d.ts

@@ -3,5 +3,5 @@ import { IYBaseProps } from '../YBase';
 export interface IYCustomBothProps extends IYBaseProps {
     basis?: Property.FlexBasis;
 }
-declare const YCustomBoth: (props: IYCustomBothProps) => JSX.Element;
+declare const YCustomBoth: (props: IYCustomBothProps) => React.JSX.Element;
 export default YCustomBoth;

package/src/components/Layout/YEvenly/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYEvenlyProps extends IYBaseProps {
 }
-declare const YEvenly: (props: IYEvenlyProps) => JSX.Element;
+declare const YEvenly: (props: IYEvenlyProps) => React.JSX.Element;
 export default YEvenly;

package/src/components/Layout/YMiddle/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYMiddleProps extends IYBaseProps {
 }
-declare const YMiddle: (props: IYMiddleProps) => JSX.Element;
+declare const YMiddle: (props: IYMiddleProps) => React.JSX.Element;
 export default YMiddle;

package/src/components/Layout/YTop/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYTopProps extends IYBaseProps {
 }
-declare const YTop: (props: IYTopProps) => JSX.Element;
+declare const YTop: (props: IYTopProps) => React.JSX.Element;
 export default YTop;

package/src/components/Layout/YWrapAround/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapAroundProps extends IYBaseProps {
 }
-declare const YWrapAround: (props: IYWrapAroundProps) => JSX.Element;
+declare const YWrapAround: (props: IYWrapAroundProps) => React.JSX.Element;
 export default YWrapAround;

package/src/components/Layout/YWrapBetween/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapBetweenProps extends IYBaseProps {
 }
-declare const YWrapBetween: (props: IYWrapBetweenProps) => JSX.Element;
+declare const YWrapBetween: (props: IYWrapBetweenProps) => React.JSX.Element;
 export default YWrapBetween;

package/src/components/Layout/YWrapCenter/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapCenterProps extends IYBaseProps {
 }
-declare const YWrapCenter: (props: IYWrapCenterProps) => JSX.Element;
+declare const YWrapCenter: (props: IYWrapCenterProps) => React.JSX.Element;
 export default YWrapCenter;

package/src/components/Layout/YWrapEvenly/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapEvenlyProps extends IYBaseProps {
 }
-declare const YWrapEvenly: (props: IYWrapEvenlyProps) => JSX.Element;
+declare const YWrapEvenly: (props: IYWrapEvenlyProps) => React.JSX.Element;
 export default YWrapEvenly;

package/src/components/Layout/YWrapLeft/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapLeftProps extends IYBaseProps {
 }
-declare const YWrapLeft: (props: IYWrapLeftProps) => JSX.Element;
+declare const YWrapLeft: (props: IYWrapLeftProps) => React.JSX.Element;
 export default YWrapLeft;

package/src/components/Layout/YWrapRight/index.d.ts

@@ -1,5 +1,5 @@
 import { IYBaseProps } from '../YBase';
 export interface IYWrapRightProps extends IYBaseProps {
 }
-declare const YWrapRight: (props: IYWrapRightProps) => JSX.Element;
+declare const YWrapRight: (props: IYWrapRightProps) => React.JSX.Element;
 export default YWrapRight;

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

@@ -1,10 +1,7 @@
-import { IChildrenProps } from '../../Engine/Base';
-export interface IVActionFormProps extends IChildrenProps {
-    action: string | undefined;
-    method: string | undefined;
-    target: string | undefined;
+import { IBaseProps } from '../../Engine/Base';
+export interface IVActionFormProps extends IBaseProps<'form'> {
 }
 export interface IVActionFormStates {
 }
-declare const VActionForm: (props: IVActionFormProps) => JSX.Element;
+declare const VActionForm: (props: IVActionFormProps) => React.JSX.Element;
 export default VActionForm;

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

@@ -1,4 +1,4 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum AnimationCategory {
     Bounce = "animate__bounce",
     Flash = "animate__flash",
@@ -117,11 +117,11 @@ export declare enum AnimationDelay {
     Delay4Second = "animate__delay-4s",
     Delay5Second = "animate__delay-5s"
 }
-export interface IVAnimationProps extends IChildrenProps {
+export interface IVAnimationProps extends IBaseProps {
     category: AnimationCategory;
     repeat?: AnimationRepeat;
     speed?: AnimationSpeed;
     delay?: AnimationDelay;
 }
-declare const VAnimation: (props: IVAnimationProps) => JSX.Element;
+declare const VAnimation: (props: IVAnimationProps) => React.JSX.Element;
 export default VAnimation;

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

@@ -3,8 +3,8 @@ export interface SourceItem {
     src: string;
     type: string;
 }
-export interface IVAudioProps extends IBaseProps {
+export interface IVAudioProps extends IBaseProps<'audio'> {
     sources: SourceItem[];
 }
-declare const VAudio: (props: IVAudioProps) => JSX.Element;
+declare const VAudio: (props: IVAudioProps) => React.JSX.Element;
 export default VAudio;

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

@@ -1,11 +1,12 @@
 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;
-    title: JSX.Element;
-    subTitle: 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/VBoundary/index.d.ts

@@ -1,7 +1,5 @@
-import * as React from 'react';
 import { IBaseProps } from '../../Engine/Base';
 export interface IVBoundaryProps extends IBaseProps {
-    id?: string;
 }
-declare const VBoundary: React.ForwardRefExoticComponent<IVBoundaryProps & React.RefAttributes<HTMLDivElement | HTMLSpanElement>>;
+declare const VBoundary: import("react").ForwardRefExoticComponent<IVBoundaryProps & import("react").RefAttributes<HTMLDivElement>>;
 export default VBoundary;

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 {
-    title: 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,25 +1,23 @@
 export interface IChromeExtensionValidatorProps {
     extensionId: string;
     version?: string;
-    uninstalledCaption?: string | JSX.Element;
-    outdatedCaption?: string | JSX.Element;
+    uninstalledMessage?: string | React.JSX.Element;
+    outdatedMessage?: string | React.JSX.Element;
     downloadUrl?: string;
-    waitingTime?: number;
-    overWrite?: (status: ExtensionStatus) => JSX.Element;
+    overWrite?: (status: ExtensionStatus, meta: any) => React.JSX.Element;
 }
 export declare enum ExtensionStatus {
     Uninstalled = "uninstalled",
     Outdated = "outdated",
     Ready = "ready"
 }
-export interface IChromeExtensionValidatorStates {
-    status?: ExtensionStatus;
-}
-export interface MetaEvent {
+interface Meta {
+    name: string;
     version: string;
 }
-export interface ValidationEvent {
-    id: string;
+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 {
+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

@@ -1,13 +1,13 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum HandleSubmitCategory {
     Json = "json",
     FormData = "formdata"
 }
-export interface IVFormProps extends IChildrenProps {
+export interface IVFormProps extends IBaseProps<'form'> {
     handleSubmitCategory?: HandleSubmitCategory;
     handleSubmit: (json: any) => void;
     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

@@ -1,4 +1,3 @@
-import { Property } from 'csstype';
 import { IBaseProps } from '../../Engine/Base';
 export interface BackingBoard {
     degree: string;
@@ -7,8 +6,7 @@ export interface BackingBoard {
 }
 export interface IVFrameProps extends IBaseProps {
     image: string;
-    padding?: Property.Padding;
     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 {
+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 {
+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

@@ -5,9 +5,9 @@ export declare enum HyperlinkCategory {
     Parent = "_parent",
     Top = "_top"
 }
-export interface IVHyperlinkProps extends IBaseProps {
+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

@@ -0,0 +1,13 @@
+import { IBaseProps } from '../../Engine/Base';
+export declare enum ImageCategory {
+    Default = "default",
+    Circle = "circle",
+    Squared = "squared",
+    FullSize = "full-size",
+    Scale = "scale"
+}
+export interface IVImageProps extends IBaseProps<'img'> {
+    category?: ImageCategory;
+}
+declare const VImage: (props: IVImageProps) => React.JSX.Element;
+export default VImage;

package/src/components/View/VInput/VBase64File/{App/index.d.ts → index.d.ts}

@@ -1,10 +1,10 @@
-import { IBaseInputProps } from "../..";
+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;