sevago-sso-fe 1.0.57 → 1.0.58

package/dist/common/constant/apps.data.d.ts

@@ -240,7 +240,7 @@ export declare const APP_OBJ: {
     };
 };
 export declare const SIZE_EXTRA_LARGE = 36;
-export type SizeProps = "extra_small" | "small" | "medium" | "large" | "extra_large" | "avatar_group";
+export type SizeProps = 'extra_small' | 'small' | 'medium' | 'large' | 'extra_large' | 'avatar_group';
 export declare const MAP_SIZE: Record<string, {
     width: number;
     height: number;

package/dist/common/constant/index.d.ts

@@ -1,8 +1,10 @@
 export * from './apps.data';
 export * from './color.constant';
 export * from './icons.constant';
+export * from './hierarchical.constant';
 export * from './mode.constant';
 export * from './opacity.constant';
 export * from './reg-exp.constant';
 export * as STYLE from './style.constant';
+export * from './tree.constant';
 export * from './typography.constant';

package/dist/common/constant/tree.constant.d.ts

@@ -0,0 +1,19 @@
+export declare const TREE_COLOR: {
+    TREE_LEVEL_1: string;
+    TREE_LEVEL_2: string;
+    TREE_LEVEL_3: string;
+    TREE_LEVEL_4: string;
+};
+export declare const TREE_LINE_COLOR = "#176B5A";
+export declare const BORDER_COLOR: {
+    RED: string;
+};
+export declare const TREE_TEXT_COLOR: {
+    WHITE: string;
+    BLACK: string;
+    GREEN: string;
+    RED: string;
+};
+export declare const TREE_WIDTH: {
+    NORMAL: number;
+};

package/dist/common/constant/typography.constant.d.ts

@@ -1,5 +1,5 @@
 export declare const TYPOGRAPHY_STYLES: {
-    "2xl": {
+    '2xl': {
         regular: {
             fontFamily: string;
             fontWeight: number;

package/dist/common/utils/index.d.ts

@@ -1,3 +1,4 @@
 export * from './other';
+export * from './string.utils';
 export * from './time.utils';
 export * from './validator.utils';

package/dist/common/utils/other/get-limit-line-css.utils.d.ts

@@ -1,2 +1 @@
 export declare const getLimitLineCss: (line: number) => any;
-export declare const truncateText: (text: string, maxLength?: number) => string;

package/dist/common/utils/other/index.d.ts

@@ -1,2 +1,3 @@
-export * from './get-limit-line-css.utils';
 export * from './app.utils';
+export * from './get-limit-line-css.utils';
+export * from './hierarchical.utils';

package/dist/common/utils/string.utils.d.ts

@@ -0,0 +1,11 @@
+export declare const stringToColor: (string: string) => string;
+/**
+ * Pha màu để làm nhạt màu gốc (blend với màu trắng)
+ * @param color Màu HEX gốc (VD: '#008a77')
+ * @param percentage Phần trăm nhạt đi (0-100)
+ */
+export declare const lightenColorTree: (color: string, percentage: number) => string;
+export declare const extractNumberAtStartString: (string: string) => number;
+export declare const stripHtml: (html: string) => string;
+export declare const getErrorMessage: (e: unknown) => string;
+export declare const truncateText: (text: string, maxLength?: number) => string;

package/dist/components/app-grid/app-grid.component.d.ts

@@ -7,8 +7,8 @@ export interface AppGridProps {
     iconSize?: number;
     iconRadius?: number;
     gap?: number | string;
-    titleVariant?: "subtitle1" | "body1" | "caption";
-    captionVariant?: "caption" | "body2";
+    titleVariant?: 'subtitle1' | 'body1' | 'caption';
+    captionVariant?: 'caption' | 'body2';
     titleColor?: string;
     captionColor?: string;
     showPagination?: boolean;

package/dist/components/elements/avatar/avatar-online-status.element.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 interface AvatarOnlineStatusElementProps {
     url?: string | null;
-    size?: "small" | "medium" | "large" | "extra_large";
+    size?: 'small' | 'medium' | 'large' | 'extra_large';
     online?: boolean;
     children?: React.ReactNode;
 }

package/dist/components/elements/button/button-upload-file.element.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '@mui/material';
 import { default as React } from 'react';
 import { FileWithPreview } from '../../../common/interfaces/image-with-preview.interface';
-export interface ButtonUploadFileElementProps extends Omit<ButtonProps, "onChange"> {
+export interface ButtonUploadFileElementProps extends Omit<ButtonProps, 'onChange'> {
     multiple?: boolean;
     onChange: (files: FileWithPreview[]) => void;
     accept?: string;

package/dist/components/elements/divider/dashed-divider.element.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 interface DashedDividerElementProps {
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     color?: string;
     thickness?: number;
     length?: string | number;

package/dist/components/elements/icon/icon-content-opacity.element.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 export interface IconContentOpacityElementProps {
     icon: string;
     content?: any;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | any;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning' | any;
     onClick: (event: React.MouseEvent<HTMLDivElement>) => void;
     sx?: SxProps<Theme>;
 }

package/dist/components/elements/icon/icon-content.element.d.ts

@@ -3,7 +3,7 @@ import { default as React } from 'react';
 import { IconElementProps } from './icon.element';
 export interface IconContentElementProps extends IconElementProps {
     content: any;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
     sx?: SxProps<Theme>;
     sxIcon?: SxProps<Theme>;

package/dist/components/elements/icon/icon.element.d.ts

@@ -2,7 +2,7 @@ import { IconProps, SxProps, Theme } from '@mui/material';
 import { default as React } from 'react';
 export interface IconElementProps extends IconProps {
     icon?: any;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     disabled?: boolean;
     fill?: 0 | 1;
     sx?: SxProps<Theme>;

package/dist/components/elements/icon/index.d.ts

@@ -1,7 +1,7 @@
-export { IconElement } from './icon.element';
-export { IconContentElement } from './icon-content.element';
-export { IconContentBadgeCountElement } from './icon-content-badge-count.element';
-export { IconContentBadgeCountSubsElement } from './icon-content-badge-count-subs.element';
 export { IconButtonElement } from './icon-button.element';
-export { IconContentSubsElement } from './icon-content-subs.element';
+export { IconContentBadgeCountSubsElement } from './icon-content-badge-count-subs.element';
+export { IconContentBadgeCountElement } from './icon-content-badge-count.element';
 export { IconContentOpacityElement } from './icon-content-opacity.element';
+export { IconContentSubsElement } from './icon-content-subs.element';
+export { IconContentElement } from './icon-content.element';
+export { IconElement } from './icon.element';

package/dist/components/elements/index.d.ts

@@ -6,7 +6,14 @@ export * from './divider';
 export * from './icon';
 export * from './image';
 export * from './link';
+export * from './pagination';
 export * from './radio';
+export * from './switch';
 export * from './tabs';
+export * from './tag';
+export * from './text-field';
 export * from './time-ago';
+export * from './tooltip';
 export * from './typography';
+export * from './user';
+export * from './wrapper';

package/dist/components/elements/radio/index.d.ts

@@ -1,2 +1,2 @@
-export { RadioElement } from './radio.element';
 export { RadioGroupElement } from './radio-group.element';
+export { RadioElement } from './radio.element';

package/dist/components/elements/radio/radio-group.element.d.ts

@@ -2,7 +2,7 @@ import { SxProps, Theme } from '@mui/material';
 import { default as React, ReactNode } from 'react';
 export interface RadioGroupElementProps {
     name?: string;
-    direction?: "row" | "column";
+    direction?: 'row' | 'column';
     label?: string;
     iconLabel?: string;
     disabled?: boolean;

package/dist/components/elements/switch/index.d.ts

@@ -1,2 +1,2 @@
-export { SwitchElement } from './switch.element';
 export { SwitchContentElement } from './switch-content.element';
+export { SwitchElement } from './switch.element';

package/dist/components/elements/tabs/tabs-badge-count-subs.component.d.ts

@@ -12,6 +12,6 @@ export interface TabBadgeCountSubs {
 export interface TabsBadgeCountSubsComponentProps {
     idSelect?: string;
     tabs: TabBadgeCountSubs[];
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
 }
 export declare const TabsBadgeCountSubsComponent: React.FC<TabsBadgeCountSubsComponentProps>;

package/dist/components/elements/tabs/tabs-badge-count.component.d.ts

@@ -6,8 +6,8 @@ export interface TabBadgeCount extends TabComponent {
 export interface TabsBadgeCountComponentProps {
     idSelect?: string;
     tabs: TabBadgeCount[];
-    size?: "large" | "small" | "medium";
-    direction?: "column" | "row";
+    size?: 'large' | 'small' | 'medium';
+    direction?: 'column' | 'row';
     isSubs?: boolean;
 }
 export declare const TabsBadgeCountComponent: React.FC<TabsBadgeCountComponentProps>;

package/dist/components/elements/tabs/tabs-subs.component.d.ts

@@ -11,6 +11,6 @@ export interface TabSubs {
 export interface TabsSubsComponentProps {
     idSelect?: string;
     tabs: TabSubs[];
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
 }
 export declare const TabsSubsComponent: React.FC<TabsSubsComponentProps>;

package/dist/components/elements/tabs/tabs.component.d.ts

@@ -10,9 +10,9 @@ export interface TabComponent {
 export interface TabsComponentProps {
     idSelect?: string;
     tabs: TabComponent[];
-    size?: "large" | "small" | "medium";
-    direction?: "column" | "row";
-    variant?: "contained" | "outlined";
+    size?: 'large' | 'small' | 'medium';
+    direction?: 'column' | 'row';
+    variant?: 'contained' | 'outlined';
     onChange?: (newValue: string) => void;
     sx?: SxProps;
     sxTabs?: SxProps;

package/dist/components/elements/tag/index.d.ts

@@ -1,2 +1,2 @@
-export { TagElement } from './tag.element';
 export { TagOnClickElement } from './tag-on-click.element';
+export { TagElement } from './tag.element';

package/dist/components/elements/tag/tag-on-click.element.d.ts

@@ -3,6 +3,6 @@ export interface TagOnClickElementProps {
     content: string;
     active: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    size?: "small" | "medium";
+    size?: 'small' | 'medium';
 }
 export declare const TagOnClickElement: React.FC<TagOnClickElementProps>;

package/dist/components/elements/tag/tag.element.d.ts

@@ -1,15 +1,15 @@
 import { SxProps, Theme } from '@mui/material';
 import { default as React } from 'react';
-export type TagType = "success" | "warning" | "info" | "secondary" | "primary" | "error";
-export type TagSize = "large" | "medium" | "small";
-export type TagVariant = "contained" | "outlined" | "outlined-border";
+export type TagType = 'success' | 'warning' | 'info' | 'secondary' | 'primary' | 'error';
+export type TagSize = 'large' | 'medium' | 'small';
+export type TagVariant = 'contained' | 'outlined' | 'outlined-border';
 export declare const lightenColor: (hex: string, percent: number) => string;
 export interface TagElementProps {
     type: string;
     content: string;
     width?: number;
     sx?: SxProps<Theme>;
-    variation?: "body1" | "caption";
+    variation?: 'body1' | 'caption';
     variant?: TagVariant;
     size?: TagSize;
     color?: string;

package/dist/components/elements/text-field/index.d.ts

@@ -1 +1,9 @@
+export { TextFieldDateElement } from './text-field-date.element';
+export { TextFieldLabelElement } from './text-field-label.element';
+export { TextFieldNumberElement } from './text-field-number.element';
+export { TextFieldSearchCustomElement } from './text-field-search-custom.element';
+export { TextFieldSearchElement } from './text-field-search.element';
+export { TextFieldSelectSearchObjectElement } from './text-field-select-search-object.element';
+export { TextFieldSelectSearchElement } from './text-field-select-search.element';
+export { TextFieldElement } from './text-field.element';
 export * from './text-highlight.element';

package/dist/components/elements/text-field/text-field-date.element.d.ts

@@ -0,0 +1,21 @@
+import { SxProps, Theme } from '@mui/material';
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { default as React } from 'react';
+export interface TextFieldDateElementProps extends DatePickerProps {
+    name: string;
+    label?: string;
+    iconLabel?: string;
+    error?: unknown;
+    value?: any;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    helperText?: string;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+    disablePast?: boolean;
+    disableFuture?: boolean;
+    dateRangeInDays?: number;
+    onBlur?: (e: React.FocusEvent<any>) => void;
+    minDate?: any;
+    maxDate?: any;
+}
+export declare const TextFieldDateElement: React.FC<TextFieldDateElementProps>;

package/dist/components/elements/text-field/text-field-number.element.d.ts

@@ -0,0 +1,19 @@
+import { BaseTextFieldProps, TextFieldProps } from '@mui/material';
+import { default as React } from 'react';
+export interface TextFieldNumberElementProps extends BaseTextFieldProps {
+    iconLabel?: string;
+    error?: any;
+    placeholder?: string;
+    value?: any;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value: any;
+        };
+    }) => void;
+    decimalScale?: number;
+    showResetButton?: boolean;
+    onReset?: () => void;
+    InputProps?: TextFieldProps['InputProps'];
+}
+export declare const TextFieldNumberElement: React.FC<TextFieldNumberElementProps>;

package/dist/components/elements/text-field/text-field-select-search-object.element.d.ts

@@ -0,0 +1,26 @@
+import { AutocompleteRenderOptionState } from '@mui/material/Autocomplete';
+import { BaseTextFieldProps } from '@mui/material/TextField';
+import { default as React } from 'react';
+export interface TextFieldSelectSearchObjectElementProps extends BaseTextFieldProps {
+    openTest?: boolean;
+    iconLabel?: string;
+    error?: any;
+    multiple?: boolean;
+    loading?: boolean;
+    options?: any[];
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    onInputChange?: (event: React.SyntheticEvent, newInputValue: string, reason: string) => void;
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: any, state: AutocompleteRenderOptionState) => React.ReactNode;
+    isOptionEqualToValue?: (option: any, value: any) => boolean;
+    getOptionLabel?: (option: any) => any;
+    getOptionDisabled?: (option: any) => boolean;
+    freeSolo?: boolean;
+    isCheckIcon?: boolean;
+    showAvatar?: boolean;
+    colorLabel?: string;
+    renderTags?: (value: any[], getTagProps: (params: {
+        index: number;
+    }) => any) => React.ReactNode;
+    maxDisplayTags?: number;
+}
+export declare const TextFieldSelectSearchObjectElement: React.FC<TextFieldSelectSearchObjectElementProps>;

package/dist/components/elements/text-field/text-field-select-search.element.d.ts

@@ -0,0 +1,21 @@
+import { BaseTextFieldProps } from '@mui/material/TextField';
+import { default as React } from 'react';
+interface TextFieldSelectSearchElementProps extends BaseTextFieldProps {
+    openTest?: boolean;
+    iconLabel?: string;
+    error?: any;
+    value?: any;
+    multiple?: boolean;
+    loading?: boolean;
+    options: any[];
+    onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
+    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: any) => React.ReactNode;
+    getOptionLabel?: (option: any) => string;
+    isCheckIcon?: boolean;
+    colorLabel?: string;
+    showRadioBtn?: boolean;
+    disableCloseOnSelect?: boolean;
+    helperText?: any;
+}
+export declare const TextFieldSelectSearchElement: React.FC<TextFieldSelectSearchElementProps>;
+export {};

package/dist/components/elements/text-field/text-field.element.d.ts

@@ -1,10 +1,10 @@
 import { TextFieldProps } from '@mui/material';
 import { default as React } from 'react';
-export interface TextFieldElementProps extends Omit<TextFieldProps, ""> {
+export interface TextFieldElementProps extends Omit<TextFieldProps, ''> {
     iconLabel?: string;
     error?: any;
     onChange?: (event: React.ChangeEvent<HTMLInputElement> | any) => void;
-    InputProps?: TextFieldProps["InputProps"];
+    InputProps?: TextFieldProps['InputProps'];
     colorLabel?: string;
     description?: string | null;
     showResetButton?: boolean;

package/dist/components/elements/tooltip/tooltip-on-click.element.d.ts

@@ -1,6 +1,6 @@
 import { TooltipProps } from '@mui/material';
 import { default as React, ReactElement } from 'react';
-export interface TooltipOnClickElementProps extends Partial<Omit<TooltipProps, "content">> {
+export interface TooltipOnClickElementProps extends Partial<Omit<TooltipProps, 'content'>> {
     content: ReactElement | string;
     onClickAway: () => void;
 }

package/dist/components/elements/typography/index.d.ts

@@ -1,2 +1,5 @@
-export { TypographyOneLine } from './typography-limit-one-line.component';
 export { TypographyContentCaption } from './typography-content-caption.component';
+export { TypographyGridInfoRow } from './typography-grid-info-row.component';
+export { TypographyInfoRow } from './typography-info-row.component';
+export { TypographyInfoUser } from './typography-info-user.component';
+export { TypographyOneLine } from './typography-limit-one-line.component';

package/dist/components/elements/typography/typography-grid-info-row.component.d.ts

@@ -6,9 +6,9 @@ type TypographyGridInfoRowProps = {
     sx?: SxProps<Theme>;
     lineLimit?: number;
     columns?: string;
-    layout?: "horizontal" | "vertical";
+    layout?: 'horizontal' | 'vertical';
     sxValue?: SxProps<Theme>;
     sxLabel?: SxProps<Theme>;
 };
-declare const TypographyGridInfoRow: React.FC<TypographyGridInfoRowProps>;
-export default TypographyGridInfoRow;
+export declare const TypographyGridInfoRow: React.FC<TypographyGridInfoRowProps>;
+export {};

package/dist/components/elements/typography/typography-info-user.component.d.ts

@@ -15,5 +15,5 @@ interface TypographyInfoGridProps {
     gap?: number;
     highlightQuery?: string;
 }
-declare const TypographyInfoUser: React.FC<TypographyInfoGridProps>;
-export default TypographyInfoUser;
+export declare const TypographyInfoUser: React.FC<TypographyInfoGridProps>;
+export {};

package/dist/components/elements/user/index.d.ts

@@ -0,0 +1 @@
+export { UserInfo } from './user-info.element';

package/dist/components/elements/user/user-info.element.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+export interface UserInfoProps {
+    name: string;
+    department?: string;
+    icon?: string;
+    sx?: SxProps<Theme>;
+}
+export declare const UserInfo: React.FC<UserInfoProps>;

package/dist/components/empty/empty.component.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export interface EmptyComponentProps {
+}
+export declare const EmptyComponent: React.FC<EmptyComponentProps>;

package/dist/components/empty/index.d.ts

@@ -0,0 +1 @@
+export { EmptyComponent } from './empty.component';

package/dist/components/index.d.ts

@@ -2,8 +2,14 @@ export * from './app-grid';
 export * from './banner';
 export * from './bread-cumbs';
 export * from './elements';
+export * from './empty';
+export * from './layouts';
 export * from './loading';
+export * from './logo';
 export * from './motion';
+export * from './note';
+export * from './price';
+export * from './review';
 export * from './sidebar';
 export * from './styles';
 export * from './system-monitor';

package/dist/components/layouts/default.layout.d.ts

@@ -0,0 +1,5 @@
+import { default as React, ReactNode } from 'react';
+export interface DefaultLayoutProps {
+    children?: ReactNode;
+}
+export declare const DefaultLayout: React.FC<DefaultLayoutProps>;

package/dist/components/layouts/index.d.ts

@@ -0,0 +1 @@
+export { DefaultLayout } from './default.layout';

package/dist/components/loading/loading.component.d.ts

@@ -1,7 +1,7 @@
 import { SxProps, Theme } from '@mui/material';
 export interface LoadingComponentProps {
     color?: string;
-    size?: "large" | "small" | "medium";
+    size?: 'large' | 'small' | 'medium';
     sx?: SxProps<Theme>;
 }
 export declare const LoadingComponent: React.FC<LoadingComponentProps>;

package/dist/components/logo/index.d.ts

@@ -0,0 +1 @@
+export { LogoComponent } from './logo.component';

package/dist/components/logo/logo.component.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from '@emotion/react';
+import { SxProps } from '@mui/system';
+import { default as React } from 'react';
+export interface LogoComponentProps {
+    url: string;
+    height?: number;
+    sx?: SxProps<Theme>;
+}
+export declare const LogoComponent: React.FC<LogoComponentProps>;

package/dist/components/motion/motion-box.component.d.ts

@@ -1,7 +1,7 @@
 import { MotionProps } from 'framer-motion';
 import { default as React } from 'react';
-type AnimationPreset = "fadeInUp" | "fadeInDown" | "fadeInLeft" | "fadeInRight" | "scaleIn" | "slideInUp" | "staggerItem" | "tabContent" | "tabUnderline";
-interface MotionBoxProps extends Omit<MotionProps, "initial" | "animate" | "transition"> {
+type AnimationPreset = 'fadeInUp' | 'fadeInDown' | 'fadeInLeft' | 'fadeInRight' | 'scaleIn' | 'slideInUp' | 'staggerItem' | 'tabContent' | 'tabUnderline';
+interface MotionBoxProps extends Omit<MotionProps, 'initial' | 'animate' | 'transition'> {
     children: React.ReactNode;
     sx?: React.CSSProperties;
     onClick?: () => void;

package/dist/components/note/index.d.ts

@@ -0,0 +1 @@
+export { NoteComponent } from './note.component';

package/dist/components/note/note.component.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface NoteComponentProps {
+    content: string;
+    contentHref?: string;
+    href?: string;
+    type?: 'info' | 'recommend' | 'warning' | 'error';
+}
+export declare const NoteComponent: React.FC<NoteComponentProps>;

package/dist/components/price/index.d.ts

@@ -0,0 +1 @@
+export { PriceComponent } from './price.component';

package/dist/components/price/price.component.d.ts

@@ -0,0 +1,14 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface PriceComponentProps {
+    isLineHeight1?: boolean;
+    price: number;
+    originalPrice?: number;
+    discountPercent?: number;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    size?: 'small' | 'medium' | 'large';
+    sameSize?: boolean;
+    color?: string;
+    sx?: SxProps<Theme>;
+}
+export declare const PriceComponent: React.FC<PriceComponentProps>;

package/dist/components/review/index.d.ts

@@ -0,0 +1 @@
+export { ReviewComponent } from './review.component';

package/dist/components/review/review.component.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+export interface ReviewComponentProps {
+    averageRating: number;
+    reviewCount: number;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    sx?: SxProps<Theme>;
+}
+export declare const ReviewComponent: React.FC<ReviewComponentProps>;

package/dist/components/sidebar/apps-sidebar.component.d.ts

@@ -4,7 +4,7 @@ import { AppInfo } from '../../common/constant/apps.data';
 interface AppsSidebarProps {
     isOpen: boolean;
     onClose: () => void;
-    position?: "left" | "right";
+    position?: 'left' | 'right';
     blacklist?: string[];
     env: Environment;
     onClickApp: (appInfo: AppInfo) => void;

package/dist/components/sidebar/system-monitor-sidebar.part.d.ts

@@ -1,7 +1,6 @@
-import { AppInfo } from '../../common';
-import { Environment } from '../../common/utils/other/app.utils';
+import { AppInfo, Environment } from '../../common';
 export interface SystemMonitorSidebarPartProps {
-    position?: "left" | "right";
+    position?: 'left' | 'right';
     blacklist?: string[];
     env: Environment;
     onClickApp: (appInfo: AppInfo) => void;

package/dist/components/styles/image.style.d.ts

@@ -0,0 +1,3 @@
+export declare const ImageBrand: import('@emotion/styled').StyledComponent<import('../elements/image/image.element').ImageElementProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ImageBorderDashboard: import('@emotion/styled').StyledComponent<import('../elements/image/image.element').ImageElementProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ImageEmpty: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/components/styles/index.d.ts

@@ -1,2 +1,7 @@
+export * from './image.style';
+export * from './input.style';
+export * from './link.style';
+export * from './paper.style';
+export * from './picker.style';
 export * from './stack.style';
 export * from './typography.style';