@starasia/admin 1.0.0

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

@@ -0,0 +1,149 @@
+export declare const Form: {
+    InputText: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        errorMessage?: string;
+        inputProps: import('@starasia/input').IInputProps & {
+            extended?: React.ReactNode;
+        };
+        containerProps?: import('@starasia/box').BoxProps;
+        hideMessageError?: boolean;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        inputRef?: React.Ref<HTMLInputElement>;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    InputDropdown: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        errorMessage?: string;
+        inputProps: import('@starasia/dropdown').IDropdown & {
+            required?: boolean;
+            fullWidth?: boolean;
+            extended?: React.ReactNode;
+        };
+        onClickContainer?: () => void;
+        customWidth?: string;
+        hideMessageError?: boolean;
+        direction?: "vertical" | "horizontal";
+        size?: "sm" | "md" | "lg";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    InputSingleFile: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        errorMessage?: string;
+        inputProps: import('..').IInputFilesProps;
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        containerProps?: import('@starasia/box').BoxProps;
+        hideMessageError?: boolean;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    CheckBoxOptions: <T extends {
+        id: number | string;
+        name: string;
+        description?: string;
+        renderBadge?: React.ReactNode;
+    }>({ size, direction, requiredTitle, fullWidth, required, ...props }: import('./components').ICheckBoxOptionsProps<T>) => import("react").JSX.Element;
+    RadioOptions: <T extends {
+        id: number;
+        value: string;
+        label: string;
+        description?: string;
+        subInput?: React.ReactNode;
+    }>({ position, size, fullWidth, ...props }: import('./components').IRadioOptionsProps<T>) => import("react").JSX.Element;
+    InputTextArea: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        errorMessage?: string;
+        inputProps: import('@starasia/textarea').TextareaProps;
+        containerProps?: import('@starasia/box').BoxProps;
+        hideMessageError?: boolean;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        inputRef?: React.Ref<HTMLTextAreaElement>;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    ToggleForm: ({ size, direction, requiredTitle, required, fullWidth, ...props }: {
+        title?: string;
+        titleDescription?: string;
+        errorMessage?: string;
+        label: string;
+        description?: string;
+        checked: boolean;
+        onChange: () => void;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        requiredTitle?: string;
+        containerProps?: import('@starasia/box').BoxProps;
+        required?: boolean;
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    ActionButton: ({ variant, size, ...props }: {
+        title?: string;
+        disabled?: boolean;
+        onClick?: () => void;
+        type?: "submit" | "reset" | "button" | undefined;
+        iconLeft?: import('@starasia/icon').IconName;
+        iconRight?: import('@starasia/icon').IconName;
+        size?: "xs" | "sm" | "md" | "lg";
+        variant?: "primary" | "secondary" | "secondary-danger" | "success" | "secondary-primary";
+    }) => import("react").JSX.Element;
+    FormTitle: (props: import('./components').IFormTitle) => import("react").JSX.Element;
+    InputDate: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        errorMessage?: string;
+        inputProps: import('@starasia/date').IDateProps & {
+            required?: boolean;
+        };
+        onClickContainer?: () => void;
+        customWidth?: string;
+        hideMessageError?: boolean;
+        direction?: "vertical" | "horizontal";
+        size?: "sm" | "md" | "lg";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    InputImgFile: ({ size, direction, requiredTitle, fullWidth, required, ...props }: {
+        errorMessage?: string;
+        inputProps: import('..').InputImageProps;
+        title?: string;
+        requiredTitle?: string;
+        required?: boolean;
+        description?: string;
+        containerProps?: import('@starasia/box').BoxProps;
+        hideMessageError?: boolean;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+    Custom: ({ size, direction, requiredTitle, fullWidth, ...props }: {
+        title?: string;
+        requiredTitle?: string;
+        description?: string;
+        inputProps: {
+            required?: boolean;
+            extended?: React.ReactNode;
+        };
+        containerProps?: import('@starasia/box').BoxProps;
+        hideMessageError?: boolean;
+        size?: "sm" | "md" | "lg";
+        direction?: "vertical" | "horizontal";
+        tooltip?: Omit<import('@starasia/tooltip').ITooltipProps, "children">;
+        fullWidth?: boolean;
+    }) => import("react").JSX.Element;
+};
+export * from './ToggleStatus';

package/dist/components/Header/MenuSelectButton.d.ts

@@ -0,0 +1,16 @@
+import { IconName } from '@starasia/icon';
+import { default as React } from 'react';
+import { TextColor } from '@starasia/text';
+
+export type MenuSelectButtonProps = {
+    onClick?: () => void;
+    title: string;
+    icon: IconName;
+    iconProps?: {
+        color?: string;
+    };
+    titleProps?: {
+        color?: TextColor;
+    };
+};
+export declare const MenuSelectButton: ({ onClick, icon, title, iconProps, titleProps, }: MenuSelectButtonProps) => React.JSX.Element;

package/dist/components/Header/MobileBottomDrawer.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+type Props = {
+    onHide: () => void;
+    onClickLogout?: () => void;
+    renderExtendedContent?: React.ReactNode;
+};
+export declare const MobileBottomDrawer: ({ onHide, onClickLogout, renderExtendedContent, }: Props) => React.JSX.Element;
+export {};

package/dist/components/Header/PhotoProfile.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { BoxProps } from '@starasia/box';
+
+type Props = {
+    width: BoxProps["width"];
+    height: BoxProps["height"];
+    photoURL?: string;
+    name?: string;
+};
+export declare const PhotoProfile: ({ width, height, photoURL, name }: Props) => React.JSX.Element;
+export {};

package/dist/components/Header/hooks.d.ts

@@ -0,0 +1,4 @@
+export declare const useHeaderState: () => {
+    mobileLogout: boolean;
+    toggleMobileLogout: () => void;
+};

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

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+import { IconName } from '@starasia/icon/dist/types';
+import { MenuSelectButtonProps } from './MenuSelectButton';
+
+export interface HeaderUserData {
+    name: string;
+    email: string;
+    photoURL?: string;
+    role?: string;
+    descriptionOption?: "role" | "email";
+}
+export interface HeaderButtonProps {
+    icon?: IconName;
+    onClick?: () => void;
+    render?: React.ReactNode;
+    dot?: boolean;
+    boundaryLine?: boolean;
+    show?: "desktop" | "mobile";
+}
+export interface HeaderProps {
+    logo?: {
+        url?: string;
+        name?: string;
+        props?: React.ImgHTMLAttributes<HTMLImageElement>;
+        onClick?: () => void;
+        to?: string;
+    };
+    userData?: HeaderUserData;
+    buttons?: HeaderButtonProps[];
+    onClickLogout?: () => void;
+    logoutButton?: React.ReactNode;
+    buttonsLeft?: HeaderButtonProps[];
+    menuSelectButtons?: MenuSelectButtonProps[];
+    menuSelectCustom?: React.ReactNode;
+    bottomDrawerContent?: React.ReactNode;
+}
+export declare function Header({ userData, onClickLogout, logo, buttons, buttonsLeft, logoutButton, menuSelectButtons, menuSelectCustom, bottomDrawerContent, }: HeaderProps): React.JSX.Element;

package/dist/components/HorizontalField/components/Field.d.ts

@@ -0,0 +1,5 @@
+import { FieldProps } from '../types';
+import { default as React } from 'react';
+
+declare const Field: React.MemoExoticComponent<({ value, label, separator, labelWidth, lastIndex, labelAlign, }: FieldProps) => React.JSX.Element>;
+export default Field;

package/dist/components/HorizontalField/components/FieldGroup.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { FieldType } from '../types';
+
+interface FieldGroupProps {
+    fields: FieldType[];
+    separator?: React.ReactNode;
+    labelWidth?: number;
+}
+declare const FieldGroup: React.MemoExoticComponent<({ fields, separator, labelWidth }: FieldGroupProps) => React.JSX.Element>;
+export default FieldGroup;

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

@@ -0,0 +1,11 @@
+import { ReactNode, default as React } from 'react';
+import { FieldType } from './types';
+
+export interface HorizontalFieldProps {
+    maxRow?: number;
+    maxColumn?: 1 | 2 | 3 | 4;
+    separator?: ReactNode;
+    fields?: FieldType[];
+    labelWidth?: number;
+}
+export declare const HorizontalField: React.MemoExoticComponent<({ maxRow, maxColumn, separator, fields, labelWidth, }: HorizontalFieldProps) => React.JSX.Element>;

package/dist/components/HorizontalField/types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+
+export interface FieldType {
+    label?: ReactNode;
+    value?: ReactNode;
+    labelAlign?: "top" | "center";
+}
+export interface FieldProps extends FieldType {
+    separator?: ReactNode;
+    labelWidth?: number;
+    lastIndex?: boolean;
+}

package/dist/components/HorizontalField/utils.d.ts

@@ -0,0 +1,3 @@
+import { FieldProps } from './types';
+
+export declare const generateField: (datas: FieldProps[], maxRow: number) => Array<Array<FieldProps>>;

package/dist/components/InputFile/FilledField.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+
+type TFilledField = {
+    handleOnClickFile?: () => void;
+    fileSelected?: File | null;
+    fileDate?: string;
+    handleOnDeleteFile: () => void;
+    defaultUrl?: string;
+};
+export declare const FilledField: (props: TFilledField) => React.JSX.Element;
+export {};

package/dist/components/InputFile/InitialField.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+type TInitialFieldProps = {
+    handleOnClick: () => void;
+    isDesktop: boolean;
+    handleOnFileChange: (file: File | null) => void;
+    errorMessage?: string;
+    fileSupports?: string[];
+    status?: "error" | "default";
+};
+export declare const InitialField: (props: TInitialFieldProps) => React.JSX.Element;
+export {};

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { BoxProps } from '@starasia/box';
+
+type TFileSupport = "svg" | "jpg" | "png" | "jpeg" | "pdf" | "doc" | "docx" | "xls" | "xlsx" | "xlsx" | "ppt" | "pptx";
+export interface IInputFilesProps {
+    fileSupportOption?: TFileSupport[];
+    handleOnChangeFile: (file: File | null) => void;
+    handleOnDeleteFile: () => void;
+    fileSelected?: File | null;
+    errorMessage?: string;
+    isLoading?: boolean;
+    fileDate?: string;
+    defaultUrl?: string;
+    required?: boolean;
+    status?: "error" | "default";
+    containerProps?: BoxProps;
+}
+export declare const InputFile: ({ status, ...props }: IInputFilesProps) => React.JSX.Element;
+export {};

package/dist/components/InputFile/utils.d.ts

@@ -0,0 +1,2 @@
+export default function convertSize(size: string): string;
+export declare function extractFileName(url: string): string;

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

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { BoxProps } from '@starasia/box';
+
+export type AspectRatioKey = "1:1" | "4:3" | "16:9" | "3:4" | "9:16" | "2:3" | "3:2" | "32:9";
+export type InputImageRef = {
+    openFileDialog: () => void;
+};
+export type InputImageProps = {
+    handleUpload?: (file: File) => void;
+    urlImage?: string | null;
+    isUploading?: boolean;
+    croppedImage: string | null;
+    setCroppedImage: (value: string | null, file?: File) => void;
+    size?: "48" | "64" | "80" | "96" | "128" | "160" | "192" | "224" | "256";
+    aspect?: AspectRatioKey;
+    containerProps?: {
+        bg?: BoxProps["bg"];
+        borderColor?: BoxProps["borderColor"];
+        borderStyle?: BoxProps["borderStyle"];
+        borderWidth?: BoxProps["borderWidth"];
+        borderRadius?: BoxProps["borderRadius"];
+        fullWidth?: BoxProps["fullWidth"];
+    };
+    maxFileSize?: number;
+    onError?: (message: string) => void;
+};
+export declare const InputImage: React.ForwardRefExoticComponent<InputImageProps & React.RefAttributes<InputImageRef>>;

package/dist/components/InputImage/utils.d.ts

@@ -0,0 +1,12 @@
+export declare function getCroppedImg(imageSrc: string, pixelCrop: {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}): Promise<File>;
+export declare function getCroppedImgPng(imageSrc: string, pixelCrop: {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+}): Promise<File>;

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

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+
+export interface ModalDialogProps {
+    title: string;
+    content: string;
+    onHide: () => void;
+    onSuccess: () => void;
+    isShow: boolean;
+    successButtonTitle: string;
+    theme: "info" | "danger" | "success";
+}
+export declare const ModalDialog: React.FC<ModalDialogProps>;

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

@@ -0,0 +1,33 @@
+import { BoxProps } from '@starasia/box';
+import { PropsWithChildren, ReactNode, default as React } from 'react';
+import { IBadges } from '@starasia/badges';
+import { IconName } from '@starasia/icon/dist/types';
+import { ButtonProps } from '@starasia/button/dist/types';
+
+interface BackButtonProps {
+    show?: boolean;
+    title?: string | ReactNode;
+    navigateTo?: string;
+    onClick?: () => void;
+    textColor?: React.CSSProperties["color"] | string;
+    iconColor?: React.CSSProperties["color"] | string;
+    iconName?: IconName;
+}
+interface ActionProps {
+    title?: string | ReactNode;
+    icon?: IconName;
+    buttonProps?: ButtonProps;
+    onClick?: () => void;
+}
+export interface PageLayoutProps extends PropsWithChildren {
+    title?: string | ReactNode;
+    titleTag?: string;
+    header?: boolean;
+    backButton?: BackButtonProps;
+    action?: ActionProps[] | React.ReactNode;
+    titleTagProps?: Omit<IBadges, "text" | "border" | "size">;
+    containerProps?: Omit<BoxProps, "variant" | "gap">;
+    headerProps?: Omit<BoxProps, "gap">;
+}
+export declare const PageLayout: React.MemoExoticComponent<({ backButton, title, titleTag, children, header, action, titleTagProps, containerProps, headerProps, }: PageLayoutProps) => React.JSX.Element>;
+export {};

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

@@ -0,0 +1,6 @@
+import { BoxProps } from '@starasia/box/dist/types';
+import { default as React } from 'react';
+
+export interface PressableProps extends BoxProps {
+}
+export declare const Pressable: React.MemoExoticComponent<({ children, ...rest }: PressableProps) => React.JSX.Element>;

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

@@ -0,0 +1,18 @@
+import { IconName } from '@starasia/icon/dist/types';
+import { default as React, CSSProperties, ReactNode } from 'react';
+
+interface CloseButton {
+    icon: IconName;
+    title?: string;
+}
+export interface RightDrawerProps {
+    show: boolean;
+    onHide: () => void;
+    withBlur?: boolean;
+    style?: CSSProperties;
+    children: ReactNode;
+    closeButton?: CloseButton | null | false;
+    paddingHorizontal?: boolean;
+}
+export declare const RightDrawer: React.ForwardRefExoticComponent<RightDrawerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+export declare const ScrollToTopButton: ({ customBottom }: {
+    customBottom?: string;
+}) => React.JSX.Element;

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

@@ -0,0 +1,25 @@
+import { BoxProps } from '@starasia/box';
+import { IBadges } from '@starasia/badges';
+import { PropsWithChildren, default as React } from 'react';
+
+export interface SectionProps extends PropsWithChildren {
+    header?: React.ReactNode | null;
+    filter?: React.ReactNode | null;
+    filterContainer?: BoxProps;
+    actionContainer?: BoxProps;
+    title?: string;
+    titleTag?: string;
+    variantTag?: IBadges["variant"];
+    action?: React.ReactNode | null;
+    searchField?: boolean;
+    searchKey?: string;
+    searchPlaceholder?: string;
+    searchHighlightPlaceholder?: string;
+    onSearchChange?: (value: string) => void;
+    headerProps?: SectionHeaderProps;
+}
+export interface SectionHeaderProps extends PropsWithChildren {
+    borderBottom?: boolean;
+    padding?: boolean;
+}
+export declare const Section: React.MemoExoticComponent<({ children, title, titleTag, action, filter, searchField, header, onSearchChange, searchKey, searchPlaceholder, searchHighlightPlaceholder, filterContainer, actionContainer, headerProps, variantTag, }: SectionProps) => React.JSX.Element>;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+
+export interface SelectButtonOption {
+    label?: string;
+    value?: string | number | boolean | object;
+}
+export interface SelectButtonProps {
+    value?: SelectButtonOption[];
+    options?: SelectButtonOption[];
+    onChange?: (value: SelectButtonOption[]) => void;
+    multiple?: boolean;
+}
+export declare const SelectButton: React.MemoExoticComponent<({ value, options, onChange, multiple }: SelectButtonProps) => React.JSX.Element>;

package/dist/components/Sidebar/components/Group.d.ts

@@ -0,0 +1,9 @@
+import { default as React, PropsWithChildren } from 'react';
+import { BoxProps } from '@starasia/box';
+
+interface GroupProps extends PropsWithChildren {
+    border?: boolean;
+    paddingTop?: BoxProps["paddingTop"];
+}
+declare const Group: React.MemoExoticComponent<({ children, border, paddingTop }: GroupProps) => React.JSX.Element>;
+export default Group;

package/dist/components/Sidebar/components/Item.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from '@starasia/icon/dist/types';
+import { default as React } from 'react';
+
+interface ItemProps {
+    to: string;
+    title: string;
+    icon: IconName;
+    collapse?: boolean;
+    onHide?: () => void;
+    maxWidth?: React.CSSProperties["maxWidth"];
+}
+declare const Item: React.MemoExoticComponent<({ to, title, icon, collapse, onHide, maxWidth }: ItemProps) => React.JSX.Element>;
+export default Item;

package/dist/components/Sidebar/components/Provider.d.ts

@@ -0,0 +1,5 @@
+import { default as React, PropsWithChildren } from 'react';
+
+export interface SidebarProviderProps extends PropsWithChildren {
+}
+export declare const SidebarProvider: ({ children }: SidebarProviderProps) => React.JSX.Element;

package/dist/components/Sidebar/components/Wrapper.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, default as React } from 'react';
+import { SidebarMenuItem } from '../types';
+
+interface WrapperProps extends PropsWithChildren {
+    show?: boolean;
+    maxWidth?: React.CSSProperties["maxWidth"];
+    menuBottom?: SidebarMenuItem[];
+}
+declare const Wrapper: React.MemoExoticComponent<({ show, children, maxWidth, menuBottom }: WrapperProps) => React.JSX.Element>;
+export default Wrapper;

package/dist/components/Sidebar/context.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+export interface ConfirmationDialogPropsState {
+    show: boolean;
+    title: string | ReactNode;
+    message: string | ReactNode;
+    callback: () => void;
+    data?: unknown;
+    variant: "success" | "danger" | "info" | "default";
+}
+export interface ConfirmationDialogUnSavedChangesProps {
+    value: boolean;
+    title?: string | ReactNode;
+    message?: string | ReactNode;
+    callback?: () => void;
+}
+export interface SidebarContextValue {
+    show: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    setUnsavedChanges: ({ value, message, title, }: ConfirmationDialogUnSavedChangesProps) => void;
+    confirmNavigation: (callback: () => void) => void;
+    renderConfirmationDialog: ({ title, message, callback, data, }: Omit<ConfirmationDialogPropsState, "show" | "variant"> & {
+        variant?: "success" | "danger" | "info" | "default";
+    }) => void;
+    confirmationDialog: ConfirmationDialogPropsState;
+    handleDialogConfirm: () => void;
+    handleDialogCancel: () => void;
+}
+export declare const sidebarContextDefaultValue: SidebarContextValue;
+export declare const SidebarContext: import('react').Context<SidebarContextValue>;

package/dist/components/Sidebar/hooks.d.ts

@@ -0,0 +1,4 @@
+import { SidebarContextValue } from './context';
+
+export declare function useSidebar(): SidebarContextValue;
+export declare const useSidebarState: () => SidebarContextValue;

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

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { SidebarMenuItem, SidebarMenus } from './types';
+
+export interface SidebarProps {
+    menus: SidebarMenus;
+    menuBottom?: SidebarMenuItem[];
+    maxWidth?: React.CSSProperties["maxWidth"];
+    header?: React.ReactNode;
+}
+export declare const Sidebar: React.MemoExoticComponent<({ menus, maxWidth, header, menuBottom, }: SidebarProps) => React.JSX.Element>;
+export * from './hooks';
+export * from './context';
+export * from './types';
+export { SidebarProvider } from './components/Provider';
+export type { SidebarProviderProps } from './components/Provider';

package/dist/components/Sidebar/types.d.ts

@@ -0,0 +1,18 @@
+import { IconName } from '@starasia/icon/dist/types';
+
+export interface SidebarMenuItem {
+    id: number;
+    title: string;
+    to: string;
+    icon: IconName;
+}
+export interface SidebarMenuGroup {
+    id: number;
+    name: string;
+    items: SidebarMenuItem[];
+}
+export type SidebarMenus = SidebarMenuGroup[];
+export declare enum SidebarStyle {
+    Width = "19.125rem",
+    WidthCollapse = "6rem"
+}

package/dist/components/SwitchApps/drawer/AppCard.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { AppAccessModel } from '../types';
+
+type Props = {
+    item: AppAccessModel;
+    handleToSelectOrg?: (item: AppAccessModel) => void;
+    handleSwitch?: (appKey: string, organizationId?: string) => void;
+    showIcon?: boolean;
+    showRole?: boolean;
+    isOnOrgSelect?: boolean;
+    setSelectedApp: (item: string) => void;
+};
+declare const AppCard: ({ item, handleSwitch, handleToSelectOrg, showIcon, showRole, isOnOrgSelect, setSelectedApp, }: Props) => React.JSX.Element;
+export default AppCard;

package/dist/components/SwitchApps/drawer/index-v2.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { AppAccessModel } from '../types';
+
+interface DrawerSwitchAppsProps {
+    show: boolean;
+    onHide: () => void;
+    dataApps?: AppAccessModel[];
+    totalData?: number;
+    handleSwitch?: (appKey: string, organizationId?: string, item?: AppAccessModel) => void;
+    setSelectedApp: (item: string) => void;
+}
+declare const DrawerSwitchAppsV2: React.FC<DrawerSwitchAppsProps>;
+export default DrawerSwitchAppsV2;