@ctlyst.id/internal-ui 2.1.9 → 2.1.11-canary.0

package/dist/index.d.ts

@@ -1,5 +1,549 @@
-export * from './components';
-export * from './config';
-export * from './hooks';
-export * from './provider';
-export { extendTheme, forwardRef } from '@chakra-ui/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { 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, 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, 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, UseDisclosureProps, UseImageProps, UseImageReturn, UseMediaQueryOptions, UseModalProps, UseModalReturn, UseQueryProps, UseTabListProps, UseTabListReturn, UseTabOptions, UseTabPanelsProps, UseTabProps, UseTabsProps, UseTabsReturn, VStack, VisuallyHidden, VisuallyHiddenInput, Wrap, WrapItem, WrapItemProps, WrapProps, extendTheme, forwardRef, useAccordion, useAccordionContext, useAccordionItem, useAccordionItemState, useAccordionStyles, useBoolean, useBreakpoint, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useConst, useControllableProp, useControllableState, useDimensions, useDisclosure, useDrawerContext, useImage, useMediaQuery, useMergeRefs, useModal, useModalContext, useModalStyles, useOutsideClick, usePrefersReducedMotion, useQuery, 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 { LinkProps } from '@chakra-ui/layout';
+import * as React$1 from 'react';
+import React__default, { PropsWithChildren, ReactNode, FC } from 'react';
+export { CheckboxGroupContext, CheckboxGroupProps, CheckboxIcon, CheckboxIconProps, CheckboxState, UseCheckboxGroupProps, UseCheckboxGroupReturn, UseCheckboxProps, UseCheckboxReturn, useCheckbox, useCheckboxGroup } from '@chakra-ui/checkbox';
+import * as _tanstack_react_table from '@tanstack/react-table';
+import { ColumnDef, SortingState, ColumnPinningState, RowSelectionInstance } from '@tanstack/react-table';
+import { DatePickerProps } from 'react-datepicker';
+import { IconType } from 'react-icons/lib';
+export { RadioGroupContext, UseRadioGroupProps, UseRadioGroupReturn, UseRadioProps, UseRadioReturn, useRadio, useRadioGroup, useRadioGroupContext } from '@chakra-ui/radio';
+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 * as axios from 'axios';
+import { AxiosRequestConfig, AxiosInstance, AxiosResponse } from 'axios';
+export { ThemeTypings } from '@chakra-ui/styled-system';
+
+declare const AccordionIndicator: () => react_jsx_runtime.JSX.Element | null;
+
+declare function CheckIcon(): react_jsx_runtime.JSX.Element;
+declare function InfoIcon(): react_jsx_runtime.JSX.Element;
+declare function WarningIcon(): react_jsx_runtime.JSX.Element;
+
+declare const useAlertStyles: () => Record<string, SystemStyleObject>;
+declare const STATUSES: {
+    info: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    warning: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+    success: {
+        icon: typeof CheckIcon;
+        colorScheme: string;
+    };
+    error: {
+        icon: typeof WarningIcon;
+        colorScheme: string;
+    };
+    neutral: {
+        icon: typeof InfoIcon;
+        colorScheme: string;
+    };
+};
+type AlertStatus = keyof typeof STATUSES;
+
+interface AlertOptions {
+    /**
+     * The status of the alert
+     * @default "info"
+     */
+    status?: AlertStatus;
+}
+interface AlertProps extends HTMLChakraProps<'div'>, AlertOptions, ThemingProps<'Alert'> {
+    /**
+     * @default false
+     */
+    addRole?: boolean;
+}
+/**
+ * Alert is used to communicate the state or status of a
+ * page, feature or action
+ *
+ * @see Docs https://chakra-ui.com/docs/components/alert
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/alert/
+ */
+declare const Alert: _chakra_ui_system.ComponentWithAs<"div", AlertProps>;
+
+type AlertActionProps = HTMLChakraProps<'button'>;
+declare function AlertAction({ children, className }: AlertActionProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertAction {
+    var displayName: string;
+}
+
+type AlertCloseProps = HTMLChakraProps<'span'>;
+declare function AlertClose({ className, children, ...rest }: AlertCloseProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertClose {
+    var displayName: string;
+}
+
+type AlertDescriptionProps = HTMLChakraProps<'div'>;
+declare const AlertDescription: _chakra_ui_system.ComponentWithAs<"div", AlertDescriptionProps>;
+
+type AlertIconProps = HTMLChakraProps<'span'>;
+declare function AlertIcon({ className, children, ...rest }: AlertIconProps): react_jsx_runtime.JSX.Element;
+declare namespace AlertIcon {
+    var displayName: string;
+}
+
+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;
+    displayName: string;
+    defaultProps: {
+        leftIcon: undefined;
+        rightIcon: undefined;
+        isActive: boolean;
+        isChild: boolean;
+    };
+};
+
+interface BadgeProps extends BadgeProps$1 {
+    pill?: boolean;
+}
+declare const Badge: {
+    (props: BadgeProps): react_jsx_runtime.JSX.Element;
+    defaultProps: {
+        pill: boolean;
+    };
+};
+
+interface BreadCrumbParentProps {
+    name: string;
+    onClick?: () => void;
+    disable?: boolean;
+    link: string;
+}
+interface BreadCrumbProps {
+    title: string;
+    children?: React$1.ReactNode;
+    parents?: BreadCrumbParentProps[];
+    className?: string;
+    disableHome?: boolean;
+    spacing?: number;
+    backButton?: () => void;
+}
+declare const BreadCrumb: React$1.FC<BreadCrumbProps>;
+
+type ButtonProps = ButtonProps$1;
+declare const Button: _chakra_ui_react.ComponentWithAs<"button", ButtonProps$1>;
+
+interface CardProps extends BoxProps {
+    withShadow?: boolean;
+    isRounded?: boolean;
+}
+declare const CardCustom: React__default.ForwardRefExoticComponent<CardProps & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CheckboxComponentProps extends CheckboxProps, PropsWithChildren {
+    isError?: boolean;
+    helpText?: string;
+    errorText?: string;
+    boxProps?: BoxProps;
+}
+declare const CheckboxComponent: _chakra_ui_react.ComponentWithAs<"input", CheckboxComponentProps>;
+
+interface Props {
+    label?: string | ReactNode;
+    isError?: boolean;
+    isSuccess?: boolean;
+    errorMessage?: string | ReactNode;
+    leftHelperText?: string | ReactNode;
+    rightHelperText?: string | ReactNode;
+    isRequired?: boolean;
+    boxProps?: FormControlProps;
+}
+type FieldProps<T = unknown> = Props & T;
+declare const Field: FC<PropsWithChildren<Props>>;
+
+interface CheckboxGroupComponentProps extends FieldProps, CheckboxGroupProps, PropsWithChildren {
+    label: string;
+    helpText?: string;
+    isError?: boolean;
+    errorMessage?: string;
+}
+declare function CheckboxGroupComponent(props: CheckboxGroupComponentProps): react_jsx_runtime.JSX.Element;
+declare namespace CheckboxGroupComponent {
+    var defaultProps: {
+        helpText: string;
+        isError: boolean;
+        errorMessage: string;
+    };
+}
+
+interface ChipsProps {
+    isDisabled?: boolean;
+    isActive?: boolean;
+    onClose?: () => void;
+    children?: ReactNode;
+    size?: 'sm' | 'md';
+}
+declare const Chips: {
+    ({ children, ...rest }: ChipsProps): react_jsx_runtime.JSX.Element;
+    defaultProps: {
+        isDisabled: boolean;
+        isActive: boolean;
+        onClose: undefined;
+        children: undefined;
+        size: string;
+    };
+};
+
+interface CounterProps {
+    value: number;
+    size?: string;
+    min?: number;
+    max?: number;
+    onChange: (val: number) => void;
+    isError?: boolean;
+    disabled?: boolean;
+    error?: string | React__default.ReactNode;
+    helperText?: string | React__default.ReactNode;
+    isReadOnly?: boolean;
+}
+declare const Counter: ({ value, size, min, max, onChange, isError, disabled, error, helperText, isReadOnly, }: CounterProps) => react_jsx_runtime.JSX.Element;
+
+interface TableStyleProps {
+    table?: TableProps;
+    tableHead?: TableHeadProps;
+    tableRow?: TableRowProps;
+    tableBody?: TableBodyProps;
+    tableColumnHeader?: TableColumnHeaderProps;
+    tableCell?: TableCellProps;
+}
+interface DataTableProps<T = unknown> extends BoxProps {
+    styles?: TableStyleProps;
+    columns: ColumnDef<T>[];
+    dataSource: T[] | undefined;
+    isLoading?: boolean;
+    withSelectedRow?: boolean | undefined;
+    onSelectedRow?: (data: T[]) => void;
+    onSort?: (data: SortingState) => void;
+    manualSorting?: boolean;
+    sortingState?: SortingState;
+    sortDescFirst?: boolean;
+    headerSticky?: boolean;
+    columnPinning?: ColumnPinningState;
+    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>) => {
+    table: _tanstack_react_table.Table<T>;
+    toggleAllRowsSelected: (value?: boolean | undefined) => void;
+    generateColumn: () => ColumnDef<T>[];
+};
+declare const _default: <T>(props: DataTableProps<T> & {
+    ref?: React$1.Ref<DataTableRefs<T>>;
+}) => JSX.Element;
+
+type DatepickerProps = DatePickerProps & {
+    id?: string;
+    isRequired?: boolean;
+    label?: string;
+    error?: string | React__default.ReactNode;
+    isError?: boolean;
+    helperText?: string | React__default.ReactNode;
+    withTime?: boolean;
+    onClear?: () => void;
+    showMonth?: boolean;
+    shortMonth?: boolean;
+};
+declare const Datepicker: React__default.FC<DatepickerProps>;
+
+interface DatePickerMonthProps {
+    onChange: (date: string) => void;
+    'data-test-id'?: string;
+    min: string;
+    max: string;
+}
+declare const DatePickerMonth: FC<DatePickerMonthProps>;
+
+interface MultiDatePickerMonthProps {
+    onChange: (startDate: string | null, endDate: string | null) => void;
+    min?: string;
+    max?: string;
+    isError?: boolean;
+}
+declare const MultiDatePickerMonth: FC<MultiDatePickerMonthProps>;
+
+interface DialogProps extends Omit<ModalProps, 'children'> {
+    title: string;
+    content: React__default.ReactNode;
+    footer: React__default.ReactNode;
+    isModalOverlay?: boolean;
+    width?: string;
+    isOverlayClickable?: boolean;
+}
+declare const Dialog: React__default.FC<DialogProps>;
+
+interface InputAddonProps {
+    children: React__default.ReactNode;
+}
+declare const InputAddonLeft: ({ children }: InputAddonProps) => react_jsx_runtime.JSX.Element;
+declare const InputAddonRight: ({ children }: InputAddonProps) => react_jsx_runtime.JSX.Element;
+
+interface InputFieldProps extends InputProps, FieldProps {
+    addOnLeft?: ReactNode;
+    addOnRight?: ReactNode;
+    withClear?: boolean;
+    isLoading?: boolean;
+    onClear?: () => void;
+}
+declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>>;
+
+interface TextAreaProps extends TextareaProps, FieldProps {
+    isLoading?: boolean;
+}
+declare const TextareaField: React__default.ForwardRefExoticComponent<TextAreaProps & React__default.RefAttributes<HTMLTextAreaElement>>;
+
+type Environment = 'DEVELOPMENT' | 'STAGING' | 'PRODUCTION';
+type HeaderDataProps = {
+    environment?: Environment;
+    version?: string;
+    email?: string;
+    name?: string;
+    userRole?: string;
+    office?: string | string[];
+    avatarUrl?: string;
+};
+
+type HeaderProps = BoxProps & {
+    brandColor?: BoxProps['bgColor'];
+    data?: HeaderDataProps;
+    onLogout?: () => void;
+    onOpenModalRelease?: () => void;
+    hideSwitchMode?: boolean;
+    mainLogo?: string;
+    mainLogoSize?: BoxProps['h'];
+    centerLogo?: string;
+    centerLogoSize?: BoxProps['h'];
+    hideEnv?: boolean;
+    urlLogo?: string;
+    profile?: React$1.ReactNode;
+};
+declare const Header: React$1.FC<HeaderProps>;
+
+interface LoaderProps {
+    size?: string;
+    variant?: string;
+    thickness?: string;
+}
+interface CustomLoaderProps extends HTMLChakraProps$1<'span'>, Omit<ThemingProps$1, 'size' | 'variant'>, LoaderProps {
+}
+declare const Loader: _chakra_ui_react.ComponentWithAs<"div", CustomLoaderProps>;
+
+declare const ModalBody: React__default.ForwardRefExoticComponent<ModalBodyProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ModalCloseButton: React__default.ForwardRefExoticComponent<ButtonProps$1 & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const ModalFooter: React__default.ForwardRefExoticComponent<ModalFooterProps & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const ModalHeader: React__default.ForwardRefExoticComponent<ModalHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type NavigationLink = {
+    title: string;
+    icon?: IconType;
+    navLink?: string;
+    navHost?: string;
+    children?: Omit<NavigationLink, 'children'>[];
+};
+type Menu = {
+    id: string;
+    title: string;
+    type: string;
+    icon: string;
+    navLink: string;
+    children: SubMenu[];
+};
+type SubMenu = {
+    type: string;
+    icon: string;
+    navLink: string;
+    navHost: string;
+    title: string;
+    id: string;
+};
+
+type NavigationProps = BoxProps & {
+    navigations?: NavigationLink[];
+    activePath: string;
+    as?: As;
+    host?: string;
+};
+declare const Navigation: React$1.FC<NavigationProps>;
+
+type NavigationBarProps = BoxProps & {
+    navigations?: Menu[];
+    isFetched: boolean;
+    pathname: string;
+    asPath: string;
+    mappingIcon: Map<string, JSX.Element>;
+};
+declare const NavigationBar: React__default.FC<NavigationBarProps>;
+
+interface PaginationProps {
+    /** Additional CSS classes to give to the pagination. */
+    className?: string;
+    /** The current page number. */
+    current: number;
+    /** Total number of pages. */
+    total: number;
+    /**
+     * Callback to run when a page number is selected. You can use this to e.g.
+     * run setState on your component's page state.
+     */
+    onSelect?: (page: number) => void;
+}
+declare const Pagination: React$1.FC<PaginationProps>;
+
+interface PaginationDetailProps extends TextProps {
+    page: number;
+    /** Total limit of pages. */
+    limit: number;
+    length: number;
+}
+declare const PaginationDetail: React$1.FC<PaginationDetailProps>;
+
+interface PaginationFilterProps<T> {
+    /** Total limit of pages. */
+    limit?: number;
+    /** Label in front of select input */
+    label?: string;
+    /** Label items. */
+    items: T[];
+    /** The change handler for the select. */
+    onChange: (changes: T) => void;
+}
+declare const PaginationFilter: React$1.FC<PaginationFilterProps<number>>;
+
+interface RadioProps extends RadioProps$1, PropsWithChildren {
+    isError?: boolean;
+    helpText?: string;
+    errorText?: string;
+}
+declare const Radio: {
+    ({ isError, helpText, errorText, children, isDisabled, ...rest }: RadioProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        isError: boolean;
+        helpText: string;
+        errorText: string;
+    };
+};
+
+interface RadioGroupComponentProps extends FieldProps, RadioGroupProps {
+    label: string;
+    helpText?: string;
+    isError?: boolean;
+    errorMessage?: string;
+}
+declare const RadioGroup: {
+    ({ children, label, helpText, isError, errorMessage, ...props }: RadioGroupComponentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+    defaultProps: {
+        helpText: string;
+        isError: boolean;
+        errorMessage: string;
+    };
+};
+
+type PropsValue = 0 | 1 | 2 | 3 | 4 | 5;
+interface RatingProps {
+    value: PropsValue;
+}
+declare const Rating: ({ value }: RatingProps) => react_jsx_runtime.JSX.Element;
+
+type ExtendedSelectProps = {
+    isError?: boolean;
+};
+
+type SelectProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = Props$1<Option, IsMulti, Group> & ExtendedSelectProps;
+declare function Select<OptionType, Group extends GroupBase<OptionType>, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectProps<OptionType, IsMulti, Group>): react_jsx_runtime.JSX.Element;
+
+type SelectAsyncProps<OptionType = unknown, Group extends GroupBase<OptionType> = GroupBase<OptionType>, Additional = unknown, IsMulti extends boolean = false> = AsyncPaginateProps<OptionType, Group, Additional, IsMulti> & ExtendedSelectProps;
+declare function SelectAsync<OptionType, Group extends GroupBase<OptionType>, Additional, IsMulti extends boolean = false>({ styles, isError, ...rest }: SelectAsyncProps<OptionType, Group, Additional, IsMulti>): react_jsx_runtime.JSX.Element;
+
+type SelectAsyncCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = AsyncCreatableProps<Option, IsMulti, Group> & ExtendedSelectProps;
+declare function SelectAsyncCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, isError, ...rest }: SelectAsyncCreatableProps<Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
+
+type SelectCreatableProps<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = CreatableProps<Option, IsMulti, Group> & ExtendedSelectProps;
+declare function SelectCreatable<Option = unknown, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ styles, isError, ...rest }: SelectCreatableProps<Option, IsMulti, Group>): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps extends Omit<UseCheckboxProps, 'isIndeterminate'>, Omit<HTMLChakraProps$1<'label'>, keyof UseCheckboxProps>, ThemingProps$1<'Switch'> {
+    /**
+     * The spacing between the switch and its label text
+     * @default 0.5rem
+     * @type SystemProps["marginLeft"]
+     */
+    spacing?: SystemProps['marginLeft'];
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * The `Switch` component is used as an alternative for the checkbox component for switching between "enabled" and "disabled" states.
+ *
+ * @see Docs https://chakra-ui.com/docs/components/switch
+ * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/switch/
+ */
+declare const Switch: _chakra_ui_react.ComponentWithAs<"input", SwitchProps>;
+
+type AddonProps = {
+    isSelected: boolean;
+};
+type TabProps = TabProps$1 & {
+    'data-test-id'?: string;
+    leftAddon?({ isSelected }: AddonProps): React$1.ReactNode;
+    rightAddon?({ isSelected }: AddonProps): React$1.ReactNode;
+};
+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;
+};
+type UploaderState = DropzoneState;
+declare const Uploader: React$1.FC<UploaderProps>;
+
+declare const getTheme: (foundations: Record<string, any>) => Record<string, any>;
+declare const theme: Record<string, any>;
+type Theme = typeof theme;
+
+declare function useFetcher(): {
+    fetcher: <TResponse = unknown>({ url, data, method, headers, ...config }: AxiosRequestConfig) => Promise<axios.AxiosResponse<TResponse, any>>;
+};
+
+type RequestInterceptors = (value: AxiosRequestConfig<unknown>) => AxiosRequestConfig<unknown> | Promise<AxiosRequestConfig<unknown>>;
+type ResponseInterceptors = (value: AxiosResponse<unknown>) => AxiosResponse<unknown> | Promise<AxiosResponse<unknown>>;
+type ProviderProps = {
+    children?: React.ReactNode;
+    config?: AxiosRequestConfig<unknown>;
+    requestInterceptors?: RequestInterceptors[];
+    responseInterceptors?: ResponseInterceptors[];
+};
+type ProviderContextObject = {
+    instance?: AxiosInstance;
+};
+
+declare const ProviderContext: React__default.Context<ProviderContextObject>;
+declare const useInternalUI: () => ProviderContextObject;
+declare const Provider: FC<ProviderProps>;
+
+export { 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, 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, type Environment, Field, type FieldProps, Header, type HeaderDataProps, type HeaderProps, InputAddonLeft, InputAddonRight, InputField, type InputFieldProps, Loader, type LoaderProps, Navigation as MainMenu, ModalBody, ModalCloseButton, ModalFooter, ModalHeader, MultiDatePickerMonth, type MultiDatePickerMonthProps, NavigationBar, type NavigationBarProps, type NavigationProps, 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, SelectCreatable, type SelectCreatableProps, type SelectProps, Switch, type SwitchProps, Tab, type TableStyleProps, type TextAreaProps, TextareaField, type Theme, Uploader, type UploaderProps, type UploaderState, getTheme, theme, useAlertStyles, useDataTable, useFetcher, useInternalUI };