@fewbox/den-web 0.2.0-preview.4 → 0.2.0-preview.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewbox/den-web",
-  "version": "0.2.0-preview.4",
+  "version": "0.2.0-preview.41",
   "main": "index.js",
   "types": "index-web.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",
@@ -9,14 +9,12 @@
   "type": "module",
   "exports": {
     ".": {
-      "import": "./index.js",
-      "types": "./index-web.d.ts"
+      "types": "./index-web.d.ts",
+      "react-server": "./server.js",
+      "default": "./index.js"
     },
-    "./constants": {
-      "import": "./constants.js",
-      "types": "./index-constants.d.ts"
-    },
-    "./index.css": "./index.css"
+    "./index.css": "./index.css",
+    "./*": "./*"
   },
   "scripts": {
     "postinstall": "node scripts/copy-templates.js"

package/scripts/generate-packages.js

@@ -12,7 +12,7 @@ for (const registry of registries) {
   for (const [variant, variantConfig] of Object.entries(variants)) {
     const pkg = {
       name: variantConfig.name,
-      version: common.version,
+      version: variantConfig.version || common.version,
       main: common.main,
       types: variantConfig.types,
       repository: common.repository,
@@ -21,18 +21,15 @@ for (const registry of registries) {
       type: common.type,
     };
 
-    // Add exports map for sub-path imports (constants for Server Component compatibility)
-    if (variant !== 'append') {
+    if (variantConfig.hasServerEntry) {
       pkg.exports = {
         '.': {
-          import: './index.js',
           types: `./${variantConfig.types}`,
-        },
-        './constants': {
-          import: './constants.js',
-          types: './index-constants.d.ts',
+          'react-server': './server.js',
+          default: './index.js',
         },
         './index.css': './index.css',
+        './*': './*',
       };
     }
 

package/server.js

@@ -0,0 +1,71 @@
+// Engine constants
+export {
+    ColorType,
+    FontSizeType,
+    FontWeightType,
+    FontFamilyType,
+    LineHeightType,
+    PaddingType,
+    MarginType,
+    GapType,
+    LetterSpacingType,
+    BorderRadiusType,
+    BorderStyleType,
+    BorderWidthType,
+    VisibilityType,
+    DisplayType,
+    CursorType,
+    OverflowType,
+    OverflowXType,
+    OverflowYType,
+    OpacityType,
+    ViewSizeType,
+    PseudoType,
+    DirectionType,
+    getGeneratedClassName,
+    getWeightValue,
+    // Layout constants
+    ZoneCategory,
+    ScreenSizeType,
+    BreakpointCategory,
+    BreakpointType,
+    DockCategory,
+    DockAlignment,
+    PositionCategory,
+    PositionType,
+    PositionAreaCategory,
+    FlexDirectionType,
+    FlexWrapType,
+    FlexJustifyContentType,
+    FlexAlignItemsType,
+    FlexAlignContentType,
+    FlexItemAlignSelfType,
+    XCrossType,
+    YCrossType,
+    // View constants
+    BackgroundPositionType,
+    HandleSubmitCategory,
+    FileCategory,
+    SvgCategory,
+    HyperlinkCategory,
+    ImageCategory,
+    LabelCategory,
+    LabelType,
+    LabelAlignType,
+    TextCategory,
+    TextAlignType,
+    EllipseCategory,
+    LineCategory,
+    ShadowCategory,
+    AnimationCategory,
+    AnimationDelay,
+    AnimationRepeat,
+    AnimationSpeed,
+    RootCategory,
+    ThemeCategory,
+    TooltipCategory,
+    // Util
+    convertFormDataToJson
+} from './engine.js';
+
+export * from './index.js';

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

@@ -1,4 +1,4 @@
-import { DirectionType, FullColorType, PseudoType, FullFontSizeType, FontWeightType, FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, OpacityType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType } from '..';
+import { DirectionType, FullColorType, PseudoType, FullFontSizeType, FontWeightType, FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, FullOpacityType, FullLetterSpacingType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType } from '..';
 import { Property } from 'csstype';
 export interface IViewProps {
     className?: string;
@@ -20,7 +20,7 @@ export interface IViewProps {
     borderWidth?: FullBorderWidthType;
     padding?: FullPaddingType;
     margin?: FullMarginType;
-    opacity?: OpacityType;
+    opacity?: FullOpacityType;
     display?: FullDisplayType;
     visibility?: FullVisibilityType;
     cursor?: FullCursorType;
@@ -33,7 +33,7 @@ export interface IViewProps {
     minWidth?: Property.Width;
     maxHeight?: Property.Width;
     maxWidth?: Property.Width;
-    letterSpacing?: Property.LetterSpacing;
+    letterSpacing?: FullLetterSpacingType;
     lineHeight?: Property.LineHeight;
     overflowX?: FullOverflowXType;
     overflowY?: FullOverflowYType;

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

@@ -80,7 +80,7 @@ export declare const PaddingType: {
     readonly ExtraLarge: "padding-extra-large";
 };
 export type PaddingType = typeof PaddingType[keyof typeof PaddingType];
-export type FullPaddingType = PaddingType | string;
+export type FullPaddingType = PaddingType | Property.Padding;
 export declare const MarginType: {
     readonly Default: "margin";
     readonly Normal: "margin-normal";
@@ -90,7 +90,7 @@ export declare const MarginType: {
     readonly ExtraLarge: "margin-extra-large";
 };
 export type MarginType = typeof MarginType[keyof typeof MarginType];
-export type FullMarginType = MarginType | string;
+export type FullMarginType = MarginType | Property.Margin;
 export declare const GapType: {
     readonly Default: "gap";
     readonly Normal: "gap-normal";
@@ -103,8 +103,14 @@ export type GapType = typeof GapType[keyof typeof GapType];
 export type FullGapType = GapType | Property.Gap;
 export declare const LetterSpacingType: {
     readonly Default: "letter-spacing";
+    readonly Normal: "letter-spacing-normal";
+    readonly ExtraSmall: "letter-spacing-extra-small";
+    readonly Small: "letter-spacing-small";
+    readonly Large: "letter-spacing-large";
+    readonly ExtraLarge: "letter-spacing-extra-large";
 };
 export type LetterSpacingType = typeof LetterSpacingType[keyof typeof LetterSpacingType];
+export type FullLetterSpacingType = LetterSpacingType | Property.LetterSpacing;
 export declare const BorderRadiusType: {
     readonly Default: "border-radius";
     readonly Normal: "border-radius-normal";
@@ -115,7 +121,7 @@ export declare const BorderRadiusType: {
     readonly Max: "border-radius-max";
 };
 export type BorderRadiusType = typeof BorderRadiusType[keyof typeof BorderRadiusType];
-export type FullBorderRadiusType = BorderRadiusType | string;
+export type FullBorderRadiusType = BorderRadiusType | Property.BorderRadius;
 export declare const BorderStyleType: {
     readonly None: "border-style-none";
     readonly Solid: "border-style-solid";
@@ -129,7 +135,7 @@ export declare const BorderStyleType: {
     readonly Hidden: "border-style-hidden";
 };
 export type BorderStyleType = typeof BorderStyleType[keyof typeof BorderStyleType];
-export type FullBorderStyleType = BorderStyleType | string;
+export type FullBorderStyleType = BorderStyleType | Property.BorderStyle;
 export declare const BorderWidthType: {
     readonly Default: "border-width";
     readonly Normal: "border-width-normal";
@@ -139,14 +145,14 @@ export declare const BorderWidthType: {
     readonly ExtraLarge: "border-width-extra-large";
 };
 export type BorderWidthType = typeof BorderWidthType[keyof typeof BorderWidthType];
-export type FullBorderWidthType = BorderWidthType | string;
+export type FullBorderWidthType = BorderWidthType | Property.BorderWidth;
 export declare const VisibilityType: {
     readonly Visible: "visibility-visible";
     readonly Hidden: "visibility-hidden";
     readonly Collapse: "visibility-collapse";
 };
 export type VisibilityType = typeof VisibilityType[keyof typeof VisibilityType];
-export type FullVisibilityType = VisibilityType | string;
+export type FullVisibilityType = VisibilityType | Property.Visibility;
 export declare const DisplayType: {
     readonly None: "display-none";
     readonly Block: "display-block";
@@ -163,7 +169,7 @@ export declare const DisplayType: {
     readonly FlowRoot: "display-flow-root";
 };
 export type DisplayType = typeof DisplayType[keyof typeof DisplayType];
-export type FullDisplayType = DisplayType | string;
+export type FullDisplayType = DisplayType | Property.Display;
 export declare const CursorType: {
     readonly Auto: "cursor-auto";
     readonly Default: "cursor-default";
@@ -203,7 +209,7 @@ export declare const CursorType: {
     readonly ZoomOut: "cursor-zoom-out";
 };
 export type CursorType = typeof CursorType[keyof typeof CursorType];
-export type FullCursorType = CursorType | string;
+export type FullCursorType = CursorType | Property.Cursor;
 export declare const OverflowType: {
     readonly Visible: "overflow-visible";
     readonly Hidden: "overflow-hidden";
@@ -212,7 +218,7 @@ export declare const OverflowType: {
     readonly Clip: "overflow-clip";
 };
 export type OverflowType = typeof OverflowType[keyof typeof OverflowType];
-export type FullOverflowType = OverflowType | string;
+export type FullOverflowType = OverflowType | Property.Overflow;
 export declare const OverflowXType: {
     readonly Visible: "overflow-x-visible";
     readonly Hidden: "overflow-x-hidden";
@@ -221,7 +227,7 @@ export declare const OverflowXType: {
     readonly Clip: "overflow-x-clip";
 };
 export type OverflowXType = typeof OverflowXType[keyof typeof OverflowXType];
-export type FullOverflowXType = OverflowXType | string;
+export type FullOverflowXType = OverflowXType | Property.OverflowX;
 export declare const OverflowYType: {
     readonly Visible: "overflow-y-visible";
     readonly Hidden: "overflow-y-hidden";
@@ -230,7 +236,7 @@ export declare const OverflowYType: {
     readonly Clip: "overflow-y-clip";
 };
 export type OverflowYType = typeof OverflowYType[keyof typeof OverflowYType];
-export type FullOverflowYType = OverflowYType | string;
+export type FullOverflowYType = OverflowYType | Property.OverflowY;
 export declare const OpacityType: {
     readonly _0: "opacity-0";
     readonly _10: "opacity-10";
@@ -247,6 +253,7 @@ export declare const OpacityType: {
     readonly _100: "opacity-100";
 };
 export type OpacityType = typeof OpacityType[keyof typeof OpacityType];
+export type FullOpacityType = OpacityType | Property.Opacity;
 export declare const ViewSizeType: {
     readonly Ellipse: "v-ellipse-size";
     readonly Rectangle: "v-rectangle-size";
@@ -256,7 +263,7 @@ export declare const ViewSizeType: {
 };
 export type ViewSizeType = typeof ViewSizeType[keyof typeof ViewSizeType];
 export declare const getWeightValue: (weightType: FontWeightType) => number;
-export type FullFontSizeType = FontSizeType | string;
+export type FullFontSizeType = FontSizeType | Property.FontSize;
 export declare const FontSizeType: {
     readonly Default: "font-size";
     readonly Normal: "font-size-normal";
@@ -271,7 +278,7 @@ export declare const FontSizeType: {
     readonly AutoExtraLarge: "auto-font-size-extra-large";
 };
 export type FontSizeType = typeof FontSizeType[keyof typeof FontSizeType];
-export type FullColorType = ColorType | string;
+export type FullColorType = ColorType | Property.Color;
 export declare const PseudoType: {
     readonly All: "all";
     readonly Before: "before";
@@ -296,4 +303,4 @@ export declare const DirectionType: {
     readonly LeftRight: "left-right";
 };
 export type DirectionType = typeof DirectionType[keyof typeof DirectionType];
-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, borderRadius?: FullBorderRadiusType, borderStyle?: FullBorderStyleType, borderWidth?: FullBorderWidthType, padding?: FullPaddingType, margin?: FullMarginType, opacityType?: OpacityType, display?: FullDisplayType, visibility?: FullVisibilityType, cursor?: FullCursorType, overflow?: FullOverflowType, overflowX?: FullOverflowXType, overflowY?: FullOverflowYType) => 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, borderRadius?: FullBorderRadiusType, borderStyle?: FullBorderStyleType, borderWidth?: FullBorderWidthType, padding?: FullPaddingType, margin?: FullMarginType, opacityType?: FullOpacityType, display?: FullDisplayType, visibility?: FullVisibilityType, cursor?: FullCursorType, overflow?: FullOverflowType, overflowX?: FullOverflowXType, overflowY?: FullOverflowYType, letterSpacing?: FullLetterSpacingType) => string;

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

@@ -0,0 +1,13 @@
+import { Property } from 'csstype';
+import { DockCategory, DockAlignment, DockPopoverMode } from '../types';
+interface IDockPopoverOverlayProps {
+    category: DockCategory;
+    offset: number;
+    zIndex: Property.ZIndex;
+    alignment?: DockAlignment;
+    popoverMode?: DockPopoverMode;
+    onOverlayClose?: () => void;
+    renderOverlay: () => React.JSX.Element;
+}
+declare const DockPopoverOverlay: ({ category, offset, zIndex, alignment, popoverMode, onOverlayClose, renderOverlay }: IDockPopoverOverlayProps) => React.JSX.Element;
+export default DockPopoverOverlay;

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

@@ -0,0 +1,11 @@
+import { Property } from 'csstype';
+import { DockCategory, DockAlignment } from '../types';
+interface IDockPortalOverlayProps {
+    category: DockCategory;
+    offset: number;
+    zIndex: Property.ZIndex;
+    alignment?: DockAlignment;
+    renderOverlay: () => React.JSX.Element;
+}
+declare const DockPortalOverlay: ({ category, offset, zIndex, alignment, renderOverlay }: IDockPortalOverlayProps) => React.JSX.Element | null;
+export default DockPortalOverlay;

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

@@ -1,34 +1,16 @@
 import { IBaseProps } from '../../Engine/Base';
 import { Property } from 'csstype';
-export declare const DockCategory: {
-    readonly Top: "top";
-    readonly Right: "right";
-    readonly Bottom: "bottom";
-    readonly Left: "left";
-    readonly LeftTop: "left-top";
-    readonly RightTop: "right-top";
-    readonly LeftBottom: "left-bottom";
-    readonly RightBottom: "right-bottom";
-    readonly InnerTop: "inner-top";
-    readonly InnerRight: "inner-right";
-    readonly InnerBottom: "inner-bottom";
-    readonly InnerLeft: "inner-left";
-    readonly InnerLeftTop: "inner-left-top";
-    readonly InnerRightTop: "inner-right-top";
-    readonly InnerLeftBottom: "inner-left-bottom";
-    readonly InnerRightBottom: "inner-right-bottom";
-};
-export type DockCategory = typeof DockCategory[keyof typeof DockCategory];
-export declare const DockAlignment: {
-    readonly Horizontal: "horizontal";
-    readonly Vertical: "vertical";
-};
-export type DockAlignment = typeof DockAlignment[keyof typeof DockAlignment];
-type AlignmentCategory = typeof DockCategory.LeftTop | typeof DockCategory.RightTop | typeof DockCategory.RightBottom | typeof DockCategory.LeftBottom;
-type NonAlignmentCategory = Exclude<DockCategory, AlignmentCategory>;
+import type { DockAlignment, AlignmentCategory, NonAlignmentCategory } from './types';
+import { DockPopoverMode } from './types';
+export { DockCategory, DockAlignment, DockPopoverMode } from './types';
+export type { AlignmentCategory, NonAlignmentCategory, IDockOverlayProps } from './types';
 interface IDockBaseProps extends IBaseProps {
     offset?: number;
     overlayZIndex?: Property.ZIndex;
+    isPortal?: boolean;
+    isOverlayVisible?: boolean;
+    popoverMode?: DockPopoverMode;
+    onOverlayClose?: () => void;
     renderOverlay: () => React.JSX.Element;
 }
 export type IDockProps = ({

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

@@ -0,0 +1,39 @@
+import { Property } from 'csstype';
+export declare const DockCategory: {
+    readonly Top: "top";
+    readonly Right: "right";
+    readonly Bottom: "bottom";
+    readonly Left: "left";
+    readonly LeftTop: "left-top";
+    readonly RightTop: "right-top";
+    readonly LeftBottom: "left-bottom";
+    readonly RightBottom: "right-bottom";
+    readonly InnerTop: "inner-top";
+    readonly InnerRight: "inner-right";
+    readonly InnerBottom: "inner-bottom";
+    readonly InnerLeft: "inner-left";
+    readonly InnerLeftTop: "inner-left-top";
+    readonly InnerRightTop: "inner-right-top";
+    readonly InnerLeftBottom: "inner-left-bottom";
+    readonly InnerRightBottom: "inner-right-bottom";
+};
+export type DockCategory = typeof DockCategory[keyof typeof DockCategory];
+export declare const DockAlignment: {
+    readonly Horizontal: "horizontal";
+    readonly Vertical: "vertical";
+};
+export type DockAlignment = typeof DockAlignment[keyof typeof DockAlignment];
+export declare const DockPopoverMode: {
+    readonly Manual: "manual";
+    readonly Auto: "auto";
+};
+export type DockPopoverMode = typeof DockPopoverMode[keyof typeof DockPopoverMode];
+export type AlignmentCategory = typeof DockCategory.LeftTop | typeof DockCategory.RightTop | typeof DockCategory.RightBottom | typeof DockCategory.LeftBottom;
+export type NonAlignmentCategory = Exclude<DockCategory, AlignmentCategory>;
+export interface IDockOverlayProps {
+    category: DockCategory;
+    offset: number;
+    zIndex: Property.ZIndex;
+    alignment?: DockAlignment;
+    renderOverlay: () => React.JSX.Element;
+}

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

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

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

@@ -13,6 +13,6 @@ declare class VErrorBoundary extends Component<IVErrorBoundaryProps, IVErrorBoun
     constructor(props: IVErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): Partial<IVErrorBoundaryState>;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export default VErrorBoundary;

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

@@ -5,6 +5,7 @@ export declare const HandleSubmitCategory: {
 };
 export type HandleSubmitCategory = typeof HandleSubmitCategory[keyof typeof HandleSubmitCategory];
 export interface IVFormProps extends IBaseProps<'form'> {
+    ref?: React.Ref<HTMLFormElement>;
     handleSubmitCategory?: HandleSubmitCategory;
     handleSubmit: (data: any) => void;
     handleValidateError?: (invalidInputs: HTMLInputElement[]) => void;

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

@@ -1,5 +1,5 @@
 import { DockAlignment, DockCategory } from "../../../Layout/Dock";
-import { ColorType, FontSizeType } from "../../../Engine";
+import { ColorType, FontSizeType, BorderStyleType, BorderWidthType, GapType, PaddingType } from "../../../Engine";
 import { IBaseProps } from "../../../Engine/Base";
 import { Property } from "csstype";
 export interface IDropdownItemData {
@@ -22,6 +22,20 @@ export interface IVDropdownProps extends IBaseProps<'input'> {
     dockAlignment?: DockAlignment;
     menuBackgroundColor?: ColorType;
     menuZIndex?: Property.ZIndex;
+    menuGap?: Property.Gap;
+    menuPadding?: PaddingType;
+    menuBorderRadius?: Property.BorderRadius;
+    menuBorderColor?: ColorType;
+    menuBorderWidth?: BorderWidthType;
+    menuBorderStyle?: BorderStyleType;
+    menuItemIconSize?: FontSizeType;
+    menuItemPadding?: PaddingType;
+    menuItemGap?: GapType;
+    menuItemFontSize?: FontSizeType;
+    menuItemFrontColor?: ColorType;
+    menuItemBackgroundColor?: ColorType;
+    menuItemIconColor?: ColorType;
+    isSelectOnly?: boolean;
     overWriteDropdownMenu?: (items: IDropdownItemData[]) => React.JSX.Element;
     overWriteDropdownItem?: (item: IDropdownItemData) => React.JSX.Element;
     handleChange?: (value: string) => void;

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

@@ -20,11 +20,12 @@ export interface IVFileProps extends IBaseInputProps {
     textLength?: number;
     autoUpload?: (files: File[], complete: () => void) => void;
     renderLoader?: () => React.JSX.Element;
-    renderPreview?: (inputFiles: InputFile[], isLoading: boolean) => React.JSX.Element;
+    renderPreview?: (inputFiles: InputFile[], isLoading: boolean, reload: () => void) => React.JSX.Element | Promise<React.JSX.Element>;
 }
 export interface IVFileStates {
     isLoading: boolean;
     inputFiles: InputFile[];
+    previewVersion: number;
 }
 declare const VFile: (props: IVFileProps) => React.JSX.Element;
 export default VFile;

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

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

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

@@ -1,4 +1,4 @@
-import { IBaseProps, IBaseStates } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { FullColorType } from '../../Engine';
 export interface IVTextAreaProps extends IBaseProps<'textarea'> {
     ref?: React.Ref<HTMLTextAreaElement>;
@@ -7,8 +7,5 @@ export interface IVTextAreaProps extends IBaseProps<'textarea'> {
     setStateHook?: (value: string) => void;
     placeholderColor?: FullColorType;
 }
-export interface IVTextAreaStates extends IBaseStates {
-    value?: string | ReadonlyArray<string> | number | undefined;
-}
 declare const VTextArea: (props: IVTextAreaProps) => React.JSX.Element;
 export default VTextArea;

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

@@ -1,4 +1,4 @@
-import { IBaseProps, IBaseStates } from '../../Engine/Base';
+import { IBaseProps } from '../../Engine/Base';
 import { DockAlignment, DockCategory } from '../../Layout/Dock';
 export declare const TooltipCategory: {
     readonly Hover: "hover";
@@ -9,10 +9,7 @@ export interface IVTooltipProps extends IBaseProps {
     category?: TooltipCategory;
     dockCategory: DockCategory;
     dockAlignment?: DockAlignment;
-    renderOverlay: () => React.JSX.Element;
-}
-export interface IVTooltipStates extends IBaseStates {
-    isShow: boolean;
+    renderOverlay: (close: () => void) => React.JSX.Element;
 }
 declare const VTooltip: (props: IVTooltipProps) => React.JSX.Element;
 export default VTooltip;

package/src/components/View/VTree/Block/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps, IBaseStates } from '../../../Engine/Base';
-import { IVTreeNode } from '..';
+import { IVTreeNode } from '../types';
 export interface IVTreeBlockProps extends IBaseProps {
     node: IVTreeNode;
     expandIcon?: React.JSX.Element;

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

@@ -1,10 +1,6 @@
 import { IBaseProps } from '../../Engine/Base';
-export interface IVTreeNode {
-    key: string;
-    name: string;
-    icon?: React.JSX.Element;
-    children?: IVTreeNode[];
-}
+export type { IVTreeNode } from './types';
+import type { IVTreeNode } from './types';
 export interface IVTreeProps extends IBaseProps {
     rootNode: IVTreeNode;
     isExpand?: boolean;

package/src/components/View/VTree/types.d.ts

@@ -0,0 +1,6 @@
+export interface IVTreeNode {
+    key: string;
+    name: string;
+    icon?: React.JSX.Element;
+    children?: IVTreeNode[];
+}

package/src/components/core.d.ts

@@ -5,7 +5,7 @@ export { default as BreakpointDisplay, ScreenSizeType, BreakpointCategory, Break
 export { default as Responsive } from './Layout/Responsive';
 export { FontSizeType, FontWeightType, FontFamilyType, BorderRadiusType, BorderStyleType, BorderWidthType, LineHeightType, LetterSpacingType, PaddingType, MarginType, GapType, OpacityType, DisplayType, VisibilityType, CursorType, OverflowType, OverflowXType, OverflowYType, ViewSizeType, ColorType, getGeneratedClassName } from './Engine';
 export type { FullBorderRadiusType, FullBorderStyleType, FullBorderWidthType, FullPaddingType, FullMarginType, FullGapType, FullDisplayType, FullVisibilityType, FullCursorType, FullOverflowType, FullOverflowXType, FullOverflowYType, FullColorType } from './Engine';
-export { default as Dock, DockCategory, DockAlignment } from './Layout/Dock';
+export { default as Dock, DockCategory, DockAlignment, DockPopoverMode } from './Layout/Dock';
 export { default as Position, PositionCategory, PositionType } from './Layout/Position';
 export { default as PositionArea, PositionAreaCategory } from './Layout/PositionArea';
 export { default as Flex, FlexDirectionType, FlexWrapType, FlexJustifyContentType, FlexAlignItemsType, FlexAlignContentType } from './Layout/Flex';
@@ -110,6 +110,8 @@ export { default as VVideo } from './View/VVideo';
 export { default as VHeader } from './View/VHeader';
 export { default as VMain } from './View/VMain';
 export { default as VFooter } from './View/VFooter';
+export { default as VAside } from './View/VAside';
+export { default as VNav } from './View/VNav';
 export { default as VHR } from './View/VHR';
 export { default as VSection } from './View/VSection';
 export { default as VMask } from './View/VMask';