@ctlyst.id/internal-ui 2.3.0 → 3.0.0

package/dist/index.css

@@ -0,0 +1,50 @@
+/* ../../node_modules/.pnpm/@fontsource+poppins@5.0.14/node_modules/@fontsource/poppins/400.css */
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./poppins-latin-ext-400-normal-K3FV5HAI.woff2") format("woff2"), url("./poppins-latin-ext-400-normal-7PFKV6Y5.woff") format("woff");
+  unicode-range:
+    U+0100-02AF,
+    U+0304,
+    U+0308,
+    U+0329,
+    U+1E00-1E9F,
+    U+1EF2-1EFF,
+    U+2020,
+    U+20A0-20AB,
+    U+20AD-20C0,
+    U+2113,
+    U+2C60-2C7F,
+    U+A720-A7FF;
+}
+@font-face {
+  font-family: "Poppins";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src: url("./poppins-latin-400-normal-SFWTNBQB.woff2") format("woff2"), url("./poppins-latin-400-normal-ZPTYLX7I.woff") format("woff");
+  unicode-range:
+    U+0000-00FF,
+    U+0131,
+    U+0152-0153,
+    U+02BB-02BC,
+    U+02C6,
+    U+02DA,
+    U+02DC,
+    U+0304,
+    U+0308,
+    U+0329,
+    U+2000-206F,
+    U+2074,
+    U+20AC,
+    U+2122,
+    U+2191,
+    U+2193,
+    U+2212,
+    U+2215,
+    U+FEFF,
+    U+FFFD;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../node_modules/.pnpm/@fontsource+poppins@5.0.14/node_modules/@fontsource/poppins/400.css"],"sourcesContent":["/* poppins-latin-ext-400-normal */\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/poppins-latin-ext-400-normal.woff2) format('woff2'), url(./files/poppins-latin-ext-400-normal.woff) format('woff');\n  unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;\n}\n\n/* poppins-latin-400-normal */\n@font-face {\n  font-family: 'Poppins';\n  font-style: normal;\n  font-display: swap;\n  font-weight: 400;\n  src: url(./files/poppins-latin-400-normal.woff2) format('woff2'), url(./files/poppins-latin-400-normal.woff) format('woff');\n  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;\n}"],"mappings":";AACA;AACE,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,eAAa;AACb,OAAK,qDAAgD,OAAO,QAAQ,EAAE,oDAA+C,OAAO;AAC5H;AAAA,IAAe,CAAC,KAAK,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK,KAAK;AAAA,IAAC,CAAC,UAAU;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,UAAU;AAAA,IAAC,CAAC,UAAU;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,UAAU;AAAA,IAAC,CAAC,CAAC;AAC9H;AAGA;AACE,eAAa;AACb,cAAY;AACZ,gBAAc;AACd,eAAa;AACb,OAAK,iDAA4C,OAAO,QAAQ,EAAE,gDAA2C,OAAO;AACpH;AAAA,IAAe,CAAC,KAAK,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK,KAAK;AAAA,IAAC,CAAC,UAAU;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,KAAK;AAAA,IAAC,CAAC,CAAC,IAAI;AAAA,IAAC,CAAC,CAAC;AAC5K;","names":[]}

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { LinkProps, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, BoxProps, CheckboxProps, FormControlProps, CheckboxGroupProps, TableProps, TableHeadProps, TableRowProps, TableBodyProps, TableColumnHeaderProps, TableCellProps, ModalProps, InputProps, TextareaProps, HTMLChakraProps as HTMLChakraProps$1, ThemingProps as ThemingProps$1, ModalBodyProps, ModalFooterProps, ModalHeaderProps, As, TextProps, RadioProps as RadioProps$1, RadioGroupProps, UseCheckboxProps, SystemProps, TabProps as TabProps$1, FlexProps } from '@chakra-ui/react';
-export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Box, BoxProps, ButtonGroup, ButtonGroupProps, Center, ChakraProvider, ChakraProviderProps, Table as ChakraTable, CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, CloseButton, CloseButtonProps, Code, CodeProps, Collapse, CollapseProps, ColorMode, ColorModeScript, ColorModeScriptProps, Container, ContainerProps, Divider, DividerProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, Grid, GridItem, GridItemProps, GridProps, HStack, Heading, HeadingProps, Hide, HideProps, Icon, IconButton, IconButtonProps, IconProps, Image, ImageProps, Img, ImgProps, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, Link, LinkProps, List, ListIcon, ListItem, ListItemProps, ListProps, Modal, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, RadioGroupContext, RequiredIndicator, RequiredIndicatorProps, ScaleFade, ScaleFadeProps, Show, ShowProps, SimpleGrid, Skeleton, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, Stack, StackProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, Tbody, Td, Text, TextProps, Th, Thead, Tooltip, TooltipProps, Tr, UnorderedList, UseAccordionItemProps, UseAccordionItemReturn, UseAccordionProps, UseAccordionReturn, UseBreakpointOptions, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, UseDisclosureProps, UseImageProps, UseImageReturn, UseMediaQueryOptions, UseModalProps, UseModalReturn, UseQueryProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, forwardRef, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemState, useAccordionStyles, useBoolean, useBreakpoint, useCheckbox, useCheckboxGroup, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, useDrawerContext, useImage, useMergeRefs, useModal, useModalContext, useModalStyles, useOutsideClick, useQuery, useRadio, useRadioGroup, useRadioGroupContext, useSteps, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, useTheme, useToken } from '@chakra-ui/react';
+import { LinkProps, BadgeProps as BadgeProps$1, ButtonProps as ButtonProps$1, BoxProps, CheckboxProps, FormControlProps, CheckboxGroupProps, TableProps, TableHeadProps, TableRowProps, TableBodyProps, TableColumnHeaderProps, TableCellProps, ModalProps, InputProps, TextareaProps, FlexProps, HTMLChakraProps as HTMLChakraProps$1, ThemingProps as ThemingProps$1, ModalBodyProps, ModalFooterProps, ModalHeaderProps, As, TextProps, RadioProps as RadioProps$1, RadioGroupProps, UseCheckboxProps, SystemProps, TabProps as TabProps$1, TooltipProps as TooltipProps$1, ColorProps, PopoverContentProps } from '@chakra-ui/react';
+export { Accordion, AccordionButton, AccordionButtonProps, AccordionIcon, AccordionIconProps, AccordionItem, AccordionItemProps, AccordionPanel, AccordionPanelProps, AccordionProps, AccordionProvider, AlertDialog, ModalBody as AlertDialogBody, ModalCloseButton as AlertDialogCloseButton, AlertDialogContent, ModalFooter as AlertDialogFooter, ModalHeader as AlertDialogHeader, ModalOverlay as AlertDialogOverlay, AlertDialogProps, Avatar, AvatarBadge, AvatarBadgeProps, AvatarGroup, AvatarGroupProps, AvatarProps, Box, BoxProps, ButtonGroup, ButtonGroupProps, Center, ChakraProvider, ChakraProviderProps, Table as ChakraTable, CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, CloseButton, CloseButtonProps, Code, CodeProps, Collapse, CollapseProps, ColorMode, ColorModeScript, ColorModeScriptProps, Container, ContainerProps, Divider, DividerProps, Drawer, ModalBody as DrawerBody, ModalCloseButton as DrawerCloseButton, DrawerContent, DrawerContentProps, ModalFooter as DrawerFooter, ModalHeader as DrawerHeader, ModalOverlay as DrawerOverlay, DrawerProps, Fade, FadeProps, Flex, FlexProps, FormControl, FormControlProps, FormErrorMessage, FormHelperText, FormLabel, FormLabelProps, Grid, GridItem, GridItemProps, GridProps, HStack, Heading, HeadingProps, Hide, HideProps, Icon, IconButton, IconButtonProps, IconProps, Image, ImageProps, Img, ImgProps, InputLeftElement as InputElementLeft, InputRightElement as InputElementRight, InputGroup, InputGroupProps, InputLeftAddon, InputLeftAddonProps, InputLeftElement, InputLeftElementProps, InputProps, InputRightAddon, InputRightAddonProps, InputRightElement, InputRightElementProps, Link, LinkProps, List, ListIcon, ListItem, ListItemProps, ListProps, Modal, ModalBodyProps, ModalContent, ModalContentProps, ModalContextProvider, ModalFocusScope, ModalFooterProps, ModalHeaderProps, ModalOverlay, ModalOverlayProps, ModalProps, OrderedList, Popover, PopoverAnchor, PopoverArrow, PopoverArrowProps, PopoverBody, PopoverBodyProps, PopoverCloseButton, PopoverContent, PopoverContentProps, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps, PopoverProps, PopoverTrigger, Portal, PortalProps, RadioGroupContext, RequiredIndicator, RequiredIndicatorProps, ScaleFade, ScaleFadeProps, Show, ShowProps, SimpleGrid, Skeleton, Slide, SlideFade, SlideFadeProps, SlideProps, Spacer, Stack, StackProps, Step, StepDescription, StepIcon, StepIndicator, StepNumber, StepSeparator, StepStatus, StepTitle, Stepper, TabIndicator, TabIndicatorProps, TabList, TabListProps, TabPanel, TabPanelProps, TabPanels, TabPanelsProps, TabProps, TableBodyProps, TableCellProps, TableColumnHeaderProps, TableHeadProps, TableProps, TableRowProps, Tabs, TabsDescendantsProvider, TabsProps, TabsProvider, Tbody, Td, Text, TextProps, Th, Thead, Tr, UnorderedList, UseAccordionItemProps, UseAccordionItemReturn, UseAccordionProps, UseAccordionReturn, UseBreakpointOptions, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, UseDisclosureProps, UseImageProps, UseImageReturn, UseMediaQueryOptions, UseModalProps, UseModalReturn, UseQueryProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, forwardRef, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemState, useAccordionStyles, useBoolean, useBreakpoint, useCheckbox, useCheckboxGroup, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, useDrawerContext, useImage, useMergeRefs, useModal, useModalContext, useModalStyles, useOutsideClick, useQuery, useRadio, useRadioGroup, useRadioGroupContext, useSteps, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext, useTabsStyles, useTheme, useToken } from '@chakra-ui/react';
 import * as _chakra_ui_system from '@chakra-ui/system';
 import { SystemStyleObject, HTMLChakraProps, ThemingProps } from '@chakra-ui/system';
 import * as React$1 from 'react';
@@ -14,7 +14,9 @@ import { GroupBase, Props as Props$1 } from 'react-select';
 import { AsyncPaginateProps } from 'react-select-async-paginate';
 import { AsyncCreatableProps } from 'react-select/async-creatable';
 import { CreatableProps } from 'react-select/creatable';
-import { DropzoneOptions, FileRejection, DropzoneState } from 'react-dropzone';
+import { ToastOptions } from 'react-toastify';
+export { ToastContainer } from 'react-toastify';
+import { ToastIcon } from 'react-toastify/dist/types';
 import * as axios from 'axios';
 import { AxiosRequestConfig, AxiosInstance, AxiosResponse } from 'axios';
 export { ThemeTypings } from '@chakra-ui/styled-system';
@@ -101,17 +103,13 @@ type AlertTitleProps = HTMLChakraProps<'div'>;
 declare const AlertTitle: _chakra_ui_system.ComponentWithAs<"div", AlertTitleProps>;
 
 interface AnchorProps extends LinkProps, PropsWithChildren {
-    leftIcon?: React$1.ReactNode;
-    rightIcon?: React$1.ReactNode;
     isActive?: boolean;
     isChild?: boolean;
 }
 declare const Anchor: {
-    ({ children, leftIcon, rightIcon, isActive, isChild, ...props }: AnchorProps): react_jsx_runtime.JSX.Element;
+    ({ children, isActive, isChild, ...props }: AnchorProps): react_jsx_runtime.JSX.Element;
     displayName: string;
     defaultProps: {
-        leftIcon: undefined;
-        rightIcon: undefined;
         isActive: boolean;
         isChild: boolean;
     };
@@ -193,16 +191,17 @@ interface ChipsProps {
     isDisabled?: boolean;
     isActive?: boolean;
     onClose?: () => void;
-    children?: ReactNode;
+    label?: string;
     size?: 'sm' | 'md';
+    onClick?: () => void;
 }
 declare const Chips: {
-    ({ children, ...rest }: ChipsProps): react_jsx_runtime.JSX.Element;
+    ({ label, size, onClick, ...rest }: ChipsProps): react_jsx_runtime.JSX.Element;
     defaultProps: {
         isDisabled: boolean;
         isActive: boolean;
         onClose: undefined;
-        children: undefined;
+        label: undefined;
         size: string;
     };
 };
@@ -229,7 +228,9 @@ interface TableStyleProps {
     tableColumnHeader?: TableColumnHeaderProps;
     tableCell?: TableCellProps;
 }
-interface DataTableProps<T = unknown> extends BoxProps {
+interface DataTableProps<T extends {
+    disabled?: Record<string, boolean>;
+}> {
     container?: BoxProps;
     styles?: TableStyleProps;
     columns: ColumnDef<T>[];
@@ -246,12 +247,16 @@ interface DataTableProps<T = unknown> extends BoxProps {
     onRowClick?: (data: T) => void;
 }
 type DataTableRefs<T> = Pick<RowSelectionInstance<T>, 'toggleAllRowsSelected'>;
-declare const useDataTable: <T>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
+declare const useDataTable: <T extends {
+    disabled?: Record<string, boolean> | undefined;
+}>({ columns, dataSource, withSelectedRow, onSelectedRow, onSort, sortDescFirst, sortingState, manualSorting, columnPinning, }: DataTableProps<T>) => {
     table: _tanstack_react_table.Table<T>;
     toggleAllRowsSelected: (value?: boolean | undefined) => void;
     generateColumn: () => ColumnDef<T>[];
 };
-declare const _default: <T>(props: DataTableProps<T> & {
+declare const _default: <T extends {
+    disabled?: Record<string, boolean> | undefined;
+}>(props: DataTableProps<T> & {
     ref?: React$1.Ref<DataTableRefs<T>>;
 }) => JSX.Element;
 
@@ -295,25 +300,24 @@ interface DialogProps extends Omit<ModalProps, 'children'> {
 }
 declare const Dialog: React__default.FC<DialogProps>;
 
-declare const EmptyState: {
-    (): react_jsx_runtime.JSX.Element;
-    Page: () => react_jsx_runtime.JSX.Element;
-    Filter: () => react_jsx_runtime.JSX.Element;
-    Search: () => react_jsx_runtime.JSX.Element;
-    Connection: () => react_jsx_runtime.JSX.Element;
-    Maintenance: () => react_jsx_runtime.JSX.Element;
-    NotAuthorize: () => react_jsx_runtime.JSX.Element;
-};
-
-interface EmptyStateLayoutProps {
-    icon: React__default.ReactNode;
-    title: string;
-    description: string;
+interface EmptyStateProps {
+    icon?: React__default.ReactNode;
+    title?: string;
+    description?: string;
     buttonText?: string;
     onClick?: () => void;
-    maxW?: number;
 }
-declare const EmptyStateLayout: React__default.FC<EmptyStateLayoutProps>;
+
+type EmptyStateComponent = React__default.FC<EmptyStateProps> & {
+    Data: React__default.FC<EmptyStateProps>;
+    Page: React__default.FC<EmptyStateProps>;
+    Filter: React__default.FC<EmptyStateProps>;
+    Search: React__default.FC<EmptyStateProps>;
+    NoConnection: React__default.FC<EmptyStateProps>;
+    Maintenance: React__default.FC<EmptyStateProps>;
+    NotAuthorize: React__default.FC<EmptyStateProps>;
+};
+declare const EmptyState: EmptyStateComponent;
 
 interface InputAddonProps {
     children: React__default.ReactNode;
@@ -363,6 +367,47 @@ type HeaderProps = BoxProps & {
 };
 declare const Header: React$1.FC<HeaderProps>;
 
+interface LogoProps {
+    url?: string;
+    imageUrl: string;
+    height?: BoxProps['h'];
+}
+declare const Logo: React__default.FC<LogoProps>;
+declare const XMSLogo: () => react_jsx_runtime.JSX.Element;
+declare const VoilaLogo: () => react_jsx_runtime.JSX.Element;
+
+interface NavbarProps extends FlexProps {
+}
+declare const Navbar: {
+    ({ bg, children, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface ProfileProps extends BoxProps {
+    brandColor?: BoxProps['bgColor'];
+    data?: HeaderDataProps;
+    onLogout?: () => void;
+    badgeStyle?: BadgeProps;
+}
+declare const Profile: {
+    ({ color, brandColor, data, badgeStyle, children, onLogout, ...props }: ProfileProps): react_jsx_runtime.JSX.Element;
+    defaultProps: {
+        brandColor: string;
+        data: undefined;
+        onLogout: undefined;
+        badgeStyle: undefined;
+    };
+};
+
+type VersionProps = {
+    hideEnv?: boolean;
+    environment?: Environment;
+    version?: React$1.ReactNode;
+    versionStyle?: BadgeProps;
+    onOpenModalRelease?: () => void;
+};
+declare const Version: React$1.FC<VersionProps>;
+
 interface LoaderProps {
     size?: string;
     variant?: string;
@@ -488,8 +533,8 @@ declare const Radio: {
     displayName: string;
     defaultProps: {
         isError: boolean;
-        helpText: string;
-        errorText: string;
+        helpText: undefined;
+        errorText: undefined;
     };
 };
 
@@ -568,8 +613,15 @@ declare const Sidebar: {
 interface SidebarHeaderProps {
     isCollapse: boolean;
     setCollapse: (k: boolean) => void;
+    title?: string;
 }
-declare const SidebarHeader: ({ isCollapse, setCollapse }: SidebarHeaderProps) => react_jsx_runtime.JSX.Element;
+declare const SidebarHeader: {
+    ({ isCollapse, setCollapse, title }: SidebarHeaderProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        title: string;
+    };
+};
 
 type SubMenuItem = {
     type: string;
@@ -633,14 +685,123 @@ type TabProps = TabProps$1 & {
 };
 declare const Tab: _chakra_ui_react.ComponentWithAs<"button", TabProps>;
 
-type UploaderProps = FlexProps & DropzoneOptions & {
-    onHandleUploadFile?: (res: File[]) => void;
-    onHandleRejections?: (rejections: FileRejection[]) => void;
-    renderError?: (rejections: FileRejection[]) => React$1.ReactNode;
-    selected?: boolean;
+interface CustomToastOptions extends Omit<ToastOptions, 'icon'> {
+    icon?: ToastIcon;
+    link?: {
+        url: string;
+        label: string;
+    };
+}
+declare const useToast: () => {
+    primary: (message: string, options?: CustomToastOptions) => void;
+    neutral: (message: string, options?: CustomToastOptions) => void;
+    success: (message: string, options?: CustomToastOptions) => void;
+    error: (message: string, options?: CustomToastOptions) => void;
+    warning: (message: string, options?: CustomToastOptions) => void;
+    info: (message: string, options?: CustomToastOptions) => void;
+    custom: (message: string, options?: CustomToastOptions) => void;
+};
+
+interface BaseTooltipProps extends Omit<TooltipProps$1, 'color'> {
+    isInteractive?: false;
+    color?: ColorProps['color'];
+}
+interface InteractiveTooltipProps extends PopoverContentProps, Pick<TooltipProps$1, 'hasArrow' | 'placement' | 'children' | 'label'> {
+    isInteractive?: true;
+    portal?: boolean;
+}
+type TooltipProps = BaseTooltipProps | InteractiveTooltipProps;
+declare const Tooltip: (props: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+type UploaderProps = FlexProps & {
+    /**
+     * callback when validation is valid
+     */
+    onHandleUploadFile?: (file: File | null, image: HTMLImageElement | null) => void;
+    /**
+     * callback when validation is not valid
+     */
+    onHandleRejections?: (file: File, image: HTMLImageElement | null) => void;
+    /**
+     * Text for drag active
+     * - if `dragActiveText` is undefined. Text will take from default constant.
+     */
+    dragActiveText?: string;
+    /**
+     * Text for drag inactive
+     * - if `dragInActiveText` is undefined. Text will take from default constant.
+     */
+    dragInActiveText?: string;
+    /**
+     * Text for drag replace
+     * - if `dragReplaceText` is undefined. Text will take from default constant.
+     */
+    dragReplaceText?: string;
+    /**
+     * Text for upload file
+     * - if `uploadFileText` is undefined. Text will take from default constant.
+     */
+    uploadFileText?: string;
+    /**
+     * Text for button preview
+     * - if `changeFileText` is undefined. Text will take from default constant.
+     */
+    changeFileText?: string;
+    label?: string | ReactNode;
+    isRequired?: boolean;
+    helperText?: string[] | ReactNode;
+    value?: File | string;
+    /**
+     * validate width x height dimension
+     */
+    dimension?: {
+        /**
+         * [width, height]
+         */
+        validate: [number, number];
+        message: string;
+    };
+    /**
+     * validate max file size
+     */
+    maxFileSize?: {
+        /**
+         * in bytes
+         */
+        validate: number;
+        message: string;
+    };
+    /**
+     * validate image format
+     * @default acceptFormat.validate - @see DEFAULT_IMAGE_MIME_TYPE
+     * @default acceptFormat.message - Hanya diperbolehkan upload gambar
+     */
+    acceptFormat?: {
+        /**
+         * Example :
+         * ['.jpg', '.png', '.jpeg', ...]
+         */
+        validate: string[];
+        message?: string;
+    };
+    /**
+     * Custom validation
+     * custom validation will run first
+     */
+    customValidation?: (file: File, image: HTMLImageElement) => string | null;
+    isShowCloseButton?: boolean;
+    isClosableToast?: boolean;
+    isError?: boolean;
+    isDisabled?: boolean;
+    errorText?: string;
+    /**
+     * provide unique test id
+     */
+    testId?: string;
+    isShowReupload?: boolean;
+    size?: 'sm' | 'lg';
 };
-type UploaderState = DropzoneState;
-declare const Uploader: React$1.FC<UploaderProps>;
+declare const Uploader: React__default.FC<UploaderProps>;
 
 declare const getTheme: (foundations: Record<string, any>) => Record<string, any>;
 declare const theme: Record<string, any>;
@@ -666,4 +827,4 @@ declare const ProviderContext: React__default.Context<ProviderContextObject>;
 declare const useInternalUI: () => ProviderContextObject;
 declare const Provider: FC<ProviderProps>;
 
-export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, EmptyState, EmptyStateLayout, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Uploader, type UploaderProps, type UploaderState, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };
+export { AccordionEye, AccordionIndicator, Alert, AlertAction, type AlertActionProps, AlertClose, type AlertCloseProps, AlertDescription, type AlertDescriptionProps, AlertIcon, type AlertIconProps, type AlertProps, type AlertStatus, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, Badge, type BadgeProps, BreadCrumb, type BreadCrumbParentProps, type BreadCrumbProps, Button, type ButtonProps, CHECKBOX_STATE, CardCustom as Card, type CardProps, CheckboxComponent as Checkbox, type CheckboxComponentProps, CheckboxGroupComponent as CheckboxGroup, type CheckboxGroupComponentProps, Chips, type ChipsProps, Counter, type CustomLoaderProps, _default as DataTable, type DataTableProps, type DataTableRefs, DatePickerMonth, type DatePickerMonthProps, Datepicker, type DatepickerProps, Dialog, EmptyState, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Logo, type LogoProps, Navigation as MainMenu, ModalBackButton, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavItem, type NavItemProps, Navbar, type NavbarProps, NavigationBar, type NavigationBarProps, type NavigationProps, type OptionGroup, type OptionMultiGroup, type OptionsGroup, Pagination, PaginationDetail, type PaginationDetailProps, PaginationFilter, type PaginationFilterProps, type PaginationProps, Profile, type ProfileProps, type Props, Provider, ProviderContext, Radio, RadioGroup, type RadioGroupComponentProps, type RadioProps, Rating, type RatingProps, Select, SelectAsync, SelectAsyncCreatable, type SelectAsyncCreatableProps, type SelectAsyncProps, SelectCheckbox as SelectCheckBox, SelectCreatable, type SelectCreatableProps, type SelectProps, type SelectWithCheckboxBaseProps, Sidebar, SidebarHeader, type SidebarHeaderProps, SidebarMenu, type SidebarMenuProps, type SidebarProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Tooltip, type TooltipProps, Uploader, type UploaderProps, Version, type VersionProps, VoilaLogo, XMSLogo, getSelectAllCheckboxState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI, useToast };