sevago-library 1.0.2

package/dist/src/common/enums/system.enum.d.ts

@@ -0,0 +1,16 @@
+export declare enum Status {
+    ACTIVE = "ACTIVE",
+    INACTIVE = "INACTIVE",
+    DELETED = "DELETED",
+    PENDING = "PENDING"
+}
+export declare enum Mode {
+    DARK = "dark",
+    LIGHT = "light"
+}
+export declare enum Environment {
+    PRODUCTION_VPS = "production_vps",
+    DEVELOP = "develop",
+    STAGING = "staging",
+    PRODUCTION = "production"
+}

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

@@ -0,0 +1,4 @@
+export * from './const';
+export * from './enums';
+export * from './interfaces';
+export * from './utils';

package/dist/src/common/interfaces/api.interface.d.ts

@@ -0,0 +1,31 @@
+import { HttpStatusCode } from 'axios';
+import { OrderType } from '../enums';
+export interface BaseEntity<T> {
+    id: string;
+    createdAt: Date;
+    updatedAt: Date;
+    createdBy?: Partial<T>;
+    updatedBy?: Partial<T>;
+    createdById?: string;
+    updatedById?: string;
+}
+export interface Error {
+    message: string;
+    statusCode: HttpStatusCode | number;
+}
+export interface PageOptions<T> {
+    orderType?: OrderType;
+    orderBy?: keyof T;
+    page: number;
+    take: number;
+    search?: string;
+    isRelations?: boolean;
+    isDeleted?: boolean;
+}
+export interface DeleteOptional {
+    soft: boolean | string;
+}
+export interface ResList<T> {
+    total: number;
+    list: T[];
+}

package/dist/src/common/interfaces/file.interface.d.ts

@@ -0,0 +1,19 @@
+export interface FileFromApi {
+    url: string;
+    name: string;
+    status?: string;
+}
+export interface FileItem extends Partial<File> {
+    url?: string;
+    preview?: string;
+    name: string;
+    status?: string;
+}
+export type FileWithPreviewOrUrl = FileWithPreview | FileFromApi | FileItem | string | undefined;
+export interface FileWithPreview extends File {
+    preview: string;
+}
+export interface AttachmentDto {
+    url: string;
+    name: string;
+}

package/dist/src/common/interfaces/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api.interface';
+export * from './file.interface';
+export * from './other.interface';

package/dist/src/common/interfaces/other.interface.d.ts

@@ -0,0 +1,20 @@
+import { AppGroup } from '../enums';
+export interface ChangeEventCustom<T> {
+    target: {
+        name?: string;
+        value?: T;
+    };
+}
+export interface AppInfo {
+    path: {
+        local: string;
+        develop: string;
+        staging: string;
+        production: string;
+        production_vps: string;
+    };
+    content: string;
+    color: string;
+    icon: string;
+    group: AppGroup;
+}

package/dist/src/common/utils/array.util.d.ts

@@ -0,0 +1,7 @@
+export declare const checkArraysMatching: (smallArray: any[], bigArray: any[]) => boolean;
+export declare const chunkArray: <T>(array: T[], size: number) => T[][];
+export declare function convertArrayToObj<T extends Record<string, any>>(array: T[], keys: (keyof T)[]): Record<string, T>;
+export declare function convertArrayToObj<T extends Record<string, any>, K extends keyof T>(array: T[], keys: (keyof T)[], value: K): Record<string, T[K]>;
+export declare function groupBy<T>(array: T[], keys: (keyof T)[]): Record<string, T[]>;
+export declare const trimmedArray: (array: any[]) => any[];
+export declare const mapOrder: (originalArray: any[], orderArray: any[], key: string) => any[];

package/dist/src/common/utils/delay.util.d.ts

@@ -0,0 +1,2 @@
+export declare function debounce<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;
+export declare function throttle<T extends (...args: any[]) => void>(func: T, delay: number): (...args: Parameters<T>) => void;

package/dist/src/common/utils/file.util.d.ts

@@ -0,0 +1,10 @@
+import { default as ExcelJS } from 'exceljs';
+import { FileWithPreviewOrUrl } from '../interfaces';
+export declare const styleDefaultRowExcel: (row: ExcelJS.Row) => void;
+export declare const styleDefaultHeaderExcel: (row: ExcelJS.Row) => void;
+export declare const fitColumnWidthHeightExcel: (worksheet: ExcelJS.Worksheet, fixedHeightRows?: Set<number>, //  Những dòng sẽ style height bằng tay không áp dụng auto fit
+rowHeight?: number) => void;
+export declare function exportArrayObjectToExcel<T extends object>(array: T[], fileName: string, columnNameObj: Partial<Record<keyof T, string>>, sheetName?: string): Promise<void>;
+export declare const downloadFileFromBlob: (response: any, fileName?: string) => void;
+export declare const getFileExtension: (file: FileWithPreviewOrUrl) => string;
+export declare const isImageFile: (file: FileWithPreviewOrUrl) => boolean;

package/dist/src/common/utils/file.utils.d.ts

@@ -0,0 +1,8 @@
+import { FileWithPreviewOrUrl } from '../interfaces/file.interface';
+/**
+ * Normalize multiple file shapes into a single image src string.
+ * - string: treated as a direct URL
+ * - FileWithPreview: uses `preview`
+ * - FileFromApi / FileItem: uses `url`
+ */
+export declare function getFileSource(file: FileWithPreviewOrUrl): string | undefined;

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

@@ -0,0 +1,8 @@
+export * as arrayUtil from './array.util';
+export * as delayUtil from './delay.util';
+export * as fileUtil from './file.util';
+export * as numberUtil from './number.util';
+export * as objectUtil from './object.util';
+export * as otherUtil from './other.util';
+export * as stringUtil from './string.util';
+export * as timeUtil from './time.util';

package/dist/src/common/utils/number.util.d.ts

@@ -0,0 +1,2 @@
+export declare const formatNumber: (value: any, decimalPlaces?: number) => any;
+export declare const round5000: (number: number) => number;

package/dist/src/common/utils/object.util.d.ts

@@ -0,0 +1,8 @@
+export declare const compareObjectsGetUpdatedProperties: <T extends Record<string, any>, K extends keyof T>(oldObj: T, newObj: T, blacklist: K[]) => { [P in keyof T]: {
+    old: T[P];
+    new: T[P];
+}; };
+export declare const sortObjectByKeyLengthDesc: (obj: Record<string, any>) => Record<string, any>;
+export declare const getKeyValuesFromObject: (object: any, keys: string[]) => string;
+export declare const omitProperties: <T extends object, K extends keyof T>(obj: T, keysToOmit: K[]) => Omit<T, K>;
+export declare const objectToStyleInline: (styleObj: any) => string;

package/dist/src/common/utils/other.util.d.ts

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material';
+import { Environment, Mode } from '../enums';
+import { FileWithPreviewOrUrl } from '../interfaces';
+export declare const getTheme: (mode?: Mode) => Theme;
+export declare const calculatePageAndIndex: (urlIndex: number, urlPage: number, urlTake: number, currentTake?: number) => {
+    page: number;
+    index: number;
+};
+export declare const scrollTo: (id: string) => void;
+export declare const getLimitLineCss: (line: number) => SxProps<Theme>;
+export declare const getCurrentEnvironment: () => Environment;
+export declare const getErrorMessage: (e: unknown) => string;
+export declare const getAppBlackList: (user: any, env: Environment, appBlackList: Record<string, string[]>) => string[];
+export declare const lightenColor: (hex?: string, percent?: number) => string;
+export declare const getDocumentIcon: (file: FileWithPreviewOrUrl) => FileWithPreviewOrUrl;

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

@@ -0,0 +1,14 @@
+export declare const stringToColor: (string: string) => string;
+export declare const extractNumberAtStartString: (string: string) => number;
+export declare const camelToKebabCase: (str: 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 stripHtml: (html: string) => string;
+export declare const truncateText: (text: string, maxLength?: number) => string;
+export declare const normalizeText: (text: string) => string;
+export declare const isEmpty: (value: any) => boolean;
+export declare const checkEmptyText: (value: any) => string;

package/dist/src/common/utils/time.util.d.ts

@@ -0,0 +1,16 @@
+import { default as dayjs, Dayjs } from 'dayjs';
+export declare const getTimeAgo: (time: Date | string) => string;
+export declare const getDateTime: (time?: Date | string, isGetDay?: boolean) => string;
+export declare const getDate: (time?: Date | string) => string;
+export declare const checkNowYear: (date?: Date, year?: number) => boolean;
+export declare const getMonthRangeForYear: (startDate: Date, endDate: Date, year: number) => {
+    start: number;
+    end: number;
+};
+export declare function getDayOffsetPx(date: dayjs.Dayjs, monthWidths: number[], dayWidth: number): number;
+export declare const isSameDateTime: (createdAt: Date | string, updatedAt: Date | string) => boolean;
+export declare const getTimeDate: (time?: Date | string) => string;
+export declare const isDateString: (value: any) => boolean;
+export declare const getDateISO: (date?: Date | string | null) => string | undefined;
+export declare const formatActivityDateLabel: (time: Date | string) => string;
+export declare const formatRange: (range: [Dayjs | null, Dayjs | null]) => string;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { AppInfo } from '../../common';
+export interface AppGridItemProps {
+    app: AppInfo;
+    iconSize: number;
+    iconRadius: number;
+    titleVariant?: 'subtitle1' | 'body1' | 'caption';
+    titleColor?: string;
+    showNameApps?: boolean;
+    showIconApps?: boolean;
+    direction?: 'row' | 'column';
+}
+export declare const AppGridItem: React.FC<AppGridItemProps>;

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { AppInfo } from '../../common';
+export interface AppGridProps {
+    apps: AppInfo[];
+    columns?: number;
+    rows?: number;
+    iconSize?: number;
+    iconRadius?: number;
+    titleVariant?: 'subtitle1' | 'body1' | 'caption';
+    captionVariant?: 'caption' | 'body2';
+    titleColor?: string;
+    captionColor?: string;
+    showPagination?: boolean;
+    onClickApp: (appInfo: AppInfo) => void;
+    isShowAppHidden?: boolean;
+}
+export declare const AppGrid: React.FC<AppGridProps>;

package/dist/src/components/app-grid/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-grid.component';
+export * from './app-grid-item.component';

package/dist/src/components/card/card-statistic.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { CardStatisticsComponentProps } from './card-statistic.component';
+export declare const cardStatisticArgTypes: Partial<ArgTypes<CardStatisticsComponentProps>>;

package/dist/src/components/card/card-statistic.component.d.ts

@@ -0,0 +1,10 @@
+import { default as React, ReactNode } from 'react';
+export interface CardStatisticsComponentProps {
+    label: string;
+    count: number;
+    color: string;
+    bgColor: string;
+    icon: string;
+    info?: ReactNode;
+}
+export declare const CardStatisticsComponent: React.FC<CardStatisticsComponentProps>;

package/dist/src/components/card/card-statistic.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CardStatisticsComponent } from './card-statistic.component';
+declare const meta: Meta<typeof CardStatisticsComponent>;
+export default meta;
+type Story = StoryObj<typeof CardStatisticsComponent>;
+export declare const Default: Story;
+export declare const WithInfo: Story;

package/dist/src/components/card/index.d.ts

@@ -0,0 +1 @@
+export * from './card-statistic.component';

package/dist/src/components/dropdown-field/dropdown-field.component.d.ts

@@ -0,0 +1,29 @@
+import { SxProps, Theme } from '@mui/material';
+import { ReactNode } from 'react';
+interface SelectOption {
+    label: string;
+    value: string | number;
+    icon?: string;
+    avatar?: string;
+    statusIndicator?: boolean;
+}
+interface SelectFieldProps {
+    label?: string;
+    placeholder?: string;
+    value?: string | number | null;
+    disabled?: boolean;
+    error?: boolean;
+    success?: boolean;
+    errorMessage?: ReactNode;
+    successMessage?: ReactNode;
+    borderRadius?: number | 'max';
+    onChange?: (value: string | number) => void;
+    helperText?: string;
+    options: SelectOption[];
+    checkIconColor?: string;
+    required?: boolean;
+    sx?: SxProps<Theme>;
+    labelSx?: SxProps<Theme>;
+}
+declare const DropdownFieldComponent: ({ label, placeholder, value, disabled, error, success, errorMessage, successMessage, borderRadius, onChange, helperText, options, checkIconColor, required, sx, labelSx, }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
+export { DropdownFieldComponent };

package/dist/src/components/dropdown-field/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown-field.component';

package/dist/src/components/elements/avatar/avatar-enum.enum.d.ts

@@ -0,0 +1,13 @@
+export declare const SIZE_AVATAR_CHAT_PERSON = 40;
+export declare const SIZE_EXTRA_LARGE = 36;
+export declare const SIZE_ONLINE_STATUS = 8;
+export type SizeProps = 'extra_small' | 'small' | 'medium' | 'large' | 'extra_large' | 'avatar_group' | 'online_status' | 'avatar_chat_person';
+export declare const MAP_SIZE: Record<string, {
+    width: number;
+    height: number;
+}>;
+export declare enum StatusAvatar {
+    PENDING = "\u0110ang ch\u1EDD",
+    APPROVED = "\u0110\u00E3 ph\u00EA duy\u1EC7t",
+    REJECTED = "\u0110\u00E3 t\u1EEB ch\u1ED1i"
+}

package/dist/src/components/elements/avatar/avatar-group/avatar-group.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarGroupElementProps } from './avatar-group.element';
+export declare const avatarGroupArgTypes: Partial<ArgTypes<AvatarGroupElementProps>>;

package/dist/src/components/elements/avatar/avatar-group/avatar-group.element.d.ts

@@ -0,0 +1,21 @@
+import { AvatarProps, SxProps } from '@mui/material';
+import { default as React } from 'react';
+import { SizeProps } from '../../../../common';
+import { StatusAvatar } from '../avatar-enum.enum';
+interface AvatarGroupItem {
+    url: string;
+    tooltipContent?: React.ReactNode;
+    status?: StatusAvatar;
+    alt?: string;
+}
+export interface AvatarGroupElementProps extends AvatarProps {
+    items: AvatarGroupItem[];
+    sxGroup?: SxProps;
+    maxAvatars?: number;
+    size?: SizeProps;
+    renderSurplus?: ((surplus: number) => React.ReactNode) | undefined;
+    approveStatus?: string;
+    rejectStatus?: string;
+}
+export declare const AvatarGroupElement: React.FC<AvatarGroupElementProps>;
+export {};

package/dist/src/components/elements/avatar/avatar-group/avatar-group.element.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarGroupElement } from './avatar-group.element';
+declare const meta: Meta<typeof AvatarGroupElement>;
+export default meta;
+type Story = StoryObj<typeof AvatarGroupElement>;
+export declare const Default: Story;
+export declare const WithStatuses: Story;
+export declare const SurplusPopover: Story;
+export declare const Sizes: Story;

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

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarOnlineStatusElementProps } from './avatar-online-status.element';
+export declare const avatarOnlineStatusArgTypes: Partial<ArgTypes<AvatarOnlineStatusElementProps>>;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SizeProps } from '../../../../common';
+export interface AvatarOnlineStatusElementProps {
+    url?: string | null;
+    size?: SizeProps | string;
+    online?: boolean;
+    children?: React.ReactNode;
+}
+export declare const OnlineBadge: import('@emotion/styled').StyledComponent<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "components" | "style" | "color" | "className" | "classes" | "children" | "sx" | "variant" | "slots" | "slotProps" | "componentsProps" | "max" | "invisible" | "anchorOrigin" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    component?: React.ElementType;
+}, {}, {}>;
+export declare const AvatarOnlineStatusElement: React.FC<AvatarOnlineStatusElementProps>;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarOnlineStatusElement } from './avatar-online-status.element';
+declare const meta: Meta<typeof AvatarOnlineStatusElement>;
+export default meta;
+type Story = StoryObj<typeof AvatarOnlineStatusElement>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithImage: Story;
+export declare const StatusComparison: Story;

package/dist/src/components/elements/avatar/avatar-user-info/avatar-user-info.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarUserInfoProps } from './avatar-user-info.element';
+export declare const avatarUserInfoArgTypes: Partial<ArgTypes<AvatarUserInfoProps>>;

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

@@ -0,0 +1,15 @@
+import { SxProps, Theme } from '@mui/material';
+import { default as React } from 'react';
+import { SizeProps } from '../../../../common';
+export interface AvatarUserInfoProps {
+    name?: string;
+    url?: string;
+    positions?: string[];
+    maxWidth?: string | number;
+    isTag?: boolean;
+    sxName?: SxProps<Theme>;
+    sxPosition?: SxProps<Theme>;
+    sizeAvatar?: SizeProps | string;
+    onClick?: () => void;
+}
+export declare const AvatarUserInfo: React.FC<AvatarUserInfoProps>;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarUserInfo } from './avatar-user-info.element';
+declare const meta: Meta<typeof AvatarUserInfo>;
+export default meta;
+type Story = StoryObj<typeof AvatarUserInfo>;
+export declare const Default: Story;
+export declare const WithTag: Story;
+export declare const WithoutImage: Story;
+export declare const Sizes: Story;
+export declare const LongName: Story;
+export declare const WithCustomMaxWidth: Story;
+export declare const NameOnly: Story;

package/dist/src/components/elements/avatar/avatar-user-info-detail/avatar-user-info-detail.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarUserInfoDetailProps } from './avatar-user-info-detail.element';
+export declare const avatarUserInfoDetailArgTypes: Partial<ArgTypes<AvatarUserInfoDetailProps>>;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SizeProps } from '../../../../common';
+export interface AvatarUserInfoDetailProps {
+    name?: string;
+    url?: string;
+    positions?: string[];
+    maxWidth?: string | number;
+    sizeAvatar?: SizeProps;
+    code?: string;
+    directManagers?: any[];
+}
+export declare const AvatarUserInfoDetail: React.FC<AvatarUserInfoDetailProps>;

package/dist/src/components/elements/avatar/avatar-user-info-detail/avatar-user-info-detail.element.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarUserInfoDetail } from './avatar-user-info-detail.element';
+declare const meta: Meta<typeof AvatarUserInfoDetail>;
+export default meta;
+type Story = StoryObj<typeof AvatarUserInfoDetail>;
+export declare const Default: Story;
+export declare const WithDirectManagers: Story;
+export declare const LongContent: Story;
+export declare const ResponsivePreview: Story;

package/dist/src/components/elements/avatar/avatar-user-info-update/avatar-user-info-update.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarUserInfoUpdateProps } from './avatar-user-info-update.element';
+export declare const avatarUserInfoUpdateArgTypes: Partial<ArgTypes<AvatarUserInfoUpdateProps>>;

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { FileWithPreview, FileWithPreviewOrUrl } from '../../../../common/interfaces/file.interface';
+export interface AvatarUserInfoUpdateProps {
+    title?: string;
+    nameFile?: string;
+    url?: FileWithPreviewOrUrl;
+    positions?: string[];
+    onChange?: (file: FileWithPreview | null) => void;
+    loading?: boolean;
+}
+export declare const AvatarUserInfoUpdate: React.FC<AvatarUserInfoUpdateProps>;

package/dist/src/components/elements/avatar/avatar-user-info-update/avatar-user-info-update.element.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarUserInfoUpdate } from './avatar-user-info-update.element';
+declare const meta: Meta<typeof AvatarUserInfoUpdate>;
+export default meta;
+type Story = StoryObj<typeof AvatarUserInfoUpdate>;
+export declare const Default: Story;
+export declare const LoadingOverlay: Story;
+export declare const Controlled: Story;

package/dist/src/components/elements/avatar/avatar.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { AvatarElementProps } from './avatar.element';
+export declare const avatarArgTypes: Partial<ArgTypes<AvatarElementProps>>;

package/dist/src/components/elements/avatar/avatar.element.d.ts

@@ -0,0 +1,9 @@
+import { AvatarProps } from '@mui/material';
+import { default as React, ReactNode } from 'react';
+import { SizeProps } from '../../../common';
+export interface AvatarElementProps extends AvatarProps {
+    url?: string | null;
+    size?: SizeProps | string;
+    tooltipContent?: ReactNode;
+}
+export declare const AvatarElement: React.FC<AvatarElementProps>;

package/dist/src/components/elements/avatar/avatar.element.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AvatarElement } from './avatar.element';
+declare const meta: Meta<typeof AvatarElement>;
+export default meta;
+type Story = StoryObj<typeof AvatarElement>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithImage: Story;
+export declare const WithTooltip: Story;

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

@@ -0,0 +1,6 @@
+export * from './avatar-group/avatar-group.element';
+export * from './avatar-online-status/avatar-online-status.element';
+export * from './avatar-user-info-detail/avatar-user-info-detail.element';
+export * from './avatar-user-info-update/avatar-user-info-update.element';
+export * from './avatar-user-info/avatar-user-info.element';
+export * from './avatar.element';

package/dist/src/components/elements/breadcrumb/breadcrumb.element.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface BreadcrumbElementProps {
+    items: BreadcrumbItem[];
+}
+export declare const BreadcrumbElement: React.FC<BreadcrumbElementProps>;
+export {};

package/dist/src/components/elements/breadcrumb/breadcrumb.element.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BreadcrumbElement } from './breadcrumb.element';
+declare const meta: Meta<typeof BreadcrumbElement>;
+export default meta;
+type Story = StoryObj<typeof BreadcrumbElement>;
+export declare const Default: Story;
+export declare const WithClickableCrumbs: Story;
+export declare const ManyItems: Story;

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

@@ -0,0 +1 @@
+export * from './breadcrumb.element';

package/dist/src/components/elements/button/button-icon-content/button-icon-content-opacity.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { ButtonIconContentOpacityElementProps } from './button-icon-content-opacity.element';
+export declare const buttonIconContentOpacityArgTypes: ArgTypes<ButtonIconContentOpacityElementProps>;

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

@@ -0,0 +1,10 @@
+import { ButtonProps } from '@mui/material';
+import { default as React } from 'react';
+export interface ButtonIconContentOpacityElementProps extends ButtonProps {
+    loading?: boolean;
+    icon: string;
+    content: any;
+    isQuare?: boolean;
+    permission?: boolean;
+}
+export declare const ButtonIconContentOpacityElement: React.FC<ButtonIconContentOpacityElementProps>;

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonIconContentOpacityElement } from './button-icon-content-opacity.element';
+declare const meta: Meta<typeof ButtonIconContentOpacityElement>;
+export default meta;
+type Story = StoryObj<typeof ButtonIconContentOpacityElement>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Square: Story;
+export declare const ClickCallsOnClick: Story;

package/dist/src/components/elements/button/button-icon-element/button-icon.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { ButtonIconElementProps } from './button-icon.element';
+export declare const buttonIconArgTypes: ArgTypes<ButtonIconElementProps>;

package/dist/src/components/elements/button/button-icon-element/button-icon.element.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '@mui/material';
+export interface ButtonIconElementProps extends ButtonProps {
+    icon: string;
+    loading?: boolean;
+    permission?: boolean;
+    sizeType?: 'CIRCLE' | 'SQUARE' | 'FULL_WIDTH';
+}
+export declare const ButtonIconElement: React.FC<ButtonIconElementProps>;

package/dist/src/components/elements/button/button-icon-element/button-icon.element.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ButtonIconElement } from './button-icon.element';
+declare const meta: Meta<typeof ButtonIconElement>;
+export default meta;
+type Story = StoryObj<typeof ButtonIconElement>;
+export declare const Default: Story;
+export declare const Variants: Story;
+export declare const Loading: Story;
+export declare const ClickCallsOnClick: Story;

package/dist/src/components/elements/button/button-image/button-image.argtypes.d.ts

@@ -0,0 +1,3 @@
+import { ArgTypes } from '@storybook/react';
+import { ButtonImageElementProps } from './button-image.element';
+export declare const buttonImageArgTypes: ArgTypes<ButtonImageElementProps>;

package/dist/src/components/elements/button/button-image/button-image.element.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps, SxProps } from '@mui/material';
+import { default as React } from 'react';
+export interface ButtonImageElementProps extends ButtonProps {
+    loading?: boolean;
+    startIcon?: string;
+    endIcon?: string;
+    content: string;
+    sx?: SxProps;
+    permission?: boolean;
+}
+export declare const ButtonImageElement: React.FC<ButtonImageElementProps>;