@inntechcorp/it-design 2.1.33 → 2.1.34

package/dist/index.d.mts

@@ -1,96 +1,1575 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { MutableRefObject, RefObject, Context, ReactNode, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, Ref, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, CSSProperties } from 'react';
+import { ChildrenProps as ChildrenProps$1 } from 'types/ChildrenProps';
+import { IStyledComponent } from 'styled-components';
+import { Cancel, AxiosProgressEvent } from 'axios';
+import { SelectValue as SelectValue$1 } from 'types/SelectProps';
+import { ModalState as ModalState$1, FormValidationTypes as FormValidationTypes$1 } from 'enums/enum';
+import moment$1 from 'moment';
+import { ModalProps as ModalProps$1 } from 'types/ModalProps';
+import { RadioButtonProps as RadioButtonProps$1, RadioGroupProps as RadioGroupProps$1 } from 'types/RadioProps';
+import { ITDImperativeFuncProps as ITDImperativeFuncProps$1 } from 'types/ITDImperativeFuncProps';
+import { ResultProps as ResultProps$1 } from 'types/ResultProps';
+
+type ITDContextType = {
+    theme: string;
+    brokenImage: string;
+    dateFormat: string;
+    language: string;
+    locale: string;
+    changeTheme: (value: string) => void;
+    changeBrokenImage: (value: string) => void;
+    changeDateFormat: (value: string) => void;
+    changeLocale: (value: string) => void;
+    changeLanguage: (value: string) => void;
+};
+type ITDProviderProps = {
+    theme?: string;
+    language?: string;
+    dateFormat?: string;
+    children: ChildrenProps$1;
+};
+declare const ITDContext: react.Context<ITDContextType>;
+declare const ITDProvider: (props: ITDProviderProps) => react_jsx_runtime.JSX.Element;
+
+declare function DetermineNewHeight(originalHeight: number, originalWidth: number, newWidth: number): number;
+
+declare function DetermineNewWidth(originalHeight: number, originalWidth: number, newHeight: number): number;
+
+declare function FindSelector(searchClassName: string): boolean;
+
+declare function GetCountryCodeByCurrencyCode(currency?: string): "en" | "tr" | "eu" | "uk";
+
+declare function GetCountryCodeByLanguage(language: string): "tur" | "usa" | "language_not_found";
+
+declare function ConvertCurrency(balance: number, currency: string): string;
+
+declare function GetByCurrency(value: number, symbol?: boolean, currency?: string, decimal?: number): string;
+
+declare function GetCurrencyFormat(value: string, currency?: string): string;
+
+declare function GetCurrencySymbol(currency?: string): "₺" | "$" | "€" | "?";
+
+declare function GetDecimalByCurrency(currency?: string): "." | ",";
+
 /**
- * CONTEXT PROVIDER
- */
-export { ITDProvider } from './context/ITDContext';
-/**
- * CONTEXT
- */
-export { default as ITDContext } from './context/ITDContext';
-/**
- * HELPERS
- */
-export * from './helpers';
-/**
- * HOOKS
- */
-export * from './hooks';
-/**
- * HTML
- */
-export * from './html/header';
-/**
- * ICONS
- */
-export * from './icons';
-/**
- * FORWARDED REF COMPONENTS
- */
-export { default as Select } from './select';
-export { default as Form } from './form';
-export { default as Checkbox } from './checkbox';
-export { default as Accordion } from './accordion';
-export { default as Calendar } from './calendar';
-export { default as DatePicker } from './datepicker';
-export { default as Input } from './input';
-export { default as TextArea } from './textarea';
-export { default as Switch } from './switch';
-export { default as Tooltip } from './tooltip';
-export { default as Upload } from './upload';
-/**
- * COMPONENTS (HAS SUB COMPONENTS)
- */
-export { default as Collapse } from './collapse';
-export { default as ModalManager } from './modal';
-export { default as Notification } from './notification';
-export { default as Radio } from './radio';
-export { default as InlineSelect } from './inlineselect';
-/**
- * COMPONENTS
- */
-export { default as Image } from './image';
-export { default as ConsoleLog } from './logger';
-export { default as Button } from './button';
-export { default as Alert } from './alert';
-export { default as Result } from './result';
-export { default as ALink } from './alink';
-export { default as Spin } from './spin';
-export { default as BackTop } from './back-top';
-export { default as Status } from './status';
-export { default as Progress } from './progress';
-export { default as TinyScrollbar } from './tinyscrollbar';
-export { default as Tabs } from './tabs';
-export { default as Card } from './card';
-export { default as Table } from './table';
-export { default as Flex } from './flex';
-export type { FormContextType } from './form/context/FormContext';
-export type { NotificationContextType } from './notification/context/NotificationsContext';
-export type { ITDContextType, ITDProviderProps } from './context/ITDContext';
-export type { QueryValueProps } from './types/QueryValueProps';
-export type { AccordionProps } from './types/AccordionProps';
-export type { AccordionSubMenuProps } from './types/AccordionSubMenuProps';
-export type { AccordionItemProps } from './types/AccordionItemProps';
-export type { InputProps, InputVariant } from './types/InputProps';
-export type { DatePickerProps } from './types/DatePickerProps';
-export type { CalendarProps, CalendarValueProps, CalendarDayProps } from './types/CalendarProps';
-export type { TextAreaProps, TextAreaVariant, TextAreaEvent } from './types/TextAreaProps';
-export type { RadioGroupProps, RadioButtonProps, RadioType, Direction } from './types/RadioProps';
-export type { SelectProps, SelectToggleProps, SelectOptionProps, SelectValue, SelectVariant, SelectDirection, SelectPosition } from './types/SelectProps';
-export type { CheckboxProps, CheckboxGroupProps, GroupCheckboxOptionType, CheckboxEvent } from './types/CheckboxProps';
-export type { ITDImperativeFuncProps } from './types/ITDImperativeFuncProps';
-export type { SingleQueryProps } from './types/SingleQueryProps';
-export type { ButtonProps, ButtonType, ButtonVariant, ButtonState, ButtonContentPosition } from './types/ButtonProps';
-export type { FormProps, FormRuleProps, FormValueProps, FormItemProps, FormSubComponentProps, FieldUpdateProps } from './types/FormProps';
-export type { NotificationsProps } from './types/NotificationsProps';
-export type { AlertProps, AlertType, AlertSize } from './types/AlertProps';
-export type { SwitchProps } from './types/SwitchProps';
-export type { ModalProps, ModalContentProps, ModalRefProps } from './types/ModalProps';
-export type { UploadProps, UploadProgressProps, UploadResultMessageProps } from './types/UploadProps';
-export type { ResultProps } from './types/ResultProps';
-export type { TabsItemProps, TabsProps } from './types/TabsProps';
-export type { TableColumnType, TableProps, TableTRProps, TableRow, TableRefProps } from './types/TableProps';
-export type { CardProps } from './types/CardProps';
-export type { ProgressProps, ProgressStatus } from './types/ProgressProps';
-export type { StatusProps, StatusVariant } from './types/StatusProps';
-export type { ITDSize, ITDSizeSlug } from './types/ITDProps';
-export type { FlexProps, FlexAlignProps, FlexGapProps, FlexJustifyProps } from './types/FlexProps';
-export { ModalState, FileExtensions, FileTypes, FormValidationTypes } from './enums/enum';
+ *
+ */
+declare function AddDefaultThemeStyle(): void;
+
+/**
+ *
+ * @param {*} theme
+ */
+declare function UpdateThemeStyle(theme: string): void;
+
+declare function IsValidJSON(item: string | {}): boolean;
+
+declare function AddZero(num: string): string;
+
+declare function RemoveUnits(value: string): number;
+
+/**
+ * Returns an array with arrays of the given size.
+ *
+ * @param array {Array} array to split
+ * @param chunk_size {Integer} Size of every group
+ */
+declare function ChunkArray(array: [], chunk_size: number): never[];
+
+/**
+ *
+ * @param text
+ * @param entryType
+ * @returns
+ */
+declare function FileChecker(text?: string, entryType?: string): boolean;
+
+declare function CheckFileURL(url: string): false | Promise<boolean>;
+
+/**
+ *
+ *
+ *
+ */
+declare function UniUpperCase(value?: string, lang?: string): string;
+
+declare function FormatBytes(bytes: number, decimals?: number): string;
+
+declare function GetTypeByFileType(type: FileTypes): "" | FileExtensions;
+
+declare function Wait(milliseconds: number): Promise<unknown>;
+
+declare const SVGLoader: (src: string, width?: string | number, height?: string | number) => react_jsx_runtime.JSX.Element;
+
+declare function FormatDate(date: Date, locale?: string, format?: string): string;
+
+declare function FormatDateTime(date: Date, locale?: string, format?: string): string;
+
+declare function FormatSimpleDate(date: Date, locale?: string, format?: string): string;
+
+declare function FormatSimpleDateTime(date: Date, locale?: string, format?: string): string;
+
+declare function FormatTime(time: moment.MomentInput, locale?: string, format?: string): string;
+
+declare function TranslateCell(cell: string, options?: any): string;
+
+declare function AddDefaultUnit(value: string | number): string;
+
+declare function Base64Encode(input: string): string;
+
+declare function Base64Decode(encoded: string): string;
+
+/**
+ * What are SEO stop words?
+ *
+ * SEO stop words (Google stop words, stopwords) are generic common words
+ * (and, or, besides, in, a, the, do, they, etc.) that Google may omit in
+ * search query processing because they don’t usually affect the meaning of the query.
+ * These words are actually used for grammatical purposes and don’t communicate a message on their own.
+ *
+ * For example, if you google something like “best carrot cake recipe” and “the best carrot cake recipe”,
+ * the SERP will anyway feature links to pages with carrot cake recipes. In this case, the does not
+ * add any meaning to the query.
+ *
+ */
+/**
+ *
+ * ### toKebabCase
+ *
+ * First, removes special characters from the provided string value and converts it to lowercase.
+ *
+ * @param value             The input string.
+ * @param removeStopWords   Removes stop words if true.
+ * @param removeNumbers     Removes numbers if true.
+ *
+ * @returns If `toKebabCase("bu 123 bir örnek 456 cümle", true, true)` is provided, it will return `"ornek-cumle"`.
+ *
+ */
+declare function toKebabCase(value: string, removeStopWords?: boolean, removeNumbers?: boolean): string;
+
+type Nullable<T> = T | null;
+type THandler = Nullable<(value: string | null) => void>;
+declare const useReCaptcha: (handler: THandler) => {
+    loadReCaptcha: (key: string) => void;
+    executeReCaptcha: () => void;
+};
+
+/**
+ *
+ * This hook acting like a class constructor.
+ *
+ * @param {*} callBack
+ *
+ * @returns
+ *
+ */
+declare const useConstructor: (callBack?: () => void) => void;
+
+/**
+ *
+ * ADD EXTERNAL CSS
+ *
+ * Dinamik css dosyalarını yüklemek için kullanılır. Eğer yüklenecek
+ * olan css dosyası daha önce eklenmiş ise tekrar yüklemez. Bunu yükleyen
+ * component ekrandan silinirse yüklediği yazı da silinir.
+ *
+ * @param link      string
+ * @param temporary boolean
+ *
+ */
+declare const useAddExternalCSS: (link: string, temporary?: boolean) => void;
+
+/**
+ *
+ *
+ *
+ * @param {*} id
+ * @param {*} style
+ * @param {*} handler
+ */
+declare const useCreateDynamicStyle: (style: {}, handler: (id: string) => void, id?: string) => void;
+
+/**
+ *
+ * styled-component <> gibi kullanılmadığı zaman class içeriğini
+ * yazmıyor. Bu kod bunu çözüyor. styled class'ının değerini id'si
+ * ile birlikte alıp head'e kayıt ediyor ve component ekrandan
+ * kaldırıldığında kendini siliyor.
+ *
+ * @param styled
+ * @param handler
+ */
+declare const useCreateStyledStyle: (styled: IStyledComponent<any, any>, handler: (id: string) => void) => void;
+
+/**
+ *
+ * document objesine event listener ekler ve ref dışarısında
+ * herhangi bir alana tıklanıldığında ref'in kapatılmasını sağlar.
+ *
+ * @param ref
+ * @param handler
+ *
+ */
+declare const useOnClickOutside: (ref: MutableRefObject<HTMLDivElement | null>, handler: (event: PointerEvent) => void) => void;
+
+/**
+ *
+ * document objesine event listener ekler ve ESC tuşuna basıldığında
+ * çağrılır.
+ *
+ * @param {*} handler
+ *
+ */
+declare const useOnESCKeyDown: (handler: (event: Event) => void) => void;
+
+/**
+ *
+ * #### useSingleQuery
+ *
+ * Tarayıcılardaki Query String yapısına ekleme/çıkarma veya kontrolünü yapar.
+ * Aynı anda sadece tek bir değer değiştirebilir, çoklu işlemler için useMultiQuery
+ * sınıfı kullanılmalıdır.
+ *
+ * Type guard sistemine sahiptir ve istenilen query string değeri, istenilen bir
+ * tipte döndürülebilir. Desteklediği tipler, string, number, boolean ve array'dir.
+ * Obje tipi desteklenmemektedir.
+ *
+ * @returns
+ *
+ */
+declare const useSingleQuery: () => SingleQueryProps;
+
+declare const useMultiQuery: () => {
+    set: (queries?: {
+        type: string;
+        value: string;
+    }[]) => void;
+};
+
+/**
+ *
+ * window objesine event listener ekler ve
+ * sayfa resize olduğunda çağrılır.
+ *
+ * @param {*} handler
+ *
+ */
+declare const useOnResize: (handler: (event: Event) => void) => void;
+
+/**
+ *
+ * window objesine event listener ekler ve
+ * kullanıcı online ve offline olduğunda çağrılır.
+ *
+ * @param {*} handler
+ *
+ */
+declare const useConnectionStatus: (handler: (event: Event) => void) => void;
+
+declare const useComponentSize: (comRef: RefObject<any>) => {
+    width: number;
+    height: number;
+}[];
+
+/**
+ *
+ * useCoreFetch
+ * --
+ *
+ * All API routes within the application pass through this class. It filters all
+ * responses returned from the API and processes them to their expected state.
+ * Then, it returns the success or failure status.
+ *
+ * Additionally, it retrieves and adds additional information such as language,
+ * token, currency, etc., from the user's cookie to API calls.
+ *
+ * @param changeLogout      The function used to log out the user when called from places where
+ *                          context data such as React.Portal cannot be accessed needs to be passed.
+ * @param isUserLoggedOut   User's logout information.
+ *
+ * @returns
+ *
+ */
+declare const useCoreFetch: () => {
+    fetch: ({ action, requestMethod, addOrigin, params, queries, headers, cancelable, onFetched, onError, onCanceled, onProgress, }: {
+        action: string;
+        requestMethod?: string;
+        addOrigin?: boolean;
+        params?: {};
+        queries?: {};
+        headers?: {};
+        cancelable?: boolean;
+        onFetched?: (result: any) => void;
+        onError?: (err: string, code: number) => void;
+        onCanceled?: (message: Cancel) => void;
+        onProgress?: (event: AxiosProgressEvent) => void;
+    }) => Promise<void>;
+    cancel: () => void;
+};
+
+declare const useContextBridge: (...contexts: Context<any>[] | []) => (({ children }: {
+    children: ReactNode;
+}) => react_jsx_runtime.JSX.Element) | (({ children }: {
+    children: ReactNode;
+}) => ReactNode);
+
+interface UseKeyboardShortcutProps {
+    key: string;
+    onKeyPressed: () => void;
+}
+declare const useKeyboardShortcut: ({ key, onKeyPressed }: UseKeyboardShortcutProps) => void;
+
+type OrientationType = "portrait" | "landscape";
+declare const useOrientation: () => OrientationType;
+
+declare const H1: ({ children }: {
+    children: ChildrenProps$1;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const H2: ({ children }: {
+    children: ChildrenProps$1;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const H3: ({ children }: {
+    children: ChildrenProps$1;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const H4: ({ children }: {
+    children: ChildrenProps$1;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Lock: ({ className, height, width }: {
+    className: any;
+    height: any;
+    width: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Arrow: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Upload$1: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BackToTop: ({ className, height, width }: {
+    className?: string | undefined;
+    height: any;
+    width: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Checkmark: ({ className, height, width }: {
+    className: any;
+    height: any;
+    width: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const InlineSelectArrow: ({ className, height, width }: {
+    className: any;
+    height: any;
+    width: any;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Trash: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ZoomIn: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ZoomOut: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const Picture: ({ className, height, width }: {
+    className?: string | undefined;
+    height?: number | undefined;
+    width?: number | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+type IconProps = {
+    className?: string;
+    width?: number;
+    height?: number;
+};
+declare const NoData: ({ className, height, width }: IconProps) => react_jsx_runtime.JSX.Element;
+
+type OptionsTypeProps = {
+    customKey?: string;
+    icon?: ChildrenProps$1;
+    image?: string;
+    label?: ChildrenProps$1;
+    value?: SelectValue$1;
+    multi?: boolean;
+    checked?: boolean;
+    onChange?: (value: SelectValue$1, checked: boolean, label: ChildrenProps$1) => null;
+};
+declare const _default$3: react.MemoExoticComponent<{
+    ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+}>;
+
+type SelectSubComponentProps = {
+    Option: typeof _default$3;
+};
+type SelectComponentProps = ForwardRefExoticComponent<PropsWithoutRef<SelectProps> & RefAttributes<ITDImperativeFuncProps>> & SelectSubComponentProps;
+declare const Select: SelectComponentProps;
+
+/**
+ *
+ * FORM FIELD GROUP
+ *
+ * @param className
+ * @param children
+ * @returns
+ *
+ */
+type GroupProps = {
+    className?: string;
+    gap?: number;
+    horizontal?: boolean;
+    children?: ChildrenProps$1;
+};
+declare function Group({ gap, horizontal, className, children }: GroupProps): react_jsx_runtime.JSX.Element;
+
+type ControlProps = {
+    className?: string;
+    position?: "start" | "end" | "center";
+    children?: ChildrenProps$1;
+};
+declare function Control({ position, className, children }: ControlProps): react_jsx_runtime.JSX.Element;
+
+type ItemProps = {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    rules?: FormRuleProps[];
+    mask?: string | null;
+    locked?: boolean;
+    dependency?: string;
+    reset?: any[];
+    query?: string;
+    children: ChildrenProps$1;
+};
+declare const Item$1: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type FormContextType = {
+    register: (item: FormItemProps) => void;
+    unregister: (name: string) => void;
+    hasField: (name: string) => boolean;
+    checkFormIsValid: () => boolean;
+    getValues: () => {};
+    getFieldValue: (name: string) => FormValueProps;
+    getFieldValueByName: (name: string) => FormValueProps;
+    getFieldInstance: (name: string) => ITDImperativeFuncProps | null;
+    getFields: () => {
+        [key: string]: FormItemProps;
+    };
+    getFieldsInstance: () => {};
+    setName: (name: string) => void;
+    setInitialValues: (initialFields: {}, update?: boolean, validation?: boolean) => {};
+    setInvalidField: (name: string, message: string) => void;
+    setInvalidFields: (names: string[], message: string) => void;
+    setFieldValue: (name: string, value: FormValueProps) => void;
+    setFieldValueByName: (name: string, value: FormValueProps, update: boolean, validation: boolean) => void;
+    setFieldError: (name: string, message: string, validation?: boolean) => void;
+    removeFieldError: (name: string) => void;
+    updateField: (name: string, value: FormValueProps, update: boolean, valid: boolean) => void;
+    isFormValid: () => boolean;
+    isFieldsValid: (names: string[]) => boolean;
+    isFieldValid: (name: string) => boolean;
+    resetFields: (update?: boolean, validation?: boolean) => void;
+    removeFields: () => void;
+    formId: string;
+    updated: {};
+};
+
+type FormStoreProps = {
+    name: string;
+    onUpdate?: (values: {}) => void;
+    onFieldUpdate?: (update: FieldUpdateProps) => void;
+    onReset?: () => void;
+    useQueryString?: boolean;
+};
+
+type FormSubComponentProps$1 = {
+    Item: typeof Item$1;
+    Group: typeof Group;
+    Control: typeof Control;
+    useForm: () => FormContextType;
+    useFormAPI: FormStoreProps;
+};
+type FormComponentProps = ForwardRefExoticComponent<PropsWithoutRef<FormProps> & RefAttributes<FormContextType>> & FormSubComponentProps$1;
+declare const Form: FormComponentProps;
+
+declare const CheckboxGroup: react.ForwardRefExoticComponent<CheckboxGroupProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type CheckboxSubComponentProps = {
+    Group: typeof CheckboxGroup;
+};
+type CheckboxComponentProps = ForwardRefExoticComponent<PropsWithoutRef<CheckboxProps> & RefAttributes<ITDImperativeFuncProps>> & CheckboxSubComponentProps;
+declare const Checkbox: CheckboxComponentProps;
+
+declare function SubMenu({ id, link, icon, title, isSelected, useLink, onlyOne, subMenuLinkArrow, end, subMenuHeight, itemHeight, iconSize, arrowSize, onChange, children }: AccordionSubMenuProps): react_jsx_runtime.JSX.Element;
+
+declare const Item: ({ link, itemHeight, arrowSize, active, end, children }: AccordionItemProps) => react_jsx_runtime.JSX.Element;
+
+type AccordionMenuSubComponents = {
+    SubMenu: typeof SubMenu;
+    Item: typeof Item;
+};
+type AccordionMenuProps = AccordionProps & {
+    className?: string;
+};
+declare const Accordion: FunctionComponent<AccordionMenuProps> & AccordionMenuSubComponents;
+
+declare const Calendar: ({ value, defaultValue, className, onChange, disabledDate }: {
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    disabledDate?: (date: moment$1.Moment) => boolean;
+}) => react_jsx_runtime.JSX.Element | null;
+
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+/**
+ * https://github.com/sanniassin/react-input-mask
+ * http://sanniassin.github.io/react-input-mask/demo.html
+ * https://dev.to/adrianbdesigns/let-s-create-a-floating-label-input-with-html-and-css-only-4mo8
+ */
+declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare const Tooltip: react__default.ForwardRefExoticComponent<react__default.RefAttributes<any>>;
+
+/**
+ *
+ * UPLOAD
+ * --
+ *
+ *
+ *
+ * @returns
+ *
+ */
+declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare function Panel({ id, link, icon, title, hasOpen, useLink, onChange, children }: {
+    id?: string | undefined;
+    link?: string | undefined;
+    icon?: string | undefined;
+    title?: string | undefined;
+    hasOpen?: boolean | undefined;
+    useLink?: boolean | undefined;
+    onChange?: null | undefined;
+    children?: null | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Collapse({ useLink, children }: {
+    useLink?: boolean | undefined;
+    children: any;
+}): react_jsx_runtime.JSX.Element;
+declare namespace Collapse {
+    export { Panel };
+}
+
+type ModalContextType = {
+    /**
+     * Opens a new modal with the provided information of the modal to be opened.
+     *
+     * @param data Contains the desired parameters for opening a new modal `ModalProps`.
+     * @returns
+     */
+    showModal: (data: ModalProps$1) => void;
+    /**
+     * Dismisses the currently open modal with the ID of the modal to be hidden.
+     *
+     * @param id ID of the modal to be hide.
+     * @returns
+     */
+    hideModal: (id: string) => void;
+    /**
+     * Dismisses the currently open modal with the ID of the modal to be closed.
+     *
+     * @param id ID of the modal to be dismissed.
+     * @returns
+     */
+    removeModal: (id: string) => void;
+    /**
+     *
+     * @returns
+     */
+    removeAllModals: () => void;
+    /**
+     * Triggered whenever any event related to modals occurs.
+     */
+    modalEvent: {
+        event: ModalState$1;
+        id: string;
+    };
+    /**
+     * Returns whether a modal is visible or not.
+     *
+     * @param id The visibility information of the desired modal with its ID.
+     * @returns
+     */
+    isVisible: (id: string) => boolean;
+};
+
+declare const ModalManager: {
+    useModal: () => ModalContextType;
+};
+
+type NotificationContextType = {
+    addNotification: (notification: NotificationsProps) => void;
+    removeNotification: (id: string) => void;
+};
+
+declare const Notification: {
+    useNotifications: () => NotificationContextType;
+};
+
+declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, children, icon, image, component, onChange }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
+
+declare const _default$2: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
+
+interface RadioComponent extends React.FC {
+    Group: typeof _default$2;
+    Button: typeof RadioButton;
+}
+declare const Radio: RadioComponent;
+
+declare const _default$1: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
+    value?: string | undefined;
+    checked?: boolean | undefined;
+    single?: boolean | undefined;
+    onChange?: null | undefined;
+    children?: null | undefined;
+}) => react_jsx_runtime.JSX.Element>;
+
+declare function InlineSelect({ label, value, children, single, minWidth, className, onChange }: {
+    label?: string | undefined;
+    value?: never[] | undefined;
+    children?: null | undefined;
+    single?: boolean | undefined;
+    minWidth?: number | undefined;
+    className?: string | undefined;
+    onChange?: null | undefined;
+}): react_jsx_runtime.JSX.Element;
+declare namespace InlineSelect {
+    export { _default$1 as Option };
+}
+
+interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    fallback?: string;
+    brokenWidth?: number | string;
+    brokenHeight?: number | string;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+declare const _default: react__default.NamedExoticComponent<ImageProps>;
+
+declare namespace ConsoleLog {
+    export { single };
+    export { double };
+    export { table };
+}
+declare function single(message: any, type?: string): void;
+declare function double(title: any, message: any, type?: string): void;
+declare function table(data: any): void;
+
+declare const Button: ({ id, disabled, loading, selected, circle, strecth, justify, contentPosition, type, variant, size, state, icon, href, target, className, children, onClick }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+declare const Alert: {
+    ({ type, size, title, className, children }: AlertProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Result: {
+    ({ image, title, description, extra, footer, type, fill, autoCenter, background, animation }: ResultProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ALink: (props: any) => react_jsx_runtime.JSX.Element;
+
+interface ISpin {
+    updating?: boolean;
+    opacity?: boolean;
+    size?: number;
+    className?: string;
+    children?: any;
+}
+declare const Spin: ({ updating, opacity, size, className, children }: ISpin) => react_jsx_runtime.JSX.Element | null;
+
+declare function BackTop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function Status({ variant, size, stretch, children, className, }: StatusProps): react_jsx_runtime.JSX.Element;
+
+declare function Progress({ status, percent, alwaysShowPercent, showInfo, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
+
+type TinyScrollbarProps = {
+    className: string;
+    children: ChildrenProps$1;
+};
+declare function TinyScrollbar({ className, children }: TinyScrollbarProps): react_jsx_runtime.JSX.Element;
+
+declare const Tabs: ({ tabs, activeTabKey, className, variant, height, onTabChange }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+declare const Card: ({ title, titleSeparator, extra, tabs, onTabChange, minWidth, minHeight, children, activeTabKey, updating, contentPadding, }: CardProps) => react_jsx_runtime.JSX.Element;
+
+declare const Table: <T extends TableRow>(props: TableProps<T> & {
+    ref?: Ref<TableRefProps>;
+}) => react__default.ReactElement;
+
+declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, className, children }: FlexProps) => react_jsx_runtime.JSX.Element;
+
+type QueryValueProps = string | number | boolean | string[] | number[];
+
+type Element = string | number | React.ReactNode | undefined;
+type ChildrenProps = Element | Element[] | null;
+
+type AccordionProps = {
+    useLink?: boolean;
+    onlyOne?: boolean;
+    subMenuLinkArrow?: boolean;
+    subMenuHeight?: number;
+    itemHeight?: number;
+    iconSize?: number;
+    arrowSize?: number;
+    onChange?: null | ((id: string) => void);
+    children?: ChildrenProps;
+};
+
+type AccordionSubMenuProps = {
+    id: string;
+    link: string;
+    title: string;
+    icon?: string | React.ReactElement;
+    isSelected?: boolean;
+    useLink?: boolean;
+    onlyOne?: boolean;
+    subMenuLinkArrow?: boolean;
+    subMenuHeight?: number;
+    itemHeight?: number;
+    iconSize?: number;
+    arrowSize?: number;
+    end?: boolean;
+    onChange?: (id: string) => void;
+    children?: ChildrenProps;
+};
+
+type AccordionItemProps = {
+    link?: string;
+    itemHeight?: number;
+    arrowSize?: number;
+    active?: boolean;
+    end?: boolean;
+    children?: null | ChildrenProps;
+};
+
+declare enum InputTypes {
+    TEXT = "text",
+    NUMBER = "number",
+    CURRENCY = "currency",
+    PASSWORD = "password"
+}
+type InputType = `${InputTypes}`;
+type InputVariant = "default" | "filled" | "dashed";
+type InputProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    type?: InputType;
+    className?: string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    addonBefore?: ChildrenProps;
+    addonAfter?: ChildrenProps;
+    locked?: ChildrenProps | boolean;
+    status?: ChildrenProps;
+    minValue?: number;
+    maxValue?: number;
+    maxLength?: number;
+    disabled?: boolean;
+    floating?: boolean;
+    autoComplete?: boolean;
+    keepFocus?: boolean;
+    focusRef?: null | MutableRefObject<HTMLDivElement>;
+    mask?: null | string;
+    allowEmptyFormatting?: null | boolean;
+    allowLeadingZeros?: boolean;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    decimalScale?: number;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onFocus?: ((event: any) => void) | null;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
+    onPressEnter?: ((event: KeyboardEvent) => void) | null;
+    onKeyDown?: ((event: KeyboardEvent) => void) | null;
+    children?: ChildrenProps;
+};
+
+type ITDSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+type ITDSizeSlug = "xs" | "sm" | "md" | "df" | "lg" | "xlg";
+type ITDPosition = "left" | "right";
+
+type CalendarProps = {
+    id?: string;
+    placeholder?: string;
+    defaultValue: CalendarValueProps;
+    className?: string;
+    mask?: null | string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    disabled?: boolean;
+    floating?: boolean;
+    suffix?: ChildrenProps;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    disabledDate: (date: moment$1.Moment) => boolean;
+};
+type CalendarValueProps = {
+    localizated: string;
+    global: string;
+};
+type CalendarDayProps = {
+    date: moment$1.Moment;
+    today?: boolean;
+    selected?: boolean;
+    current?: boolean;
+    disabled?: boolean;
+    handleClick: (date: moment$1.Moment) => void;
+};
+
+type DatePickerProps = {
+    id?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    value?: string;
+    className?: string;
+    mask?: null | string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    disabled?: boolean;
+    floating?: boolean;
+    position?: ITDPosition;
+    suffix?: ChildrenProps;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    disabledDate?: (date: moment$1.Moment) => boolean;
+};
+
+type TextAreaProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    size?: ITDSize;
+    variant?: TextAreaVariant;
+    rows?: number;
+    maxLength?: number;
+    disabled?: boolean;
+    showCount?: boolean;
+    onChange?: ((event: TextAreaEvent) => void);
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    children?: ChildrenProps;
+};
+type TextAreaEvent = {
+    value?: string | number | boolean;
+    className: string;
+    disabled: boolean;
+    target: RefObject<HTMLTextAreaElement>;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+};
+type TextAreaVariant = "default" | "filled" | "dashed";
+
+type ButtonProps = {
+    id?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    selected?: boolean;
+    strecth?: boolean;
+    circle?: boolean;
+    justify?: string;
+    contentPosition?: ButtonContentPosition;
+    type?: ButtonType;
+    variant?: ButtonVariant;
+    state?: ButtonState;
+    size?: ITDSize;
+    icon?: string | ChildrenProps | SVGElement;
+    href?: string;
+    target?: string;
+    className?: string;
+    children?: ChildrenProps;
+    onClick?: null | ((event: MouseEvent<any>) => void);
+};
+type ButtonType = "button" | "submit" | "reset";
+type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
+type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
+type ButtonContentPosition = "left" | "right";
+
+type RadioType = "default" | "primary";
+type Direction = "column" | "row";
+type RadioGroupProps = {
+    id?: string;
+    name?: string;
+    message?: string;
+    type?: RadioType;
+    defaultValue?: string;
+    value?: string;
+    className?: string;
+    direction?: Direction;
+    gap?: string;
+    length?: number;
+    onlyFlow?: boolean;
+    buttonProps?: ButtonProps;
+    onChange?: (value: string) => void;
+    onUpdate?: (value: string, update: boolean, validation: boolean) => void;
+    children?: React.ReactNode;
+};
+type RadioButtonProps = {
+    id?: string;
+    name?: string;
+    value?: string;
+    type?: RadioType;
+    checked?: boolean;
+    hasError?: boolean;
+    children?: React.ReactNode;
+    buttonProps?: ButtonProps;
+    icon?: string | null;
+    image?: string | null;
+    onChange?: (value: string) => void;
+    component?: ReactElement<any> | null;
+};
+
+type SelectProps = {
+    id?: string;
+    defaultValue?: SelectValue;
+    value?: SelectValue;
+    label?: string | number;
+    position?: SelectPosition;
+    direction?: SelectDirection;
+    multi?: boolean;
+    size?: ITDSize;
+    variant?: SelectVariant;
+    className?: string;
+    placeholder?: string;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+    showSearch?: boolean;
+    locked?: boolean;
+    floating?: boolean;
+    style?: CSSProperties;
+    options?: SelectOptionProps[];
+    onChange?: ((value: SelectValue) => void) | null;
+    onUpdate?: ((value: SelectValue | undefined, update?: boolean, validation?: boolean) => void) | null;
+};
+type SelectToggleProps = {
+    id?: string;
+    label?: string | number | ChildrenProps;
+    value?: SelectValue | null;
+    errorMessage: string;
+    multi: boolean;
+    isOpen: boolean;
+    showSearch: boolean;
+    locked: boolean;
+    disabled: boolean;
+    labelType: string;
+    placeholder: string;
+    icon?: string;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    image?: string;
+    size: ITDSize;
+    onFocus: () => void;
+    onBlur: () => void;
+    onShow: (value: boolean) => void;
+    onFilter: (value: string) => void;
+    onChange: (open: boolean) => void;
+};
+type SelectOptionProps = {
+    key?: string;
+    label: string | number | ChildrenProps;
+    value: SelectValue;
+    icon?: ChildrenProps;
+    image?: string;
+    disabled?: boolean;
+};
+type SelectValue = string | number | (string | number)[];
+type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
+type SelectPosition = "top" | "bottom";
+type SelectDirection = "right" | "left";
+
+type CheckboxProps = {
+    id?: string;
+    value?: string | number | boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    variant?: CheckboxVariant;
+    indeterminate?: boolean;
+    className?: string;
+    children?: ChildrenProps;
+    onChange?: ((event: CheckboxEvent) => void);
+    onUpdate?: ((value: any, update: any, validation: boolean) => void);
+};
+type CheckboxGroupProps = {
+    id?: string;
+    value?: (string | number | boolean)[];
+    defaultValue?: (string | number | boolean)[];
+    options?: GroupCheckboxOptionType[];
+    disabled?: boolean;
+    className?: string;
+    children?: ChildrenProps | ReactElement<CheckboxProps> | Array<ReactElement<CheckboxProps>>;
+    selectAll?: (value: boolean) => void;
+    onChange?: ((values: (string | number | boolean)[]) => void);
+    onUpdate?: ((value: (string | number | boolean)[], update: any, validation: boolean) => void);
+};
+type GroupCheckboxOptionType = {
+    label: string;
+    value: string | number | boolean;
+    disabled?: boolean;
+};
+type CheckboxEvent = {
+    checked: boolean;
+    value?: string | number | boolean;
+    className: string;
+    disabled: boolean;
+    target: RefObject<HTMLInputElement>;
+    stopPropagation: () => void;
+    preventDefault: () => void;
+};
+type CheckboxVariant = "default" | "filled";
+
+type ITDImperativeFuncProps = {
+    reset: (update?: boolean, validation?: boolean) => void;
+    setValue: (value: any, update?: boolean, validation?: boolean) => void;
+    getValue: () => any;
+    setError: (message: string) => void;
+    setFocus?: () => void;
+    setDisabled?: (value: boolean) => void;
+    forceUpdate?: () => void;
+    clear: () => void;
+};
+
+type SingleQueryProps = {
+    set: (type: string, value: QueryValueProps) => void;
+    get: <T>(paramName: string, defaultValue: T, minLength?: number) => T;
+    remove: (type: string) => void;
+    isEmpty: () => boolean;
+};
+
+type FormProps = {
+    initialValues?: {};
+    children: ChildrenProps;
+    onReset?: () => void;
+    onUpdate?: (values: {}) => void;
+    onFinish?: (values: {}) => void;
+    onFinishFailed?: (values: {}) => void;
+    onValidated?: (validate: boolean) => void;
+    onFieldUpdate?: (update: FieldUpdateProps) => void;
+    useQueryString?: boolean;
+    className?: string;
+    ref?: RefObject<FormContextType>;
+    name: string;
+};
+type FormValueProps = string | number | object | boolean;
+type FieldUpdateProps = {
+    name: string;
+    value: FormValueProps;
+    valid: boolean;
+};
+type FormRuleProps = {
+    required?: boolean;
+    type?: FormValidationTypes$1;
+    field?: string;
+    value?: string | number;
+    message?: string;
+};
+type FormItemProps = {
+    name: string;
+    field: RefObject<ITDImperativeFuncProps>;
+    valid: boolean;
+    value?: FormValueProps;
+    query: string;
+    reset: any[];
+    error: string;
+};
+type FormSubComponentProps = {
+    Item: typeof Item$1;
+    Group: typeof Group;
+    Control: typeof Control;
+    useForm: FormContextType;
+    useFormAPI: FormStoreProps;
+};
+
+type NotificationsProps = {
+    id?: string;
+    title: string;
+    description: string;
+    placement?: string;
+    autoHide?: boolean;
+    delay?: number;
+    type: string;
+};
+
+type AlertProps = {
+    type?: AlertType;
+    size?: AlertSize;
+    icon?: string | ChildrenProps | SVGElement;
+    title?: string;
+    className?: string;
+    children?: ChildrenProps;
+};
+type AlertType = "success" | "info" | "warning" | "error";
+type AlertSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+
+type SwitchProps = {
+    id?: string;
+    label?: string;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+};
+
+/**
+ * #### ModalProps
+ *
+ * The properties passed when opening a new modal. The `showModal`
+ * function requires certain properties to open a new modal.
+ */
+type ModalProps = {
+    /**
+     * Modal ID. Used for listening to modal events.
+     */
+    id?: string;
+    /**
+     * Modal Classname.
+     */
+    className?: string;
+    /**
+     * Modal Title.
+     */
+    title?: ChildrenProps;
+    /**
+     * Modal Width.
+     */
+    width?: string | number;
+    /**
+     * Close modal when overlay is clicked.
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Prevents modal from closing when ESC key is pressed.
+     */
+    preventESC?: boolean;
+    /**
+     * Remove other open modals.
+     */
+    removeOthers?: boolean;
+    /**
+     * Show/hide OK button.
+     */
+    showOkButton?: boolean;
+    /**
+     * Show/hide Cancel button.
+     */
+    showCancelButton?: boolean;
+    /**
+     * Show/hide close button on the top right corner of the modal.
+     */
+    showCloseButton?: boolean;
+    /**
+     * Text for the OK button.
+     */
+    okButtonText?: string;
+    /**
+     * The cancel button props.
+     */
+    cancelButtonText?: string;
+    /**
+     * The ok button props.
+     */
+    okButtonProps?: ButtonProps | null;
+    /**
+     * ModalProps for the Cancel button.
+     */
+    cancelButtonProps?: ButtonProps | null;
+    /**
+     * Custom properties to be passed to the modal.
+     */
+    customProps?: {} | any;
+    /**
+     * Custom context to be passed to the modal.
+     */
+    context?: {} | any;
+    /**
+     * Called when the OK button is clicked. If this
+     * function is defined, a ModalEvent is triggered,
+     * but the modal does not automatically close.
+     * @returns
+     */
+    onOk?: (() => boolean | null) | null;
+    /**
+     * Called when the Cancel button is clicked. If this
+     * function is defined, a ModalEvent is triggered,
+     * but the modal does not automatically close.
+     * @returns
+     */
+    onCancel?: (() => boolean | null) | null;
+    /**
+     * ModalManager can find its own ref, but some libraries
+     * (@loadable, React.lazy, etc.) may have their own ref values,
+     * which can prevent ModalManager from passing parameters and
+     * accessing the actual ref. In such cases, if you want the modal
+     * to use a ref, meaning you'll use forwardRef with ModalRefProps
+     * inside the modal, you should pass "true".
+     */
+    useRef?: boolean;
+    /**
+     * ModalManager can find its own ref, but some libraries
+     * (@loadable, React.lazy, etc.) may have their own ref
+     * values, which can prevent ModalManager from passing
+     * parameters and accessing the actual ref. In such cases,
+     * this value should remain false. You can only set it to
+     * "true" in projects where you are sure that all modals
+     * are passed as Function Components.
+     */
+    checkAutoRef?: boolean;
+    /**
+     * Content of the modal. Any content you want to display in the modal.
+     */
+    content: ChildrenProps;
+    /**
+     * Adds content before the modal's content data.
+     */
+    addContentBefore?: ChildrenProps;
+    /**
+     * Adds content after the modal's content data.
+     */
+    addContentAfter?: ChildrenProps;
+    /**
+     * The padding of the modal content. The default value is "30px 20px".
+     */
+    contentPadding?: string;
+    /**
+     * The padding of the outer modal overlay. The default value is "50px".
+     */
+    outerPadding?: string;
+    /**
+     * The padding before the modal content. The default value is "30px 20px 0".
+     */
+    beforeContentPadding?: string;
+    /**
+     * The padding after the modal content. The default value is "0 20px 30px".
+     */
+    afterContentPadding?: string;
+};
+/**
+ * #### Modal Content Props
+ *
+ * These properties can only be accessed from the content data defined within the modal.
+ * When the content data is defined as an external class, these properties become accessible.
+ */
+type ModalContentProps = {
+    /**
+     * Allows another modal to be opened from within the modal content.
+     * @param data Values for the new modal to be opened.
+     * @returns
+     */
+    showAnotherModal?: (data: ModalProps) => void;
+    /**
+     * Closes itself from within the modal content.
+     * @returns
+     */
+    hideCurrentModal?: () => void;
+    /**
+     * Destroy itself from within the modal content.
+     * @returns
+     */
+    removeCurrentModal?: () => void;
+    /**
+     * Changes the buttons disabling state.
+     * @param value `true` for regular, `false` for disabled.
+     * @returns
+     */
+    changeButtonsState?: (value: boolean) => void;
+    /**
+     * Changes the loading screen state that covers the entire modal.
+     * @param value `true` indicates loading, `false` indicates stable state.
+     * @returns
+     */
+    changeLoadingState?: (value: boolean) => void;
+    /**
+     * Changes the state that shows only the modal content is loading.
+     * @param value `true` indicates loading, `false` indicates stable state.
+     * @returns
+     */
+    changeInnerLoadingState?: (value: boolean) => void;
+    /**
+     * Extra parameters passed when the modal is opened.
+     */
+    modalProps?: any;
+    /**
+     * Context data to be used for access within the modal, functioning like `modalProps`.
+     */
+    context?: any;
+};
+/**
+ * #### Modal Ref Props
+ *
+ * It can only be used within the modal content data that utilizes `forwardRef`
+ * along with `useImperativeHandle`.
+ */
+type ModalRefProps = {
+    /**
+     * If defined, it is triggered when the **OK** button inside the modal is clicked.
+     * If you return `false`, it prevents the modal from closing. If you return `true`,
+     * the process continues and the modal closes.
+     * @returns
+     */
+    onClickOK?: () => void;
+    /**
+     * If defined, it is triggered when the **Cancel** button inside the modal is clicked.
+     * If you return `false`, it prevents the modal from closing. If you return `true`,
+     * the process continues and the modal closes.
+     * @returns
+     */
+    onClickCancel?: () => void;
+};
+
+type UploadProps = {
+    id?: string;
+    action?: string;
+    filePath?: string | null;
+    removeAction?: string;
+    removeExtraFormData?: {};
+    removeExtraQueryString?: {};
+    removeExtraHeader?: {};
+    binaryName?: string;
+    resultFileName?: string | null;
+    showDeleteIcon?: boolean;
+    showPreviewIcon?: boolean;
+    buttonsPosition?: "default" | "corners";
+    containerWidth?: number | string;
+    containerHeight?: number | string;
+    maxFileWidth?: number | string;
+    maxFileHeight?: number | string;
+    fileWidth?: number | string;
+    fileHeight?: number | string;
+    padding?: number;
+    fluid?: boolean;
+    previewFileWidth?: number | string;
+    previewFileHeight?: number | string;
+    previewFilePadding?: number | string;
+    fileTypes?: FileTypes[];
+    maxFileSize?: number;
+    requestMethod?: "put" | "post";
+    extraFormData?: {};
+    extraQueryString?: {};
+    extraHeader?: {};
+    disabled?: boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onUploadSuccess?: (path: string) => void;
+    onUploadFailed?: (message: string, code: number) => void;
+    onRemoveFileSuccess?: (data?: any) => void;
+    onRemoveFileFailed?: () => void;
+};
+type UploadProgressProps = {
+    estimated: string;
+    progress: number;
+    bytes: string;
+    total: string;
+};
+type UploadResultMessageProps = {
+    message: string;
+    status: "success" | "error" | "";
+};
+
+type ResultProps = {
+    image: string;
+    title: string;
+    description: string;
+    type?: string;
+    extra?: React.ReactElement | null;
+    footer?: React.ReactElement | null;
+    fill?: boolean;
+    autoCenter?: boolean;
+    background?: boolean;
+    animation?: boolean;
+};
+
+type TabsItemProps = {
+    key: string;
+    tab: string;
+    children?: ChildrenProps;
+    link?: string;
+};
+type TabsProps = {
+    activeTabKey?: string;
+    tabs?: TabsItemProps[];
+    onTabChange?: (key: string) => void;
+    variant?: "default" | "bold";
+    height?: number;
+    className?: string;
+};
+
+type TableColumnType<T> = {
+    key: keyof T | string;
+    title: ChildrenProps;
+    dataIndex?: keyof T;
+    overflow?: boolean;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+    render?: (value: any, record: T, index: number, level?: number) => React.ReactNode;
+};
+type TableProps<T extends TableRow> = {
+    columns: TableColumnType<T>[];
+    data: T[] | null;
+    cellHeight?: number | string;
+    size?: ITDSize;
+    headless?: boolean;
+    bordered?: boolean;
+    dashed?: boolean;
+    noGaps?: boolean;
+    hideGroupButtons?: boolean;
+    getTRProps?: (row: T, rowIndex: number, level: number) => TableTRProps;
+};
+type TableTRProps = {
+    style?: React.CSSProperties;
+    classNames?: string;
+};
+type TableRow = {
+    key: string;
+    children?: TableRow[];
+};
+type TableRefProps = {
+    toggleRow: (key: string) => void;
+    expandedRows: Set<string>;
+};
+
+type CardProps = {
+    title?: ChildrenProps;
+    titleSeparator?: boolean;
+    extra?: ChildrenProps;
+    tabs?: {
+        key: string;
+        tab: string;
+    }[];
+    activeTabKey?: string;
+    onTabChange?: (key: string) => void;
+    updating?: boolean;
+    minWidth?: number;
+    minHeight?: number;
+    contentPadding?: string;
+    children: ChildrenProps;
+};
+
+type ProgressProps = {
+    status?: ProgressStatus;
+    showInfo?: boolean;
+    alwaysShowPercent?: boolean;
+    percent?: number;
+    className?: string;
+};
+type ProgressStatus = "normal" | "active" | "success" | "exception";
+
+type StatusProps = {
+    variant?: StatusVariant;
+    size?: ITDSize;
+    stretch?: boolean;
+    children?: ChildrenProps;
+    className?: string;
+};
+type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black";
+
+type FlexProps = {
+    gap?: FlexGapProps;
+    justify?: FlexJustifyProps;
+    align?: FlexAlignProps;
+    vertical?: boolean;
+    wrap?: boolean;
+    stretch?: boolean;
+    style?: CSSProperties;
+    className?: string;
+    children?: ChildrenProps;
+};
+type FlexGapProps = "small" | "medium" | "large" | string | number;
+type FlexJustifyProps = "unset" | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
+type FlexAlignProps = "unset" | "flex-start" | "center" | "flex-end";
+
+declare enum ModalState {
+    NOT_SHOW = "modal-not-show",
+    BEGIN = "modal-begin",
+    ENTERING = "modal-entering",
+    ENTERED = "modal-entered",
+    EXITING = "modal-exiting",
+    EXITED = "modal-exited",
+    REMOVED = "modal-removed",
+    OK_CLICK = "modal-ok-button-click",
+    CANCEL_CLICK = "modal-cancel-button-click",
+    CLOSE_CLICK = "modal-close-button-click",
+    OUTSIDE_CLICK = "modal-outside-click",
+    ESC_CLICK = "modal-esc-click",
+    ALL_REMOVED = "modal-all-removed"
+}
+declare enum FileTypes {
+    SVG = "image/svg+xml",
+    PNG = "image/png",
+    JPG = "image/jpeg",
+    GIF = "image/gif",
+    PDF = "application/pdf",
+    OTF = "font/otf"
+}
+declare enum FileExtensions {
+    SVG = ".svg",
+    PNG = ".png",
+    JPG = ".jpg",
+    GIF = ".gif",
+    PDF = ".pdf",
+    OTF = ".otf"
+}
+declare enum FormValidationTypes {
+    MIN_LENGTH = "minLength",
+    MAX_LENGTH = "maxLength",
+    EXACT_LENGTH = "exactLength",
+    SAME = "same",
+    TC_IDENTITY = "TCIdentity",
+    PASSWORD = "password",
+    EMAIL = "email",
+    USERNAME = "username"
+}
+
+export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, type ButtonContentPosition, type ButtonProps, type ButtonState, type ButtonType, type ButtonVariant, Calendar, type CalendarDayProps, type CalendarProps, type CalendarValueProps, Card, type CardProps, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, type DatePickerProps, DetermineNewHeight, DetermineNewWidth, type Direction, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, type FlexAlignProps, type FlexGapProps, type FlexJustifyProps, type FlexProps, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, FormValidationTypes, type FormValueProps, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, H1, H2, H3, H4, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, type ITDSize, type ITDSizeSlug, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, type InputVariant, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, NoData, Notification, type NotificationContextType, type NotificationsProps, Picture, Progress, type ProgressProps, type ProgressStatus, type QueryValueProps, Radio, type RadioButtonProps, type RadioGroupProps, type RadioType, RemoveUnits, Result, type ResultProps, SVGLoader, Select, type SelectDirection, type SelectOptionProps, type SelectPosition, type SelectProps, type SelectToggleProps, type SelectValue, type SelectVariant, type SingleQueryProps, Spin, Status, type StatusProps, type StatusVariant, Switch, type SwitchProps, Table, type TableColumnType, type TableProps, type TableRefProps, type TableRow, type TableTRProps, Tabs, type TabsItemProps, type TabsProps, TextArea, type TextAreaEvent, type TextAreaProps, type TextAreaVariant, TinyScrollbar, Tooltip, TranslateCell, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, toKebabCase, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };