@mariliz/ui-kit 0.0.0-stage → 0.6.0

package/dist/index.d.ts

@@ -0,0 +1,1801 @@
+import * as _mui_material from '@mui/material';
+import { AutocompleteProps as AutocompleteProps$1, TextFieldVariants, SxProps, Theme, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, DividerProps as DividerProps$1, LinearProgressProps, MenuItemProps as MenuItemProps$1, SelectProps, SwitchProps as SwitchProps$1, TabProps, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, AlertProps as AlertProps$1, BreadcrumbsProps, SvgIconProps } from '@mui/material';
+import * as React$1 from 'react';
+import React__default, { FunctionComponent, CSSProperties, ReactNode } from 'react';
+import { SxProps as SxProps$1, Theme as Theme$1, Components } from '@mui/material/styles';
+import { T as TabBarProps } from './typography-4MftcJQZ.js';
+export { M as MarilizPalette, P as Provider, a as ProviderProps, b as TabPanelProps, c as TabsProps, d as ThemeCreationOptions, e as ThemeMode, i as initializeTheme, t as typography } from './typography-4MftcJQZ.js';
+import { GridValidRowModel, DataGridProps, GridColDef, GridRowIdGetter, GridRowSelectionModel, GridCallbackDetails, GridRowParams } from '@mui/x-data-grid';
+import { UseFormSetValue, UseFormWatch, FieldValues, Resolver, FieldErrors, useForm, FormState, FieldErrorsImpl } from 'react-hook-form';
+
+type AutocompleteBaseProps = {
+    /**
+     * Determina a Label do campo
+     * @default ''
+     * @type {string}
+     */
+    label?: string;
+    /**
+     * Indica se há um erro no campo.
+     * @default false
+     * @type boolean
+     */
+    error?: boolean;
+    /**
+     * Texto de apoio exibido abaixo do campo (ex.: mensagem de erro), associado ao input.
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Ativa o indicador de carregamento no campo.
+     * @default false
+     * @type boolean
+     */
+    loading?: boolean;
+    /**
+     * Define o tipo do ícone exibido no final do campo.
+     * @type 'link' | 'submit' | undefined
+     */
+    endIconType?: 'link' | 'submit' | undefined;
+    /**
+     * Nome acessível do botão exibido quando `endIconType` é definido.
+     * @default 'Pesquisar'
+     */
+    endIconLabel?: string;
+    /**
+     * Link associado ao ícone no final do campo (apenas se `endIconType` for 'link').
+     * @type string | undefined
+     */
+    link?: string | undefined;
+    /**
+     * Função chamada quando o valor do campo é alterado (aplica-se a componentes "TextField").
+     * @param event - Objeto de evento do React para a alteração no campo.
+     * @type (event: React.ChangeEvent<HTMLInputElement>) => void
+     */
+    onChangeTextField?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Nome identificador único do campo.
+     * @type string
+     */
+    name: string;
+    /**
+     * Indica se o campo é obrigatório.
+     * @default false
+     * @type boolean
+     */
+    required?: boolean;
+    /**
+     * Determina se o skeleton do autocomplete deve ser exibido.
+     * @default false
+     * @example <Autocomplete skeleton />
+     */
+    skeleton?: boolean;
+} & AutocompleteProps$1<unknown, boolean | undefined, boolean | undefined, boolean | undefined, React.ElementType<any, keyof React.JSX.IntrinsicElements>>;
+
+interface AutocompleteProps extends Omit<AutocompleteBaseProps, 'renderInput'> {
+    variant?: TextFieldVariants;
+    sxTextField?: SxProps<Theme>;
+}
+declare const Autocomplete: FunctionComponent<AutocompleteProps>;
+
+interface AvatarProps {
+    /**
+     * Imagem do avatar
+     * @default ''
+     * @type {string}
+     */
+    imageSrc?: string;
+    /**
+     * Título do avatar
+     * @default ''
+     * @type {string}
+     * @example 'John Doe'
+     */
+    title: string;
+    /**
+     * Subtítulo do avatar
+     * @default ''
+     * @type {string}
+     * @example 'Software Engineer'
+     */
+    subtitle?: string;
+    /**
+     * Texto alternativo para a imagem do avatar
+     * @default ''
+     * @type {string}
+     * @example 'John Doe'
+     */
+    altText?: string;
+    /**
+     * Mostrar um texto alternativo ao lado do avatar
+     * @default false
+     * @type {boolean}
+     */
+    showText?: boolean;
+    /**
+     * Estilos customizados
+     * @type {SxProps<Theme
+     * @default {}
+     * @example { mt: 2 }
+     * @see https://mui.com/system/the-sx-prop/
+     */
+    sx?: SxProps$1<Theme$1>;
+    /**
+     * Determina se o skeleton do avatar deve ser exibido.
+     * @default false
+     * @example <Avatar skeleton />
+     */
+    skeleton?: boolean;
+}
+
+declare const Avatar: React__default.FC<AvatarProps>;
+
+interface ButtonProps extends ButtonProps$1 {
+    /**
+     * Exibe um skeleton no lugar do botão enquanto o conteúdo da tela carrega.
+     * Para indicar uma ação em andamento (ex.: envio de formulário), use `loading`.
+     * @default false
+     * @example <Button skeleton />
+     */
+    skeleton?: boolean;
+}
+
+declare const Button: FunctionComponent<ButtonProps>;
+
+interface CheckboxProps extends CheckboxProps$1 {
+    /**
+     * Determina a Label do campo
+     * @default ''
+     * @type {string}
+     */
+    label?: string;
+    /**
+     * Edita o style do FormControlLabel
+     * @default {}
+     * @type {SxProps<Theme> | undefined}
+     */
+    formControlSX?: SxProps<Theme> | undefined;
+    /**
+     * Determina se o skeleton do checkbox deve ser exibido.
+     * @default false
+     * @example <Checkbox skeleton />
+     */
+    skeleton?: boolean;
+}
+
+declare const Checkbox: FunctionComponent<CheckboxProps>;
+
+interface DividerProps extends DividerProps$1 {
+}
+
+declare const Divider: FunctionComponent<DividerProps>;
+
+interface LoadingBarProps extends LinearProgressProps {
+}
+
+declare const LoadingBar: FunctionComponent<LoadingBarProps>;
+
+interface MenuItemProps extends MenuItemProps$1 {
+    /**
+     * Determina o tamanho do menuItem
+     * @default 'medium'
+     * @type {'small' | 'medium'}
+     * @example <MenuItem size="small" />
+     */
+    size?: 'small' | 'medium';
+}
+
+declare const MenuItem: React__default.ForwardRefExoticComponent<MenuItemProps & React__default.RefAttributes<HTMLLIElement>>;
+
+interface SelectFieldOption {
+    /** Texto exibido. */
+    label: string;
+    /** Valor enviado no `onChange`. */
+    value: string | number;
+}
+type SelectFieldProps = SelectProps & {
+    /**
+     * Determina a Label do campo
+     * @default ''
+     * @type {string}
+     * @example <Select label="Nome" />
+     */
+    label?: string;
+    /**
+     * Determina se o campo é obrigatorio
+     * @default false
+     * @type {boolean}
+     * @example <Select required />
+     */
+    required?: boolean;
+    /**
+     * Itens em que o texto exibido também é o valor.
+     * Para separar texto e valor, use `options`.
+     * @default []
+     * @example <Select items={['Opção 1', 'Opção 2', 'Opção 3']} />
+     */
+    items?: string[];
+    /**
+     * Opções com texto e valor separados. Tem prioridade sobre `items`.
+     * @example <Select options={[{ label: 'Ativo', value: 1 }, { label: 'Inativo', value: 0 }]} />
+     */
+    options?: SelectFieldOption[];
+    /**
+     * Texto exibido (desabilitado) quando não há opções.
+     * @default 'Nenhuma opção encontrada'
+     */
+    noOptionsText?: string;
+};
+
+declare const SelectField: FunctionComponent<SelectFieldProps>;
+
+interface SwitchProps extends SwitchProps$1 {
+}
+
+declare const Switch: FunctionComponent<SwitchProps>;
+
+interface TabItemProps extends TabProps {
+    /**
+     * Determina o Label da tab
+     * @default ''
+     * @type {string}
+     * @example <TabItem label="Tab 1" />
+     */
+    label?: string;
+    /**
+     * Determina o componente a ser renderizado na tab
+     */
+    component?: React.ElementType;
+    /**
+     * Link de navegação. Renderizado com o `LinkComponent` do tema
+     * (ex.: `next/link` via `@mariliz/ui-kit/next`).
+     * @example <TabItem href="/tab1" />
+     */
+    href?: string;
+}
+
+declare const TabItem: FunctionComponent<TabItemProps>;
+
+/**
+ * Propriedades do `TextField`: todas as do `TextField` do MUI, mais o skeleton.
+ */
+type TextFieldProps = TextFieldProps$1 & {
+    /**
+     * Determina se o skeleton do TextField deve ser exibido.
+     * @default false
+     * @example <TextField skeleton />
+     */
+    skeleton?: boolean;
+};
+
+declare const TextField: FunctionComponent<TextFieldProps>;
+
+interface TypographyProps extends TypographyProps$1 {
+    fontFamily?: CSSProperties['fontFamily'];
+    fontWeight?: CSSProperties['fontWeight'];
+}
+
+declare const Typography: FunctionComponent<TypographyProps>;
+
+interface AlertProps extends AlertProps$1 {
+    /**
+     * Define o título do alerta
+     * @default ''
+     * @example <Alert title="Alerta" />
+     */
+    title?: string;
+    /**
+     * Define a descrição do alerta (também aceita `children`)
+     * @default ''
+     * @example <Alert description="Alerta de exemplo" />
+     */
+    description?: ReactNode | string;
+}
+
+declare const Alert: FunctionComponent<AlertProps>;
+
+interface BreadcrumbLink {
+    url: string;
+    title: string;
+}
+interface BreadcrumbProps extends BreadcrumbsProps {
+    /**
+     * Define os links do breadcrumb. O último item representa a página atual e é renderizado como
+     * texto com `aria-current="page"`.
+     * @default []
+     * @example <Breadcrumb links={[{ url: '/home', title: 'Home' }]} />
+     */
+    links?: BreadcrumbLink[];
+    /**
+     * Determina se o skeleton do breadcrumb deve ser exibido.
+     * @default false
+     * @example <Breadcrumb skeleton />
+     */
+    skeleton?: boolean;
+}
+
+declare const Breadcrumb: FunctionComponent<BreadcrumbProps>;
+
+interface CardDataProps {
+    /**
+     * Determina a lista de items
+     * @default []
+     * @example [{id: '1', title: 'Total de vendas', value: 'R$ 1.000,00', uppercase: 'uppercase', color: 'success'}]
+     * @type {Item[]}
+     * @required
+     * @see Item
+     */
+    listItem?: Item[];
+}
+interface Item {
+    /**
+     * Determina o id do item
+     * @type {string}
+     * @required
+     */
+    id: string;
+    /**
+     * Determina o titulo
+     * @type {string | React.ReactNode}
+     * @default ''
+     * @example 'Total de vendas'
+     */
+    title?: string | React.ReactNode;
+    /**
+     * Determina o valor referente ao titulo
+     * @type {string | React.ReactNode}
+     * @default ''
+     */
+    value?: string | React.ReactNode;
+    /**
+     * Determina se o valor será maiusculo ou minusculo
+     * @type {'initial' | 'uppercase'}
+     * @default 'initial'
+     * @example 'uppercase'
+     */
+    uppercase?: 'initial' | 'uppercase';
+    /**
+     * Determina a cor do TooltipIcon
+     * @type {'success' | 'warning' | 'info' | 'error' | 'medium'}
+     * @default 'medium'
+     * @example 'success'
+     */
+    color?: 'success' | 'warning' | 'info' | 'error' | 'medium';
+}
+
+declare const CardData: FunctionComponent<CardDataProps>;
+
+declare const TabBar: FunctionComponent<TabBarProps>;
+
+interface ModalProps {
+    /**
+     * Determina o titulo do modal (também usado como nome acessível do diálogo)
+     * @default ''
+     * @example 'Modal title'
+     * @type {string}
+     */
+    title?: string;
+    /**
+     * Determina a descrição (associada ao diálogo via `aria-describedby`)
+     * @default ''
+     * @example 'Modal description'
+     * @type {string}
+     */
+    description?: string;
+    /**
+     * Determina o icone (oculto em telas pequenas)
+     * @default null
+     * @example <Icon />
+     * @type {ReactNode}
+     * @see Icon
+     */
+    icon?: ReactNode;
+    /**
+     * Determina o tamanho do icone
+     * @default 'small'
+     * @example 'large'
+     * @type {'small' | 'large'}
+     */
+    size?: 'small' | 'large';
+    /**
+     * Determina a largura máxima do modal (460, 646 ou 900px)
+     * @default 'small'
+     * @example 'medium'
+     * @type {'small' | 'medium' | 'large'}
+     * @see Modal
+     */
+    sizeModal?: 'small' | 'medium' | 'large';
+    /**
+     * Determina a direção entre o ícone e os textos
+     * @default 'column'
+     * @example 'row'
+     * @type {'row' | 'column'}
+     */
+    direction?: 'row' | 'column';
+    /**
+     * Determina se o texto estará centralizado ou alinhado a esquerda
+     * @default 'left'
+     * @example 'center'
+     * @type {'center' | 'left'}
+     */
+    align?: 'center' | 'left';
+    /**
+     * Determina o conteudo interno do modal
+     * @default null
+     * @example <div>Conteudo do modal</div>
+     * @type {ReactNode}
+     * @see Modal
+     */
+    children?: ReactNode;
+    /**
+     * Determina se o modal está aberto
+     * @default false
+     * @example true
+     * @type {boolean}
+     * @see Modal
+     */
+    open: boolean;
+    /**
+     * Chamado ao fechar (tecla Esc, clique fora ou botão fechar). Sem ele, o botão fechar não é exibido.
+     * @example () => setOpen(false)
+     * @type {() => void}
+     * @see Modal
+     */
+    onClose?: () => void;
+    /**
+     * Nome acessível do botão fechar.
+     * @default 'Fechar'
+     */
+    closeLabel?: string;
+}
+
+declare const Modal: FunctionComponent<ModalProps>;
+
+/**
+ * Propriedades do DataTable: as do `DataGrid` do MUI X, com paginação controlada simplificada.
+ * `R` é o tipo de cada linha e é inferido a partir de `rows`.
+ */
+interface DataTableProps<R extends GridValidRowModel = any> extends Omit<DataGridProps<R>, 'rows' | 'columns' | 'rowCount'> {
+    /** Dados da tabela. */
+    rows: R[];
+    /** Colunas da tabela. */
+    columns: GridColDef<R>[];
+    /** Página atual (começa em 0). */
+    page: number;
+    /** Total de linhas (necessário com `paginationMode="server"`). */
+    rowCount: number;
+    /** Linhas por página. */
+    rowsPerPage: number;
+    /** Chamado quando a página muda. */
+    setPage: (page: number) => void;
+    /** Chamado quando a quantidade de linhas por página muda. */
+    setRowsPerPage: (rowsPerPage: number) => void;
+    /**
+     * Tipo de paginação da tabela
+     * @default 'client'
+     */
+    paginationMode?: 'server' | 'client';
+    /**
+     * Obtém o ID de cada linha. Por padrão usa `row.id`; linhas sem `id` recebem um ID estável
+     * gerado a partir do próprio objeto.
+     */
+    getRowId?: GridRowIdGetter<R>;
+    /** Chamado quando a seleção muda. Ativa a seleção de linhas. */
+    onSelectionModelChange?: (selectionModel: GridRowSelectionModel, details: GridCallbackDetails) => void;
+    /** Modelo de seleção (controlado). */
+    rowSelectionModel?: GridRowSelectionModel;
+    /**
+     * Mantém as linhas selecionadas mesmo que não existam na página atual
+     * @default false
+     */
+    keepNonExistentRowsSelected?: boolean;
+    /** Define quais linhas podem ser selecionadas. Por padrão, todas. */
+    isRowSelectable?: (params: GridRowParams<R>) => boolean;
+    /**
+     * Exibe a coluna de checkbox e ativa a seleção
+     * @default false
+     */
+    checkboxSelection?: boolean;
+    /**
+     * Oculta a contagem de linhas selecionadas no rodapé
+     * @default false
+     */
+    hideFooterSelectedRowCount?: boolean;
+    /**
+     * Mensagem exibida quando não há linhas
+     * @default 'Nenhum resultado encontrado'
+     */
+    NoRowsOverlayNew?: string;
+    /**
+     * Mensagem exibida quando o filtro não retorna resultados
+     * @default 'Nenhum resultado encontrado'
+     */
+    NoResultsOverlayNew?: string;
+    /**
+     * Texto do seletor de linhas por página. Por padrão vem do locale do tema
+     * (pt-BR: 'Linhas por página:').
+     */
+    labelRowsPerPage?: string;
+    /**
+     * Exibe um skeleton no lugar da tabela (carregamento inicial).
+     * Para recarregamentos com a tabela visível, use `loading`.
+     * @default false
+     */
+    skeleton?: boolean;
+    /**
+     * Exibe os botões de ir para a primeira e a última página
+     * @default false
+     */
+    enableJumpToPage?: boolean;
+}
+
+declare const DataTable: <R extends GridValidRowModel = any>({ NoRowsOverlayNew, NoResultsOverlayNew, rows, setPage, setRowsPerPage, hideFooterSelectedRowCount, onSelectionModelChange, keepNonExistentRowsSelected, page, rowsPerPage, columns, rowCount, loading, checkboxSelection, rowSelectionModel, isRowSelectable, isCellEditable, paginationMode, getRowId, skeleton, enableJumpToPage, labelRowsPerPage, ...props }: DataTableProps<R>) => React$1.JSX.Element;
+
+interface DrawerProps {
+    /**
+     * Determina o titulo do drawer (também usado como nome acessível do painel)
+     */
+    title?: string;
+    /**
+     * Determina a descrição do drawer
+     */
+    description?: string;
+    /**
+     * Determina os componentes que irão compor o drawer
+     */
+    children?: ReactNode;
+    /**
+     * Determina se o drawer esta aberto
+     */
+    open: boolean;
+    /**
+     * Chamado ao fechar (tecla Esc, clique fora ou botão fechar). Sem ele, o botão fechar não é exibido.
+     */
+    onClose?: () => void;
+    /**
+     * Determina por qual lado o drawer será aberto
+     */
+    anchor: 'left' | 'right' | 'top' | 'bottom';
+    /**
+     * Controla a largura do segundo drawer.
+     * Quando definido como true, o segundo drawer terá uma largura menor.
+     * Quando definido como false, o segundo drawer terá a largura padrão.
+     */
+    toggleDrawer?: boolean;
+    /**
+     * Nome acessível do botão fechar.
+     * @default 'Fechar'
+     */
+    closeLabel?: string;
+}
+
+declare const Drawer: FunctionComponent<DrawerProps>;
+
+interface MenuLabels {
+    /** @default 'Menu' */
+    menu?: string;
+    /** @default 'Conta' */
+    account?: string;
+    /** @default 'Sair' */
+    logout?: string;
+    /** Nome acessível do botão que expande o menu. @default 'Expandir menu' */
+    expand?: string;
+    /** Nome acessível do botão que recolhe o menu. @default 'Recolher menu' */
+    collapse?: string;
+}
+interface MenuProps {
+    /**
+     * Determina o titulo do avatar
+     */
+    avatarTitle?: string;
+    /**
+     * Determina o subtitulo do avatar
+     */
+    avatarSubtitle?: string;
+    /**
+     * Controla se o menu está expandido. Use junto com `onOpenChange`.
+     * Sem esta prop, o menu controla o próprio estado.
+     */
+    open?: boolean;
+    /**
+     * Estado inicial quando o menu não é controlado
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Chamado quando o menu expande ou recolhe.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Items do menu
+     */
+    items?: MenuItems[];
+    /**
+     * Determina a logo do menu
+     */
+    logoIcon?: ReactNode;
+    /**
+     * Recebe a largura ocupada pelo menu (270 expandido, 105 recolhido) para ajustar o layout.
+     */
+    drawerWidthMain?: (width: number) => void;
+    /**
+     * Determina evento de logout
+     */
+    onClickLogout?: () => void;
+    /**
+     * Determina quanto tempo após um click fora da área do menu para que ele seja retraído automaticamente
+     * @default 200
+     */
+    closeDelay?: number;
+    /**
+     * Exibe skeletons no lugar dos itens enquanto carregam
+     * @default false
+     */
+    skeleton?: boolean;
+    /**
+     * Determina se o menu irá fechar de forma automática ao clicar fora
+     * @default false
+     */
+    activateAutoOutsideMenu?: boolean;
+    /**
+     * Textos exibidos pelo menu (títulos das seções, logout e nomes acessíveis).
+     */
+    labels?: MenuLabels;
+}
+interface MenuItems {
+    /**
+     * Determina o titulo do item de menu
+     */
+    title?: string;
+    /**
+     * Link que será redirecionado (usa o LinkComponent do tema)
+     */
+    href: string;
+    /**
+     * Determina o icone que será exibido no menu
+     */
+    icon?: ReactNode;
+    /**
+     * Determina se o item esta ativo
+     */
+    active?: boolean;
+    /**
+     * Determina os items de submenu
+     */
+    submenu?: MenuAccordionItems[];
+}
+interface MenuAccordionItems {
+    /**
+     * Determina o titulo
+     */
+    title?: string;
+    /**
+     * Determina o redirect
+     */
+    href: string;
+    /**
+     * Determina se o item esta ativo
+     */
+    active?: boolean;
+    /**
+     * Determina os submenu dos menus
+     */
+    subSubmenu?: ISubmenuOptions[];
+}
+interface ISubmenuOptions {
+    /**
+     * Determina o titulo
+     */
+    title?: string;
+    /**
+     * Determina o redirect
+     */
+    href: string;
+    /**
+     * Determina se o item esta ativo
+     */
+    active?: boolean;
+}
+
+declare const Menu: FunctionComponent<MenuProps>;
+
+type TableComponentProps<T> = {
+    rows: T[];
+    columns: GridColDef[];
+};
+declare function TableComponent<T>({ rows, columns }: TableComponentProps<T>): React__default.JSX.Element;
+
+declare const AddIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserAdd2Icon: FunctionComponent<SvgIconProps>;
+
+declare const AddCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const AppsIcon: FunctionComponent<SvgIconProps>;
+
+declare const AppsRemoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const AppsAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const AddressIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowExchangeIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowBackIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowBackRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowDownCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowDownBoxIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowLeftCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowLeftRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowMaximizeIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowMoveRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowReturnIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowReturnRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowRightCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowRightIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowRightBoxIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowSortIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowSortRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowTransferIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowTransferRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowUpCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowSortCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const AnnouncementIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlertIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlarmIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlarmAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlarmCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlarmDeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const AlarmMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const ApprovalIcon: FunctionComponent<SvgIconProps>;
+
+declare const ApproveIcon: FunctionComponent<SvgIconProps>;
+
+declare const AscendingOrderIcon: FunctionComponent<SvgIconProps>;
+
+declare const AvailableCashIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArchiveIcon: FunctionComponent<SvgIconProps>;
+
+declare const AppCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const BluetoothIcon: FunctionComponent<SvgIconProps>;
+
+declare const BluetoothOffIcon: FunctionComponent<SvgIconProps>;
+
+declare const BankIcon: FunctionComponent<SvgIconProps>;
+
+declare const BankSlipIcon: FunctionComponent<SvgIconProps>;
+
+declare const BankingIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookmarkIcon: FunctionComponent<SvgIconProps>;
+
+declare const BoardIcon: FunctionComponent<SvgIconProps>;
+
+declare const BarChartIcon: FunctionComponent<SvgIconProps>;
+
+declare const BriefcaseIcon: FunctionComponent<SvgIconProps>;
+
+declare const BriefcaseLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const BriefcaseWithDraftsIcon: FunctionComponent<SvgIconProps>;
+
+declare const BellSchoolIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookDownloadIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookFavouriteIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookHelpIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookInfoIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookOpenIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookRejectIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookRemoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookSearchIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookUploadIcon: FunctionComponent<SvgIconProps>;
+
+declare const BookWithTicketIcon: FunctionComponent<SvgIconProps>;
+
+declare const BackPackIcon: FunctionComponent<SvgIconProps>;
+
+declare const BroadCastIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalculatorDraftIcon: FunctionComponent<SvgIconProps>;
+
+declare const CarteslanIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChattingIcon: FunctionComponent<SvgIconProps>;
+
+declare const CompasIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalendarIcon: FunctionComponent<SvgIconProps>;
+
+declare const CancelIcon: FunctionComponent<SvgIconProps>;
+
+declare const CheckCardIcon: FunctionComponent<SvgIconProps>;
+
+declare const DownIcon: FunctionComponent<SvgIconProps>;
+
+declare const CloseIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChangePlanIcon: FunctionComponent<SvgIconProps>;
+
+declare const ComplianceIcon: FunctionComponent<SvgIconProps>;
+
+declare const CompleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const CopyIcon: FunctionComponent<SvgIconProps>;
+
+declare const CheckRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const CheckCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ClearRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ClearCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const CameraOffIcon: FunctionComponent<SvgIconProps>;
+
+declare const CameraIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartArrowDownWithBarIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartArrowUpBoxIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartArrowUpWithBarIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartBarIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartNotificationIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartPieIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartPizzaIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartWaveIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalendarAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalendarCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalendarDeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalendarMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChartWaveRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallArrowDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallArrowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallBlockIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallInIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallLoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallOutIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallUserIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallVoiceMailIcon: FunctionComponent<SvgIconProps>;
+
+declare const CallingIcon: FunctionComponent<SvgIconProps>;
+
+declare const CharMenuIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatAcceptIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatArrowDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatArrowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatBlockIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatClockIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatCloseIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatFavouriteIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatInformationIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatLoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatNegativeIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatPlusIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatSadIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatSearchIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatSilientIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatUserIcon: FunctionComponent<SvgIconProps>;
+
+declare const DisplayCenterIcon: FunctionComponent<SvgIconProps>;
+
+declare const DisplayLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const DisplayRightIcon: FunctionComponent<SvgIconProps>;
+
+declare const DisplaycenterHorizontalIcon: FunctionComponent<SvgIconProps>;
+
+declare const DashboardIcon: FunctionComponent<SvgIconProps>;
+
+declare const DarkIcon: FunctionComponent<SvgIconProps>;
+
+declare const DeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const DigitalAccountIcon: FunctionComponent<SvgIconProps>;
+
+declare const DiscountIcon: FunctionComponent<SvgIconProps>;
+
+declare const DocExcelIcon: FunctionComponent<SvgIconProps>;
+
+declare const DocPdfIcon: FunctionComponent<SvgIconProps>;
+
+declare const DoneIcon: FunctionComponent<SvgIconProps>;
+
+declare const DownloadIcon: FunctionComponent<SvgIconProps>;
+
+declare const DraftIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionDownCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionRightIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionDownRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionLeftCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionRightCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionRightRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionUpCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionUpRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DealIcon: FunctionComponent<SvgIconProps>;
+
+declare const DiamondIcon: FunctionComponent<SvgIconProps>;
+
+declare const DiplomaIcon: FunctionComponent<SvgIconProps>;
+
+declare const DonateIcon: FunctionComponent<SvgIconProps>;
+
+declare const DownArrowIcon: FunctionComponent<SvgIconProps>;
+
+declare const DownBoldIcon: FunctionComponent<SvgIconProps>;
+
+declare const ELearningIcon: FunctionComponent<SvgIconProps>;
+
+declare const ExchangeRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const EditIcon: FunctionComponent<SvgIconProps>;
+
+declare const EmailIcon: FunctionComponent<SvgIconProps>;
+
+declare const EnergyIcon: FunctionComponent<SvgIconProps>;
+
+declare const EyeShowIcon: FunctionComponent<SvgIconProps>;
+
+declare const EyeIcon: FunctionComponent<SvgIconProps>;
+
+declare const EyeDisableIcon: FunctionComponent<SvgIconProps>;
+
+declare const ExpandIcon: FunctionComponent<SvgIconProps>;
+
+declare const FilledTime: FunctionComponent<SvgIconProps>;
+
+declare const FilterIcon: FunctionComponent<SvgIconProps>;
+
+declare const FocusIcon: FunctionComponent<SvgIconProps>;
+
+declare const FlagIcon: FunctionComponent<SvgIconProps>;
+
+declare const FeatherIcon: FunctionComponent<SvgIconProps>;
+
+declare const GlassesIcon: FunctionComponent<SvgIconProps>;
+
+declare const GlobeIcon: FunctionComponent<SvgIconProps>;
+
+declare const GraduationCapIcon: FunctionComponent<SvgIconProps>;
+
+declare const GraphicWithBarIcon: FunctionComponent<SvgIconProps>;
+
+declare const GraphicWithLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const GiftIcon: FunctionComponent<SvgIconProps>;
+
+declare const GridDinamicIcon: FunctionComponent<SvgIconProps>;
+
+declare const GridIcon: FunctionComponent<SvgIconProps>;
+
+declare const HideIcon: FunctionComponent<SvgIconProps>;
+
+declare const Home01Icon: FunctionComponent<SvgIconProps>;
+
+declare const Home02Icon: FunctionComponent<SvgIconProps>;
+
+declare const Home03Icon: FunctionComponent<SvgIconProps>;
+
+declare const Home04Icon: FunctionComponent<SvgIconProps>;
+
+declare const HourglassEndIcon: FunctionComponent<SvgIconProps>;
+
+declare const HourglassIcon: FunctionComponent<SvgIconProps>;
+
+declare const HourglassStartIcon: FunctionComponent<SvgIconProps>;
+
+declare const HelpCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const HelpIcon: FunctionComponent<SvgIconProps>;
+
+declare const HelpRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const HomeWithGraphic: FunctionComponent<SvgIconProps>;
+
+declare const IdCardIcon: FunctionComponent<SvgIconProps>;
+
+declare const ImageCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const InCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const InteractiveIcon: FunctionComponent<SvgIconProps>;
+
+declare const InfoIcon: FunctionComponent<SvgIconProps>;
+
+declare const InvoiceReceivableIcon: FunctionComponent<SvgIconProps>;
+
+declare const InformationRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const IntersectingArrowsIcon: FunctionComponent<SvgIconProps>;
+
+declare const JumpToStartIcon: FunctionComponent<SvgIconProps>;
+
+declare const JumpToEndIcon: FunctionComponent<SvgIconProps>;
+
+declare const KeyIcon: FunctionComponent<SvgIconProps>;
+
+declare const LeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const LegalPersonIcon: FunctionComponent<SvgIconProps>;
+
+declare const LiquidateIcon: FunctionComponent<SvgIconProps>;
+
+declare const LoadingIcon: FunctionComponent<SvgIconProps>;
+
+declare const LogoutIcon: FunctionComponent<SvgIconProps>;
+
+declare const LowGraphIcon: FunctionComponent<SvgIconProps>;
+
+declare const Location01Icon: FunctionComponent<SvgIconProps>;
+
+declare const Location02Icon: FunctionComponent<SvgIconProps>;
+
+declare const Location03Icon: FunctionComponent<SvgIconProps>;
+
+declare const LandscapeHorizontalIcon: FunctionComponent<SvgIconProps>;
+
+declare const LandscapeIcon: FunctionComponent<SvgIconProps>;
+
+declare const LandscapeVerticalIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutBottomLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutCenterIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutCenterLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutCenterVerticalLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutDividerIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutLeftLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutRightLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutTopIcon: FunctionComponent<SvgIconProps>;
+
+declare const LayoutTopLineIcon: FunctionComponent<SvgIconProps>;
+
+declare const LoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const LifebuoyIcon: FunctionComponent<SvgIconProps>;
+
+declare const LeftArrowIcon: FunctionComponent<SvgIconProps>;
+
+declare const LeftBoldIcon: FunctionComponent<SvgIconProps>;
+
+declare const LibraryIcon: FunctionComponent<SvgIconProps>;
+
+declare const LikeInverse: FunctionComponent<SvgIconProps>;
+
+declare const ListViewRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const LightIcon: FunctionComponent<SvgIconProps>;
+
+declare const MaximizeArrowIcon: FunctionComponent<SvgIconProps>;
+
+declare const MaximizeIcon: FunctionComponent<SvgIconProps>;
+
+declare const MaximizeLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const MinimizeIcon: FunctionComponent<SvgIconProps>;
+
+declare const MinimizeLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const MinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const MoneyIcomeIcon: FunctionComponent<SvgIconProps>;
+
+declare const MoneyProfit: FunctionComponent<SvgIconProps>;
+
+declare const MoreOptionsIcon: FunctionComponent<SvgIconProps>;
+
+declare const MicIcon: FunctionComponent<SvgIconProps>;
+
+declare const MicMuteIcon: FunctionComponent<SvgIconProps>;
+
+declare const MenuLineHorizontalIcon: FunctionComponent<SvgIconProps>;
+
+declare const MenuLineChangedIcon: FunctionComponent<SvgIconProps>;
+
+declare const MenuLineCenterChangedIcon: FunctionComponent<SvgIconProps>;
+
+declare const MenuUserIcon: FunctionComponent<SvgIconProps>;
+
+declare const MenuHomeIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailArrowDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailArrowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailBlockIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailBoxIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailCancelIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailDelayIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailFastIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailFavoriteIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailLeftIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailNegativeIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailPlusIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailRightIcon: FunctionComponent<SvgIconProps>;
+
+declare const MailSlientIcon: FunctionComponent<SvgIconProps>;
+
+declare const MonitorIcon: FunctionComponent<SvgIconProps>;
+
+declare const NotificationRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const NoNetworkIcon: FunctionComponent<SvgIconProps>;
+
+declare const NaturalPersonIcon: FunctionComponent<SvgIconProps>;
+
+declare const NewRuleIcon: FunctionComponent<SvgIconProps>;
+
+declare const NotificationIcon: FunctionComponent<SvgIconProps>;
+
+declare const NotificationSilentIcon: FunctionComponent<SvgIconProps>;
+
+declare const NotificationRingingIcon: FunctionComponent<SvgIconProps>;
+
+declare const Notification01Icon: FunctionComponent<SvgIconProps>;
+
+declare const NibIcon: FunctionComponent<SvgIconProps>;
+
+declare const NotebookSmartFoneIcon: FunctionComponent<SvgIconProps>;
+
+declare const NextArrowIcon: FunctionComponent<SvgIconProps>;
+
+declare const OutCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const OverflowIcon: FunctionComponent<SvgIconProps>;
+
+declare const PasswordIcon: FunctionComponent<SvgIconProps>;
+
+declare const PaymentLinkIcon: FunctionComponent<SvgIconProps>;
+
+declare const PercentageIcon: FunctionComponent<SvgIconProps>;
+
+declare const PhoneIcon: FunctionComponent<SvgIconProps>;
+
+declare const PixIcon: FunctionComponent<SvgIconProps>;
+
+declare const PlayIcon: FunctionComponent<SvgIconProps>;
+
+declare const PinIcon: FunctionComponent<SvgIconProps>;
+
+declare const PixelGridCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const PixelGridRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const PaintBucketIcon: FunctionComponent<SvgIconProps>;
+
+declare const PenIcon: FunctionComponent<SvgIconProps>;
+
+declare const PhysicsIcon: FunctionComponent<SvgIconProps>;
+
+declare const PlusIcon: FunctionComponent<SvgIconProps>;
+
+declare const PortraitIcon: FunctionComponent<SvgIconProps>;
+
+declare const PresentationIcon: FunctionComponent<SvgIconProps>;
+
+declare const PreviwsIcon: FunctionComponent<SvgIconProps>;
+
+declare const ProtractorIcon: FunctionComponent<SvgIconProps>;
+
+declare const QuizIcon: FunctionComponent<SvgIconProps>;
+
+declare const RegistrationIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReceiveIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReceivablesIcon: FunctionComponent<SvgIconProps>;
+
+declare const RejectIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReportIcon: FunctionComponent<SvgIconProps>;
+
+declare const RightIcon: FunctionComponent<SvgIconProps>;
+
+declare const RulerIcon: FunctionComponent<SvgIconProps>;
+
+declare const RedoCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const RedoRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReloadArrowIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReloadCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReloadRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const Remove02Icon: FunctionComponent<SvgIconProps>;
+
+declare const ReportBoxIcon: FunctionComponent<SvgIconProps>;
+
+declare const RightBoldIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldAlertIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldErrorIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldBrokenIcon: FunctionComponent<SvgIconProps>;
+
+declare const SignInIcon: FunctionComponent<SvgIconProps>;
+
+declare const SignalIcon: FunctionComponent<SvgIconProps>;
+
+declare const SmartphoneLearningIcon: FunctionComponent<SvgIconProps>;
+
+declare const SquareRootIcon: FunctionComponent<SvgIconProps>;
+
+declare const StickerIcon: FunctionComponent<SvgIconProps>;
+
+declare const StudentIcon: FunctionComponent<SvgIconProps>;
+
+declare const StudentsIcon: FunctionComponent<SvgIconProps>;
+
+declare const SaveIcon: FunctionComponent<SvgIconProps>;
+
+declare const SearchIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShareIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShowIcon: FunctionComponent<SvgIconProps>;
+
+declare const SecureLockIcon: FunctionComponent<SvgIconProps>;
+
+declare const CellphoneIcon: FunctionComponent<SvgIconProps>;
+
+declare const SystemCalculationIcon: FunctionComponent<SvgIconProps>;
+
+declare const SeverityErrorIcon: FunctionComponent<SvgIconProps>;
+
+declare const SeverityWarningIcon: FunctionComponent<SvgIconProps>;
+
+declare const SeverityInfoIcon: FunctionComponent<SvgIconProps>;
+
+declare const SpeedTestIcon: FunctionComponent<SvgIconProps>;
+
+declare const SignatureIcon: FunctionComponent<SvgIconProps>;
+
+declare const SimulationIcon: FunctionComponent<SvgIconProps>;
+
+declare const SettingIcon: FunctionComponent<SvgIconProps>;
+
+declare const SmileRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const SadRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const SmileEllipseIcon: FunctionComponent<SvgIconProps>;
+
+declare const StarBadgeIcon: FunctionComponent<SvgIconProps>;
+
+declare const StarBadgeOffIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldWarningIcon: FunctionComponent<SvgIconProps>;
+
+declare const SadCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const StarIcon: FunctionComponent<SvgIconProps>;
+
+declare const SortArrowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const SortRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const SortShowDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const SortShowUpIcon: FunctionComponent<SvgIconProps>;
+
+declare const SearchPlusIcon: FunctionComponent<SvgIconProps>;
+
+declare const SearchMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const Search02Icon: FunctionComponent<SvgIconProps>;
+
+declare const StopWathAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const StopWathCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const StopWathDeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const StopWathMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const StopWathIcon: FunctionComponent<SvgIconProps>;
+
+declare const TotalValueIcon: FunctionComponent<SvgIconProps>;
+
+declare const TransferIcon: FunctionComponent<SvgIconProps>;
+
+declare const TicketIcon: FunctionComponent<SvgIconProps>;
+
+declare const TicketPercentIcon: FunctionComponent<SvgIconProps>;
+
+declare const Time10Icon: FunctionComponent<SvgIconProps>;
+
+declare const Time24Icon: FunctionComponent<SvgIconProps>;
+
+declare const Time60Icon: FunctionComponent<SvgIconProps>;
+
+declare const TimeAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeCheckIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeDeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeFastIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeForwardIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeHalfPastIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeOClockIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeQuarterIcon: FunctionComponent<SvgIconProps>;
+
+declare const TimeQuarterPasterIcon: FunctionComponent<SvgIconProps>;
+
+declare const TargetIcon: FunctionComponent<SvgIconProps>;
+
+declare const TaskDownloadIcon: FunctionComponent<SvgIconProps>;
+
+declare const TeacherIcon: FunctionComponent<SvgIconProps>;
+
+declare const TestTubeIcon: FunctionComponent<SvgIconProps>;
+
+declare const UpDownBoldIcon: FunctionComponent<SvgIconProps>;
+
+declare const UpDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const UpIcon: FunctionComponent<SvgIconProps>;
+
+declare const UpdateIcon: FunctionComponent<SvgIconProps>;
+
+declare const UploadIcon: FunctionComponent<SvgIconProps>;
+
+declare const UpdateLimitsIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserRejectIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserRemoveIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserAddIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserGroupIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserConnectionsIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserBloackIcon: FunctionComponent<SvgIconProps>;
+
+declare const ShieldProtectionIcon: FunctionComponent<SvgIconProps>;
+
+declare const ProfileBadgeIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserNetworkIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserStatusEditIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserCircleMinusIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserDeleteIcon: FunctionComponent<SvgIconProps>;
+
+declare const UserBlockIcon: FunctionComponent<SvgIconProps>;
+
+declare const UsersCommunityIcon: FunctionComponent<SvgIconProps>;
+
+declare const USBIcon: FunctionComponent<SvgIconProps>;
+
+declare const VoiceMailIcon: FunctionComponent<SvgIconProps>;
+
+declare const WifiIcon: FunctionComponent<SvgIconProps>;
+
+declare const WaitingTimeIcon: FunctionComponent<SvgIconProps>;
+
+declare const WalletIcon: FunctionComponent<SvgIconProps>;
+
+declare const WiFiSignalIcon: FunctionComponent<SvgIconProps>;
+
+declare const RegisterIcon: FunctionComponent<SvgIconProps>;
+
+declare const RemoveRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const PowerRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const PowerCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const ZoomInIcon: FunctionComponent<SvgIconProps>;
+
+declare const ZoomOutIcon: FunctionComponent<SvgIconProps>;
+
+declare const ZoomIcon: FunctionComponent<SvgIconProps>;
+
+declare const ZoomTextIcon: FunctionComponent<SvgIconProps>;
+
+declare const ZoomArrowRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const AbacusIcon: FunctionComponent<SvgIconProps>;
+
+declare const ArrowUpRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const AssignmentIcon: FunctionComponent<SvgIconProps>;
+
+declare const BooksIcon: FunctionComponent<SvgIconProps>;
+
+declare const CalculatorIcon: FunctionComponent<SvgIconProps>;
+
+declare const ChatSmileIcon: FunctionComponent<SvgIconProps>;
+
+declare const CompassIcon: FunctionComponent<SvgIconProps>;
+
+declare const DirectionLeftRectangleIcon: FunctionComponent<SvgIconProps>;
+
+declare const DownloadCircleIcon: FunctionComponent<SvgIconProps>;
+
+declare const IdeaIcon: FunctionComponent<SvgIconProps>;
+
+declare const LineIcon: FunctionComponent<SvgIconProps>;
+
+declare const ReloadIcon: FunctionComponent<SvgIconProps>;
+
+declare const RightDownIcon: FunctionComponent<SvgIconProps>;
+
+declare const WatchIcon: FunctionComponent<SvgIconProps>;
+
+type TextFormFieldProps = TextFieldProps & {
+    name: string;
+};
+declare const TextFormField: (props: TextFormFieldProps) => React$1.JSX.Element;
+
+interface SelectOption {
+    label: string;
+    value: string | number | undefined | boolean | null;
+}
+type SelectFormFieldProps = Omit<SelectFieldProps, 'options'> & {
+    name: string;
+    /**
+     * Determina os items do select
+     */
+    options?: SelectOption[];
+    /**
+     * Determina o Label do campo
+     */
+    label?: string;
+    /**
+     * Determina se o campo é obrigatorio
+     */
+    required?: boolean;
+    /**
+     * Habilita um botão de pesquisa no final do campo
+     */
+    showEndAdornment?: boolean;
+    /**
+     * Habilita um botão para limpar o valor do campo
+     */
+    showButtonClearValue?: boolean;
+    /**
+     * Nome acessível do botão de pesquisa
+     * @default 'Pesquisar'
+     */
+    searchLabel?: string;
+    /**
+     * Nome acessível do botão de limpar
+     * @default 'Limpar'
+     */
+    clearLabel?: string;
+};
+declare const SelectFormField: FunctionComponent<SelectFormFieldProps>;
+
+interface CheckboxFormFieldProps extends CheckboxProps {
+    name: string;
+    label: string;
+}
+declare const CheckboxFormField: FunctionComponent<CheckboxFormFieldProps>;
+
+type AutocompleteFieldProps = {
+    name: string;
+} & AutocompleteBaseProps;
+declare function AutocompleteField(props: AutocompleteFieldProps): React$1.JSX.Element;
+
+declare const light: _mui_material.Theme;
+
+declare const dark: _mui_material.Theme;
+
+declare const components: Components<Theme$1>;
+
+declare const fonts: {
+    readonly default: "Roboto, sans-serif";
+    readonly lato: "Lato, sans-serif";
+    readonly code: "monospace";
+};
+
+declare const fontWeights: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+    readonly extrabold: "800";
+    readonly black: "900";
+};
+
+declare const fontSizes: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+    '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
+    letterSpacing: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+        subtitle1: string;
+        subtitle2: string;
+        body1: string;
+        body2: string;
+        caption: string;
+    };
+};
+
+declare const lineHeights: {
+    readonly 'leading-none': "1";
+    readonly 'leading-tight': "1.25";
+    readonly 'leading-snug': "1.375";
+    readonly 'leading-normal': "1.5";
+    readonly 'leading-relaxed': "1.625";
+    readonly 'leading-loose': "2";
+    readonly 'leading-3': "0.75rem";
+    readonly 'leading-4': "1rem";
+    readonly 'leading-5': "1.25rem";
+    readonly 'leading-6': "1.5rem";
+    readonly 'leading-7': "1.75rem";
+    readonly 'leading-8': "2rem";
+    readonly 'leading-9': "2.25rem";
+    readonly 'leading-10': "2.5rem";
+};
+
+declare const opacity: {
+    readonly 'opacity-0': "0";
+    readonly 'opacity-5': "0.05";
+    readonly 'opacity-10': "0.1";
+    readonly 'opacity-15': "0.15";
+    readonly 'opacity-20': "0.2";
+    readonly 'opacity-25': "0.25";
+    readonly 'opacity-30': "0.3";
+    readonly 'opacity-35': "0.35";
+    readonly 'opacity-40': "0.4";
+    readonly 'opacity-45': "0.45";
+    readonly 'opacity-50': "0.5";
+    readonly 'opacity-55': "0.55";
+    readonly 'opacity-60': "0.6";
+    readonly 'opacity-65': "0.65";
+    readonly 'opacity-70': "0.7";
+    readonly 'opacity-75': "0.75";
+    readonly 'opacity-80': "0.8";
+    readonly 'opacity-85': "0.85";
+    readonly 'opacity-90': "0.9";
+    readonly 'opacity-95': "0.95";
+    readonly 'opacity-100': "1";
+};
+
+declare const borderRadius: {
+    readonly px: "1px";
+    readonly xs: "4px";
+    readonly sm: "6px";
+    readonly md: "8px";
+    readonly lg: "12px";
+    readonly xl: "16px";
+    readonly xxl: "24px";
+    readonly xxxl: "32px";
+    readonly '4xl': "48px";
+    readonly '5xl': "64px";
+    readonly '6xl': "96px";
+    readonly full: "9999px";
+};
+
+declare const spacing: {
+    readonly 1: "0.25rem";
+    readonly 2: "0.5rem";
+    readonly 3: "0.75rem";
+    readonly 4: "1rem";
+    readonly 5: "1.25rem";
+    readonly 6: "1.5rem";
+    readonly 7: "1.75rem";
+    readonly 8: "2rem";
+    readonly 10: "2.5rem";
+    readonly 12: "3rem";
+    readonly 16: "4rem";
+    readonly 20: "5rem";
+    readonly 24: "6rem";
+    readonly 32: "8rem";
+    readonly 40: "10rem";
+    readonly 48: "12rem";
+    readonly 56: "14rem";
+    readonly 64: "16rem";
+    readonly 72: "18rem";
+    readonly 80: "20rem";
+    readonly 96: "24rem";
+};
+
+declare const letterSpacing: {
+    readonly tighter: "-0.05px";
+    readonly tight: "-0.025px";
+    readonly base: "0";
+    readonly wide: "0.025px";
+    readonly wider: "0.05px";
+    readonly widest: "0.1px";
+};
+
+type FormMode = 'create' | 'update';
+type FormContextProps = {
+    onSubmit: (values: any) => void;
+    onError: (values: FieldErrors) => void;
+    setValue: ReturnType<typeof useForm>['setValue'];
+    reset: ReturnType<typeof useForm>['reset'];
+    getValues: ReturnType<typeof useForm>['getValues'];
+    formState?: FormState<any>;
+    validationErrors: Partial<FieldErrorsImpl<any>> | undefined;
+    control?: ReturnType<typeof useForm>['control'];
+    watch: ReturnType<typeof useForm>['watch'];
+    submitting: boolean;
+    isDirty: boolean;
+    isValid: boolean;
+    dirtyFields: Partial<Record<string, unknown>>;
+    readOnly?: boolean;
+    trigger: ReturnType<typeof useForm>['trigger'];
+    register: ReturnType<typeof useForm>['register'];
+};
+interface FormProviderProps<TValues extends FieldValues = FieldValues> {
+    children: React__default.ReactNode;
+    /**
+     * Resolver de validação do react-hook-form (yup, zod, valibot...).
+     * @example resolver={zodResolver(schema)}
+     */
+    resolver?: Resolver<TValues>;
+    defaultValues?: any;
+    onSubmit: (values: TValues) => unknown | Promise<unknown>;
+    onError?: (error: unknown) => void;
+    onChangeField?: ChangeFieldDelegate[];
+    readOnly?: boolean;
+}
+interface ChangeFieldDelegate {
+    fieldName: string;
+    delegate: (fieldValue: any, setValue: UseFormSetValue<any>, watch?: UseFormWatch<FieldValues>) => void;
+}
+declare const FormProvider: <TValues extends FieldValues = FieldValues>({ children, resolver, defaultValues, onSubmit, onError, readOnly, onChangeField }: FormProviderProps<TValues>) => React__default.JSX.Element;
+declare function useFormContext(): FormContextProps;
+
+export { AbacusIcon, AddCircleIcon, AddIcon, AddressIcon, AlarmAddIcon, AlarmCheckIcon, AlarmDeleteIcon, AlarmIcon, AlarmMinusIcon, Alert, AlertIcon, AnnouncementIcon, AppCircleIcon, ApprovalIcon, ApproveIcon, AppsAddIcon, AppsIcon, AppsRemoveIcon, ArchiveIcon, ArrowBackIcon, ArrowBackRectangleIcon, ArrowDownBoxIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowExchangeIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowLeftRectangleIcon, ArrowMaximizeIcon, ArrowMoveRectangleIcon, ArrowReturnIcon, ArrowReturnRectangleIcon, ArrowRightBoxIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowSortCircleIcon, ArrowSortIcon, ArrowSortRectangleIcon, ArrowTransferIcon, ArrowTransferRectangleIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpRectangleIcon, AscendingOrderIcon, AssignmentIcon, Autocomplete, AutocompleteField, AvailableCashIcon, Avatar, BackPackIcon, BankIcon, BankSlipIcon, BankingIcon, BarChartIcon, BellSchoolIcon, BluetoothIcon, BluetoothOffIcon, BoardIcon, BookAddIcon, BookCheckIcon, BookDownloadIcon, BookFavouriteIcon, BookHelpIcon, BookIcon, BookInfoIcon, BookOpenIcon, BookRejectIcon, BookRemoveIcon, BookSearchIcon, BookUploadIcon, BookWithTicketIcon, BookmarkIcon, BooksIcon, Breadcrumb, BriefcaseIcon, BriefcaseLineIcon, BriefcaseWithDraftsIcon, BroadCastIcon, Button, CalculatorDraftIcon, CalculatorIcon, CalendarAddIcon, CalendarCheckIcon, CalendarDeleteIcon, CalendarIcon, CalendarMinusIcon, CallArrowDownIcon, CallArrowUpIcon, CallBlockIcon, CallIcon, CallInIcon, CallLoveIcon, CallOutIcon, CallUserIcon, CallVoiceMailIcon, CallingIcon, CameraIcon, CameraOffIcon, CancelIcon, CardData, CarteslanIcon, CellphoneIcon, ChangePlanIcon, CharMenuIcon, ChartArrowDownWithBarIcon, ChartArrowUpBoxIcon, ChartArrowUpWithBarIcon, ChartBarIcon, ChartNotificationIcon, ChartPieIcon, ChartPizzaIcon, ChartWaveIcon, ChartWaveRectangleIcon, ChatAcceptIcon, ChatArrowDownIcon, ChatArrowUpIcon, ChatBlockIcon, ChatClockIcon, ChatCloseIcon, ChatFavouriteIcon, ChatIcon, ChatInformationIcon, ChatLineIcon, ChatLoveIcon, ChatNegativeIcon, ChatPlusIcon, ChatSadIcon, ChatSearchIcon, ChatSilientIcon, ChatSmileIcon, ChatUserIcon, ChattingIcon, CheckCardIcon, CheckCircleIcon, CheckRectangleIcon, Checkbox, CheckboxFormField, ClearCircleIcon, ClearRectangleIcon, CloseIcon, CompasIcon, CompassIcon, CompleteIcon, ComplianceIcon, CopyIcon, DarkIcon, DashboardIcon, DataTable, DealIcon, DeleteIcon, DiamondIcon, DigitalAccountIcon, DiplomaIcon, DirectionDownCircleIcon, DirectionDownIcon, DirectionDownRectangleIcon, DirectionLeftCircleIcon, DirectionLeftIcon, DirectionLeftRectangleIcon, DirectionRightCircleIcon, DirectionRightIcon, DirectionRightRectangleIcon, DirectionUpCircleIcon, DirectionUpIcon, DirectionUpRectangleIcon, DiscountIcon, DisplayCenterIcon, DisplayLeftIcon, DisplayRightIcon, DisplaycenterHorizontalIcon, Divider, DocExcelIcon, DocPdfIcon, DonateIcon, DoneIcon, DownArrowIcon, DownBoldIcon, DownIcon, DownloadCircleIcon, DownloadIcon, DraftIcon, Drawer, ELearningIcon, EditIcon, EmailIcon, EnergyIcon, ExchangeRectangleIcon, ExpandIcon, EyeDisableIcon, EyeIcon, EyeShowIcon, FeatherIcon, FilledTime, FilterIcon, FlagIcon, FocusIcon, FormProvider, GiftIcon, GlassesIcon, GlobeIcon, GraduationCapIcon, GraphicWithBarIcon, GraphicWithLineIcon, GridDinamicIcon, GridIcon, HelpCircleIcon, HelpIcon, HelpRectangleIcon, HideIcon, Home01Icon, Home02Icon, Home03Icon, Home04Icon, HomeWithGraphic, HourglassEndIcon, HourglassIcon, HourglassStartIcon, IdCardIcon, IdeaIcon, ImageCircleIcon, InCircleIcon, InfoIcon, InformationRectangleIcon, InteractiveIcon, IntersectingArrowsIcon, InvoiceReceivableIcon, JumpToEndIcon, JumpToStartIcon, KeyIcon, LandscapeHorizontalIcon, LandscapeIcon, LandscapeVerticalIcon, LayoutBottomLineIcon, LayoutCenterIcon, LayoutCenterLineIcon, LayoutCenterVerticalLineIcon, LayoutDividerIcon, LayoutIcon, LayoutLeftIcon, LayoutLeftLineIcon, LayoutRightLineIcon, LayoutTopIcon, LayoutTopLineIcon, LeftArrowIcon, LeftBoldIcon, LeftIcon, LegalPersonIcon, LibraryIcon, LifebuoyIcon, LightIcon, LikeInverse, LineIcon, LiquidateIcon, ListViewRectangleIcon, LoadingBar, LoadingIcon, Location01Icon, Location02Icon, Location03Icon, LogoutIcon, LoveIcon, LowGraphIcon, MailArrowDownIcon, MailArrowUpIcon, MailBlockIcon, MailBoxIcon, MailCancelIcon, MailDelayIcon, MailFastIcon, MailFavoriteIcon, MailIcon, MailLeftIcon, MailNegativeIcon, MailPlusIcon, MailRightIcon, MailSlientIcon, MaximizeArrowIcon, MaximizeIcon, MaximizeLeftIcon, Menu, MenuHomeIcon, MenuItem, MenuLineCenterChangedIcon, MenuLineChangedIcon, MenuLineHorizontalIcon, MenuUserIcon, MicIcon, MicMuteIcon, MinimizeIcon, MinimizeLeftIcon, MinusIcon, Modal, MoneyIcomeIcon, MoneyProfit, MonitorIcon, MoreOptionsIcon, NaturalPersonIcon, NewRuleIcon, NextArrowIcon, NibIcon, NoNetworkIcon, NotebookSmartFoneIcon, Notification01Icon, NotificationIcon, NotificationRectangleIcon, NotificationRingingIcon, NotificationSilentIcon, OutCircleIcon, OverflowIcon, PaintBucketIcon, PasswordIcon, PaymentLinkIcon, PenIcon, PercentageIcon, PhoneIcon, PhysicsIcon, PinIcon, PixIcon, PixelGridCircleIcon, PixelGridRectangleIcon, PlayIcon, PlusIcon, PortraitIcon, PowerCircleIcon, PowerRectangleIcon, PresentationIcon, PreviwsIcon, ProfileBadgeIcon, ProtractorIcon, QuizIcon, ReceivablesIcon, ReceiveIcon, RedoCircleIcon, RedoRectangleIcon, RegisterIcon, RegistrationIcon, RejectIcon, ReloadArrowIcon, ReloadCircleIcon, ReloadIcon, ReloadRectangleIcon, Remove02Icon, RemoveRectangleIcon, ReportBoxIcon, ReportIcon, RightBoldIcon, RightDownIcon, RightIcon, RulerIcon, SadCircleIcon, SadRectangleIcon, SaveIcon, Search02Icon, SearchIcon, SearchMinusIcon, SearchPlusIcon, SecureLockIcon, SelectField, SelectFormField, SettingIcon, SeverityErrorIcon, SeverityInfoIcon, SeverityWarningIcon, ShareIcon, ShieldAlertIcon, ShieldBrokenIcon, ShieldCheckIcon, ShieldErrorIcon, ShieldIcon, ShieldProtectionIcon, ShieldWarningIcon, ShowIcon, SignInIcon, SignalIcon, SignatureIcon, SimulationIcon, SmartphoneLearningIcon, SmileEllipseIcon, SmileRectangleIcon, SortArrowUpIcon, SortRectangleIcon, SortShowDownIcon, SortShowUpIcon, SpeedTestIcon, SquareRootIcon, StarBadgeIcon, StarBadgeOffIcon, StarIcon, StickerIcon, StopWathAddIcon, StopWathCheckIcon, StopWathDeleteIcon, StopWathIcon, StopWathMinusIcon, StudentIcon, StudentsIcon, Switch, SystemCalculationIcon, TabBar, TabBarProps, TabItem, TableComponent, TargetIcon, TaskDownloadIcon, TeacherIcon, TestTubeIcon, TextField, TextFormField, TicketIcon, TicketPercentIcon, Time10Icon, Time24Icon, Time60Icon, TimeAddIcon, TimeCheckIcon, TimeDeleteIcon, TimeFastIcon, TimeForwardIcon, TimeHalfPastIcon, TimeMinusIcon, TimeOClockIcon, TimeQuarterIcon, TimeQuarterPasterIcon, TotalValueIcon, TransferIcon, Typography, USBIcon, UpDownBoldIcon, UpDownIcon, UpIcon, UpdateIcon, UpdateLimitsIcon, UploadIcon, UserAdd2Icon, UserAddIcon, UserBloackIcon, UserBlockIcon, UserCircleMinusIcon, UserConnectionsIcon, UserDeleteIcon, UserGroupIcon, UserNetworkIcon, UserRejectIcon, UserRemoveIcon, UserStatusEditIcon, UsersCommunityIcon, VoiceMailIcon, WaitingTimeIcon, WalletIcon, WatchIcon, WiFiSignalIcon, WifiIcon, ZoomArrowRectangleIcon, ZoomIcon, ZoomInIcon, ZoomOutIcon, ZoomTextIcon, borderRadius, components, dark, fontSizes, fontWeights, fonts, letterSpacing, light, lineHeights, opacity, spacing, useFormContext };
+export type { AlertProps, AutocompleteBaseProps, AvatarProps, BreadcrumbLink, BreadcrumbProps, ButtonProps, CardDataProps, ChangeFieldDelegate, CheckboxProps, DataTableProps, DividerProps, DrawerProps, FormMode, FormProviderProps, ISubmenuOptions, Item, LoadingBarProps, MenuAccordionItems, MenuItemProps, MenuItems, MenuLabels, MenuProps, ModalProps, SelectFieldOption, SelectFieldProps, SwitchProps, TabItemProps, TextFieldProps, TypographyProps };