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

package/dist/index.d.ts

@@ -1,16 +1,48 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import react__default, { RefObject, Context, ReactNode, ForwardRefExoticComponent, PropsWithoutRef, RefAttributes, FunctionComponent, Ref, MutableRefObject, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, CSSProperties } from 'react';
+import 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, ComponentSizes as ComponentSizes$1, ComponentPositions as ComponentPositions$1, ComponentSizesSlug as ComponentSizesSlug$1, FormValidationTypes as FormValidationTypes$1 } from 'enums/enum';
+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';
-import { NavLinkProps } from 'react-router-dom';
+
+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;
@@ -26,6 +58,8 @@ type ITDContextType = {
 };
 type ITDProviderProps = {
     theme?: string;
+    surfaceBase?: string;
+    primaryBase?: string;
     language?: string;
     dateFormat?: string;
     children: ChildrenProps$1;
@@ -33,25 +67,204 @@ type ITDProviderProps = {
 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): "tr-TR" | "de-DE" | "en-US" | "en-GB";
+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): "tur" | "usa" | "language_not_found";
+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;
+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 GetCurrencySymbol(currency?: string): "$" | "€" | "₺" | "?";
 
-declare function GetDecimalByCurrency(currency?: string): "." | ",";
+declare function GetDecimalByCurrency(currency?: string): "," | ".";
 
 /**
  *
@@ -59,10 +272,459 @@ 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
+ * @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 UpdateThemeStyle(theme: string): void;
+declare function injectThemeVars(theme: ITDTheme, targetEl?: HTMLElement | null): void;
+declare const injectThemeColors: typeof injectThemeVars;
 
 declare function IsValidJSON(item: string | {}): boolean;
 
@@ -97,7 +759,7 @@ declare function UniUpperCase(value?: string, lang?: string): string;
 
 declare function FormatBytes(bytes: number, decimals?: number): string;
 
-declare function GetTypeByFileType(type: FileTypes): "" | FileExtensions.SVG | FileExtensions.PNG | FileExtensions.GIF | FileExtensions.WEBP | FileExtensions.PDF | FileExtensions.XLSX | FileExtensions.OTF | ".jpg, .jpeg";
+declare function GetTypeByFileType(type: FileTypes): "" | FileExtensions;
 
 declare function Wait(milliseconds: number): Promise<unknown>;
 
@@ -169,12 +831,11 @@ declare const useConstructor: (callBack?: () => void) => void;
  *
  * ADD EXTERNAL CSS
  *
- * Dinamik css dosyalarını yüklemek için kullanılır. Eğer yüklenecek
- * olan css dosyası daha önce eklenmiş ise tekrar yüklemez. Bunu yükleyen
- * component ekrandan silinirse yüklediği yazı da silinir.
+ * 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
- * @param temporary boolean
+ * @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;
@@ -301,7 +962,7 @@ type OrientationType = "portrait" | "landscape";
 declare const useOrientation: () => OrientationType;
 
 type UseAvoidCollisionOpts = {
-    /** .chat-bubble, .cookie-bar gibi engellerin CSS seçicileri */
+    /** ".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";
@@ -312,6 +973,11 @@ type UseAvoidCollisionOpts = {
     /** 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;
 };
@@ -399,21 +1065,7 @@ type IconProps = {
 };
 declare const NoData: ({ className, height, width }: IconProps) => react_jsx_runtime.JSX.Element;
 
-declare const FileDocument: ({ width, height, fill }: {
-    width?: number;
-    height?: number;
-    fill?: string;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const FileExcel: ({ width, height }: {
-    width?: number;
-    height?: number;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const FilePdf: ({ width, height }: {
-    width?: number;
-    height?: number;
-}) => react_jsx_runtime.JSX.Element;
+declare function cn(...inputs: ClassValue[]): string;
 
 type InlineSVGCachedProps = {
     src: string;
@@ -427,17 +1079,24 @@ type InlineSVGCachedProps = {
 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;
-    label?: ChildrenProps$1;
-    value?: SelectValue$1;
     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<{
-    ({ multi, checked, icon, image, value, customKey, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
+    ({ id, multi, checked, variant, size, icon, image, value, customKey, disabled, isActive, index, onHover, onChange, label }: OptionsTypeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 }>;
 
@@ -467,15 +1126,15 @@ declare function Group({ gap, horizontal, className, children }: GroupProps): re
 type ControlProps = {
     className?: string;
     position?: "start" | "end" | "center";
+    form?: string;
     children?: ChildrenProps$1;
 };
-declare function Control({ position, className, children }: ControlProps): react_jsx_runtime.JSX.Element;
+declare function Control({ position, className, form, children }: ControlProps): react_jsx_runtime.JSX.Element;
 
 type ItemProps = {
     name: string;
     id?: string;
     label?: string;
-    placeholder?: string;
     error?: string;
     rules?: FormRuleProps[];
     mask?: string | null;
@@ -487,6 +1146,222 @@ type ItemProps = {
 };
 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;
@@ -517,6 +1392,9 @@ type FormContextType = {
     removeFields: () => void;
     formId: string;
     updated: {};
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: boolean;
 };
 
 type FormStoreProps = {
@@ -525,6 +1403,9 @@ type FormStoreProps = {
     onFieldUpdate?: (update: FieldUpdateProps) => void;
     onReset?: () => void;
     useQueryString?: boolean;
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: boolean;
 };
 
 type FormSubComponentProps$1 = {
@@ -558,25 +1439,128 @@ type AccordionMenuProps = AccordionProps & {
 };
 declare const Accordion: FunctionComponent<AccordionMenuProps> & AccordionMenuSubComponents;
 
-declare const Calendar: ({ value, defaultValue, className, onChange, disabledDate }: {
+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<InputProps & react.RefAttributes<ITDImperativeFuncProps>>;
+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>>;
 
 /**
@@ -591,91 +1575,33 @@ declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAtt
  */
 declare const Upload: react.ForwardRefExoticComponent<UploadProps & react.RefAttributes<ITDImperativeFuncProps>>;
 
-interface CropArea {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
-interface ImageCropperProps {
-    /** Image source (URL or base64) */
-    src: string;
-    /** Aspect ratio to maintain (e.g., 1 for square, 16/9 for widescreen). If undefined, free crop */
-    aspectRatio?: number;
-    /** Minimum crop width in pixels */
-    minWidth?: number;
-    /** Minimum crop height in pixels */
-    minHeight?: number;
-    /** Output width - cropped image will be resized to this width */
-    outputWidth?: number;
-    /** Output height - cropped image will be resized to this height */
-    outputHeight?: number;
-    /** Output image quality (0-1) */
-    quality?: number;
-    /** Output image format */
-    outputFormat?: "image/jpeg" | "image/png" | "image/webp";
-    /** Callback when crop area changes */
-    onCropChange?: (cropArea: CropArea) => void;
-    /** Container width */
-    width?: string | number;
-    /** Container height */
-    height?: string | number;
-    /** Show grid lines on crop area (default: true) */
-    showGrid?: boolean;
-}
-interface ImageCropperRef {
-    /** Get cropped image as Blob */
-    getCroppedImage: () => Promise<Blob | null>;
-    /** Get cropped image as File */
-    getCroppedFile: (fileName?: string) => Promise<File | null>;
-    /** Get crop area coordinates */
-    getCropArea: () => CropArea;
-    /** Reset crop area to center */
-    reset: () => void;
-}
-declare const ImageCropper: react.ForwardRefExoticComponent<ImageCropperProps & react.RefAttributes<ImageCropperRef>>;
-
-declare function Panel({ id, link, icon, title, hasOpen, useLink, onChange, children }: {
-    id?: string | undefined;
-    link?: string | undefined;
-    icon?: string | undefined;
-    title?: string | undefined;
-    hasOpen?: boolean | undefined;
-    useLink?: boolean | undefined;
-    onChange?: null | undefined;
-    children?: null | undefined;
-}): react_jsx_runtime.JSX.Element;
-
-declare function Collapse({ useLink, children }: {
-    useLink?: boolean | undefined;
-    children: any;
-}): react_jsx_runtime.JSX.Element;
-declare namespace Collapse {
-    export { Panel };
-}
-
-type ModalActionsContextType = {
+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;
     /**
-     * Removes all open modals.
+     *
+     * @returns
      */
     removeAllModals: () => void;
-};
-type ModalStateContextType = {
     /**
      * Triggered whenever any event related to modals occurs.
      */
@@ -685,34 +1611,15 @@ type ModalStateContextType = {
     };
     /**
      * 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;
 };
-type ModalContextType = ModalActionsContextType & ModalStateContextType;
 
-/**
- * Use modal actions only (stable - won't cause rerenders on modal state changes)
- * This is the recommended hook for most use cases.
- * @returns showModal, hideModal, removeModal, removeAllModals
- */
-declare const useModal: () => ModalActionsContextType;
-/**
- * Use modal state (dynamic - will rerender on modal events)
- * Only use this if you need to react to modal state changes.
- * @returns modalEvent, isVisible
- */
-declare const useModalState: () => ModalStateContextType;
-/**
- * Use both modal actions and state (legacy - will rerender on modal events)
- * @deprecated Use useModal() for actions and useModalState() for state separately
- * @returns All modal context values
- */
-declare const useModalFull: () => ModalContextType;
 declare const ModalManager: {
-    useModal: () => ModalActionsContextType;
-    useModalState: () => ModalStateContextType;
-    useModalFull: () => ModalContextType;
+    useModal: () => ModalContextType;
 };
 
 type NotificationContextType = {
@@ -724,7 +1631,7 @@ declare const Notification: {
     useNotifications: () => NotificationContextType;
 };
 
-declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, disabled, children, icon, image, component, onChange, }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
+declare 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>>;
 
@@ -734,37 +1641,15 @@ interface RadioComponent extends React.FC {
 }
 declare const Radio: RadioComponent;
 
-declare const _default$1: react__default.MemoExoticComponent<({ value, checked, single, onChange, children }: {
-    value?: string | undefined;
-    checked?: boolean | undefined;
-    single?: boolean | undefined;
-    onChange?: null | undefined;
-    children?: null | undefined;
-}) => react_jsx_runtime.JSX.Element>;
-
-declare function InlineSelect({ label, value, children, single, minWidth, className, onChange }: {
-    label?: string | undefined;
-    value?: never[] | undefined;
-    children?: null | undefined;
-    single?: boolean | undefined;
-    minWidth?: number | undefined;
-    className?: string | undefined;
-    onChange?: null | undefined;
-}): react_jsx_runtime.JSX.Element;
-declare namespace InlineSelect {
-    export { _default$1 as Option };
-}
-
 interface ImageProps extends react__default.ImgHTMLAttributes<HTMLImageElement> {
     src: string;
     source?: string;
-    fallback?: string;
     brokenWidth?: number | string;
     brokenHeight?: number | string;
     onLoad?: () => void;
     onError?: () => void;
 }
-declare const _default: react__default.NamedExoticComponent<ImageProps>;
+declare const _default$1: react__default.NamedExoticComponent<ImageProps>;
 
 declare namespace ConsoleLog {
     export { single };
@@ -775,51 +1660,319 @@ declare function single(message: any, type?: string): void;
 declare function double(title: any, message: any, type?: string): void;
 declare function table(data: any): void;
 
-declare const Button: ({ id, disabled, loading, selected, circle, strecth, justify, contentPosition, type, variant, size, state, icon, href, target, className, children, onClick }: ButtonProps) => react_jsx_runtime.JSX.Element;
+declare const 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, title, className, children, icon, }: AlertProps): react_jsx_runtime.JSX.Element;
+    ({ 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;
 };
 
-declare const Result: {
-    ({ image, title, description, extra, footer, type, fill, autoCenter, background, animation }: ResultProps$1): react_jsx_runtime.JSX.Element;
+/**
+ * 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;
 };
 
-interface ALinkProps extends Omit<NavLinkProps, 'to'> {
-    to: string;
-    children?: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const ALink: react.NamedExoticComponent<ALinkProps>;
-
-interface ISpin {
-    updating?: boolean;
-    opacity?: boolean;
-    size?: number;
-    className?: string;
-    children?: any;
-}
-declare const Spin: ({ updating, opacity, size, className, children }: ISpin) => react_jsx_runtime.JSX.Element | null;
-
-declare function BackTop(props: any): react_jsx_runtime.JSX.Element;
+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;
+};
 
-declare function Status({ variant, size, stretch, bold, children, className, }: StatusProps): react_jsx_runtime.JSX.Element;
+/**
+ * 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;
+};
 
-declare function Progress({ status, percent, alwaysShowPercent, showInfo, className, }: ProgressProps): react_jsx_runtime.JSX.Element;
+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 TinyScrollbarProps = {
-    className: string;
-    children: ChildrenProps$1;
-    style?: React.CSSProperties;
+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;
 };
-declare function TinyScrollbar({ className, children, style }: TinyScrollbarProps): react_jsx_runtime.JSX.Element;
 
-declare const Tabs: ({ tabs, activeTabKey, className, variant, height, overflow, onTabChange }: TabsProps) => react_jsx_runtime.JSX.Element;
+/**
+ * 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;
+};
 
-declare const Card: ({ title, titleSeparator, extra, tabs, onTabChange, minWidth, minHeight, children, activeTabKey, updating, contentPadding, }: CardProps) => react_jsx_runtime.JSX.Element;
+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>;
@@ -829,9 +1982,6 @@ declare const Flex: ({ gap, justify, align, vertical, wrap, stretch, style, clas
 
 type QueryValueProps = string | number | boolean | string[] | number[];
 
-type Element = string | number | React.ReactNode | undefined;
-type ChildrenProps = Element | Element[] | null;
-
 type AccordionProps = {
     useLink?: boolean;
     onlyOne?: boolean;
@@ -871,56 +2021,6 @@ type AccordionItemProps = {
     children?: null | ChildrenProps;
 };
 
-declare enum InputTypes {
-    TEXT = "text",
-    NUMBER = "number",
-    CURRENCY = "currency",
-    PASSWORD = "password"
-}
-type InputType = `${InputTypes}`;
-type InputVariant = "default" | "filled" | "dashed";
-type InputProps = {
-    id?: string;
-    placeholder?: string;
-    value?: string;
-    defaultValue?: string;
-    type?: InputType;
-    className?: string;
-    size?: ITDSize;
-    variant?: InputVariant;
-    prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
-    addonBefore?: ChildrenProps;
-    addonAfter?: ChildrenProps;
-    locked?: ChildrenProps | boolean;
-    status?: ChildrenProps;
-    minValue?: number;
-    maxValue?: number;
-    maxLength?: number;
-    disabled?: boolean;
-    floating?: boolean;
-    autoComplete?: boolean;
-    keepFocus?: boolean;
-    focusRef?: null | MutableRefObject<HTMLDivElement>;
-    mask?: null | string;
-    allowEmptyFormatting?: null | boolean;
-    allowLeadingZeros?: boolean;
-    decimalSeparator?: string;
-    thousandSeparator?: string;
-    decimalScale?: number;
-    onChange?: ((value: any) => void) | null;
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    onFocus?: ((event: any) => void) | null;
-    onBlur?: ((event: FocusEvent<HTMLInputElement>) => void) | null;
-    onPressEnter?: ((event: KeyboardEvent) => void) | null;
-    onKeyDown?: ((event: KeyboardEvent) => void) | null;
-    children?: ChildrenProps;
-};
-
-type ITDSize = ComponentSizes$1 | "x-small" | "small" | "medium" | "default" | "large" | "x-large";
-type ITDSizeSlug = ComponentSizesSlug$1 | "xs" | "sm" | "md" | "df" | "lg" | "xlg";
-type ITDPosition = ComponentPositions$1 | "left" | "right";
-
 type CalendarProps = {
     id?: string;
     placeholder?: string;
@@ -930,7 +2030,6 @@ type CalendarProps = {
     size?: ITDSize;
     variant?: InputVariant;
     disabled?: boolean;
-    floating?: boolean;
     suffix?: ChildrenProps;
     onChange?: ((value: CalendarValueProps) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
@@ -959,12 +2058,13 @@ type DatePickerProps = {
     size?: ITDSize;
     variant?: InputVariant;
     disabled?: boolean;
-    floating?: boolean;
-    position?: ITDPosition;
+    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 = {
@@ -978,6 +2078,7 @@ type TextAreaProps = {
     rows?: number;
     maxLength?: number;
     disabled?: boolean;
+    locked?: boolean;
     showCount?: boolean;
     onChange?: ((event: TextAreaEvent) => void);
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
@@ -995,27 +2096,23 @@ type TextAreaVariant = "default" | "filled" | "dashed";
 
 type ButtonProps = {
     id?: string;
+    form?: string;
     disabled?: boolean;
     loading?: boolean;
-    selected?: boolean;
-    strecth?: boolean;
-    circle?: boolean;
-    justify?: string;
-    contentPosition?: ITDPosition;
     type?: ButtonType;
-    variant?: ButtonVariant;
-    state?: ButtonState;
-    size?: ITDSize;
-    icon?: string | ChildrenProps | SVGElement;
+    variant?: ButtonVariants;
+    state?: ButtonStates;
+    size?: ButtonSize;
     href?: string;
     target?: string;
     className?: string;
     children?: ChildrenProps;
     onClick?: null | ((event: MouseEvent<any>) => void);
 };
-type ButtonType = "button" | "submit" | "reset";
-type ButtonVariant = "default" | "solid" | "filled" | "outline" | "ghost" | "link" | "statable" | "custom";
-type ButtonState = "primary" | "secondary" | "request" | "approve" | "reject" | "pending" | "requested" | string | null;
+type 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";
@@ -1032,7 +2129,6 @@ type RadioGroupProps = {
     length?: number;
     onlyFlow?: boolean;
     autoSize?: boolean;
-    disabled?: boolean;
     buttonProps?: ButtonProps;
     onChange?: (value: string) => void;
     onUpdate?: (value: string, update: boolean, validation: boolean) => void;
@@ -1045,8 +2141,8 @@ type RadioButtonProps = {
     type?: RadioType;
     checked?: boolean;
     hasError?: boolean;
+    className?: string;
     children?: React.ReactNode;
-    disabled?: boolean;
     buttonProps?: ButtonProps;
     icon?: string | null;
     image?: string | null;
@@ -1059,21 +2155,19 @@ type SelectProps = {
     defaultValue?: SelectValue;
     value?: SelectValue;
     label?: string | number;
-    position?: SelectPosition;
-    direction?: SelectDirection;
+    position?: ITDVerticalPosition;
+    direction?: ITDHorizontalPosition;
     multi?: boolean;
     size?: ITDSize;
-    variant?: SelectVariant;
+    variant?: ITDVariant;
     className?: string;
     placeholder?: string;
     prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
     icon?: string;
     image?: string;
     disabled?: boolean;
     showSearch?: boolean;
     locked?: boolean;
-    floating?: boolean;
     style?: CSSProperties;
     options?: SelectOptionProps[];
     onChange?: ((value: SelectValue) => void) | null;
@@ -1082,23 +2176,19 @@ type SelectProps = {
 type SelectToggleProps = {
     id?: string;
     label?: string | number | ChildrenProps;
-    value?: SelectValue | null;
     errorMessage: string;
     multi: boolean;
     isOpen: boolean;
     showSearch: boolean;
     locked: boolean;
     disabled: boolean;
-    labelType: string;
     placeholder: string;
     icon?: string;
     prefix?: ChildrenProps;
-    suffix?: ChildrenProps;
     image?: string;
     size: ITDSize;
     onFocus: () => void;
-    onBlur: () => void;
-    onShow: (value: boolean) => void;
+    onShow: (value: boolean, trigger?: 'pointer' | 'keyboard') => void;
     onFilter: (value: string) => void;
     onChange: (open: boolean) => void;
 };
@@ -1112,17 +2202,16 @@ type SelectOptionProps = {
     searchText?: string;
 };
 type SelectValue = string | number | (string | number)[];
-type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";
-type SelectPosition = "top" | "bottom";
-type SelectDirection = "right" | "left";
 
 type CheckboxProps = {
     id?: string;
     value?: string | number | boolean;
     checked?: boolean;
     disabled?: boolean;
-    variant?: CheckboxVariant;
+    readOnly?: boolean;
+    variant?: ITDVariant;
     indeterminate?: boolean;
+    animated?: boolean;
     className?: string;
     children?: ChildrenProps;
     onChange?: ((event: CheckboxEvent) => void);
@@ -1134,6 +2223,7 @@ type CheckboxGroupProps = {
     defaultValue?: (string | number | boolean)[];
     options?: GroupCheckboxOptionType[];
     disabled?: boolean;
+    variant?: ITDVariant;
     className?: string;
     children?: ChildrenProps | ReactElement<CheckboxProps> | Array<ReactElement<CheckboxProps>>;
     selectAll?: (value: boolean) => void;
@@ -1154,19 +2244,6 @@ type CheckboxEvent = {
     stopPropagation: () => void;
     preventDefault: () => void;
 };
-type CheckboxVariant = "default" | "filled";
-
-type ITDImperativeFuncProps = {
-    reset: (update?: boolean, validation?: boolean) => void;
-    setValue: (value: any, update?: boolean, validation?: boolean) => void;
-    getValue: () => any;
-    setError?: (message: string) => void;
-    setFocus?: () => void;
-    setDisabled?: (value: boolean) => void;
-    forceUpdate?: () => void;
-    clear?: () => void;
-    scrollIntoView?: (options?: ScrollIntoViewOptions | boolean) => void;
-};
 
 type SingleQueryProps = {
     set: (type: string, value: QueryValueProps) => void;
@@ -1185,6 +2262,9 @@ type FormProps = {
     onValidated?: (validate: boolean) => void;
     onFieldUpdate?: (update: FieldUpdateProps) => void;
     useQueryString?: boolean;
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: boolean;
     className?: string;
     ref?: RefObject<FormContextType>;
     name: string;
@@ -1201,7 +2281,6 @@ type FormRuleProps = {
     field?: string;
     value?: string | number | (string | number)[];
     message?: string;
-    currency?: string;
 };
 type FormItemProps = {
     name: string;
@@ -1232,25 +2311,14 @@ type NotificationsProps = {
 
 type AlertProps = {
     type?: AlertType;
-    size?: AlertSize;
+    size?: ITDSize;
     icon?: string | react__default.ReactNode;
     title?: string;
+    variant?: ITDVariant;
     className?: string;
     children?: ChildrenProps;
 };
-type AlertType = "success" | "info" | "warning" | "error";
-type AlertSize = ComponentSizes$1.X_SMALL | ComponentSizes$1.SMALL | ComponentSizes$1.MEDIUM | ComponentSizes$1.DEFAULT | ComponentSizes$1.LARGE | ComponentSizes$1.X_LARGE;
-
-type SwitchProps = {
-    id?: string;
-    label?: string;
-    checked?: boolean;
-    defaultChecked?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    onChange?: ((value: any) => void) | null;
-    onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-};
+type AlertType = "neutral" | "success" | "info" | "warning" | "error";
 
 /**
  * #### ModalProps
@@ -1470,29 +2538,9 @@ type ModalRefProps = {
     onClickCancel?: () => void;
 };
 
-/**
- * Crop settings for the Upload component
- */
-type CropSettings = {
-    /** Aspect ratio (e.g., 1 for square, 16/9 for widescreen). */
-    aspectRatio?: number;
-    /** Minimum crop area width in pixels. User cannot select smaller than this. */
-    minWidth?: number;
-    /** Minimum crop area height in pixels. User cannot select smaller than this. */
-    minHeight?: number;
-    /** Output width in pixels. Cropped image will be resized to this width. */
-    outputWidth?: number;
-    /** Output height in pixels. Cropped image will be resized to this height. */
-    outputHeight?: number;
-    /** Output image quality (0-1), default 0.9 */
-    quality?: number;
-    /** Crop modal title */
-    modalTitle?: string;
-    /** Show grid lines on crop area (default: true) */
-    showGrid?: boolean;
-};
 type UploadProps = {
     id?: string;
+    variant?: ITDVariant;
     action?: string;
     filePath?: string | null;
     removeAction?: string;
@@ -1522,24 +2570,7 @@ type UploadProps = {
     extraQueryString?: {};
     extraHeader?: {};
     disabled?: boolean;
-    /** Minimum image width required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageWidth?: number;
-    /** Minimum image height required for upload (in pixels). Smaller images will be rejected. Works with or without crop. */
-    minImageHeight?: number;
-    /**
-     * Crop settings. If provided, cropping is enabled.
-     * @example
-     * crop={{
-     *   aspectRatio: 16/9,
-     *   minWidth: 960,       // Minimum crop area size
-     *   minHeight: 540,
-     *   outputWidth: 1920,   // Final output size
-     *   outputHeight: 1080,
-     *   quality: 0.9,
-     *   modalTitle: "Crop Image"
-     * }}
-     */
-    crop?: CropSettings;
+    locked?: boolean;
     onChange?: ((value: any) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
     onUploadSuccess?: (path: string) => void;
@@ -1562,6 +2593,7 @@ type ResultProps = {
     image: string | ChildrenProps;
     title: string;
     description: string;
+    className?: string;
     type?: string;
     extra?: ChildrenProps | null;
     footer?: ChildrenProps | null;
@@ -1571,22 +2603,6 @@ type ResultProps = {
     animation?: boolean;
 };
 
-type TabsItemProps = {
-    key: string;
-    tab: string;
-    children?: ChildrenProps;
-    link?: string;
-};
-type TabsProps = {
-    activeTabKey?: string;
-    tabs?: TabsItemProps[];
-    onTabChange?: (key: string) => void;
-    variant?: "default" | "bold";
-    height?: number;
-    overflow?: boolean;
-    className?: string;
-};
-
 type TableColumnType<T> = {
     key: keyof T | string;
     title: ChildrenProps;
@@ -1601,6 +2617,7 @@ type TableProps<T extends TableRow> = {
     columns: TableColumnType<T>[];
     data: T[] | null;
     cellHeight?: number | string;
+    className?: string;
     size?: ITDSize;
     headless?: boolean;
     bordered?: boolean;
@@ -1624,6 +2641,8 @@ type TableRefProps = {
 
 type CardProps = {
     title?: ChildrenProps;
+    variant?: ITDVariant;
+    description?: ChildrenProps;
     titleSeparator?: boolean;
     extra?: ChildrenProps;
     tabs?: {
@@ -1633,10 +2652,11 @@ type CardProps = {
     activeTabKey?: string;
     onTabChange?: (key: string) => void;
     updating?: boolean;
-    minWidth?: number | string;
-    minHeight?: number | string;
+    minWidth?: string;
+    minHeight?: string;
     contentPadding?: string;
     children: ChildrenProps;
+    className?: string;
 };
 
 type ProgressProps = {
@@ -1673,83 +2693,16 @@ type FlexGapProps = "small" | "medium" | "large" | string | number;
 type FlexJustifyProps = "unset" | "flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly";
 type FlexAlignProps = "unset" | "flex-start" | "center" | "flex-end";
 
-declare enum ModalState {
-    NOT_SHOW = "modal-not-show",
-    BEGIN = "modal-begin",
-    ENTERING = "modal-entering",
-    ENTERED = "modal-entered",
-    EXITING = "modal-exiting",
-    EXITED = "modal-exited",
-    REMOVED = "modal-removed",
-    OK_CLICK = "modal-ok-button-click",
-    CANCEL_CLICK = "modal-cancel-button-click",
-    CLOSE_CLICK = "modal-close-button-click",
-    OUTSIDE_CLICK = "modal-outside-click",
-    ESC_CLICK = "modal-esc-click",
-    ALL_REMOVED = "modal-all-removed"
-}
-declare enum FileTypes {
-    SVG = "image/svg+xml",
-    PNG = "image/png",
-    JPG = "image/jpeg",
-    GIF = "image/gif",
-    WEBP = "image/webp",
-    PDF = "application/pdf",
-    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    OTF = "font/otf"
-}
-declare enum FileExtensions {
-    SVG = ".svg",
-    PNG = ".png",
-    JPG = ".jpg",
-    GIF = ".gif",
-    WEBP = ".webp",
-    PDF = ".pdf",
-    XLSX = ".xlsx",
-    OTF = ".otf"
-}
-declare enum FormValidationTypes {
-    MIN_LENGTH = "minLength",
-    MAX_LENGTH = "maxLength",
-    EXACT_LENGTH = "exactLength",
-    SAME = "same",
-    NOT_SAME = "notSame",
-    TC_IDENTITY = "TCIdentity",
-    PASSWORD = "password",
-    EMAIL = "email",
-    USERNAME = "username",
-    SITE_USERNAME = "siteUsername",
-    ADMIN_USERNAME = "adminUsername",
-    URL = "url",
-    FORBIDDEN_WORDS = "forbiddenWords",
-    MULTIPLE_OF = "multipleOf"
-}
-declare enum ConnectionStatus {
-    ONLINE = "online",
-    OFFLINE = "offline"
-}
-declare enum ComponentSizes {
-    X_SMALL = "x-small",
-    SMALL = "small",
-    MEDIUM = "medium",
-    DEFAULT = "default",
-    LARGE = "large",
-    X_LARGE = "x-large"
-}
-declare enum ComponentSizesSlug {
-    X_SMALL = "xs",
-    SMALL = "sm",
-    MEDIUM = "md",
-    DEFAULT = "df",
-    LARGE = "lg",
-    X_LARGE = "xlg"
-}
-declare enum ComponentPositions {
-    LEFT = "left",
-    RIGHT = "right"
-}
+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 resources: {
+declare const locales: {
     tr: {
         itd: {
             success: string;
@@ -1770,6 +2723,19 @@ declare const resources: {
                 birthday: string;
                 multipleSelection: string;
             };
+            texts: {
+                enabledNotifications: string;
+                create: string;
+                read: string;
+                update: string;
+                delete: string;
+                selectAll: string;
+                termsAndConditions: string;
+                campaignTitle: string;
+                campaignDescription: string;
+                formTitle: string;
+                formDescription: string;
+            };
             options: {
                 all: string;
                 male: string;
@@ -1778,11 +2744,6 @@ declare const resources: {
                     turkish: string;
                     english: string;
                 };
-                currencies: {
-                    TRY: string;
-                    EUR: string;
-                    USD: string;
-                };
             };
             buttons: {
                 submit: string;
@@ -1804,7 +2765,6 @@ declare const resources: {
                 invalidURL: string;
                 fieldMustBeDifferent: string;
                 forbiddenWords: string;
-                multipleOf: string;
             };
             uploader: {
                 header: string;
@@ -1825,13 +2785,6 @@ declare const resources: {
                 areYouSureToDeleteThisFile: string;
                 yes: string;
                 no: string;
-                cropImage: string;
-                crop: string;
-                cancel: string;
-                width: string;
-                height: string;
-                imageTooSmall: string;
-                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -1844,6 +2797,21 @@ declare const resources: {
                 TRY: string;
                 EUR: string;
                 USD: string;
+                GBP: string;
+                JPY: string;
+                CHF: string;
+                CAD: string;
+                AUD: string;
+                NZD: string;
+                RUB: string;
+                INR: string;
+                BRL: string;
+                MXN: string;
+                ARS: string;
+                CLP: string;
+                COP: string;
+                PEN: string;
+                ZAR: string;
             };
             countries: {
                 af: string;
@@ -2049,9 +3017,6 @@ declare const resources: {
                 firstDay: number;
                 format: string;
             };
-            tabs: {
-                more: string;
-            };
         };
         calendar: {
             weekdaysLong: string[];
@@ -2081,6 +3046,19 @@ declare const resources: {
                 birthday: string;
                 multipleSelection: string;
             };
+            texts: {
+                enabledNotifications: string;
+                create: string;
+                read: string;
+                update: string;
+                delete: string;
+                selectAll: string;
+                termsAndConditions: string;
+                campaignTitle: string;
+                campaignDescription: string;
+                formTitle: string;
+                formDescription: string;
+            };
             options: {
                 all: string;
                 male: string;
@@ -2089,11 +3067,6 @@ declare const resources: {
                     turkish: string;
                     english: string;
                 };
-                currencies: {
-                    TRY: string;
-                    EUR: string;
-                    USD: string;
-                };
             };
             buttons: {
                 submit: string;
@@ -2114,7 +3087,6 @@ declare const resources: {
                 invalidURL: string;
                 fieldMustBeDifferent: string;
                 forbiddenWords: string;
-                multipleOf: string;
             };
             uploader: {
                 header: string;
@@ -2135,13 +3107,6 @@ declare const resources: {
                 areYouSureToDeleteThisFile: string;
                 yes: string;
                 no: string;
-                cropImage: string;
-                crop: string;
-                cancel: string;
-                width: string;
-                height: string;
-                imageTooSmall: string;
-                imageTooSmallMessage: string;
             };
             results: {
                 authentication: {
@@ -2154,6 +3119,21 @@ declare const resources: {
                 TRY: string;
                 EUR: string;
                 USD: string;
+                GBP: string;
+                JPY: string;
+                CHF: string;
+                CAD: string;
+                AUD: string;
+                NZD: string;
+                RUB: string;
+                INR: string;
+                BRL: string;
+                MXN: string;
+                ARS: string;
+                CLP: string;
+                COP: string;
+                PEN: string;
+                ZAR: string;
             };
             countries: {
                 af: string;
@@ -2359,9 +3339,6 @@ declare const resources: {
                 firstDay: number;
                 format: string;
             };
-            tabs: {
-                more: string;
-            };
         };
         calendar: {
             weekdaysLong: string[];
@@ -2373,5 +3350,5 @@ declare const resources: {
     };
 };
 
-export { ALink, Accordion, AddDefaultThemeStyle, AddDefaultUnit, AddZero, Alert, Arrow as ArrowIcon, BackToTop, BackTop, Base64Decode, Base64Encode, Button, Calendar, Card, CheckFileURL, Checkbox, Checkmark, ChunkArray, Collapse, ComponentPositions, ComponentSizes, ComponentSizesSlug, ConnectionStatus, ConsoleLog, ConvertCurrency, DatePicker, DetermineNewHeight, DetermineNewWidth, FileChecker, FileDocument, FileExcel, FileExtensions, FilePdf, FileTypes, FindSelector, Flex, Form, FormValidationTypes, FormatBytes, FormatDate, FormatDateTime, FormatSimpleDate, FormatSimpleDateTime, FormatTime, GetByCurrency, GetCountryCodeByCurrencyCode, GetCountryCodeByLanguage, GetCurrencyFormat, GetCurrencySymbol, GetDecimalByCurrency, GetTypeByFileType, H1, H2, H3, H4, ITDContext, ITDProvider, _default as Image, ImageCropper, _default$4 as InlineSVGCached, InlineSelect, InlineSelectArrow, Input, IsValidJSON, Lock as LockIcon, ModalManager, ModalState, NoData, Notification, Picture, Progress, Radio, RemoveUnits, Result, SVGLoader, Select, Spin, Status, Switch, Table, Tabs, TextArea, TinyScrollbar, Trash, UniUpperCase, UpdateThemeStyle, Upload, Upload$1 as UploadIcon, Wait, ZoomIn, ZoomOut, resources, toKebabCase, useAddExternalCSS, useAvoidCollision, useComponentSize, useConnectionStatus, useConstructor, useContextBridge, useCoreFetch, useKeyboardShortcut, useModal, useModalFull, useModalState, useMultiQuery, useOnClickOutside, useOnESCKeyDown, useOnResize, useOrientation, useReCaptcha, useSingleQuery };
-export type { AccordionItemProps, AccordionProps, AccordionSubMenuProps, AlertProps, AlertSize, AlertType, ButtonProps, ButtonState, ButtonType, ButtonVariant, CalendarDayProps, CalendarProps, CalendarValueProps, CardProps, CheckboxEvent, CheckboxGroupProps, CheckboxProps, CropArea, CropSettings, DatePickerProps, Direction, FieldUpdateProps, FlexAlignProps, FlexGapProps, FlexJustifyProps, FlexProps, FormContextType, FormItemProps, FormProps, FormRuleProps, FormSubComponentProps, FormValueProps, GroupCheckboxOptionType, ITDContextType, ITDImperativeFuncProps, ITDProviderProps, ITDSize, ITDSizeSlug, ImageCropperProps, ImageCropperRef, InputProps, InputVariant, ModalContentProps, ModalProps, ModalRefProps, NotificationContextType, NotificationsProps, ProgressProps, ProgressStatus, QueryValueProps, RadioButtonProps, RadioGroupProps, RadioType, ResultProps, SelectDirection, SelectOptionProps, SelectPosition, SelectProps, SelectToggleProps, SelectValue, SelectVariant, SingleQueryProps, StatusProps, StatusVariant, SwitchProps, TableColumnType, TableProps, TableRefProps, TableRow, TableTRProps, TabsItemProps, TabsProps, TextAreaEvent, TextAreaProps, TextAreaVariant, UploadProgressProps, UploadProps, UploadResultMessageProps };
+export { 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 };