@fewbox/den 0.0.96 → 0.1.16

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fewbox/den",
-  "version": "0.0.96",
+  "version": "0.1.16",
   "main": "index.js",
-  "types": "index-app.d.ts",
+  "types": "index.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",
   "author": "FewBox Support <support@fewbox.com>",
   "license": "Apache-2.0",
@@ -15,16 +15,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "juice": "^11.0.0",
-    "jwt-decode": "^4.0.0",
-    "konva": "^9.3.16",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-ga4": "^2.1.0",
-    "react-intl": "^6.8.1",
-    "react-router-dom": "^6.27.0",
-    "redux": "^5.0.1",
-    "redux-observable": "^3.0.0-rc.2",
-    "rxjs": "^7.8.1"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   }
 }

package/src/components/Auth/FigmaSignin/index.d.ts

@@ -1,9 +1,9 @@
-import { IChildrenProps } from '../../Engine/Base';
-export interface IFigmaSigninProps extends IChildrenProps {
+import { IBaseProps } from '../../Engine/Base';
+export interface IFigmaSigninProps extends IBaseProps {
     clientId: string;
     redirectUrl: string;
     scope: string;
     responseType: string;
 }
-declare const FigmaSignin: (props: IFigmaSigninProps) => JSX.Element;
+declare const FigmaSignin: (props: IFigmaSigninProps) => React.JSX.Element;
 export default FigmaSignin;

package/src/components/Auth/GoogleGrant/index.d.ts

@@ -1,4 +1,4 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export interface GoogleGrantToken {
     accessToken: string;
     expiresIn: string;
@@ -27,7 +27,7 @@ export declare enum GoogleGrantCategory {
     Implicit = "implicit",
     AuthorizationCode = "authorization-code"
 }
-export interface IGoogleGrantProps extends IChildrenProps {
+export interface IGoogleGrantProps extends IBaseProps {
     category?: GoogleGrantCategory;
     uxMode?: GoogleGrantUXMode;
     clientId: string;
@@ -37,5 +37,5 @@ export interface IGoogleGrantProps extends IChildrenProps {
     enableGoogle: () => void;
     disableGoogle: () => void;
 }
-declare const GoogleGrant: (props: IGoogleGrantProps) => JSX.Element;
+declare const GoogleGrant: (props: IGoogleGrantProps) => React.JSX.Element;
 export default GoogleGrant;

package/src/components/Auth/GoogleSignin/index.d.ts

@@ -14,5 +14,5 @@ export interface IGoogleSigninProps {
     enableGoogle: () => void;
     disableGoogle: () => void;
 }
-declare const GoogleSignin: (props: IGoogleSigninProps) => JSX.Element;
+declare const GoogleSignin: (props: IGoogleSigninProps) => React.JSX.Element;
 export default GoogleSignin;

package/src/components/Auth/WeComSignin/index.d.ts

@@ -1,8 +1,8 @@
-import { IChildrenProps } from '../../Engine/Base';
-export interface IWeComSigninProps extends IChildrenProps {
+import { IBaseProps } from '../../Engine/Base';
+export interface IWeComSigninProps extends IBaseProps {
     appId: string;
     agentId: string;
     redirectUrl: string;
 }
-declare const WeComSignin: (props: IWeComSigninProps) => JSX.Element;
+declare const WeComSignin: (props: IWeComSigninProps) => React.JSX.Element;
 export default WeComSignin;

package/src/components/Debug/index.d.ts

@@ -1,6 +1,6 @@
-import { IChildrenProps } from '../Engine/Base';
-export interface IDebugProps extends IChildrenProps {
+import { IBaseProps } from '../Engine/Base';
+export interface IDebugProps extends IBaseProps {
     isDebug: boolean;
 }
-declare const Debug: (props: IDebugProps) => JSX.Element;
+declare const Debug: (props: IDebugProps) => React.JSX.Element;
 export default Debug;

package/src/components/Engine/Base/NativeAttributeMap.d.ts

@@ -0,0 +1,2 @@
+declare const NativeAttributeMap: Record<string, string[]>;
+export default NativeAttributeMap;

package/src/components/Engine/Base/index.d.ts

@@ -1,21 +1,12 @@
-import * as React from 'react';
-import { DirectionType, FullColorType, PseudoType, FullSizeType, FontWeightType } from '..';
+import { DirectionType, FullColorType, PseudoType, FullFontSizeType, FontWeightType } from '..';
 import { Property } from 'csstype';
 export type TLength = (string & {}) | 0;
-export interface IChildrenProps {
-    children?: React.ReactNode | undefined;
-}
-export declare enum RootCategory {
-    Div = "div",
-    Span = "span"
-}
 export interface IViewProps {
-    rootCategory?: RootCategory;
     className?: string;
     style?: React.CSSProperties;
-    size?: FullSizeType;
+    fontSize?: FullFontSizeType;
     isAutoSize?: boolean;
-    weight?: FontWeightType;
+    fontWeight?: FontWeightType;
     frontColor?: FullColorType;
     backgroundColor?: FullColorType;
     borderColor?: FullColorType;
@@ -48,180 +39,17 @@ export interface IViewProps {
     overflowX?: Property.OverflowX;
     overflowY?: Property.OverflowY;
     isDefaultValue?: boolean;
-    key?: React.Key;
     readonlyRef?: React.RefObject<any>;
     customAttibutes?: Object;
 }
-export interface IEventProps {
-    onCopy?: React.ClipboardEventHandler<any> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<any> | undefined;
-    onCut?: React.ClipboardEventHandler<any> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<any> | undefined;
-    onPaste?: React.ClipboardEventHandler<any> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<any> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<any> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<any> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<any> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<any> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<any> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<any> | undefined;
-    onFocus?: React.FocusEventHandler<any> | undefined;
-    onFocusCapture?: React.FocusEventHandler<any> | undefined;
-    onBlur?: React.FocusEventHandler<any> | undefined;
-    onBlurCapture?: React.FocusEventHandler<any> | undefined;
-    onChange?: React.FormEventHandler<any> | undefined;
-    onChangeCapture?: React.FormEventHandler<any> | undefined;
-    onBeforeInput?: React.FormEventHandler<any> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<any> | undefined;
-    onInput?: React.FormEventHandler<any> | undefined;
-    onInputCapture?: React.FormEventHandler<any> | undefined;
-    onReset?: React.FormEventHandler<any> | undefined;
-    onResetCapture?: React.FormEventHandler<any> | undefined;
-    onSubmit?: React.FormEventHandler<any> | undefined;
-    onSubmitCapture?: React.FormEventHandler<any> | undefined;
-    onInvalid?: React.FormEventHandler<any> | undefined;
-    onInvalidCapture?: React.FormEventHandler<any> | undefined;
-    onLoad?: React.ReactEventHandler<any> | undefined;
-    onLoadCapture?: React.ReactEventHandler<any> | undefined;
-    onError?: React.ReactEventHandler<any> | undefined;
-    onErrorCapture?: React.ReactEventHandler<any> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<any> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<any> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<any> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<any> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<any> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<any> | undefined;
-    onAbort?: React.ReactEventHandler<any> | undefined;
-    onAbortCapture?: React.ReactEventHandler<any> | undefined;
-    onCanPlay?: React.ReactEventHandler<any> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<any> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<any> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<any> | undefined;
-    onDurationChange?: React.ReactEventHandler<any> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<any> | undefined;
-    onEmptied?: React.ReactEventHandler<any> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<any> | undefined;
-    onEncrypted?: React.ReactEventHandler<any> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<any> | undefined;
-    onEnded?: React.ReactEventHandler<any> | undefined;
-    onEndedCapture?: React.ReactEventHandler<any> | undefined;
-    onLoadedData?: React.ReactEventHandler<any> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<any> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<any> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<any> | undefined;
-    onLoadStart?: React.ReactEventHandler<any> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<any> | undefined;
-    onPause?: React.ReactEventHandler<any> | undefined;
-    onPauseCapture?: React.ReactEventHandler<any> | undefined;
-    onPlay?: React.ReactEventHandler<any> | undefined;
-    onPlayCapture?: React.ReactEventHandler<any> | undefined;
-    onPlaying?: React.ReactEventHandler<any> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<any> | undefined;
-    onProgress?: React.ReactEventHandler<any> | undefined;
-    onProgressCapture?: React.ReactEventHandler<any> | undefined;
-    onRateChange?: React.ReactEventHandler<any> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<any> | undefined;
-    onSeeked?: React.ReactEventHandler<any> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<any> | undefined;
-    onSeeking?: React.ReactEventHandler<any> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<any> | undefined;
-    onStalled?: React.ReactEventHandler<any> | undefined;
-    onStalledCapture?: React.ReactEventHandler<any> | undefined;
-    onSuspend?: React.ReactEventHandler<any> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<any> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<any> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<any> | undefined;
-    onVolumeChange?: React.ReactEventHandler<any> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<any> | undefined;
-    onWaiting?: React.ReactEventHandler<any> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<any> | undefined;
-    onAuxClick?: React.MouseEventHandler<any> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<any> | undefined;
-    onClick?: React.MouseEventHandler<any> | undefined;
-    onClickCapture?: React.MouseEventHandler<any> | undefined;
-    onContextMenu?: React.MouseEventHandler<any> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<any> | undefined;
-    onDoubleClick?: React.MouseEventHandler<any> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<any> | undefined;
-    onDrag?: React.DragEventHandler<any> | undefined;
-    onDragCapture?: React.DragEventHandler<any> | undefined;
-    onDragEnd?: React.DragEventHandler<any> | undefined;
-    onDragEndCapture?: React.DragEventHandler<any> | undefined;
-    onDragEnter?: React.DragEventHandler<any> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<any> | undefined;
-    onDragExit?: React.DragEventHandler<any> | undefined;
-    onDragExitCapture?: React.DragEventHandler<any> | undefined;
-    onDragLeave?: React.DragEventHandler<any> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<any> | undefined;
-    onDragOver?: React.DragEventHandler<any> | undefined;
-    onDragOverCapture?: React.DragEventHandler<any> | undefined;
-    onDragStart?: React.DragEventHandler<any> | undefined;
-    onDragStartCapture?: React.DragEventHandler<any> | undefined;
-    onDrop?: React.DragEventHandler<any> | undefined;
-    onDropCapture?: React.DragEventHandler<any> | undefined;
-    onMouseDown?: React.MouseEventHandler<any> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<any> | undefined;
-    onMouseEnter?: React.MouseEventHandler<any> | undefined;
-    onMouseLeave?: React.MouseEventHandler<any> | undefined;
-    onMouseMove?: React.MouseEventHandler<any> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<any> | undefined;
-    onMouseOut?: React.MouseEventHandler<any> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<any> | undefined;
-    onMouseOver?: React.MouseEventHandler<any> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<any> | undefined;
-    onMouseUp?: React.MouseEventHandler<any> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<any> | undefined;
-    onSelect?: React.ReactEventHandler<any> | undefined;
-    onSelectCapture?: React.ReactEventHandler<any> | undefined;
-    onTouchCancel?: React.TouchEventHandler<any> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<any> | undefined;
-    onTouchEnd?: React.TouchEventHandler<any> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<any> | undefined;
-    onTouchMove?: React.TouchEventHandler<any> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<any> | undefined;
-    onTouchStart?: React.TouchEventHandler<any> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<any> | undefined;
-    onPointerDown?: React.PointerEventHandler<any> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerMove?: React.PointerEventHandler<any> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerUp?: React.PointerEventHandler<any> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerCancel?: React.PointerEventHandler<any> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerEnter?: React.PointerEventHandler<any> | undefined;
-    onPointerEnterCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerLeave?: React.PointerEventHandler<any> | undefined;
-    onPointerLeaveCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerOver?: React.PointerEventHandler<any> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<any> | undefined;
-    onPointerOut?: React.PointerEventHandler<any> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<any> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<any> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<any> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<any> | undefined;
-    onScroll?: React.UIEventHandler<any> | undefined;
-    onScrollCapture?: React.UIEventHandler<any> | undefined;
-    onWheel?: React.WheelEventHandler<any> | undefined;
-    onWheelCapture?: React.WheelEventHandler<any> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<any> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<any> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<any> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<any> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<any> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<any> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<any> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<any> | undefined;
-}
-export interface IBaseProps extends IChildrenProps, IViewProps, IEventProps {
-}
+export type IBaseProps<T extends keyof React.JSX.IntrinsicElements = 'div'> = IViewProps & React.ComponentPropsWithoutRef<T>;
 export interface IBaseStates {
 }
 export interface IBaseReturn {
     getClassName: (vClassName: string) => string;
     getStyle: () => object;
-    getChildren: (props: IChildrenProps) => React.ReactNode;
+    getChildren: () => React.ReactNode;
+    getProps: <T extends keyof React.JSX.IntrinsicElements = 'div'>(tag: T) => object;
 }
-declare const Base: (props: IViewProps | IBaseProps) => IBaseReturn;
+declare const Base: (restProps: IBaseProps<any>) => IBaseReturn;
 export default Base;

package/src/components/Engine/index.d.ts

@@ -85,8 +85,8 @@ export declare enum ViewSizeType {
     Window = "v-window-size"
 }
 export declare const getWeightValue: (weightType: FontWeightType) => number;
-export type FullSizeType = SizeType | string;
-export declare enum SizeType {
+export type FullFontSizeType = FontSizeType | string;
+export declare enum FontSizeType {
     Default = "font-size",
     Normal = "font-size-normal",
     Small = "font-size-small",
@@ -209,4 +209,4 @@ export declare enum ComponentType {
     VText = "VText",
     VTooltip = "VTooltip"
 }
-export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType) => string;
+export declare const getGeneratedClassName: (className: string, isDefaultValue: boolean | undefined, sizeType?: FullFontSizeType, isAutoSize?: boolean, weightType?: FontWeightType, frontColorType?: FullColorType, backgroundColorType?: FullColorType, borderColorType?: FullColorType, borderDirection?: DirectionType, pseudoType?: PseudoType, pseudoFrontColor?: FullColorType, pseudoBackgroundColor?: FullColorType, pseudoBorderColor?: FullColorType, pseudoBorderDirection?: DirectionType) => string;

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

@@ -1,5 +1,5 @@
 import { BreakpointType } from '..';
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum DisplayCategory {
     Visiable = "visiable",
     Hidden = "hidden"
@@ -9,10 +9,10 @@ export declare enum DisplayType {
     Up = "up",
     Down = "down"
 }
-export interface IDisplayProps extends IChildrenProps {
+export interface IDisplayProps extends IBaseProps {
     category: DisplayCategory;
     type?: DisplayType;
     breakpoint?: BreakpointType | BreakpointType[];
 }
-declare const Display: (props: IDisplayProps) => JSX.Element;
+declare const Display: (props: IDisplayProps) => React.JSX.Element;
 export default Display;

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { IChildrenProps, IEventProps, IViewProps } from '../../Engine/Base';
+import { IBaseProps, IBaseStates } from '../../Engine/Base';
 export declare enum DockCategory {
     Top = "top",
     Right = "right",
@@ -9,15 +8,23 @@ export declare enum DockCategory {
     RightTop = "right-top",
     LeftBottom = "left-bottom",
     RightBottom = "right-bottom",
-    LeftInnerTop = "left-inner-top",
-    RightInnerTop = "right-inner-top",
-    LeftInnerBottom = "left-inner-bottom",
-    RightInnerBottom = "right-inner-bottom"
+    InnerTop = "inner-top",
+    InnerRight = "inner-right",
+    InnerBottom = "inner-bottom",
+    InnerLeft = "inner-left",
+    InnerLeftTop = "inner-left-top",
+    InnerRightTop = "inner-right-top",
+    InnerLeftBottom = "inner-left-bottom",
+    InnerRightBottom = "inner-right-bottom"
 }
-export interface IDockProps extends IChildrenProps, IEventProps, IViewProps {
-    category?: DockCategory;
-    overlayWidth?: string;
-    renderOverlay: () => JSX.Element;
+export interface IDockProps extends IBaseProps {
+    category: DockCategory;
+    offset?: number;
+    overlayZIndex?: number;
+    renderOverlay: () => React.JSX.Element;
 }
-declare const Dock: React.FC<IDockProps>;
+export interface IDockStates extends IBaseStates {
+    style: React.CSSProperties;
+}
+declare const Dock: (props: IDockProps) => React.JSX.Element;
 export default Dock;

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

@@ -32,7 +32,8 @@ export declare enum FlexAlignContentType {
     SpaceAround = "space-around",
     SpaceEvenly = "space-evenly"
 }
-export interface IFlexProps extends IBaseProps {
+export interface IFlexProps extends IBaseProps<'div'> {
+    vClassName: string;
     direction?: FlexDirectionType;
     wrap?: FlexWrapType;
     justifyContent?: FlexJustifyContentType;
@@ -40,5 +41,5 @@ export interface IFlexProps extends IBaseProps {
     alignContent?: FlexAlignContentType;
     gap?: string;
 }
-declare const Flex: (props: IFlexProps) => JSX.Element;
+declare const Flex: (props: IFlexProps) => React.JSX.Element;
 export default Flex;

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

@@ -7,12 +7,12 @@ export declare enum FlexItemAlignSelfType {
     Stretch = "stretch",
     Baseline = "baseline"
 }
-export interface IFlexItemProps extends IBaseProps {
+export interface IFlexItemProps extends IBaseProps<any> {
     alignSelf?: FlexItemAlignSelfType;
     order?: Property.Order;
     basis?: Property.FlexBasis;
     grow?: Property.FlexGrow;
     shrink?: Property.FlexShrink;
 }
-declare const FlexItem: (props: IFlexItemProps) => JSX.Element;
+declare const FlexItem: (props: IFlexItemProps) => React.JSX.Element;
 export default FlexItem;

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { Property } from 'csstype';
 export declare enum PositionCategory {
     Edge = "edge",
@@ -18,7 +17,7 @@ export declare enum PositionType {
     RightBottom = "right-bottom",
     Center = "center"
 }
-export interface IPositionProps extends IChildrenProps {
+export interface IPositionProps extends IBaseProps {
     category: PositionCategory;
     type?: PositionType;
     top?: string;
@@ -29,5 +28,5 @@ export interface IPositionProps extends IChildrenProps {
     isFullWidth?: boolean;
     style?: React.CSSProperties;
 }
-declare const Position: (props: IPositionProps) => JSX.Element;
+declare const Position: (props: IPositionProps) => React.JSX.Element;
 export default Position;

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

@@ -1,10 +1,10 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 export declare enum PositionAreaCategory {
     Default = "default",
     FullSize = "full-size"
 }
-export interface IPositionAreaProps extends IChildrenProps {
+export interface IPositionAreaProps extends IBaseProps {
     category?: PositionAreaCategory;
 }
-declare const PositionArea: (props: IPositionAreaProps) => JSX.Element;
+declare const PositionArea: (props: IPositionAreaProps) => React.JSX.Element;
 export default PositionArea;

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

@@ -1,8 +1,8 @@
 import { BreakpointType } from '..';
 export interface IResponsiveProps {
     breakpointType?: BreakpointType;
-    desktop: JSX.Element;
-    mobile: JSX.Element;
+    desktop: React.JSX.Element;
+    mobile: React.JSX.Element;
 }
-declare const Responsive: (props: IResponsiveProps) => JSX.Element;
+declare const Responsive: (props: IResponsiveProps) => React.JSX.Element;
 export default Responsive;

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

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

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

@@ -1,6 +1,6 @@
-import { IChildrenProps } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { ISCenterProps } from '../SCenter';
-export interface ISBottomProps extends IChildrenProps {
+export interface ISBottomProps extends IBaseProps {
 }
-declare const SBottom: (props: ISCenterProps) => JSX.Element;
+declare const SBottom: (props: ISCenterProps) => React.JSX.Element;
 export default SBottom;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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