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

package/dist/index.d.ts

@@ -1,6 +1,2708 @@
-import { default as trCalendar } from './locales/tr/calendar.json';
-import { default as enCalendar } from './locales/en/calendar.json';
-export declare const locales: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { RefObject, ReactNode, Context, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, MutableRefObject, FocusEvent, KeyboardEvent, FC, Ref, 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, ComponentYPositions as ComponentYPositions$1, ComponentXPositions as ComponentXPositions$1, TriggerTypes as TriggerTypes$1, ComponentVariants as ComponentVariants$1, ButtonTypes as ButtonTypes$1, ButtonSizes as ButtonSizes$1, FormValidationTypes as FormValidationTypes$1 } from 'enums/enum';
+import { Cancel, AxiosProgressEvent } from 'axios';
+import { ClassValue } from 'clsx';
+import { SelectValue as SelectValue$1 } from 'types/SelectProps';
+import { ITDVariant as ITDVariant$1, ITDSizeSlug as ITDSizeSlug$1 } from 'types/ITDProps';
+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 { ButtonProps as ButtonProps$1 } from 'types/ButtonProps';
+import { ResultProps as ResultProps$1 } from 'types/ResultProps';
+
+declare let weekdaysLong$1: string[];
+declare let weekdaysShort$1: string[];
+declare let months$1: string[];
+declare let firstDay$1: number;
+declare let format$1: string;
+
+
+declare const export_default$1: {
+  weekdaysLong: typeof weekdaysLong$1;
+  weekdaysShort: typeof weekdaysShort$1;
+  months: typeof months$1;
+  firstDay: typeof firstDay$1;
+  format: typeof format$1;
+};
+
+declare let weekdaysLong: string[];
+declare let weekdaysShort: string[];
+declare let months: string[];
+declare let firstDay: number;
+declare let format: string;
+
+
+declare const export_default: {
+  weekdaysLong: typeof weekdaysLong;
+  weekdaysShort: typeof weekdaysShort;
+  months: typeof months;
+  firstDay: typeof firstDay;
+  format: typeof format;
+};
+
+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;
+    surfaceBase?: string;
+    primaryBase?: 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 const useITD: () => ITDContextType;
+
+/**
+ * Generate a 50-950 color scale from a single base color (base is 600).
+ * Supports both HEX (#rrggbb) and OKLCH (oklch(L C H)) formats.
+ *
+ * The algorithm uses Tailwind CSS OKLCH color scales as reference,
+ * with specific lightness/chroma/hue curves per color band.
+ */
+type Shade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 950;
+type ColorScale = Record<Shade, string>;
+declare function generateColorScaleFromBase(baseColor: string, options?: {
+    clampLightness?: {
+        min?: number;
+        max?: number;
+    };
+}): ColorScale;
+
+type ITDTheme = {
+    appearance: 'light' | 'dark';
+    transitionDuration: string;
+    transitionTimingFunction: string;
+    fontSans?: string;
+    fontMono?: string;
+    boxShadow: string;
+    cardShadow: string;
+    floatingShadow: string;
+    borderRadius: string;
+    ringOffset: string;
+    ringWidth: string;
+    background: string;
+    foreground: string;
+    input: string;
+    primary: string;
+    primaryHover: string;
+    primaryForeground: string;
+    primaryScale: ColorScale;
+    secondary: string;
+    secondaryHover: string;
+    secondaryForeground: string;
+    secondaryForegroundHover: string;
+    accent: string;
+    accentForeground: string;
+    muted: string;
+    mutedForeground: string;
+    selection: string;
+    selectionForeground: string;
+    popover: string;
+    popoverForeground: string;
+    card: string;
+    cardForeground: string;
+    colorBackgroundFooter: string;
+    colorText: string;
+    colorTextMuted: string;
+    colorTextMutedForeground: string;
+    colorPlaceholder: string;
+    colorTextNeutral: string;
+    colorControlLabel: string;
+    colorModalShadow: string;
+    colorBorder: string;
+    colorBorderHover: string;
+    colorBorderFocus: string;
+    colorBorderFocusRing: string;
+    colorBorderTransparent: string;
+    colorBackgroundAlt: string;
+    colorBackgroundAltHover: string;
+    colorBackgroundBordered: string;
+    colorBackgroundTransparent: string;
+    colorBackgroundModal: string;
+    colorForegroundItemSelected: string;
+    colorForegroundItemSelectedText: string;
+    colorBackgroundSelect: string;
+    colorBackgroundSelectFilled: string;
+    colorBackgroundSelectFilledItem: string;
+    colorBackgroundSelectItem: string;
+    colorBackgroundSelectItemHover: string;
+    colorBackgroundSelectItemSelected: string;
+    colorDisabledBg: string;
+    colorDisabledBorder: string;
+    colorDisabledText: string;
+    colorIcon: string;
+    colorIconMuted: string;
+    colorError: string;
+    colorErrorText: string;
+    colorErrorBorder: string;
+    colorErrorOutline: string;
+    colorFocusPrimary: string;
+    colorFocusPrimaryRing: string;
+    colorTextAlpha50: string;
+    colorSwitchThumb: string;
+    colorSwitchFilledThumb: string;
+    colorTextNeutralAlpha10: string;
+    colorTextNeutralAlpha15: string;
+    colorTextNeutralAlpha25: string;
+    colorTextNeutralAlpha50: string;
+    colorBackgroundAltAlpha75: string;
+    colorBackgroundAltAlpha85: string;
+    colorUploadTextAlpha50: string;
+    colorCardOverlay: string;
+    colorTabActiveBg: string;
+    colorTabHoverBg: string;
+    colorTabFilledActiveBg: string;
+    colorButtonOutlineBg: string;
+    colorButtonOutlineHoverBg: string;
+    colorButtonGhostHoverBg: string;
+    colorButtonFilledBg: string;
+    scrollbarThumb: string;
+    scrollbarThumbHover: string;
+    primaryGradientStart: string;
+    primaryGradientEnd: string;
+    primaryHoverStart: string;
+    primaryHoverEnd: string;
+    primaryContrastText: string;
+    buttonGenericBg: string;
+    buttonGenericHoverBg: string;
+    buttonSelectedBorder: string;
+    buttonSelectedBg: string;
+    buttonDisabledBg: string;
+    buttonDisabledText: string;
+    colorUploadOverlay: string;
+    colorUploadText: string;
+    colorUploadOverlayError: string;
+    colorUploadErrorText: string;
+    colorUploadOverlayCompleted: string;
+    colorUploadCompletedText: string;
+    colorUploadOverlayUploading: string;
+    colorUploadOverlayUploadingBar: string;
+    colorUploadingText: string;
+    colorAlertInfoBackground: string;
+    colorAlertInfoBorder: string;
+    colorAlertInfoTitle: string;
+    colorAlertInfoText: string;
+    colorAlertSuccessBackground: string;
+    colorAlertSuccessBorder: string;
+    colorAlertSuccessTitle: string;
+    colorAlertSuccessText: string;
+    colorAlertWarningBackground: string;
+    colorAlertWarningBorder: string;
+    colorAlertWarningTitle: string;
+    colorAlertWarningText: string;
+    colorAlertErrorBackground: string;
+    colorAlertErrorBorder: string;
+    colorAlertErrorTitle: string;
+    colorAlertErrorText: string;
+};
+
+type ITDThemeProviderProps = {
+    themeName?: 'light' | 'dark';
+    surfaceBase?: string;
+    primaryBase?: string;
+    customTheme?: Partial<ITDTheme>;
+    containerRef?: RefObject<HTMLElement | null>;
+    children: ReactNode;
+};
+declare function ITDThemeProvider({ themeName, surfaceBase, primaryBase, customTheme, containerRef, children }: ITDThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+declare const lightTheme: ITDTheme;
+
+declare const darkTheme: ITDTheme;
+
+declare function DetermineNewHeight(originalHeight: number, originalWidth: number, newWidth: number): number;
+
+declare function DetermineNewWidth(originalHeight: number, originalWidth: number, newHeight: number): number;
+
+/**
+ *
+ * FIND SELECTOR
+ *
+ * Find the style tag containing the specified class name and return true/false.
+ *
+ * @param searchClassName string
+ * @returns boolean
+ *
+ */
+declare function FindSelector(searchClassName: string): boolean;
+
+declare function GetCountryCodeByCurrencyCode(currency?: string): "en-US" | "de-DE" | "tr-TR" | "en-GB" | "ja-JP" | "fr-CH" | "en-CA" | "en-AU" | "en-NZ" | "ru-RU" | "en-IN" | "pt-BR" | "es-MX" | "es-AR" | "es-CL" | "es-CO" | "es-PE" | "en-ZA" | "zh-CN" | "sv-SE" | "no-NO" | "da-DK" | "en-SG" | "en-HK";
+
+declare function GetCountryCodeByLanguage(language: string): "usa" | "tur" | "deu" | "fra" | "esp" | "ita" | "jpn" | "kor" | "nld" | "pol" | "por" | "rus" | "san" | "snd" | "sin" | "slk" | "slv" | "alb" | "srb" | "swe" | "tam" | "tel" | "tha" | "tgl" | "ukr" | "urd" | "uzb" | "vie" | "chi" | "zul" | "gre" | "ara" | "language_not_found";
+
+declare function ConvertCurrency(balance: number, currency: string): string | undefined;
+
+declare function GetByCurrency(value: number, symbol?: boolean, currency?: string, decimal?: number): string;
+
+/**
+ *
+ * Get the currency format of the value.
+ *
+ * @param value string
+ * @param currency string
+ * @returns string
+ *
+ */
+declare function GetCurrencyFormat(value: string, currency?: string): string;
+
+declare function GetCurrencySymbol(currency?: string): "$" | "€" | "₺" | "?";
+
+declare function GetDecimalByCurrency(currency?: string): "," | ".";
+
+/**
+ *
+ */
+declare function AddDefaultThemeStyle(): void;
+
+/**
+ * HEX to RGBA converter
+ * @param hex - The hex color string
+ * @param alpha - The alpha value (0-1)
+ * @returns The RGBA color string
+ */
+declare function hexToRgba(hex: string, alpha?: number): string;
+/**
+ * With opacity helper
+ * @param color - The color string
+ * @param alpha - The alpha value (0-1)
+ * @returns The color string with opacity
+ */
+declare function withOpacity(color: string, alpha?: number): string;
+/**
+ * Returns the contrast text color for a given color (light/dark)
+ * Supports OKLCH and HEX formats
+ */
+declare function getContrastText(color: string): string;
+
+/**
+ * Design Tokens - Merkezi tasarım değerleri
+ * Tüm componentler bu token'ları kullanmalı
+ */
+declare const TYPOGRAPHY_TOKENS: {
+    readonly fontSize: {
+        readonly xs: "0.725rem";
+        readonly sm: "0.75rem";
+        readonly md: "0.825rem";
+        readonly df: "0.875rem";
+        readonly lg: "0.875rem";
+        readonly xl: "0.875rem";
+    };
+    readonly lineHeight: {
+        readonly xs: "0.725rem";
+        readonly sm: "0.75rem";
+        readonly md: "0.825rem";
+        readonly df: "0.875rem";
+        readonly lg: "0.875rem";
+        readonly xl: "0.875rem";
+    };
+    readonly fontWeight: {
+        readonly normal: 400;
+        readonly medium: 500;
+        readonly semibold: 600;
+        readonly bold: 700;
+    };
+};
+declare const SPACING_TOKENS: {
+    readonly paddingX: {
+        readonly xs: "0.625rem";
+        readonly sm: "0.625rem";
+        readonly md: "0.75rem";
+        readonly df: "0.75rem";
+        readonly lg: "0.9375rem";
+        readonly xl: "0.9375rem";
+    };
+    readonly height: {
+        readonly xs: "1.75rem";
+        readonly sm: "2rem";
+        readonly md: "2.125rem";
+        readonly df: "2.25rem";
+        readonly lg: "2.5rem";
+        readonly xl: "2.75rem";
+    };
+    readonly gap: {
+        readonly xs: "0.25rem";
+        readonly sm: "0.5rem";
+        readonly md: "0.75rem";
+        readonly df: "0.875rem";
+        readonly lg: "1rem";
+        readonly xl: "1.25rem";
+    };
+};
+/**
+ * Icon ve Image size tokenları
+ * Select, Button gibi componentlerde kullanılan icon boyutları
+ */
+declare const ICON_TOKENS: {
+    readonly image: {
+        readonly xs: {
+            readonly width: "0.875rem";
+            readonly height: "0.875rem";
+        };
+        readonly sm: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly md: {
+            readonly width: "1.125rem";
+            readonly height: "1.125rem";
+        };
+        readonly df: {
+            readonly width: "1.25rem";
+            readonly height: "1.25rem";
+        };
+        readonly lg: {
+            readonly width: "1.25rem";
+            readonly height: "1.25rem";
+        };
+        readonly xl: {
+            readonly width: "1.375rem";
+            readonly height: "1.375rem";
+        };
+    };
+    readonly arrow: {
+        readonly xs: {
+            readonly width: "0.825rem";
+            readonly height: "0.825rem";
+        };
+        readonly sm: {
+            readonly width: "0.825rem";
+            readonly height: "0.825rem";
+        };
+        readonly md: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly df: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly lg: {
+            readonly width: "1.125rem";
+            readonly height: "1.125rem";
+        };
+        readonly xl: {
+            readonly width: "1.125rem";
+            readonly height: "1.125rem";
+        };
+    };
+    readonly button: {
+        readonly xs: {
+            readonly width: "0.75rem";
+            readonly height: "0.75rem";
+        };
+        readonly sm: {
+            readonly width: "0.875rem";
+            readonly height: "0.875rem";
+        };
+        readonly md: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly df: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly lg: {
+            readonly width: "1.125rem";
+            readonly height: "1.125rem";
+        };
+        readonly xl: {
+            readonly width: "1.25rem";
+            readonly height: "1.25rem";
+        };
+    };
+    readonly default: {
+        readonly xs: "0.75rem";
+        readonly sm: "0.875rem";
+        readonly md: "1rem";
+        readonly df: "1rem";
+        readonly lg: "1.25rem";
+        readonly xl: "1.5rem";
+    };
+};
+/**
+ * Input componentleri için ortak size mapping
+ * Input, Textarea gibi text input elementleri
+ */
+declare const INPUT_SIZE_MAP: {
+    readonly xs: {
+        readonly height: "1.75rem";
+        readonly paddingX: "0.625rem";
+        readonly fontSize: "0.725rem";
+        readonly lineHeight: "0.725rem";
+        readonly fontWeight: 400;
+    };
+    readonly sm: {
+        readonly height: "2rem";
+        readonly paddingX: "0.625rem";
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "0.75rem";
+        readonly fontWeight: 400;
+    };
+    readonly md: {
+        readonly height: "2.125rem";
+        readonly paddingX: "0.75rem";
+        readonly fontSize: "0.825rem";
+        readonly lineHeight: "0.825rem";
+        readonly fontWeight: 400;
+    };
+    readonly df: {
+        readonly height: "2.25rem";
+        readonly paddingX: "0.75rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 400;
+    };
+    readonly lg: {
+        readonly height: "2.5rem";
+        readonly paddingX: "0.9375rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+    };
+    readonly xlg: {
+        readonly height: "2.75rem";
+        readonly paddingX: "0.9375rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+    };
+};
+/**
+ * Select componentleri için ortak size mapping
+ * Select, Dropdown gibi seçim elementleri
+ * NOT: Input ile tamamen aynı değerleri kullanır
+ */
+declare const SELECT_SIZE_MAP: {
+    readonly xs: {
+        readonly height: "1.75rem";
+        readonly paddingX: "0.625rem";
+        readonly fontSize: "0.725rem";
+        readonly lineHeight: "0.725rem";
+        readonly fontWeight: 400;
+    };
+    readonly sm: {
+        readonly height: "2rem";
+        readonly paddingX: "0.625rem";
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "0.75rem";
+        readonly fontWeight: 400;
+    };
+    readonly md: {
+        readonly height: "2.125rem";
+        readonly paddingX: "0.75rem";
+        readonly fontSize: "0.825rem";
+        readonly lineHeight: "0.825rem";
+        readonly fontWeight: 400;
+    };
+    readonly df: {
+        readonly height: "2.25rem";
+        readonly paddingX: "0.75rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 400;
+    };
+    readonly lg: {
+        readonly height: "2.5rem";
+        readonly paddingX: "0.9375rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+    };
+    readonly xlg: {
+        readonly height: "2.75rem";
+        readonly paddingX: "0.9375rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+    };
+};
+/**
+ * Button componentleri için size mapping
+ * Regular button ve icon-only button boyutları
+ */
+declare const BUTTON_SIZE_MAP: {
+    readonly xs: {
+        readonly minWidth: "1.75rem";
+        readonly minHeight: "1.75rem";
+        readonly padding: "0 0.625rem";
+        readonly fontSize: "0.725rem";
+        readonly lineHeight: "0.725rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "0.75rem";
+            readonly height: "0.75rem";
+        };
+        readonly spinnerSize: "0.75rem";
+        readonly spinnerBorder: "1px";
+    };
+    readonly sm: {
+        readonly minWidth: "2rem";
+        readonly minHeight: "2rem";
+        readonly padding: "0 0.9375rem";
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "0.75rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "0.875rem";
+            readonly height: "0.875rem";
+        };
+        readonly spinnerSize: "1rem";
+        readonly spinnerBorder: "2px";
+    };
+    readonly md: {
+        readonly minWidth: "2.125rem";
+        readonly minHeight: "2.125rem";
+        readonly padding: "0 0.9375rem";
+        readonly fontSize: "0.825rem";
+        readonly lineHeight: "0.825rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly spinnerSize: "1rem";
+        readonly spinnerBorder: "2px";
+    };
+    readonly df: {
+        readonly minWidth: "2.25rem";
+        readonly minHeight: "2.25rem";
+        readonly padding: "0 0.9375rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "1rem";
+            readonly height: "1rem";
+        };
+        readonly spinnerSize: "1rem";
+        readonly spinnerBorder: "2px";
+    };
+    readonly lg: {
+        readonly minWidth: "2.5rem";
+        readonly minHeight: "2.5rem";
+        readonly padding: "0 1.25rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "1.125rem";
+            readonly height: "1.125rem";
+        };
+        readonly spinnerSize: "1.125rem";
+        readonly spinnerBorder: "2px";
+    };
+    readonly xlg: {
+        readonly minWidth: "2.75rem";
+        readonly minHeight: "2.75rem";
+        readonly padding: "0 1.25rem";
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "0.875rem";
+        readonly fontWeight: 500;
+        readonly iconSize: {
+            readonly width: "1.25rem";
+            readonly height: "1.25rem";
+        };
+        readonly spinnerSize: "1.25rem";
+        readonly spinnerBorder: "3px";
+    };
+};
+/**
+ * Alert component için özel token'lar
+ */
+declare const ALERT_TOKENS: {
+    readonly title: {
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "1rem";
+        readonly fontWeight: 500;
+    };
+    readonly description: {
+        readonly fontSize: "0.8125rem";
+        readonly lineHeight: "1rem";
+        readonly fontWeight: 400;
+    };
+    readonly icon: {
+        readonly size: "1rem";
+        readonly marginTop: "0.125rem";
+    };
+    readonly spacing: {
+        readonly gap: "0.875rem";
+        readonly padding: "0.875rem";
+    };
+};
+/**
+ * Card component için özel token'lar
+ */
+declare const CARD_TOKENS: {
+    readonly padding: {
+        readonly xs: "0.5rem";
+        readonly sm: "0.75rem";
+        readonly md: "1rem";
+        readonly lg: "1.25rem";
+    };
+    readonly borderRadius: {
+        readonly sm: "0.375rem";
+        readonly md: "0.5rem";
+        readonly lg: "0.75rem";
+    };
+};
+/**
+ * Modal component için özel token'lar
+ */
+declare const MODAL_TOKENS: {
+    readonly title: {
+        readonly fontSize: "0.9375rem";
+        readonly lineHeight: "1.375rem";
+        readonly fontWeight: 600;
+    };
+    readonly description: {
+        readonly fontSize: "0.8125rem";
+        readonly lineHeight: "1.25rem";
+        readonly fontWeight: 400;
+    };
+    readonly padding: {
+        readonly sm: "1rem";
+        readonly md: "1.25rem";
+        readonly lg: "1.5rem";
+    };
+};
+
+/**
+ * CSS Variables Generator
+ * ITDTheme token'larını CSS custom properties olarak
+ * verilen container elemente (veya fallback olarak :root'a) yazar.
+ * styled-components'taki ${({ theme }) => theme.x} yerine
+ * var(--itd-x) kullanılmasını sağlar → tema değişiminde
+ * React re-render yerine native CSS repaint olur.
+ */
+
+/**
+ * Design token'larını (typography, spacing) CSS variables olarak inject eder
+ */
+declare function injectDesignTokens(): void;
+/**
+ * CSS variables'ları export et (dokümantasyon için)
+ */
+declare const CSS_VARIABLES_MAP: {
+    readonly '--itd-text-xs': "0.725rem";
+    readonly '--itd-text-sm': "0.75rem";
+    readonly '--itd-text-md': "0.825rem";
+    readonly '--itd-text-df': "0.875rem";
+    readonly '--itd-text-lg': "0.875rem";
+    readonly '--itd-text-xl': "0.875rem";
+    readonly '--itd-font-weight-normal': 400;
+    readonly '--itd-font-weight-medium': 500;
+    readonly '--itd-font-weight-semibold': 600;
+    readonly '--itd-font-weight-bold': 700;
+    readonly '--itd-spacing': "0.25rem";
+};
+/**
+ * ITDTheme objesindeki TÜM string token'ları CSS custom properties olarak yazar.
+ * Naming: camelCase key → --itd-kebab-case
+ *
+ * @param theme     - ITDTheme objesi
+ * @param targetEl  - ITDProvider wrapper elementi. Verilirse hem bu elemente
+ *                    hem de document.documentElement'e yazılır.
+ *                    Wrapper'a yazılması: [data-theme] CSS fallback'lerini override eder.
+ *                    Root'a yazılması: portal content'in (select, modal) inherit edebilmesi için.
+ */
+declare function injectThemeVars(theme: ITDTheme, targetEl?: HTMLElement | null): void;
+declare const injectThemeColors: typeof injectThemeVars;
+
+declare function IsValidJSON(item: string | {}): boolean;
+
+declare function AddZero(num: string): string;
+
+declare function RemoveUnits(value: string): number;
+
+/**
+ * Returns an array with arrays of the given size.
+ *
+ * @param array {Array} array to split
+ * @param chunk_size {Integer} Size of every group
+ */
+declare function ChunkArray(array: [], chunk_size: number): never[];
+
+/**
+ *
+ * @param text
+ * @param entryType
+ * @returns
+ */
+declare function FileChecker(text?: string, entryType?: string): boolean;
+
+declare function CheckFileURL(url: string): false | Promise<boolean>;
+
+/**
+ *
+ *
+ *
+ */
+declare function UniUpperCase(value?: string, lang?: string): string;
+
+declare function FormatBytes(bytes: number, decimals?: number): string;
+
+declare function GetTypeByFileType(type: FileTypes): "" | FileExtensions;
+
+declare function Wait(milliseconds: number): Promise<unknown>;
+
+declare const SVGLoader: (src: string, width?: string | number, height?: string | number) => react_jsx_runtime.JSX.Element;
+
+declare function FormatDate(date: Date, locale?: string, format?: string): string;
+
+declare function FormatDateTime(date: Date, locale?: string, format?: string): string;
+
+declare function FormatSimpleDate(date: Date, locale?: string, format?: string): string;
+
+declare function FormatSimpleDateTime(date: Date, locale?: string, format?: string): string;
+
+declare function FormatTime(time: 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
+ *
+ * Load dynamic css files. If the css file to be loaded has already been added, it will not be loaded again.
+ * If the component that loads it is removed from the screen, the css it loads will also be removed.
+ *
+ * @param link      string (the css file to be loaded)
+ * @param temporary boolean (if true, the css file will be removed when the component that loads it is removed from the screen)
+ *
+ */
+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", ".whatsapp-button", ".cookie-consent", "[data-fixed-obstacle='true']" 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;
+};
+/**
+ * Use avoid collision
+ *
+ * Avoid collision with obstacles.
+ */
+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 function cn(...inputs: ClassValue[]): string;
+
+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 = {
+    id?: string;
+    customKey?: string;
+    label: ChildrenProps$1;
+    disabled: boolean;
+    value: SelectValue$1;
+    variant: ITDVariant$1;
+    size: ITDSizeSlug$1;
+    icon?: ChildrenProps$1;
+    image?: string;
+    multi?: boolean;
+    checked?: boolean;
+    isActive?: boolean;
+    index?: number;
+    onHover?: (index: number) => void;
+    onChange?: (value: SelectValue$1, checked: boolean, label: ChildrenProps$1) => null;
+};
+declare const _default$3: react.MemoExoticComponent<{
+    ({ id, multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, 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";
+    form?: string;
+    children?: ChildrenProps$1;
+};
+declare function Control({ position, className, form, children }: ControlProps): react_jsx_runtime.JSX.Element;
+
+type ItemProps = {
+    name: string;
+    id?: string;
+    label?: 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>>;
+
+/**
+ * Modal states
+ *
+ * Modal states for the modal component.
+ */
+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"
+}
+/**
+ * File types
+ *
+ * File types for the file component.
+ */
+declare enum FileTypes {
+    SVG = "image/svg+xml",
+    PNG = "image/png",
+    JPG = "image/jpg",
+    JPEG = "image/jpeg",
+    GIF = "image/gif",
+    PDF = "application/pdf",
+    OTF = "font/otf"
+}
+/**
+ * File extensions
+ *
+ * File extensions for the file component.
+ */
+declare enum FileExtensions {
+    SVG = ".svg",
+    PNG = ".png",
+    JPG = ".jpg",
+    GIF = ".gif",
+    PDF = ".pdf",
+    OTF = ".otf"
+}
+/**
+ * Form validations
+ *
+ * Form validations for the form component.
+ */
+declare enum FormValidations {
+    REQUIRED = "required",
+    TYPE = "type"
+}
+/**
+ * Form validation types
+ *
+ * Form validation types for the form component.
+ */
+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"
+}
+/**
+ * Connection status
+ *
+ * Connection status for the connection component.
+ */
+declare enum ConnectionStatus {
+    ONLINE = "online",
+    OFFLINE = "offline"
+}
+/**
+ * Component sizes
+ *
+ * Component sizes for the component.
+ */
+declare enum ComponentSizes {
+    X_SMALL = "x-small",
+    SMALL = "small",
+    MEDIUM = "medium",
+    DEFAULT = "default",
+    LARGE = "large",
+    X_LARGE = "x-large"
+}
+/**
+ * Component sizes slug
+ *
+ * Component sizes slug for the component.
+ */
+declare enum ComponentSizesSlug {
+    X_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    DEFAULT = "df",
+    LARGE = "lg",
+    X_LARGE = "xlg"
+}
+/**
+ * Button sizes
+ *
+ * Button-specific sizes including icon-only variants.
+ * Extends ComponentSizes with icon variants.
+ */
+declare enum ButtonSizes {
+    X_SMALL = "x-small",
+    SMALL = "small",
+    MEDIUM = "medium",
+    DEFAULT = "default",
+    LARGE = "large",
+    X_LARGE = "x-large",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Button sizes slug
+ *
+ * Button sizes slug for the component.
+ * Extends ComponentSizesSlug with icon variants.
+ */
+declare enum ButtonSizesSlug {
+    X_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    DEFAULT = "df",
+    LARGE = "lg",
+    X_LARGE = "xlg",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Component x positions
+ *
+ * Component x positions for the component.
+ */
+declare enum ComponentXPositions {
+    LEFT = "left",
+    RIGHT = "right"
+}
+/**
+ * Component y positions
+ *
+ * Component y positions for the component.
+ */
+declare enum ComponentYPositions {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+/**
+ * Component variants
+ *
+ * Component variants for the component.
+ */
+declare enum ComponentVariants {
+    DEFAULT = "default",
+    FILLED = "filled",
+    CUSTOM = "custom"
+}
+declare enum ButtonTypes {
+    BUTTON = "button",
+    SUBMIT = "submit",
+    RESET = "reset"
+}
+/**
+ * Tooltip positions
+ *
+ * Tooltip positions for the tooltip component.
+ */
+declare enum TooltipPositions {
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right"
+}
+/**
+ * Trigger types
+ *
+ * Trigger types for the useFloatingTrigger hook.
+ */
+declare enum TriggerTypes {
+    HOVER = "hover",
+    CLICK = "click",
+    FOCUS = "focus",
+    MANUAL = "manual"
+}
+/**
+ * Theme appearances
+ *
+ * Theme appearances for the theme component.
+ */
+declare enum ThemeAppearances {
+    LIGHT = "light",
+    DARK = "dark"
+}
+
+type ITDSize = ComponentSizes | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
+type ITDSizeSlug = ComponentSizesSlug | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
+type ITDVariant = ComponentVariants | "default" | "filled" | "custom";
+type ITDHorizontalPosition = ComponentXPositions | "left" | "right";
+type ITDVerticalPosition = ComponentYPositions | "top" | "bottom";
+
+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: {};
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: boolean;
+};
+
+type FormStoreProps = {
+    name: string;
+    onUpdate?: (values: {}) => void;
+    onFieldUpdate?: (update: FieldUpdateProps) => void;
+    onReset?: () => void;
+    useQueryString?: boolean;
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: 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;
+
+type CalendarLocale = {
+    weekdaysLong: string[];
+    weekdaysShort: string[];
+    months: string[];
+    firstDay: number;
+    format: string;
+};
+declare const Calendar: ({ value, defaultValue, className, onChange, disabledDate, locale }: {
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    disabledDate?: (date: dayjs.Dayjs) => boolean;
+    locale?: CalendarLocale;
+}) => react_jsx_runtime.JSX.Element | null;
+
+declare const DatePicker: react.ForwardRefExoticComponent<DatePickerProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type Element = string | number | ReactNode | undefined;
+type ChildrenProps = Element | Element[] | null;
+
+declare enum InputTypes {
+    TEXT = "text",
+    NUMBER = "number",
+    CURRENCY = "currency",
+    PASSWORD = "password"
+}
+type InputType = `${InputTypes}`;
+type InputVariant = "default" | "filled" | "dashed";
+/**
+ * Input component props extending native HTML input attributes
+ * Omits conflicting props that have custom implementations
+ */
+type InputProps = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'type' | 'children' | 'style'> & {
+    style?: react__default.CSSProperties;
+    type?: InputType;
+    size?: ITDSize;
+    variant?: InputVariant;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    addonBefore?: ChildrenProps;
+    addonAfter?: ChildrenProps;
+    locked?: ChildrenProps | boolean;
+    minValue?: number;
+    maxValue?: number;
+    keepFocus?: boolean;
+    mask?: null | string;
+    allowEmptyFormatting?: null | boolean;
+    allowLeadingZeros?: boolean;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    decimalScale?: number;
+    focusRef?: null | MutableRefObject<HTMLDivElement>;
+    onChange?: ((value: string | number) => void) | null;
+    onUpdate?: ((value: string | number, update: boolean, validation: boolean) => void) | null;
+    onFocus?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
+    onPressEnter?: ((event: KeyboardEvent) => void) | null;
+    onKeyDown?: ((event: KeyboardEvent) => void) | null;
+    children?: ChildrenProps;
+};
+
+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;
+};
+
+/**
+ * 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<Omit<react.InputHTMLAttributes<HTMLInputElement>, "children" | "style" | "onChange" | "size" | "prefix" | "onFocus" | "onBlur" | "onKeyDown" | "type"> & {
+    style?: React.CSSProperties;
+    type?: InputType;
+    size?: undefined;
+    variant?: undefined;
+    prefix?: ChildrenProps;
+    suffix?: ChildrenProps;
+    addonBefore?: ChildrenProps;
+    addonAfter?: ChildrenProps;
+    locked?: ChildrenProps | boolean;
+    minValue?: number;
+    maxValue?: number;
+    keepFocus?: boolean;
+    mask?: null | string;
+    allowEmptyFormatting?: null | boolean;
+    allowLeadingZeros?: boolean;
+    decimalSeparator?: string;
+    thousandSeparator?: string;
+    decimalScale?: number;
+    focusRef?: null | react.MutableRefObject<HTMLDivElement>;
+    onChange?: ((value: string | number) => void) | null;
+    onUpdate?: ((value: string | number, update: boolean, validation: boolean) => void) | null;
+    onFocus?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
+    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
+    onPressEnter?: ((event: KeyboardEvent) => void) | null;
+    onKeyDown?: ((event: KeyboardEvent) => void) | null;
+    children?: ChildrenProps;
+} & react.RefAttributes<ITDImperativeFuncProps>>;
+
+declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type SwitchProps = {
+    id?: string;
+    children?: ChildrenProps;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+    variant?: ITDVariant;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+};
+
+declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+/**
+ *
+ * UPLOAD
+ * --
+ *
+ *
+ *
+ * @returns
+ *
+ */
+declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<ITDImperativeFuncProps>>;
+
+type ModalContextType = {
+    /**
+     * Opens a new modal with the provided information of the modal to be opened.
+     *
+     * @param data Contains the desired parameters for opening a new modal `ModalProps`.
+     * @returns
+     */
+    showModal: (data: ModalProps$1) => void;
+    /**
+     * Dismisses the currently open modal with the ID of the modal to be hidden.
+     *
+     * @param id ID of the modal to be hide.
+     * @returns
+     */
+    hideModal: (id: string) => void;
+    /**
+     * Dismisses the currently open modal with the ID of the modal to be closed.
+     *
+     * @param id ID of the modal to be dismissed.
+     * @returns
+     */
+    removeModal: (id: string) => void;
+    /**
+     *
+     * @returns
+     */
+    removeAllModals: () => void;
+    /**
+     * Triggered whenever any event related to modals occurs.
+     */
+    modalEvent: {
+        event: ModalState$1;
+        id: string;
+    };
+    /**
+     * Returns whether a modal is visible or not.
+     *
+     * @param id The visibility information of the desired modal with its ID.
+     * @returns
+     */
+    isVisible: (id: string) => boolean;
+};
+
+declare const ModalManager: {
+    useModal: () => ModalContextType;
+};
+
+type NotificationContextType = {
+    addNotification: (notification: NotificationsProps) => void;
+    removeNotification: (id: string) => void;
+};
+
+declare const Notification: {
+    useNotifications: () => NotificationContextType;
+};
+
+declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, className, 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;
+
+interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement> {
+    src: string;
+    source?: string;
+    brokenWidth?: number | string;
+    brokenHeight?: number | string;
+    onLoad?: () => void;
+    onError?: () => void;
+}
+declare const _default$1: 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: react__default.ForwardRefExoticComponent<ButtonProps$1 & {
+    as?: any;
+    asChild?: boolean;
+} & react__default.RefAttributes<any>>;
+
+type AlertTitleProps = {
+    children?: ReactNode;
+    className?: string;
+};
+declare const AlertTitle: FC<AlertTitleProps>;
+
+type AlertDescriptionProps = {
+    children?: ReactNode;
+    className?: string;
+};
+declare const AlertDescription: FC<AlertDescriptionProps>;
+
+declare const Alert: {
+    ({ type, size, variant, title, className, children, icon, }: AlertProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Result: {
+    ({ image, title, description, className, extra, footer, type, fill, autoCenter, background, animation }: ResultProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const _default: react.MemoExoticComponent<(props: any) => react_jsx_runtime.JSX.Element>;
+
+interface ISpin {
+    updating?: boolean;
+    opacity?: boolean;
+    size?: number;
+    className?: string;
+    children?: any;
+}
+declare const Spin: ({ updating, opacity, size, className, children }: ISpin) => react_jsx_runtime.JSX.Element | null;
+
+declare function BackTop(props: any): react_jsx_runtime.JSX.Element;
+
+declare function Status({ variant, size, stretch, 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;
+
+type TabsItemProps = {
+    key: string;
+    tab: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    children?: ChildrenProps;
+    link?: string;
+};
+type TabsVariant = "default" | "filled" | "line";
+type TabsOrientation = "horizontal" | "vertical";
+type TabsProps = {
+    activeTabKey?: string;
+    tabs?: TabsItemProps[];
+    onTabChange?: (key: string) => void;
+    variant?: TabsVariant;
+    orientation?: TabsOrientation;
+    height?: number;
+    fill?: boolean;
+    className?: string;
+};
+
+declare const Tabs: ({ tabs, activeTabKey, className, variant, orientation, height, fill, onTabChange }: TabsProps) => react_jsx_runtime.JSX.Element;
+
+type LabelProps = {
+    id?: string;
+    htmlFor?: string;
+    children?: ChildrenProps;
+    className?: string;
+};
+
+declare const Label: {
+    ({ id, htmlFor, children, className }: LabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface CardProps$1 {
+    children: ReactNode;
+    className?: string;
+    variant?: string;
+    updating?: boolean;
+}
+declare const Card: FC<CardProps$1>;
+
+interface CardHeaderProps {
+    children: ReactNode;
+    className?: string;
+    separator?: boolean;
+}
+declare const CardHeader: FC<CardHeaderProps>;
+
+interface CardTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const CardTitle: FC<CardTitleProps>;
+
+interface CardDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const CardDescription: FC<CardDescriptionProps>;
+
+interface CardActionProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const CardAction: FC<CardActionProps>;
+
+interface CardTabsProps extends Omit<TabsProps, 'children'> {
+    className?: string;
+}
+declare const CardTabs: FC<CardTabsProps>;
+
+interface CardContentProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const CardContent: FC<CardContentProps>;
+
+interface CardFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+declare const CardFooter: FC<CardFooterProps>;
+
+type Placement = ComponentYPositions$1 | ComponentXPositions$1;
+/**
+ * PopoverContent props
+ */
+type PopoverContentProps = {
+    /** Content */
+    children: ReactNode;
+    /** Placement */
+    placement?: Placement;
+    /** Show arrow */
+    showArrow?: boolean;
+    /** Max width */
+    maxWidth?: string | number;
+    /** Offset */
+    offset?: number;
+    /** A11y: id of the heading element in the content */
+    ariaLabelledby?: string;
+    /** A11y: id of the description element in the content */
+    ariaDescribedby?: string;
+};
+/**
+ * PopoverContent
+ *
+ * - Calculates the position (useFloatingPosition)
+ * - Provides portal + animation + trapFocus with FloatingContent
+ * - Supports A11y (role, aria-labelledby, aria-describedby)
+ */
+declare const PopoverContent: {
+    ({ children, placement, showArrow, maxWidth, offset, ariaLabelledby, ariaDescribedby, }: PopoverContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * Popover props
+ */
+type PopoverProps$1 = {
+    /** Children */
+    children: ReactNode;
+    /** Default: CLICK */
+    triggerType?: `${TriggerTypes$1}`;
+    /** Close on click outside */
+    closeOnClickOutside?: boolean;
+    /** Uncontrolled initial state */
+    defaultOpen?: boolean;
+    /** Controlled mode */
+    open?: boolean;
+    /** Controlled mode change callback */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Popover
+ *
+ * - Manages the state and trigger behavior
+ * - Provides the id + trigger information to the children with context
+ */
+declare const Popover: {
+    ({ children, triggerType, closeOnClickOutside, defaultOpen, open, onOpenChange, }: PopoverProps$1): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * PopoverTrigger props
+ *
+ */
+type PopoverTriggerProps = {
+    /**
+     * The children to be used as the trigger element
+     */
+    children: ReactNode;
+    /**
+     * - When `asChild` is true, children are wrapped with Slot and used as the trigger element
+     * - When `asChild` is false, a native `<button type="button">` is used
+     */
+    asChild?: boolean;
+};
+/**
+ * PopoverTrigger
+ *
+ * - Trigger element (button, icon, etc.) is not wrapped with Slot, direct behavior is injected
+ * - ARIA bindings are set (aria-haspopup, aria-expanded, aria-controls)
+ */
+declare const PopoverTrigger: {
+    ({ children, asChild, }: PopoverTriggerProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type TooltipProps = {
+    children: ReactNode;
+    /** Açılma gecikmesi (ms) */
+    openDelay?: number;
+    /** Kapanma gecikmesi (ms) */
+    closeDelay?: number;
+};
+declare const Tooltip: {
+    ({ children, openDelay, closeDelay, }: TooltipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * TooltipTrigger props
+ */
+type TooltipTriggerProps = {
+    /**
+     * The children to be used as the trigger element
+     */
+    children: ReactNode;
+    /**
+     * - When `asChild` is true, children are wrapped with Slot and used as the trigger element
+     * - When `asChild` is false, a native `<span>` is used as the trigger element
+     */
+    asChild?: boolean;
+};
+declare const TooltipTrigger: {
+    ({ children, asChild, }: TooltipTriggerProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type TooltipContentProps = {
+    children: ReactNode;
+    placement?: ComponentYPositions$1;
+    variant?: `${ComponentVariants$1}`;
+    offset?: number;
+};
+declare const TooltipContent: {
+    ({ children, placement, variant, offset, }: TooltipContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type HoverCardProps = {
+    children: ReactNode;
+    /** Açılma gecikmesi (ms) */
+    openDelay?: number;
+    /** Kapanma gecikmesi (ms) */
+    closeDelay?: number;
+};
+declare const HoverCard: {
+    ({ children, openDelay, closeDelay, }: HoverCardProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * HoverCardTrigger props
+ */
+type HoverCardTriggerProps = {
+    /** Trigger olarak kullanılacak element */
+    children: ReactNode;
+    /**
+     * - `asChild = true` → children Slot ile wrap'lenir, DOM'u child üretir
+     * - `asChild = false` → native `<span>` trigger olarak kullanılır
+     */
+    asChild?: boolean;
+};
+declare const HoverCardTrigger: {
+    ({ children, asChild, }: HoverCardTriggerProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type HoverCardContentProps = {
+    /** Card içeriği (rich content) */
+    children: ReactNode;
+    /** Placement */
+    placement?: ComponentYPositions$1;
+    /** Ok göster */
+    showArrow?: boolean;
+    /** Max genişlik */
+    maxWidth?: string | number;
+    /** Offset (piksel) */
+    offset?: number;
+    /** A11y: içerikteki başlığın id'si */
+    ariaLabelledby?: string;
+    /** A11y: açıklama elementinin id'si */
+    ariaDescribedby?: string;
+};
+declare const HoverCardContent: {
+    ({ children, placement, showArrow, maxWidth, offset, ariaLabelledby, ariaDescribedby, }: HoverCardContentProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+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 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;
+};
+
+type CalendarProps = {
+    id?: string;
+    placeholder?: string;
+    defaultValue: CalendarValueProps;
+    className?: string;
+    mask?: null | string;
+    size?: ITDSize;
+    variant?: InputVariant;
+    disabled?: 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;
+    locked?: boolean;
+    position?: ITDHorizontalPosition;
+    suffix?: ChildrenProps;
+    onChange?: ((value: CalendarValueProps) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    disabledDate?: (date: dayjs.Dayjs) => boolean;
+    calendarLocale?: CalendarLocale;
+};
+
+type TextAreaProps = {
+    id?: string;
+    placeholder?: string;
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    size?: ITDSize;
+    variant?: TextAreaVariant;
+    rows?: number;
+    maxLength?: number;
+    disabled?: boolean;
+    locked?: 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;
+    form?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    type?: ButtonType;
+    variant?: ButtonVariants;
+    state?: ButtonStates;
+    size?: ButtonSize;
+    href?: string;
+    target?: string;
+    className?: string;
+    children?: ChildrenProps;
+    onClick?: null | ((event: MouseEvent<any>) => void);
+};
+type ButtonType = `${ButtonTypes$1}`;
+type ButtonSize = `${ButtonSizes$1}`;
+type ButtonVariants = `${ComponentVariants$1}` | "solid" | "outline" | "ghost" | "link" | "statable";
+type ButtonStates = "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;
+    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;
+    className?: string;
+    children?: React.ReactNode;
+    buttonProps?: ButtonProps;
+    icon?: string | null;
+    image?: string | null;
+    onChange?: (value: string) => void;
+    component?: ReactElement<any> | null;
+};
+
+type SelectProps = {
+    id?: string;
+    defaultValue?: SelectValue;
+    value?: SelectValue;
+    label?: string | number;
+    position?: ITDVerticalPosition;
+    direction?: ITDHorizontalPosition;
+    multi?: boolean;
+    size?: ITDSize;
+    variant?: ITDVariant;
+    className?: string;
+    placeholder?: string;
+    prefix?: ChildrenProps;
+    icon?: string;
+    image?: string;
+    disabled?: boolean;
+    showSearch?: boolean;
+    locked?: 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;
+    errorMessage: string;
+    multi: boolean;
+    isOpen: boolean;
+    showSearch: boolean;
+    locked: boolean;
+    disabled: boolean;
+    placeholder: string;
+    icon?: string;
+    prefix?: ChildrenProps;
+    image?: string;
+    size: ITDSize;
+    onFocus: () => void;
+    onShow: (value: boolean, trigger?: 'pointer' | 'keyboard') => 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 CheckboxProps = {
+    id?: string;
+    value?: string | number | boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    variant?: ITDVariant;
+    indeterminate?: boolean;
+    animated?: 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;
+    variant?: ITDVariant;
+    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 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;
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: 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;
+};
+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?: ITDSize;
+    icon?: string | react__default.ReactNode;
+    title?: string;
+    variant?: ITDVariant;
+    className?: string;
+    children?: ChildrenProps;
+};
+type AlertType = "neutral" | "success" | "info" | "warning" | "error";
+
+/**
+ * #### 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;
+};
+
+type UploadProps = {
+    id?: string;
+    variant?: ITDVariant;
+    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;
+    locked?: boolean;
+    onChange?: ((value: any) => void) | null;
+    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
+    onUploadSuccess?: (path: string) => void;
+    onUploadFailed?: (message: string, code: number) => void;
+    onRemoveFileSuccess?: (data?: any) => void;
+    onRemoveFileFailed?: () => void;
+};
+type UploadProgressProps = {
+    estimated: string;
+    progress: number;
+    bytes: string;
+    total: string;
+};
+type UploadResultMessageProps = {
+    message: string;
+    status: "success" | "error" | "";
+};
+
+type ResultProps = {
+    image: string | ChildrenProps;
+    title: string;
+    description: string;
+    className?: string;
+    type?: string;
+    extra?: ChildrenProps | null;
+    footer?: ChildrenProps | null;
+    fill?: boolean;
+    autoCenter?: boolean;
+    background?: boolean;
+    animation?: boolean;
+};
+
+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;
+    className?: 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;
+    variant?: ITDVariant;
+    description?: ChildrenProps;
+    titleSeparator?: boolean;
+    extra?: ChildrenProps;
+    tabs?: {
+        key: string;
+        tab: string;
+    }[];
+    activeTabKey?: string;
+    onTabChange?: (key: string) => void;
+    updating?: boolean;
+    minWidth?: string;
+    minHeight?: string;
+    contentPadding?: string;
+    children: ChildrenProps;
+    className?: string;
+};
+
+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";
+
+type PopoverProps = {
+    children: ChildrenProps;
+    content: ChildrenProps | ((placement: ComponentYPositions$1 | ComponentXPositions$1) => ChildrenProps);
+    offset?: number;
+    placement?: ComponentYPositions$1 | ComponentXPositions$1;
+    maxWidth?: number;
+    showArrow?: boolean;
+};
+
+declare const locales: {
     tr: {
         itd: {
             success: string;
@@ -647,112 +3349,6 @@ export declare const locales: {
         };
     };
 };
-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';
+
+export { ALERT_TOKENS, _default as ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, AlertDescription, AlertTitle, Arrow as ArrowIcon, BUTTON_SIZE_MAP, BackToTop, BackTop, Base64Decode, Base64Encode, Button, ButtonSizes, ButtonSizesSlug, ButtonTypes, CARD_TOKENS, CSS_VARIABLES_MAP, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTabs, CardTitle, CheckFileURL, Checkbox, Checkmark, ChunkArray, ComponentSizes, ComponentSizesSlug, ComponentVariants, ComponentXPositions, ComponentYPositions, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileExtensions, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormValidations, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, generateColorScaleFromBase as GenerateColorScale, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, HoverCard, HoverCardContent, HoverCardTrigger, ICON_TOKENS, INPUT_SIZE_MAP, ITDContext, ITDProvider, ITDThemeProvider, _default$1 as Image, _default$4 as InlineSVGCached, InlineSelectArrow, Input, IsValidJSON, Label, Lock as LockIcon, MODAL_TOKENS, ModalManager, ModalState, NoData, Notification, Picture, Popover, PopoverContent, PopoverTrigger, Progress, Radio, RemoveUnits, Result, SELECT_SIZE_MAP, SPACING_TOKENS, SVGLoader, Select, Spin, Status, Switch, TYPOGRAPHY_TOKENS, Table, Tabs, TextArea, ThemeAppearances, TinyScrollbar, Tooltip, TooltipContent, TooltipPositions, TooltipTrigger, Trash, TriggerTypes, UniUpperCase, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, cn, darkTheme, export_default as enCalendarLocale, generateColorScaleFromBase, getContrastText, hexToRgba, injectDesignTokens, injectThemeColors, lightTheme, locales, toKebabCase, export_default$1 as trCalendarLocale, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useITD, useKeyboardShortcut, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery, withOpacity };
+export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertType, ButtonProps, ButtonSize, ButtonStates, ButtonVariants, CalendarDayProps, CalendarLocale, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDHorizontalPosition, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ITDTheme, ITDVariant, ITDVerticalPosition, InputProps, InputVariant, LabelProps, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, PopoverProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectOptionProps, SelectProps, SelectToggleProps, SelectValue, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsOrientation, TabsProps, TabsVariant, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };