@inntechcorp/it-design 2.0.0

package/dist/index.d.ts

@@ -0,0 +1,1120 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { MutableRefObject, RefObject, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, FocusEventHandler, KeyboardEvent, ReactElement, MouseEvent } from 'react';
+import { ChildrenProps as ChildrenProps$1 } from 'types/ChildrenProps';
+import { IStyledComponent } from 'styled-components';
+import { Cancel, AxiosProgressEvent } from 'axios';
+import { ModalState as ModalState$1, FormValidationTypes } from 'enums/enum';
+import { ModalProps as ModalProps$1 } from 'types/ModalProps';
+import { ChildrenProps as ChildrenProps$2 } from 'types/ChildrenProps.js';
+
+type ITDContextType = {
+    theme: string;
+    brokenImage: string;
+    dummyTeamImage: string;
+    dateFormat: string;
+    language: string;
+    locale: string;
+    changeTheme: (value: string) => void;
+    changeBrokenImage: (value: string) => void;
+    changeDummyTeamImage: (value: string) => void;
+    changeDateFormat: (value: string) => void;
+    changeLocale: (value: string) => void;
+    changeLanguage: (value: string) => void;
+};
+type ITDProviderProps = {
+    theme: 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): string | number;
+
+declare function GetCurrencyFormat(value: string, currency?: string): string;
+
+declare function GetCurrencySymbol(currency?: string): "₺" | "$" | "€" | "?";
+
+declare function GetDecimalByCurrency(currency?: string): "." | ",";
+
+/**
+ *
+ */
+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>;
+
+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;
+
+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 | undefined;
+        addOrigin?: boolean | undefined;
+        params?: {} | undefined;
+        queries?: {} | undefined;
+        headers?: {} | undefined;
+        cancelable?: boolean | undefined;
+        onFetched?: ((result: any) => void) | undefined;
+        onError?: ((err: string, code: number) => void) | undefined;
+        onCanceled?: ((message: Cancel) => void) | undefined;
+        onProgress?: ((event: AxiosProgressEvent) => void) | undefined;
+    }) => Promise<void>;
+    cancel: () => void;
+};
+
+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 OptionsProps = {
+    icon?: string;
+    image?: string;
+    value?: string;
+    mode?: string;
+    checked?: false;
+    onChange?: (value: string, checked: boolean, children: ChildrenProps$1) => null;
+    children?: ChildrenProps$1;
+};
+declare const _default$3: react.MemoExoticComponent<{
+    ({ icon, image, value, mode, checked, onChange, children }: OptionsProps): 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;
+    children?: ChildrenProps$1;
+};
+declare function Group({ gap, className, children }: GroupProps): react_jsx_runtime.JSX.Element;
+
+type ControlProps = {
+    className?: string;
+    children?: ChildrenProps$1;
+};
+declare function Control({ 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?: [];
+    query?: string;
+    children: ChildrenProps$1;
+};
+declare const Item$1: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type FormContextType = {
+    register: (item: FormItemProps) => void;
+    hasField: (name: string) => 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: [], 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, subMenuHeight, itemHeight, iconSize, arrowSize, onChange, children }: AccordionSubMenuProps): react_jsx_runtime.JSX.Element;
+
+declare const Item: ({ link, itemHeight, arrowSize, active, 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: react__default.ForwardRefExoticComponent<react__default.RefAttributes<any>>;
+
+declare const DatePicker: react__default.ForwardRefExoticComponent<react__default.RefAttributes<any>>;
+
+/**
+ * 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 Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare const Tooltip: react__default.ForwardRefExoticComponent<react__default.RefAttributes<any>>;
+
+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 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 const _default$2: react__default.MemoExoticComponent<react__default.ForwardRefExoticComponent<react__default.RefAttributes<any>>>;
+
+declare function Button$1(props: any): react_jsx_runtime.JSX.Element;
+
+declare function Radio(): null;
+declare namespace Radio {
+    export { _default$2 as Group };
+    export { Button$1 as Button };
+}
+
+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?: any[] | 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 };
+}
+
+declare const _default: react__default.MemoExoticComponent<(props: any) => react_jsx_runtime.JSX.Element>;
+
+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;
+};
+
+/**
+ *
+ * UPLOAD
+ * --
+ *
+ *
+ *
+ * @returns
+ *
+ */
+declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type ResultProps = {
+    image: string;
+    title: string;
+    description: string;
+    type?: string;
+    extra?: JSX.Element | null;
+    footer?: JSX.Element | null;
+    fill?: boolean;
+    autoCenter?: boolean;
+};
+declare const Result: {
+    ({ image, title, description, extra, footer, type, fill, autoCenter }: ResultProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const ALink: (props: any) => react_jsx_runtime.JSX.Element;
+
+interface ISpin {
+    updating?: boolean;
+    size?: number;
+    className?: string;
+    children?: any;
+}
+declare const Spin: ({ updating, size, className, children }: ISpin) => react_jsx_runtime.JSX.Element | null;
+
+declare function BackTop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function Status(props: any): react_jsx_runtime.JSX.Element;
+
+type TinyScrollbarProps = {
+    className: string;
+    children: ChildrenProps$2;
+};
+declare function TinyScrollbar({ className, children }: TinyScrollbarProps): react_jsx_runtime.JSX.Element;
+
+type ChildrenProps = string | JSX.Element | JSX.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 | JSX.Element;
+    isSelected?: boolean;
+    useLink?: boolean;
+    onlyOne?: boolean;
+    subMenuLinkArrow?: boolean;
+    subMenuHeight?: number;
+    itemHeight?: number;
+    iconSize?: number;
+    arrowSize?: number;
+    onChange?: (id: string) => void;
+    children?: ChildrenProps;
+};
+
+type AccordionItemProps = {
+    link?: string;
+    itemHeight?: number;
+    arrowSize?: number;
+    active?: boolean;
+    children?: null | ChildrenProps;
+};
+
+type InputProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    type?: string;
+    className?: string;
+    size?: string;
+    variant?: string;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    addonBefore?: ChildrenProps;
+    addonAfter?: ChildrenProps;
+    locked?: ChildrenProps | boolean;
+    status?: ChildrenProps;
+    maxLength?: number;
+    disabled?: boolean;
+    floating?: boolean;
+    autoComplete?: boolean;
+    keepFocus?: boolean;
+    focusRef?: null | MutableRefObject<HTMLDivElement>;
+    mask?: null | string;
+    allowEmptyFormatting?: null | boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onFocus?: ((event: any) => void) | null;
+    onBlur?: ((event: FocusEventHandler<HTMLInputElement>) => void) | null;
+    onPressEnter?: ((event: KeyboardEvent) => void) | null;
+    onKeyDown?: ((event: KeyboardEvent) => void) | null;
+    children?: ChildrenProps;
+};
+
+type SelectProps = {
+    defaultValue?: string | number;
+    value?: string | number;
+    label?: string | number;
+    position?: string;
+    direction?: string;
+    mode?: string;
+    size?: string;
+    variant?: string;
+    className?: string;
+    placeholder?: string;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+    locked?: boolean;
+    floating?: boolean;
+    children?: ReactElement<SelectOptionProps> | Array<ReactElement<SelectOptionProps>>;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+};
+type SelectOptionProps = {
+    value: string;
+    text: string;
+};
+
+type CheckboxProps = {
+    id?: string;
+    value?: string | number | boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    indeterminate?: boolean;
+    className?: string;
+    children?: ChildrenProps;
+    onChange?: ((event: CheckboxEvent) => void);
+    onUpdate?: ((value: any, update: any, validation: boolean) => void);
+};
+type CheckboxGroupProps = {
+    value?: (string | number | boolean)[];
+    defaultValue?: (string | number)[];
+    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 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: string | string[] | null) => void;
+    get: (type: string, _default?: string, _minLength?: number) => string | string[] | null;
+    remove: (type: string) => void;
+    isEmpty: () => boolean;
+};
+
+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?: ButtonSize;
+    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 ButtonSize = "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+type ButtonContentPosition = "left" | "right";
+
+type FormProps = {
+    initialValues?: {};
+    children: ChildrenProps$1;
+    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;
+    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 Title.
+     */
+    title?: string;
+    /**
+     * Modal Width.
+     */
+    width?: string | number;
+    /**
+     * Close modal when overlay is clicked.
+     */
+    closeOnClickOutside?: boolean;
+    /**
+     * Prevents modal from closing when ESC key is pressed.
+     */
+    preventESC?: 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 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;
+    /**
+     * 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 = {
+    action?: string;
+    filePath?: string | null;
+    removeAction?: string;
+    removeExtraFormData?: {};
+    removeExtraQueryString?: {};
+    removeExtraHeader?: {};
+    binaryName?: string;
+    resultFileName?: string | null;
+    showDeleteIcon?: boolean;
+    showPreviewIcon?: boolean;
+    fileHeight?: number | string;
+    padding?: number;
+    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" | "";
+};
+
+declare enum ModalState {
+    NOT_SHOW = "modal-not-show",
+    ENTERED = "modal-entered",
+    EXITED = "modal-exited",
+    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 = ".jpeg",
+    GIF = ".gif",
+    PDF = ".pdf",
+    OTF = ".otf"
+}
+
+export { ALink, Accordion, type AccordionItemProps, type AccordionProps, type AccordionSubMenuProps, AddDefaultThemeStyle, AddZero, Alert, type AlertProps, type AlertSize, type AlertType, Arrow as ArrowIcon, BackToTop, BackTop, Button, type ButtonContentPosition, type ButtonProps, type ButtonSize, type ButtonState, type ButtonType, type ButtonVariant, Calendar, CheckFileURL, Checkbox, type CheckboxEvent, type CheckboxGroupProps, type CheckboxProps, Checkmark, ChunkArray, Collapse, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, type FieldUpdateProps, FileChecker, FileExtensions, FileTypes, FindSelector, Form, type FormContextType, type FormItemProps, type FormProps, type FormRuleProps, type FormSubComponentProps, type FormValueProps, FormatBytes, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, type GroupCheckboxOptionType, ITDContext, type ITDContextType, type ITDImperativeFuncProps, ITDProvider, type ITDProviderProps, _default as Image, InlineSelect, InlineSelectArrow, Input, type InputProps, IsValidJSON, Lock as LockIcon, type ModalContentProps, ModalManager, type ModalProps, type ModalRefProps, ModalState, Notification, type NotificationContextType, type NotificationsProps, Picture, Radio, RemoveUnits, Result, Select, type SelectOptionProps, type SelectProps, type SingleQueryProps, Spin, Status, Switch, type SwitchProps, TinyScrollbar, Tooltip, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, type UploadProgressProps, type UploadProps, type UploadResultMessageProps, Wait, ZoomIn, ZoomOut, useAddExternalCSS, useComponentSize, useConnectionStatus, useConstructor, useCoreFetch, useCreateDynamicStyle, useCreateStyledStyle, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useReCaptcha, useSingleQuery };