@vef-framework/components 1.0.50 → 1.0.51

package/types/vef-flex/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefFlexProps } from "./props";
-declare const VefFlex: FC<VefFlexProps>;
+declare function VefFlex({ gap, ...props }: VefFlexProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefFlexProps };
 export default VefFlex;

package/types/vef-float-button/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefFloatButtonProps } from "./props";
-declare const VefFloatButton: FC<VefFloatButtonProps>;
+declare function VefFloatButton({ appearance, tip, badge, ...restProps }: VefFloatButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefFloatButtonProps };
 export default VefFloatButton;

package/types/vef-float-button-group/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefFloatButtonGroupProps } from "./props";
-declare const VefFloatButtonGroup: FC<VefFloatButtonGroupProps>;
+declare function VefFloatButtonGroup({ collapsable, trigger, ...restProps }: VefFloatButtonGroupProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefFloatButtonGroupProps };
 export default VefFloatButtonGroup;

package/types/vef-grid/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefGridProps } from "./props";
-declare const VefGrid: FC<VefGridProps>;
+declare function VefGrid({ baseWidth, gap, children, }: VefGridProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefGridProps };
 export default VefGrid;

package/types/vef-grid-item/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefGridItemProps } from "./props";
-declare const VefGridItem: FC<VefGridItemProps>;
+declare function VefGridItem({ span, xs, sm, md, lg, xl, xxl, children, }: VefGridItemProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefGridItemProps };
 export default VefGridItem;

package/types/vef-icon-select/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefIconSelectProps } from "./props";
-declare const VefIconSelect: FC<VefIconSelectProps>;
+declare function VefIconSelect({ defaultValue, value, size, placeholder, disabled, clearable, variant, onChange, onClear, }: VefIconSelectProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefIconSelectProps };
 export default VefIconSelect;

package/types/vef-layout/components/content.d.ts

@@ -1,3 +1,4 @@
 import type { ChildrenProps } from "@vef-framework/shared";
-declare const VefContent: import("react").NamedExoticComponent<Required<ChildrenProps>>;
+declare function VefContentBase({ children }: Required<ChildrenProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefContent: import("react").MemoExoticComponent<typeof VefContentBase>;
 export default VefContent;

package/types/vef-layout/components/font-size.d.ts

@@ -1,3 +1,2 @@
-import type { FC } from "react";
-declare const VefFontSize: FC;
+declare function VefFontSize(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefFontSize;

package/types/vef-layout/components/fullscreen.d.ts

@@ -1,3 +1,2 @@
-import { type FC } from "react";
-declare const VefFullscreen: FC;
+declare function VefFullscreen(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefFullscreen;

package/types/vef-layout/components/header-action-icons.d.ts

@@ -1,3 +1,2 @@
-import type { FC } from "react";
-declare const VefHeaderActionIcons: FC;
+declare function VefHeaderActionIcons(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefHeaderActionIcons;

package/types/vef-layout/components/header-content.d.ts

@@ -1,3 +1,5 @@
-import type { FC } from "react";
-declare const VefHeaderContent: FC;
+declare function VefHeaderContent(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace VefHeaderContent {
+    var displayName: string;
+}
 export default VefHeaderContent;

package/types/vef-layout/components/header.d.ts

@@ -1,2 +1,3 @@
-declare const VefHeader: import("react").NamedExoticComponent<{}>;
+declare function VefHeaderBase(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefHeader: import("react").MemoExoticComponent<typeof VefHeaderBase>;
 export default VefHeader;

package/types/vef-layout/components/menu-groups.d.ts

@@ -1,3 +1,2 @@
-import type { FC } from "react";
-declare const VefMenuGroups: FC;
+declare function VefMenuGroups(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefMenuGroups;

package/types/vef-layout/components/message.d.ts

@@ -1,3 +1,2 @@
-import type { FC } from "react";
-declare const VefMessage: FC;
+declare function VefMessage(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefMessage;

package/types/vef-layout/components/search.d.ts

@@ -1,3 +1,2 @@
-import type { FC } from "react";
-declare const VefSearch: FC;
+declare function VefSearch(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefSearch;

package/types/vef-layout/components/sider.d.ts

@@ -1,2 +1,3 @@
-declare const VefSider: import("react").NamedExoticComponent<{}>;
+declare function VefSiderBase(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefSider: import("react").MemoExoticComponent<typeof VefSiderBase>;
 export default VefSider;

package/types/vef-layout/components/title.d.ts

@@ -1,2 +1,3 @@
-declare const VefTitle: import("react").NamedExoticComponent<{}>;
+declare function VefTitleBase(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefTitle: import("react").MemoExoticComponent<typeof VefTitleBase>;
 export default VefTitle;

package/types/vef-layout/components/user-avatar.d.ts

@@ -1,3 +1,2 @@
-import { type FC } from "react";
-declare const VefUserAvatar: FC;
+declare function VefUserAvatar(): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefUserAvatar;

package/types/vef-layout/index.d.ts

@@ -1,4 +1,5 @@
 import type { VefLayoutProps } from "./props";
-declare const VefLayout: import("react").NamedExoticComponent<VefLayoutProps>;
+declare function VefLayoutWrapper({ children, ...restProps }: VefLayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefLayout: import("react").MemoExoticComponent<typeof VefLayoutWrapper>;
 export type { VefLayoutProps };
 export default VefLayout;

package/types/vef-loading-placeholder/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefLoadingPlaceholderProps } from "./props";
-declare const VefLoadingPlaceholder: FC<VefLoadingPlaceholderProps>;
+declare function VefLoadingPlaceholder({ tip, ...restProps }: VefLoadingPlaceholderProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefLoadingPlaceholderProps };
 export default VefLoadingPlaceholder;

package/types/vef-login/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefLoginProps } from "./props";
-declare const VefLogin: FC<VefLoginProps>;
+declare function VefLogin({ logo, title, description, publicKey, onLoginSuccess, }: VefLoginProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefLoginProps };
 export default VefLogin;

package/types/vef-modal/components/action-button-wrapper.d.ts

@@ -1,4 +1,4 @@
-import { type FC, type ReactElement } from "react";
+import { type ReactElement } from "react";
 import type { default as VefButton, VefButtonProps } from "../../vef-button";
 /**
  * The props of the vef modal action button wrapper.
@@ -9,5 +9,5 @@ export interface VefModalActionButtonWrapperProps {
      */
     children: ReactElement<VefButtonProps, typeof VefButton>;
 }
-declare const VefModalActionButtonWrapper: FC<VefModalActionButtonWrapperProps>;
+declare function VefModalActionButtonWrapper({ children, }: VefModalActionButtonWrapperProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefModalActionButtonWrapper;

package/types/vef-modal/components/cancel-action-button.d.ts

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import type { VefModalActionButtonProps } from "./button-props";
-declare const VefCancelActionButton: FC<VefModalActionButtonProps>;
+declare function VefCancelActionButton({ text, onClick }: VefModalActionButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefCancelActionButton;

package/types/vef-modal/components/ok-action-button.d.ts

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import type { VefModalActionButtonProps } from "./button-props";
-declare const VefOkActionButton: FC<VefModalActionButtonProps>;
+declare function VefOkActionButton({ text, onClick }: VefModalActionButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export default VefOkActionButton;

package/types/vef-modal/index.d.ts

@@ -1,5 +1,6 @@
 import type { VefModalProps } from "./props";
-declare const VefModal: import("react").NamedExoticComponent<VefModalProps>;
+declare function VefModalBase({ title, open, closable, closeOnEscPress, closeOnMaskClick, destroyOnClose, showCancelButton, cancelButtonText, okButtonText, actions, width, loading, cancelOnClose, onClose, onOk, onCancel, onAfterOpen, onAfterClose, children, }: VefModalProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefModal: import("react").MemoExoticComponent<typeof VefModalBase>;
 export type { VefModalProps };
 export { default as VefModalActionButtonWrapper, type VefModalActionButtonWrapperProps } from "./components/action-button-wrapper";
 export default VefModal;

package/types/vef-not-found/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefNotFoundProps } from "./props";
-declare const VefNotFound: FC<VefNotFoundProps>;
+declare function VefNotFound({ uri, title, onNavigateHome, }: VefNotFoundProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefNotFoundProps };
 export default VefNotFound;

package/types/vef-page/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefPageProps } from "./props";
-declare const VefPage: FC<VefPageProps>;
+declare function VefPage({ title, actions, header, footer, scrollable, children, }: VefPageProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefPageProps };
 export default VefPage;

package/types/vef-pagination/index.d.ts

@@ -1,4 +1,5 @@
 import { type VefPaginationProps } from "./props";
-declare const VefPagination: import("react").NamedExoticComponent<VefPaginationProps>;
+declare function VefPaginationBase({ defaultPageNumber, defaultPageSize, pageNumber, pageSize, total, size, pageSizeOptions, allowChangePageSize, showTotal, compact, allowQuickJump, onChange, ...restProps }: VefPaginationProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefPagination: import("react").MemoExoticComponent<typeof VefPaginationBase>;
 export type { VefPaginationProps };
 export default VefPagination;

package/types/vef-paragraph/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefParagraphProps } from "./props";
-declare const VefParagraph: FC<VefParagraphProps>;
+declare function VefParagraph({ variant, color, bold, ellipsis, ellipsisRows, expandable, defaultExpanded, expanded, copyable, copiedText, onCopy, onExpand, ...restProps }: VefParagraphProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefParagraphProps };
 export default VefParagraph;

package/types/vef-ribbon/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefRibbonProps } from "./props";
-declare const VefRibbon: FC<VefRibbonProps>;
+declare function VefRibbon({ color, position, children, }: VefRibbonProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefRibbonProps };
 export default VefRibbon;

package/types/vef-row/index.d.ts

@@ -1,5 +1,7 @@
-import type { FC } from "react";
 import type { VefRowProps } from "./props";
-declare const VefRow: FC<VefRowProps>;
+declare function VefRow({ ...props }: VefRowProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare namespace VefRow {
+    var displayName: string;
+}
 export type { VefRowProps };
 export default VefRow;

package/types/vef-select/components/option.d.ts

@@ -3,5 +3,6 @@ export interface VefOptionProps {
     label: ReactNode;
     description?: ReactNode;
 }
-declare const VefOptionMemo: import("react").NamedExoticComponent<VefOptionProps>;
+declare function VefOption({ label, description }: VefOptionProps): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefOptionMemo: import("react").MemoExoticComponent<typeof VefOption>;
 export default VefOptionMemo;

package/types/vef-space/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefSpaceProps } from "./props";
-declare const VefSpace: FC<VefSpaceProps>;
+declare function VefSpace({ gap, ...restProps }: VefSpaceProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefSpaceProps };
 export default VefSpace;

package/types/vef-spin/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefSpinProps } from "./props";
-declare const VefSpin: FC<VefSpinProps>;
+declare function VefSpin({ size, ...restProps }: VefSpinProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefSpinProps };
 export default VefSpin;

package/types/vef-splitter/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefSplitterProps } from "./props";
-declare const VefSplitter: FC<VefSplitterProps>;
+declare function VefSplitter({ orientation, onResizeBegin, ...rest }: VefSplitterProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefSplitterProps };
 export default VefSplitter;

package/types/vef-splitter-panel/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefSplitterPanelProps } from "./props";
-declare const VefSplitterPanel: FC<VefSplitterPanelProps>;
+declare function VefSplitterPanel({ ...rest }: VefSplitterPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefSplitterPanelProps };
 export default VefSplitterPanel;

package/types/vef-status/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefStatusProps } from "./props";
-declare const VefStatus: FC<VefStatusProps>;
+declare function VefStatus({ processing, color, children, }: VefStatusProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefStatusProps };
 export default VefStatus;

package/types/vef-table/components/columns-settings.d.ts

@@ -1,2 +1,3 @@
-declare const VefColumnsSettings: import("react").NamedExoticComponent<{}>;
+declare function VefColumnsSettingsBase(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefColumnsSettings: import("react").MemoExoticComponent<typeof VefColumnsSettingsBase>;
 export default VefColumnsSettings;

package/types/vef-table/components/settings-icon.d.ts

@@ -1,2 +1,3 @@
-declare const VefSettingsIcon: import("react").NamedExoticComponent<{}>;
+declare function VefSettingsIconBase(): import("@emotion/react/jsx-runtime").JSX.Element;
+declare const VefSettingsIcon: import("react").MemoExoticComponent<typeof VefSettingsIconBase>;
 export default VefSettingsIcon;

package/types/vef-tabs/index.d.ts

@@ -1,5 +1,4 @@
-import type { FC } from "react";
 import type { VefTabsProps } from "./props";
-export declare const VefTabs: FC<VefTabsProps>;
+declare function VefTabs({ size, ...props }: VefTabsProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefTabsProps };
 export default VefTabs;

package/types/vef-tag/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefTagProps } from "./props";
-declare const VefTag: FC<VefTagProps>;
+declare function VefTag({ closable, color, inverse, ...restProps }: VefTagProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefTagProps };
 export default VefTag;

package/types/vef-text/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefTextProps } from "./props";
-declare const VefText: FC<VefTextProps>;
+declare function VefText({ variant, color, bold, ellipsis, ellipsisTip, ellipsisTipPlacement, copyable, copiedText, onCopy, ...restProps }: VefTextProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefTextProps };
 export default VefText;

package/types/vef-title/index.d.ts

@@ -1,5 +1,4 @@
-import { type FC } from "react";
 import type { VefTitleProps } from "./props";
-declare const VefTitle: FC<VefTitleProps>;
+declare function VefTitle({ showLeftBar, showBottomLine, noPaddingBottom, variant, color, ellipsis, ellipsisTip, ...restProps }: VefTitleProps): import("@emotion/react/jsx-runtime").JSX.Element;
 export type { VefTitleProps };
 export default VefTitle;