@sentio/ui-core 0.1.3 → 0.1.5

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties } from 'react';
+import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties, ElementType, FocusEvent, KeyboardEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoaderHeightWidthProps } from 'react-spinners/helpers/props';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,17 +12,17 @@ export { LuSquareX as CloseSquareO, LuEye as EyeO, LuSquareMinus as MinusSquareO
 import { ColumnDef, ColumnResizeMode, Row, Cell, TableState } from '@tanstack/react-table';
 import BigDecimal from '@sentio/bigdecimal';
 
-interface Props$b {
+interface Props$h {
     hint?: React.ReactNode;
     loading?: boolean;
     className?: string;
     width?: LoaderHeightWidthProps['width'];
     logo?: React.ReactNode;
 }
-declare function _BarLoading({ hint, loading, className, width, logo }: Props$b): react_jsx_runtime.JSX.Element | null;
+declare function _BarLoading({ hint, loading, className, width, logo }: Props$h): react_jsx_runtime.JSX.Element | null;
 declare const BarLoading: react.MemoExoticComponent<typeof _BarLoading>;
 
-interface Props$a {
+interface Props$g {
     loading?: boolean;
     children?: react__default.ReactNode;
     className?: string;
@@ -30,11 +30,11 @@ interface Props$a {
     showMask?: boolean;
     maskOpacity?: number;
 }
-declare const SpinLoading: react__default.ForwardRefExoticComponent<Props$a & react__default.RefAttributes<HTMLDivElement>>;
+declare const SpinLoading: react__default.ForwardRefExoticComponent<Props$g & react__default.RefAttributes<HTMLDivElement>>;
 
 declare const CopyIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const CopySuccessIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-interface Props$9 {
+interface Props$f {
     text?: string | Function;
     size?: number;
     ml?: number;
@@ -44,7 +44,7 @@ interface Props$9 {
     className?: string;
     children?: ReactNode;
 }
-declare const CopyButton: FC<Props$9>;
+declare const CopyButton: FC<Props$f>;
 
 declare const buttonClass: (props?: ({
     role?: "link" | "text" | "dashed" | "primary" | "secondary" | "tertiary" | "tertiarytext" | "custom" | null | undefined;
@@ -74,7 +74,7 @@ declare function Proccessing({ className, light }: {
 declare const NewButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<unknown>>;
 
 declare const BaseZIndexContext: react.Context<number>;
-interface Props$8 {
+interface Props$e {
     title?: string | ReactElement;
     titleBorder?: boolean;
     footerBorder?: boolean;
@@ -96,13 +96,13 @@ interface Props$8 {
     zIndex?: number;
     mask?: 'normal' | 'light';
 }
-declare const BaseDialog: react.NamedExoticComponent<Props$8>;
+declare const BaseDialog: react.NamedExoticComponent<Props$e>;
 
 /**
  * The differece between this and the PopoverTooltip.tsx is that this one pass mouse click event to the parent
  */
 
-interface Props$7 {
+interface Props$d {
     text?: string | react__default.ReactNode;
     className?: string;
     buttonClassName?: string;
@@ -118,9 +118,9 @@ interface Props$7 {
     enableFadeAnimation?: boolean;
     animationDuration?: number;
 }
-declare const PopoverTooltip: FC<Props$7>;
+declare const PopoverTooltip: FC<Props$d>;
 
-interface Props$6 {
+interface Props$c {
     defaultOpen?: boolean;
     children?: ReactNode;
     title: string | ReactNode | ((open: boolean) => ReactNode);
@@ -129,7 +129,7 @@ interface Props$6 {
     iconClassName?: string;
     className?: string;
 }
-declare const DisclosurePanel: FC<Props$6>;
+declare const DisclosurePanel: FC<Props$c>;
 
 interface CollapseProps {
     title: ReactNode | string;
@@ -151,7 +151,7 @@ type InputProps = UseFormRegisterReturn & {
 } & React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$5<T> {
+interface Props$b<T> {
     value?: T;
     onChange?: (v: T) => void;
     label?: string;
@@ -163,7 +163,7 @@ interface Props$5<T> {
     }[];
     vertical?: boolean;
 }
-declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$5<T>): react_jsx_runtime.JSX.Element;
+declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$b<T>): react_jsx_runtime.JSX.Element;
 
 interface SwitchProps {
     checked?: boolean;
@@ -222,7 +222,7 @@ type DataNode = FieldDataNode<{
 type KeyType = string | number;
 declare const SUFFIX_NODE_KEY = "selectedKey_after";
 declare const ROOT_KEY = "root";
-interface Props$4 {
+interface Props$a {
     data?: DataNode[];
     defaultExpandAll?: boolean;
     virtual?: boolean;
@@ -238,7 +238,7 @@ interface Props$4 {
     scrollIntoView?: boolean;
     isRootKey?: (v: KeyType) => boolean;
 }
-declare const FlatTree: (props: Props$4) => react_jsx_runtime.JSX.Element;
+declare const FlatTree: (props: Props$a) => react_jsx_runtime.JSX.Element;
 
 interface LinkifyTextProps {
     text: any;
@@ -260,7 +260,7 @@ declare enum StatusRole {
     Disabled = "disabled",
     Info = "info"
 }
-interface Props$3 {
+interface Props$9 {
     status: string | ReactNode;
     className?: string;
     colorClasses?: string;
@@ -268,7 +268,7 @@ interface Props$3 {
     bubble?: boolean;
     role?: string | StatusRole;
 }
-declare function StatusBadge({ status, className, colorClasses: _colorClasses, roundClasses, bubble, role }: Props$3): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ status, className, colorClasses: _colorClasses, roundClasses, bubble, role }: Props$9): react_jsx_runtime.JSX.Element;
 
 interface HeaderToolsToggleButtonProps {
     isOpen: boolean;
@@ -283,6 +283,117 @@ interface HeaderToolsContentProps {
 }
 declare const HeaderToolsContent: FC<HeaderToolsContentProps>;
 
+interface Props$8 {
+    title?: string | ReactNode;
+    open: boolean;
+    onClose: () => void;
+    children?: ReactNode;
+    size?: '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | string;
+    headAddon?: ReactNode;
+    triggerClose?: 'all' | 'button';
+    noAnimation?: boolean;
+}
+declare function SlideOver({ title, open, onClose, children, size, headAddon, triggerClose, noAnimation }: Props$8): react_jsx_runtime.JSX.Element;
+
+interface Props$7 {
+    message?: string;
+    title: string;
+    open: boolean;
+    onClose: (open: boolean) => void;
+    onConfirm: () => void | Promise<void>;
+    disabled?: boolean;
+    buttonLabel?: string;
+    type: 'danger' | 'question';
+    buttons?: ReactNode;
+    children?: ReactNode;
+}
+declare function ConfirmDialog({ message, title, open, onClose, onConfirm, buttonLabel, type, buttons, children, disabled }: Props$7): react_jsx_runtime.JSX.Element;
+
+declare const getTabClassName: ({ selected }: {
+    selected: boolean;
+}) => string;
+declare const Group: ({ children, className, onChange, defaultIndex, selectedIndex }: {
+    children: react__default.ReactNode;
+    className?: string;
+    onChange?: (index: number) => void;
+    defaultIndex?: number;
+    selectedIndex?: number;
+}) => react_jsx_runtime.JSX.Element;
+declare const List: ({ tabs, disabledTabs, className, noBorder, children }: {
+    tabs: react__default.ReactNode[];
+    disabledTabs?: number[];
+    className?: string;
+    noBorder?: boolean;
+    children?: react__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const Panels: ElementType;
+declare const Panel: (props: any) => react_jsx_runtime.JSX.Element;
+
+type Props$6 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    onChange: (value: string) => void;
+    value: string;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onKeydown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    ref?: React.Ref<HTMLInputElement>;
+    addonButton?: React.ReactNode;
+};
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<Props$6, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+interface Props$5 {
+    checked?: boolean;
+    onChange?: (v: boolean) => void;
+    label?: string;
+    labelNode?: ReactNode;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    inputProps?: any;
+    labelClassName?: string;
+    className?: string;
+}
+declare const Checkbox: ({ checked, onChange, label, labelNode, id, name, inputProps, disabled, labelClassName, className }: Props$5) => react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    progress: number;
+    segments?: Record<number, string>;
+    gradient?: boolean;
+    upperTicks?: Record<number, ReactNode>;
+    lowerTicks?: Record<number, ReactNode>;
+    roundedFull?: boolean;
+}
+declare const ProgressBar: ({ progress, segments, gradient, upperTicks, lowerTicks, roundedFull }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+type DataType = {
+    key?: react__default.Key;
+    label?: ReactNode;
+    value?: any;
+    span?: number;
+};
+interface Props$4 {
+    data: DataType[];
+    labelClassName?: string;
+    labelStyle?: react__default.CSSProperties;
+    valueClassName?: string;
+    valueStyle?: react__default.CSSProperties;
+    className?: string;
+    trClassName?: string;
+    colon?: ReactNode;
+    renderLabel?: (item: DataType) => ReactNode;
+    renderValue?: (item: DataType) => ReactNode;
+}
+declare const Descriptions: (props: Props$4) => react_jsx_runtime.JSX.Element;
+
+interface Props$3 {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    title: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    buttons?: () => ReactNode;
+}
+declare function Notification({ show, setShow, title, message, buttons, type }: Props$3): react_jsx_runtime.JSX.Element;
+
 interface Props$2 {
     data: any;
     columns: ColumnDef<any>[];
@@ -390,10 +501,10 @@ declare function useBoolean(defaultValue?: boolean): {
     toggle: () => void;
 };
 
+declare const useDarkMode: () => boolean;
+
 declare const SvgFolderContext: react.Context<string>;
 declare const useDetectExtenstion: () => boolean;
-declare const DarkModeContext: react.Context<boolean>;
-declare const useDarkMode: () => boolean;
 
 declare const NavSizeContext: react.Context<{
     small: boolean;
@@ -402,4 +513,4 @@ declare const NavSizeContext: react.Context<{
     setShowLabel: (showLabel: boolean) => void;
 }>;
 
-export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, buttonClass, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };
+export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Checkbox, Collapse, ConfirmDialog, CopyButton, CopyIcon, CopySuccessIcon, type DataNode, type DataType, DeleteIcon, Descriptions, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, Notification, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ProgressBar, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, SearchInput, Select, type SelectProps, SlideOver, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, Group as TabGroup, List as TabList, Panel as TabPanel, Panels as TabPanels, buttonClass, getNumberWithDecimal, getTabClassName, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties } from 'react';
+import react__default, { FC, ReactNode, SVGProps, MutableRefObject, ReactElement, CSSProperties, ElementType, FocusEvent, KeyboardEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoaderHeightWidthProps } from 'react-spinners/helpers/props';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -12,17 +12,17 @@ export { LuSquareX as CloseSquareO, LuEye as EyeO, LuSquareMinus as MinusSquareO
 import { ColumnDef, ColumnResizeMode, Row, Cell, TableState } from '@tanstack/react-table';
 import BigDecimal from '@sentio/bigdecimal';
 
-interface Props$b {
+interface Props$h {
     hint?: React.ReactNode;
     loading?: boolean;
     className?: string;
     width?: LoaderHeightWidthProps['width'];
     logo?: React.ReactNode;
 }
-declare function _BarLoading({ hint, loading, className, width, logo }: Props$b): react_jsx_runtime.JSX.Element | null;
+declare function _BarLoading({ hint, loading, className, width, logo }: Props$h): react_jsx_runtime.JSX.Element | null;
 declare const BarLoading: react.MemoExoticComponent<typeof _BarLoading>;
 
-interface Props$a {
+interface Props$g {
     loading?: boolean;
     children?: react__default.ReactNode;
     className?: string;
@@ -30,11 +30,11 @@ interface Props$a {
     showMask?: boolean;
     maskOpacity?: number;
 }
-declare const SpinLoading: react__default.ForwardRefExoticComponent<Props$a & react__default.RefAttributes<HTMLDivElement>>;
+declare const SpinLoading: react__default.ForwardRefExoticComponent<Props$g & react__default.RefAttributes<HTMLDivElement>>;
 
 declare const CopyIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
 declare const CopySuccessIcon: (props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
-interface Props$9 {
+interface Props$f {
     text?: string | Function;
     size?: number;
     ml?: number;
@@ -44,7 +44,7 @@ interface Props$9 {
     className?: string;
     children?: ReactNode;
 }
-declare const CopyButton: FC<Props$9>;
+declare const CopyButton: FC<Props$f>;
 
 declare const buttonClass: (props?: ({
     role?: "link" | "text" | "dashed" | "primary" | "secondary" | "tertiary" | "tertiarytext" | "custom" | null | undefined;
@@ -74,7 +74,7 @@ declare function Proccessing({ className, light }: {
 declare const NewButton: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<unknown>>;
 
 declare const BaseZIndexContext: react.Context<number>;
-interface Props$8 {
+interface Props$e {
     title?: string | ReactElement;
     titleBorder?: boolean;
     footerBorder?: boolean;
@@ -96,13 +96,13 @@ interface Props$8 {
     zIndex?: number;
     mask?: 'normal' | 'light';
 }
-declare const BaseDialog: react.NamedExoticComponent<Props$8>;
+declare const BaseDialog: react.NamedExoticComponent<Props$e>;
 
 /**
  * The differece between this and the PopoverTooltip.tsx is that this one pass mouse click event to the parent
  */
 
-interface Props$7 {
+interface Props$d {
     text?: string | react__default.ReactNode;
     className?: string;
     buttonClassName?: string;
@@ -118,9 +118,9 @@ interface Props$7 {
     enableFadeAnimation?: boolean;
     animationDuration?: number;
 }
-declare const PopoverTooltip: FC<Props$7>;
+declare const PopoverTooltip: FC<Props$d>;
 
-interface Props$6 {
+interface Props$c {
     defaultOpen?: boolean;
     children?: ReactNode;
     title: string | ReactNode | ((open: boolean) => ReactNode);
@@ -129,7 +129,7 @@ interface Props$6 {
     iconClassName?: string;
     className?: string;
 }
-declare const DisclosurePanel: FC<Props$6>;
+declare const DisclosurePanel: FC<Props$c>;
 
 interface CollapseProps {
     title: ReactNode | string;
@@ -151,7 +151,7 @@ type InputProps = UseFormRegisterReturn & {
 } & React.InputHTMLAttributes<HTMLInputElement>;
 declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
-interface Props$5<T> {
+interface Props$b<T> {
     value?: T;
     onChange?: (v: T) => void;
     label?: string;
@@ -163,7 +163,7 @@ interface Props$5<T> {
     }[];
     vertical?: boolean;
 }
-declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$5<T>): react_jsx_runtime.JSX.Element;
+declare function RadioSelect<T>({ value, onChange, label, labelClassName, options, vertical, containerClassName }: Props$b<T>): react_jsx_runtime.JSX.Element;
 
 interface SwitchProps {
     checked?: boolean;
@@ -222,7 +222,7 @@ type DataNode = FieldDataNode<{
 type KeyType = string | number;
 declare const SUFFIX_NODE_KEY = "selectedKey_after";
 declare const ROOT_KEY = "root";
-interface Props$4 {
+interface Props$a {
     data?: DataNode[];
     defaultExpandAll?: boolean;
     virtual?: boolean;
@@ -238,7 +238,7 @@ interface Props$4 {
     scrollIntoView?: boolean;
     isRootKey?: (v: KeyType) => boolean;
 }
-declare const FlatTree: (props: Props$4) => react_jsx_runtime.JSX.Element;
+declare const FlatTree: (props: Props$a) => react_jsx_runtime.JSX.Element;
 
 interface LinkifyTextProps {
     text: any;
@@ -260,7 +260,7 @@ declare enum StatusRole {
     Disabled = "disabled",
     Info = "info"
 }
-interface Props$3 {
+interface Props$9 {
     status: string | ReactNode;
     className?: string;
     colorClasses?: string;
@@ -268,7 +268,7 @@ interface Props$3 {
     bubble?: boolean;
     role?: string | StatusRole;
 }
-declare function StatusBadge({ status, className, colorClasses: _colorClasses, roundClasses, bubble, role }: Props$3): react_jsx_runtime.JSX.Element;
+declare function StatusBadge({ status, className, colorClasses: _colorClasses, roundClasses, bubble, role }: Props$9): react_jsx_runtime.JSX.Element;
 
 interface HeaderToolsToggleButtonProps {
     isOpen: boolean;
@@ -283,6 +283,117 @@ interface HeaderToolsContentProps {
 }
 declare const HeaderToolsContent: FC<HeaderToolsContentProps>;
 
+interface Props$8 {
+    title?: string | ReactNode;
+    open: boolean;
+    onClose: () => void;
+    children?: ReactNode;
+    size?: '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | 'full' | string;
+    headAddon?: ReactNode;
+    triggerClose?: 'all' | 'button';
+    noAnimation?: boolean;
+}
+declare function SlideOver({ title, open, onClose, children, size, headAddon, triggerClose, noAnimation }: Props$8): react_jsx_runtime.JSX.Element;
+
+interface Props$7 {
+    message?: string;
+    title: string;
+    open: boolean;
+    onClose: (open: boolean) => void;
+    onConfirm: () => void | Promise<void>;
+    disabled?: boolean;
+    buttonLabel?: string;
+    type: 'danger' | 'question';
+    buttons?: ReactNode;
+    children?: ReactNode;
+}
+declare function ConfirmDialog({ message, title, open, onClose, onConfirm, buttonLabel, type, buttons, children, disabled }: Props$7): react_jsx_runtime.JSX.Element;
+
+declare const getTabClassName: ({ selected }: {
+    selected: boolean;
+}) => string;
+declare const Group: ({ children, className, onChange, defaultIndex, selectedIndex }: {
+    children: react__default.ReactNode;
+    className?: string;
+    onChange?: (index: number) => void;
+    defaultIndex?: number;
+    selectedIndex?: number;
+}) => react_jsx_runtime.JSX.Element;
+declare const List: ({ tabs, disabledTabs, className, noBorder, children }: {
+    tabs: react__default.ReactNode[];
+    disabledTabs?: number[];
+    className?: string;
+    noBorder?: boolean;
+    children?: react__default.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const Panels: ElementType;
+declare const Panel: (props: any) => react_jsx_runtime.JSX.Element;
+
+type Props$6 = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
+    onChange: (value: string) => void;
+    value: string;
+    onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
+    onKeydown?: (e: KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    ref?: React.Ref<HTMLInputElement>;
+    addonButton?: React.ReactNode;
+};
+declare const SearchInput: react.ForwardRefExoticComponent<Omit<Props$6, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+interface Props$5 {
+    checked?: boolean;
+    onChange?: (v: boolean) => void;
+    label?: string;
+    labelNode?: ReactNode;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    inputProps?: any;
+    labelClassName?: string;
+    className?: string;
+}
+declare const Checkbox: ({ checked, onChange, label, labelNode, id, name, inputProps, disabled, labelClassName, className }: Props$5) => react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    progress: number;
+    segments?: Record<number, string>;
+    gradient?: boolean;
+    upperTicks?: Record<number, ReactNode>;
+    lowerTicks?: Record<number, ReactNode>;
+    roundedFull?: boolean;
+}
+declare const ProgressBar: ({ progress, segments, gradient, upperTicks, lowerTicks, roundedFull }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+type DataType = {
+    key?: react__default.Key;
+    label?: ReactNode;
+    value?: any;
+    span?: number;
+};
+interface Props$4 {
+    data: DataType[];
+    labelClassName?: string;
+    labelStyle?: react__default.CSSProperties;
+    valueClassName?: string;
+    valueStyle?: react__default.CSSProperties;
+    className?: string;
+    trClassName?: string;
+    colon?: ReactNode;
+    renderLabel?: (item: DataType) => ReactNode;
+    renderValue?: (item: DataType) => ReactNode;
+}
+declare const Descriptions: (props: Props$4) => react_jsx_runtime.JSX.Element;
+
+interface Props$3 {
+    show: boolean;
+    setShow: (show: boolean) => void;
+    title: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    buttons?: () => ReactNode;
+}
+declare function Notification({ show, setShow, title, message, buttons, type }: Props$3): react_jsx_runtime.JSX.Element;
+
 interface Props$2 {
     data: any;
     columns: ColumnDef<any>[];
@@ -390,10 +501,10 @@ declare function useBoolean(defaultValue?: boolean): {
     toggle: () => void;
 };
 
+declare const useDarkMode: () => boolean;
+
 declare const SvgFolderContext: react.Context<string>;
 declare const useDetectExtenstion: () => boolean;
-declare const DarkModeContext: react.Context<boolean>;
-declare const useDarkMode: () => boolean;
 
 declare const NavSizeContext: react.Context<{
     small: boolean;
@@ -402,4 +513,4 @@ declare const NavSizeContext: react.Context<{
     setShowLabel: (showLabel: boolean) => void;
 }>;
 
-export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Collapse, CopyButton, CopyIcon, CopySuccessIcon, DarkModeContext, type DataNode, DeleteIcon, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, Select, type SelectProps, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, buttonClass, getNumberWithDecimal, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };
+export { BD, BarLoading, BaseDialog, BaseZIndexContext, NewButton as Button, type ButtonProps, COLOR_MAP, Checkbox, Collapse, ConfirmDialog, CopyButton, CopyIcon, CopySuccessIcon, type DataNode, type DataType, DeleteIcon, Descriptions, DisclosurePanel, Empty, FlatTree, HeaderToolsContent, HeaderToolsToggleButton, type IMenuItem, Input, LinkifyText, MenuContext, MenuItem, MoveLeftIcon, MoveRightIcon, NavSizeContext, Notification, type OnSelectMenuItem, PopoverTooltip, PopupMenuButton, Proccessing, ProgressBar, ROOT_KEY, RadioSelect, RenameIcon, ResizeTable, SUFFIX_NODE_KEY, SearchInput, Select, type SelectProps, SlideOver, SpinLoading, StatusBadge, StatusRole, SubMenuButton, SvgFolderContext, Switch, type SwitchProps, Group as TabGroup, List as TabList, Panel as TabPanel, Panels as TabPanels, buttonClass, getNumberWithDecimal, getTabClassName, parseHex, useBoolean, useDarkMode, useDetectExtenstion, useMobile };