@inntechcorp/it-design 3.1.24 → 4.0.0-beta.1

package/dist/index.d.ts

@@ -1,1755 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import react__default, { RefObject, Context, ReactNode, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, Ref, MutableRefObject, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, CSSProperties } from 'react';
-import { ChildrenProps as ChildrenProps$1 } from 'types/ChildrenProps';
-import dayjs from 'dayjs';
-import { ConnectionStatus as ConnectionStatus$1, ModalState as ModalState$1, ComponentSizes as ComponentSizes$1, ComponentPositions as ComponentPositions$1, ComponentSizesSlug as ComponentSizesSlug$1, FormValidationTypes as FormValidationTypes$1 } from 'enums/enum';
-import { Cancel, AxiosProgressEvent } from 'axios';
-import { SelectValue as SelectValue$1 } from 'types/SelectProps';
-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';
-import { NavLinkProps } from 'react-router-dom';
-
-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): "tr-TR" | "de-DE" | "en-US" | "en-GB";
-
-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): "." | ",";
-
-/**
- *
- */
-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.SVG | FileExtensions.PNG | FileExtensions.GIF | FileExtensions.WEBP | FileExtensions.PDF | FileExtensions.XLSX | FileExtensions.OTF | ".jpg, .jpeg";
-
-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: dayjs.ConfigType, locale?: string, format?: string): 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;
-
-/**
- *
- * 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: RefObject<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: (status: ConnectionStatus$1, 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;
-
-type UseAvoidCollisionOpts = {
-    /** .chat-bubble, .cookie-bar gibi engellerin CSS seçicileri */
-    obstacles?: string[];
-    /** Sağa/sola yerleşim - şu an sağ-alt odaklı, gerekirse geliştirilebilir */
-    corner?: "bottom-right" | "bottom-left" | "bottom-center";
-    /** Otomatik algılama açılsın mı? */
-    autoAvoid?: boolean;
-    /** Panelden gelen manuel ekstra boşluk */
-    extraBottom?: number;
-    /** Otomatik algıda en az kaç px boşluk bırakalım */
-    minGap?: number;
-};
-declare const useAvoidCollision: ({ obstacles, corner, autoAvoid, extraBottom, minGap, }?: UseAvoidCollisionOpts) => {
-    bottomOffset: number;
-};
-
-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;
-
-declare const FileDocument: ({ width, height, fill }: {
-    width?: number;
-    height?: number;
-    fill?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const FileExcel: ({ width, height }: {
-    width?: number;
-    height?: number;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const FilePdf: ({ width, height }: {
-    width?: number;
-    height?: number;
-}) => react_jsx_runtime.JSX.Element;
-
-type InlineSVGCachedProps = {
-    src: string;
-    className?: string;
-    style?: React.CSSProperties;
-    title?: string;
-    role?: string;
-    onLoaded?: () => void;
-    onError?: (error: unknown) => void;
-};
-declare const _default$4: react.MemoExoticComponent<({ src, className, style, title, role, onLoaded, onError }: InlineSVGCachedProps) => 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;
-    id?: 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;
-    scrollTo: (name: string, options?: ScrollIntoViewOptions | boolean) => 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: dayjs.Dayjs) => 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>>;
-
-/**
- *
- * UPLOAD
- * --
- *
- *
- *
- * @returns
- *
- */
-declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<ITDImperativeFuncProps>>;
-
-interface CropArea {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-interface ImageCropperProps {
-    /** Image source (URL or base64) */
-    src: string;
-    /** Aspect ratio to maintain (e.g., 1 for square, 16/9 for widescreen). If undefined, free crop */
-    aspectRatio?: number;
-    /** Minimum crop width in pixels */
-    minWidth?: number;
-    /** Minimum crop height in pixels */
-    minHeight?: number;
-    /** Output width - cropped image will be resized to this width */
-    outputWidth?: number;
-    /** Output height - cropped image will be resized to this height */
-    outputHeight?: number;
-    /** Output image quality (0-1) */
-    quality?: number;
-    /** Output image format */
-    outputFormat?: "image/jpeg" | "image/png" | "image/webp";
-    /** Callback when crop area changes */
-    onCropChange?: (cropArea: CropArea) => void;
-    /** Container width */
-    width?: string | number;
-    /** Container height */
-    height?: string | number;
-    /** Show grid lines on crop area (default: true) */
-    showGrid?: boolean;
-}
-interface ImageCropperRef {
-    /** Get cropped image as Blob */
-    getCroppedImage: () => Promise<Blob | null>;
-    /** Get cropped image as File */
-    getCroppedFile: (fileName?: string) => Promise<File | null>;
-    /** Get crop area coordinates */
-    getCropArea: () => CropArea;
-    /** Reset crop area to center */
-    reset: () => void;
-}
-declare const ImageCropper: react.ForwardRefExoticComponent<ImageCropperProps & react.RefAttributes<ImageCropperRef>>;
-
-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 ModalActionsContextType = {
-    /**
-     * 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`.
-     */
-    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.
-     */
-    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.
-     */
-    removeModal: (id: string) => void;
-    /**
-     * Removes all open modals.
-     */
-    removeAllModals: () => void;
-};
-type ModalStateContextType = {
-    /**
-     * 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.
-     */
-    isVisible: (id: string) => boolean;
-};
-type ModalContextType = ModalActionsContextType & ModalStateContextType;
-
-/**
- * Use modal actions only (stable - won't cause rerenders on modal state changes)
- * This is the recommended hook for most use cases.
- * @returns showModal, hideModal, removeModal, removeAllModals
- */
-declare const useModal: () => ModalActionsContextType;
-/**
- * Use modal state (dynamic - will rerender on modal events)
- * Only use this if you need to react to modal state changes.
- * @returns modalEvent, isVisible
- */
-declare const useModalState: () => ModalStateContextType;
-/**
- * Use both modal actions and state (legacy - will rerender on modal events)
- * @deprecated Use useModal() for actions and useModalState() for state separately
- * @returns All modal context values
- */
-declare const useModalFull: () => ModalContextType;
-declare const ModalManager: {
-    useModal: () => ModalActionsContextType;
-    useModalState: () => ModalStateContextType;
-    useModalFull: () => 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, disabled, 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;
-    source?: 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, icon, }: 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;
-};
-
-interface ALinkProps extends Omit<NavLinkProps, 'to'> {
-    to: string;
-    children?: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const ALink: react.NamedExoticComponent<ALinkProps>;
-
-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, bold, 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;
-    style?: React.CSSProperties;
-};
-declare function TinyScrollbar({ className, children, style }: TinyScrollbarProps): react_jsx_runtime.JSX.Element;
-
-declare const Tabs: ({ tabs, activeTabKey, className, variant, height, overflow, 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 = ComponentSizes$1 | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
-type ITDSizeSlug = ComponentSizesSlug$1 | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
-type ITDPosition = ComponentPositions$1 | "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: dayjs.Dayjs) => boolean;
-};
-type CalendarValueProps = {
-    localizated: string;
-    global: string;
-};
-type CalendarDayProps = {
-    date: dayjs.Dayjs;
-    today?: boolean;
-    selected?: boolean;
-    current?: boolean;
-    disabled?: boolean;
-    handleClick: (date: dayjs.Dayjs) => 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: dayjs.Dayjs) => 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?: ITDPosition;
-    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 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;
-    autoSize?: boolean;
-    disabled?: 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;
-    disabled?: boolean;
-    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;
-    searchText?: string;
-};
-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;
-    scrollIntoView?: (options?: ScrollIntoViewOptions | boolean) => 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 | (string | number)[];
-    message?: string;
-    currency?: 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 | react__default.ReactNode;
-    title?: string;
-    className?: string;
-    children?: ChildrenProps;
-};
-type AlertType = "success" | "info" | "warning" | "error";
-type AlertSize = ComponentSizes$1.X_SMALL | ComponentSizes$1.SMALL | ComponentSizes$1.MEDIUM | ComponentSizes$1.DEFAULT | ComponentSizes$1.LARGE | ComponentSizes$1.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;
-    /**
-     * Called when the modal is shown. If this
-     * function is defined, a ModalEvent is triggered.
-     * @returns
-     */
-    onShow?: (() => void) | null;
-    /**
-     * Called when the modal is closed. If this
-     * function is defined, a ModalEvent is triggered.
-     * @returns
-     */
-    onExit?: (() => void) | 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;
-};
-
-/**
- * Crop settings for the Upload component
- */
-type CropSettings = {
-    /** Aspect ratio (e.g., 1 for square, 16/9 for widescreen). */
-    aspectRatio?: number;
-    /** Minimum crop area width in pixels. User cannot select smaller than this. */
-    minWidth?: number;
-    /** Minimum crop area height in pixels. User cannot select smaller than this. */
-    minHeight?: number;
-    /** Output width in pixels. Cropped image will be resized to this width. */
-    outputWidth?: number;
-    /** Output height in pixels. Cropped image will be resized to this height. */
-    outputHeight?: number;
-    /** Output image quality (0-1), default 0.9 */
-    quality?: number;
-    /** Crop modal title */
-    modalTitle?: string;
-    /** Show grid lines on crop area (default: true) */
-    showGrid?: boolean;
-};
-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;
-    /** Minimum image width required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageWidth?: number;
-    /** Minimum image height required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageHeight?: number;
-    /**
-     * Crop settings. If provided, cropping is enabled.
-     * @example
-     * crop={{
-     *   aspectRatio: 16/9,
-     *   minWidth: 960,       // Minimum crop area size
-     *   minHeight: 540,
-     *   outputWidth: 1920,   // Final output size
-     *   outputHeight: 1080,
-     *   quality: 0.9,
-     *   modalTitle: "Crop Image"
-     * }}
-     */
-    crop?: CropSettings;
-    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 | ChildrenProps;
-    title: string;
-    description: string;
-    type?: string;
-    extra?: ChildrenProps | null;
-    footer?: ChildrenProps | 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;
-    overflow?: boolean;
-    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 | string;
-    minHeight?: number | string;
-    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;
-    bold?: boolean;
-    children?: ChildrenProps;
-    className?: string;
-};
-type StatusVariant = "gray-1" | "gray-2" | "gray-3" | "green" | "yellow" | "red" | "brown" | "lavender" | "pink" | "violet" | "blue" | "black" | "purple" | "orange" | "teal" | "indigo" | "lime" | "filled-brown" | "filled-violet" | "filled-red" | "filled-yellow" | "filled-pink" | "filled-blue" | "filled-green" | "filled-purple" | "filled-black" | "filled-lavender" | "filled-gray-1" | "filled-gray-2" | "filled-gray-3" | "filled-orange" | "filled-teal" | "filled-indigo" | "filled-lime";
-
-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",
-    WEBP = "image/webp",
-    PDF = "application/pdf",
-    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    OTF = "font/otf"
-}
-declare enum FileExtensions {
-    SVG = ".svg",
-    PNG = ".png",
-    JPG = ".jpg",
-    GIF = ".gif",
-    WEBP = ".webp",
-    PDF = ".pdf",
-    XLSX = ".xlsx",
-    OTF = ".otf"
-}
-declare enum FormValidationTypes {
-    MIN_LENGTH = "minLength",
-    MAX_LENGTH = "maxLength",
-    EXACT_LENGTH = "exactLength",
-    SAME = "same",
-    NOT_SAME = "notSame",
-    TC_IDENTITY = "TCIdentity",
-    PASSWORD = "password",
-    EMAIL = "email",
-    USERNAME = "username",
-    SITE_USERNAME = "siteUsername",
-    ADMIN_USERNAME = "adminUsername",
-    URL = "url",
-    FORBIDDEN_WORDS = "forbiddenWords",
-    MULTIPLE_OF = "multipleOf"
-}
-declare enum ConnectionStatus {
-    ONLINE = "online",
-    OFFLINE = "offline"
-}
-declare enum ComponentSizes {
-    X_SMALL = "x-small",
-    SMALL = "small",
-    MEDIUM = "medium",
-    DEFAULT = "default",
-    LARGE = "large",
-    X_LARGE = "x-large"
-}
-declare enum ComponentSizesSlug {
-    X_SMALL = "xs",
-    SMALL = "sm",
-    MEDIUM = "md",
-    DEFAULT = "df",
-    LARGE = "lg",
-    X_LARGE = "xlg"
-}
-declare enum ComponentPositions {
-    LEFT = "left",
-    RIGHT = "right"
-}
-
-declare const resources: {
+import { default as trCalendar } from './locales/tr/calendar.json';
+import { default as enCalendar } from './locales/en/calendar.json';
+export declare const locales: {
     tr: {
         itd: {
             success: string;
@@ -1770,6 +21,19 @@ declare const resources: {
                 birthday: string;
                 multipleSelection: string;
             };
+            texts: {
+                enabledNotifications: string;
+                create: string;
+                read: string;
+                update: string;
+                delete: string;
+                selectAll: string;
+                termsAndConditions: string;
+                campaignTitle: string;
+                campaignDescription: string;
+                formTitle: string;
+                formDescription: string;
+            };
             options: {
                 all: string;
                 male: string;
@@ -1778,11 +42,6 @@ declare const resources: {
                     turkish: string;
                     english: string;
                 };
-                currencies: {
-                    TRY: string;
-                    EUR: string;
-                    USD: string;
-                };
             };
             buttons: {
                 submit: string;
@@ -1804,7 +63,6 @@ declare const resources: {
                 invalidURL: string;
                 fieldMustBeDifferent: string;
                 forbiddenWords: string;
-                multipleOf: string;
             };
             uploader: {
                 header: string;
@@ -1825,13 +83,6 @@ declare const resources: {
                 areYouSureToDeleteThisFile: string;
                 yes: string;
                 no: string;
-                cropImage: string;
-                crop: string;
-                cancel: string;
-                width: string;
-                height: string;
-                imageTooSmall: string;
-                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -1844,6 +95,21 @@ declare const resources: {
                 TRY: string;
                 EUR: string;
                 USD: string;
+                GBP: string;
+                JPY: string;
+                CHF: string;
+                CAD: string;
+                AUD: string;
+                NZD: string;
+                RUB: string;
+                INR: string;
+                BRL: string;
+                MXN: string;
+                ARS: string;
+                CLP: string;
+                COP: string;
+                PEN: string;
+                ZAR: string;
             };
             countries: {
                 af: string;
@@ -2049,9 +315,6 @@ declare const resources: {
                 firstDay: number;
                 format: string;
             };
-            tabs: {
-                more: string;
-            };
         };
         calendar: {
             weekdaysLong: string[];
@@ -2081,6 +344,19 @@ declare const resources: {
                 birthday: string;
                 multipleSelection: string;
             };
+            texts: {
+                enabledNotifications: string;
+                create: string;
+                read: string;
+                update: string;
+                delete: string;
+                selectAll: string;
+                termsAndConditions: string;
+                campaignTitle: string;
+                campaignDescription: string;
+                formTitle: string;
+                formDescription: string;
+            };
             options: {
                 all: string;
                 male: string;
@@ -2089,11 +365,6 @@ declare const resources: {
                     turkish: string;
                     english: string;
                 };
-                currencies: {
-                    TRY: string;
-                    EUR: string;
-                    USD: string;
-                };
             };
             buttons: {
                 submit: string;
@@ -2114,7 +385,6 @@ declare const resources: {
                 invalidURL: string;
                 fieldMustBeDifferent: string;
                 forbiddenWords: string;
-                multipleOf: string;
             };
             uploader: {
                 header: string;
@@ -2135,13 +405,6 @@ declare const resources: {
                 areYouSureToDeleteThisFile: string;
                 yes: string;
                 no: string;
-                cropImage: string;
-                crop: string;
-                cancel: string;
-                width: string;
-                height: string;
-                imageTooSmall: string;
-                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -2154,6 +417,21 @@ declare const resources: {
                 TRY: string;
                 EUR: string;
                 USD: string;
+                GBP: string;
+                JPY: string;
+                CHF: string;
+                CAD: string;
+                AUD: string;
+                NZD: string;
+                RUB: string;
+                INR: string;
+                BRL: string;
+                MXN: string;
+                ARS: string;
+                CLP: string;
+                COP: string;
+                PEN: string;
+                ZAR: string;
             };
             countries: {
                 af: string;
@@ -2359,9 +637,6 @@ declare const resources: {
                 firstDay: number;
                 format: string;
             };
-            tabs: {
-                more: string;
-            };
         };
         calendar: {
             weekdaysLong: string[];
@@ -2372,6 +647,112 @@ declare const resources: {
         };
     };
 };
-
-export { ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileDocument, FileExcel, FileExtensions, FilePdf, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default as Image, ImageCropper, _default$4 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useModal, useModalFull, useModalState, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
-export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, CropArea, CropSettings, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ImageCropperProps, ImageCropperRef, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };
+export { trCalendar as trCalendarLocale, enCalendar as enCalendarLocale };
+/**
+ * CONTEXT PROVIDER
+ */
+export { ITDProvider, useITD } from './context/ITDContext';
+/**
+ * CONTEXT
+ */
+export { default as ITDContext } from './context/ITDContext';
+export { default as ITDThemeProvider } from './context/ITDThemeProvider';
+export type { ITDTheme } from './types/Theme';
+export { default as lightTheme } from './helpers/theme/light';
+export { default as darkTheme } from './helpers/theme/dark';
+/**
+ * HELPERS
+ */
+export * from './helpers';
+/**
+ * HOOKS
+ */
+export * from './hooks';
+/**
+ * HTML
+ */
+export * from './html/header';
+/**
+ * ICONS
+ */
+export * from './icons';
+/**
+ * UTILS
+ */
+export { default as InlineSVGCached } from './utils/InlineSVGCached';
+/**
+ * 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/index';
+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 Upload } from './upload';
+/**
+ * COMPONENTS (HAS SUB COMPONENTS)
+ */
+export { default as ModalManager } from './modal';
+export { default as Notification } from './notification';
+export { default as Radio } from './radio';
+/**
+ * COMPONENTS
+ */
+export { default as Image } from './image';
+export { default as ConsoleLog } from './logger';
+export { default as Button } from './button';
+export { default as Alert, AlertTitle, AlertDescription } from './alert/index';
+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 Label } from './label';
+export { Card, CardHeader, CardTitle, CardDescription, CardAction, CardTabs, CardContent, CardFooter } from './card';
+export { Popover, PopoverTrigger, PopoverContent } from './popover';
+export { Tooltip, TooltipTrigger, TooltipContent } from './tooltip';
+export { HoverCard, HoverCardTrigger, HoverCardContent } from './hovercard';
+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 { LabelProps } from './types/LabelProps';
+export type { DatePickerProps } from './types/DatePickerProps';
+export type { CalendarProps, CalendarValueProps, CalendarDayProps } from './types/CalendarProps';
+export type { CalendarLocale } from './calendar';
+export type { TextAreaProps, TextAreaVariant, TextAreaEvent } from './types/TextAreaProps';
+export type { RadioGroupProps, RadioButtonProps, RadioType, Direction } from './types/RadioProps';
+export type { SelectProps, SelectToggleProps, SelectOptionProps, SelectValue } 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, ButtonVariants, ButtonStates, ButtonSize } from './types/ButtonProps';
+export type { FormProps, FormRuleProps, FormValueProps, FormItemProps, FormSubComponentProps, FieldUpdateProps } from './types/FormProps';
+export type { NotificationsProps } from './types/NotificationsProps';
+export type { AlertProps, AlertType } 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, ITDVariant, ITDHorizontalPosition, ITDVerticalPosition } from './types/ITDProps';
+export type { FlexProps, FlexAlignProps, FlexGapProps, FlexJustifyProps } from './types/FlexProps';
+export type { PopoverProps } from './types/PopoverProps';
+export { ModalState, FileExtensions, FileTypes, FormValidationTypes, ConnectionStatus, ComponentSizes, ComponentXPositions, ComponentYPositions, ComponentSizesSlug, ButtonTypes, ButtonSizes, ButtonSizesSlug, ComponentVariants, TriggerTypes, ThemeAppearances, TooltipPositions, FormValidations } from './enums/enum';