@ahmetilhn/hanui 5.4.0 → 5.6.0

package/build/index.d.ts

@@ -30,7 +30,7 @@ export declare const Accordion: typeof Accordion_2;
  * Akordeon — katlanabilir bölümler. Her bölüm bir `Disclosure`: yerel `<details>` mantığı (kontrollü
  * kipte DOM eşitlemesi, `onToggle`, pasif başlık) TEK yerde yaşar.
  */
-declare const Accordion_2: FC<Props_40>;
+declare const Accordion_2: FC<Props_41>;
 
 export declare type AccordionItem = {
     id: string;
@@ -45,7 +45,7 @@ export declare type AccordionItem = {
 export declare const Alert: typeof Alert_2;
 
 /** Bilgi / uyarı kutusu. */
-declare const Alert_2: FC<Props_18>;
+declare const Alert_2: FC<Props_19>;
 
 export declare type AlertTone = 'info' | 'success' | 'warning' | 'danger';
 
@@ -58,7 +58,7 @@ export declare const applyThemeConfig: (config: HanuiThemeConfig | undefined) =>
 export declare const Avatar: typeof Avatar_2;
 
 /** Avatar — kullanıcı madalyonu. */
-declare const Avatar_2: FC<Props_19>;
+declare const Avatar_2: FC<Props_20>;
 
 declare type AvatarShape = 'circle' | 'rounded';
 
@@ -71,7 +71,7 @@ declare type AvatarTone = 'auto' | 'brand';
 export declare const Badge: typeof Badge_2;
 
 /** Rozet — durum ve sınıflandırma etiketi. */
-declare const Badge_2: FC<Props_20>;
+declare const Badge_2: FC<Props_21>;
 
 export declare type BadgeTone = 'neutral' | 'success' | 'danger' | 'warning' | 'info'
 /** Birincil sınıflandırma tinti (yeşil aile — örn. "Orijinal"). */
@@ -154,12 +154,12 @@ declare type BaseProps_4 = {
     testId?: string;
 };
 
-export declare const BottomSheet: MemoExoticComponent<({ title, closeLabel, onClose, children, toolbar, footer, closeAbove, className, testId, }: Props_46) => ReactPortal | null>;
+export declare const BottomSheet: MemoExoticComponent<({ title, closeLabel, onClose, children, toolbar, footer, closeAbove, className, testId, }: Props_47) => ReactPortal | null>;
 
 export declare const Breadcrumb: typeof Breadcrumb_2;
 
 /** Kırıntı yolu. */
-declare const Breadcrumb_2: FC<Props_21>;
+declare const Breadcrumb_2: FC<Props_22>;
 
 /** Yapılandırmayı CSS metnine çevirir. */
 export declare const buildThemeCss: (config: HanuiThemeConfig) => string;
@@ -263,7 +263,7 @@ declare type CardSectionProps = {
 export declare const Carousel: typeof Carousel_2;
 
 /** Kaydırılabilir şerit (carousel). */
-declare const Carousel_2: FC<Props_22>;
+declare const Carousel_2: FC<Props_23>;
 
 export declare const Checkbox: typeof Checkbox_2;
 
@@ -343,7 +343,7 @@ export declare const CodeBadge: typeof CodeBadge_2;
  * Etkileşimli kipte (`onClick` / `href`) kod bir düğme ya da bağlantıdır; kopyalama düğmesi onun
  * KARDEŞİ kalır (iç içe düğme geçersiz HTML).
  */
-declare const CodeBadge_2: FC<Props_23>;
+declare const CodeBadge_2: FC<Props_24>;
 
 export declare type CodeBadgeSize = 'xs' | 'sm' | 'md' | 'lg';
 
@@ -419,7 +419,7 @@ export declare type CommandItem = {
 export declare const CommandPalette: typeof CommandPalette_2;
 
 /** Komut paleti — klavyeyle her şeye ulaşma. */
-declare const CommandPalette_2: ({ isOpen, onClose, items, label, searchPlaceholder, emptyMessage, hotkey, onOpen, className, testId, }: Props_48) => JSX.Element;
+declare const CommandPalette_2: ({ isOpen, onClose, items, label, searchPlaceholder, emptyMessage, hotkey, onOpen, className, testId, }: Props_49) => JSX.Element;
 
 /** Her bileşenin kabul ettiği ortak kanca noktaları. */
 export declare type CommonElementProps = Partial<{
@@ -440,14 +440,36 @@ export declare const ConfirmDialog: typeof ConfirmDialog_2;
  * Onay penceresi.
  * @example const [target, setTarget] = useState<Address | null>(null);
  */
-declare const ConfirmDialog_2: FC<Props_49>;
+declare const ConfirmDialog_2: FC<Props_50>;
 
 export declare type ConfirmKind = 'destructive' | 'warning' | 'neutral';
 
+export declare const ContextMenu: MemoExoticComponent<({ point, onClose, items, label, header, className, testId, }: ContextMenuProps) => JSX.Element>;
+
+declare type ContextMenuProps = {
+    /**
+     * Açılış noktası — `contextmenu` olayının `clientX` / `clientY`si (görünüm alanı koordinatı).
+     * `null` iken menü kapalı.
+     */
+    point: {
+        x: number;
+        y: number;
+    } | null;
+    /** Escape, Tab, dışarı tıklama ya da seçilen eylemden sonra çağrılır; çağıran `point`i `null` yapar. */
+    onClose: () => void;
+    items: MenuItem[];
+    /** Menünün erişilebilir adı ("Seçim seçenekleri"). */
+    label: string;
+    /** Eylemlerin ÜSTÜNDE okunan bağlam (seçimin özeti, ölçümler) — `role="menu"`nün DIŞINDA. */
+    header?: ReactNode;
+    className?: string;
+    testId?: string;
+};
+
 export declare const CopyField: typeof CopyField_2;
 
 /** Kopyalanabilir teknik değer — tek dokunuşla panoya. */
-declare const CopyField_2: FC<Props_26>;
+declare const CopyField_2: FC<Props_27>;
 
 export declare type Crumb = {
     label: string;
@@ -461,7 +483,7 @@ export declare const DARK_THEME: Record<keyof typeof LIGHT_THEME, string>;
 export declare const DataTable: typeof DataTable_2;
 
 /** Operasyon veri tablosu — durum satırlı tablo sözleşmesi. */
-declare const DataTable_2: FC<Props_53>;
+declare const DataTable_2: FC<Props_54>;
 
 export declare type DataTableColumn = {
     /** Sütun kimliği (React key). */
@@ -487,13 +509,15 @@ export declare const DataTableRow: FC<RowProps>;
 export declare const DateField: typeof DateField_2;
 
 /** Tarih alanı — yerel `<input type="date">`. */
-declare const DateField_2: ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
+declare const DateField_2: ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
 /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */
 type?: "date" | "datetime-local" | "month" | "time";
+/** `sm` yoğun şeritler içindir (araç çubuğu, `Select size="sm"` yanında); varsayılan form ölçüsü `md`. */
+size?: "sm" | "md";
 testId?: string;
 } & RefAttributes<HTMLInputElement>>;
 
-export declare const DateRange: MemoExoticComponent<({ value, onChange, startLabel, endLabel, separator, min, max, isSummaryVisible, isDisabled, className, testId, }: RangeProps) => JSX.Element>;
+export declare const DateRange: MemoExoticComponent<({ value, onChange, startLabel, endLabel, separator, min, max, isSummaryVisible, size, isDisabled, className, testId, }: RangeProps) => JSX.Element>;
 
 export declare type DateRangeValue = {
     /** ISO tarih (`YYYY-MM-DD`) ya da boş dize. */
@@ -574,24 +598,24 @@ export declare const Disclosure: typeof Disclosure_2;
  * ⚠ Yerel öğe bilinçli: odak, klavye ve ekran okuyucunun "genişletildi / daraltıldı" duyurusu
  * tarayıcıdan geliyor. Taklit bir `button[aria-expanded]` bunları yeniden yazmak demekti.
  */
-declare const Disclosure_2: FC<Props_41>;
+declare const Disclosure_2: FC<Props_42>;
 
 export declare type DisclosureVariant = 'framed' | 'plain';
 
 export declare const Divider: typeof Divider_2;
 
 /** Ayırıcı çizgi. */
-declare const Divider_2: FC<Props_27>;
+declare const Divider_2: FC<Props_28>;
 
 export declare const Drawer: typeof Drawer_2;
 
 /** Çekmece (drawer) — kenardan açılan kipsel panel. */
-declare const Drawer_2: ({ isOpen, onClose, title, closeLabel, children, side, size, footer, toolbar, className, testId, }: Props_50) => JSX.Element;
+declare const Drawer_2: ({ isOpen, onClose, title, closeLabel, children, side, size, footer, toolbar, className, testId, }: Props_51) => JSX.Element;
 
 export declare const EmptyState: typeof EmptyState_2;
 
 /** Boş durum. */
-declare const EmptyState_2: FC<Props_28>;
+declare const EmptyState_2: FC<Props_29>;
 
 export declare const Field: typeof Field_2;
 
@@ -600,7 +624,7 @@ export declare const Field: typeof Field_2;
  * @example <Field label="E-posta" isRequired requiredLabel="(zorunlu)"…
  * @example // `{...props}` yaymayan bileşenlerde (Combobox, Select) yalnızca `id`…
  */
-declare const Field_2: FC<Props_16>;
+declare const Field_2: FC<Props_17>;
 
 /** Girdiye yayılacak erişilebilirlik bağları. */
 export declare type FieldChildProps = {
@@ -620,12 +644,12 @@ declare type FieldProps = {
 export declare const FileUpload: typeof FileUpload_2;
 
 /** Dosya yükleme — sürükle-bırak ve düğme. */
-declare const FileUpload_2: ({ files, onSelect, onRemove, label, hint, accept, isMultiple, maxSize, removeLabel, dropLabel, sizeErrorText, isDisabled, error, children, className, testId, }: Props_17) => JSX.Element;
+declare const FileUpload_2: ({ files, onSelect, onRemove, label, hint, accept, isMultiple, maxSize, removeLabel, dropLabel, sizeErrorText, isDisabled, error, children, className, testId, }: Props_18) => JSX.Element;
 
 export declare const FilterBar: typeof FilterBar_2;
 
 /** Filtre şeridi. */
-declare const FilterBar_2: FC<Props_54>;
+declare const FilterBar_2: FC<Props_55>;
 
 /** Şerit içindeki tek alanın genişlik sözleşmesi. */
 export declare const FilterBarField: FC<FieldProps>;
@@ -955,13 +979,15 @@ export declare type InitHanuiOptions = Partial<{
 export declare const Input: typeof Input_2;
 
 /** Metin girdisi. */
-declare const Input_2: ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix"> & {
+declare const Input_2: ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> & {
 /** Solda gösterilen ikon veya ön ek (arama simgesi, para birimi). */
 prefix?: ReactNode;
 /** Sağda gösterilen ikon veya birim (göz simgesi, "kg"). */
 suffix?: ReactNode;
 /** Teknik veri: */
 isTechnical?: boolean;
+/** `sm` yoğun şeritler içindir (araç çubuğu, `Select size="sm"` yanında); varsayılan form ölçüsü `md`. */
+size?: "sm" | "md";
 testId?: string;
 } & RefAttributes<HTMLInputElement>>;
 
@@ -971,7 +997,7 @@ export declare const Kbd: typeof Kbd_2;
  * Klavye kısayolu — `<kbd>` içinde her tuş kendi `<kbd>`si (HTML'in birleşik tuş deseni).
  * Ekran okuyucu "Shift artı Enter" diye okur; yalnızca görsel bir ipucuysa `aria-hidden` geçin.
  */
-declare const Kbd_2: FC<Props_24>;
+declare const Kbd_2: FC<Props_25>;
 
 /** AÇIK TEMA — varsayılan. */
 export declare const LIGHT_THEME: {
@@ -1208,7 +1234,7 @@ export declare const MOBILE_BREAKPOINT = 640;
 export declare const Modal: typeof Modal_2;
 
 /** Kip pencere (modal). */
-declare const Modal_2: ({ isOpen, onClose, title, closeLabel, children, description, footer, icon, tone, size, isDismissable, className, testId, }: Props_47) => JSX.Element;
+declare const Modal_2: ({ isOpen, onClose, title, closeLabel, children, description, footer, icon, tone, size, isDismissable, className, testId, }: Props_48) => JSX.Element;
 
 export declare type ModalTone = 'neutral' | 'danger' | 'warning' | 'success' | 'info';
 
@@ -1224,12 +1250,12 @@ export declare const normalizeSearchTerm: (value: string) => string;
 export declare const PageHeader: typeof PageHeader_2;
 
 /** Sayfa başlığı — her ekranın aynı giriş bloğu. */
-declare const PageHeader_2: FC<Props_29>;
+declare const PageHeader_2: FC<Props_30>;
 
 export declare const Pagination: typeof Pagination_2;
 
 /** Sayfalama. */
-declare const Pagination_2: FC<Props_55>;
+declare const Pagination_2: FC<Props_56>;
 
 export declare const Panel: typeof Panel_2;
 
@@ -1237,7 +1263,7 @@ export declare const Panel: typeof Panel_2;
  * Panel — başlığı olan içerik kutusu.
  * @example <Panel title="Profil bilgileri" description="Fatura bu bilgilerle kesilir">…
  */
-declare const Panel_2: FC<Props_30>;
+declare const Panel_2: FC<Props_31>;
 
 /** Panel içindeki form ızgarası. */
 export declare const PanelForm: FC<PanelFormProps>;
@@ -1284,6 +1310,13 @@ export declare type PositioningOptions = {
     isOpen: boolean;
 };
 
+declare type PositioningRect = {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+};
+
 export declare type PositioningState = {
     /** Yüzeye uygulanacak stil — `position: fixed` + hesaplanmış koordinat. */
     style: {
@@ -1309,19 +1342,19 @@ export declare type PositionSide = 'top' | 'bottom' | 'left' | 'right';
 export declare const Price: typeof Price_2;
 
 /** Tutar gösterimi. */
-declare const Price_2: FC<Props_31>;
+declare const Price_2: FC<Props_32>;
 
 export declare const Progress: typeof Progress_2;
 
 /** İlerleme çubuğu — ölçülebilir bekleme. */
-declare const Progress_2: ({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: Props_38) => JSX.Element;
+declare const Progress_2: ({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: Props_39) => JSX.Element;
 
 export declare const ProgressCircle: MemoExoticComponent<({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: CircleProps) => JSX.Element>;
 
 export declare const PromptDialog: typeof PromptDialog_2;
 
 /** Metin isteyen pencere — `window.prompt()` yerine. */
-declare const PromptDialog_2: FC<Props_51>;
+declare const PromptDialog_2: FC<Props_52>;
 
 declare type Props = {
     children: ReactNode;
@@ -1402,7 +1435,7 @@ declare type Props_13 = {
     testId?: string;
 };
 
-declare type Props_14 = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+declare type Props_14 = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
     /** Şifre gizliyken düğmenin erişilebilir adı. */
     showLabel?: string;
     /** Şifre görünürken düğmenin erişilebilir adı. */
@@ -1431,13 +1464,21 @@ declare type Props_15 = {
     testId?: string;
 };
 
-declare type Props_16 = BaseProps_2 & {
+declare type Props_16 = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> & {
+    /** `date` (varsayılan) · `datetime-local` · `month` · `time`. */
+    type?: 'date' | 'datetime-local' | 'month' | 'time';
+    /** `sm` yoğun şeritler içindir (araç çubuğu, `Select size="sm"` yanında); varsayılan form ölçüsü `md`. */
+    size?: 'sm' | 'md';
+    testId?: string;
+};
+
+declare type Props_17 = BaseProps_2 & {
     isRequired?: boolean;
     /** Zorunluluk yıldızının ekran okuyucu karşılığı ("(zorunlu)"). */
     requiredLabel?: string;
 };
 
-declare type Props_17 = {
+declare type Props_18 = {
     files: UploadFile[];
     /** Kullanıcı dosya seçtiğinde/bıraktığında çağrılır — DOĞRULANMIŞ liste. */
     onSelect: (files: File[]) => void;
@@ -1465,7 +1506,7 @@ declare type Props_17 = {
     testId?: string;
 };
 
-declare type Props_18 = {
+declare type Props_19 = {
     children: ReactNode;
     tone?: AlertTone;
     title?: string;
@@ -1475,7 +1516,12 @@ declare type Props_18 = {
     testId?: string;
 };
 
-declare type Props_19 = {
+declare type Props_2 = {
+    /** Kullanıcının seçiminin tutulduğu `localStorage` anahtarı. */
+    storageKey: string;
+};
+
+declare type Props_20 = {
     /** Tam ad; baş harfler buradan üretilir ve her durumda okunan addır (`aria-label`). */
     name: string;
     /** Profil görseli. */
@@ -1491,12 +1537,7 @@ declare type Props_19 = {
     testId?: string;
 };
 
-declare type Props_2 = {
-    /** Kullanıcının seçiminin tutulduğu `localStorage` anahtarı. */
-    storageKey: string;
-};
-
-declare type Props_20 = {
+declare type Props_21 = {
     children: ReactNode;
     tone?: BadgeTone;
     variant?: BadgeVariant;
@@ -1506,7 +1547,7 @@ declare type Props_20 = {
     testId?: string;
 };
 
-declare type Props_21 = {
+declare type Props_22 = {
     items: Crumb[];
     /** Gezinme bölgesinin erişilebilir adı. */
     label?: string;
@@ -1516,7 +1557,7 @@ declare type Props_21 = {
     testId?: string;
 };
 
-declare type Props_22 = {
+declare type Props_23 = {
     children: ReactNode;
     /** Şeridin erişilebilir adı ("Öne çıkan ürünler"). */
     label: string;
@@ -1536,7 +1577,7 @@ declare type Props_22 = {
     testId?: string;
 };
 
-declare type Props_23 = {
+declare type Props_24 = {
     /** Gösterilecek teknik kod (arıza kodu, parça numarası, şase). */
     code: string;
     /** Kopyalama düğmesi ekler. */
@@ -1562,12 +1603,12 @@ declare type Props_23 = {
     testId?: string;
 };
 
-declare type Props_24 = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
+declare type Props_25 = Omit<HTMLAttributes<HTMLElement>, 'children'> & {
     /** Basılacak tuşlar, sırayla: `['Shift', 'Enter']`. Tek tuş da bir dizi: `['⌘K']`. */
     keys: string[];
 };
 
-declare type Props_25 = {
+declare type Props_26 = {
     tone?: StatusDotTone;
     /**
      * Durumun okunan adı ("Bağlı", "Çalışıyor"). ZORUNLU: nokta yalnızca renk ve renk tek başına
@@ -1580,7 +1621,7 @@ declare type Props_25 = {
     testId?: string;
 };
 
-declare type Props_26 = {
+declare type Props_27 = {
     /** Gösterilecek ve panoya kopyalanacak değer. */
     value: string;
     /** Kopyalama düğmesinin erişilebilir adı. */
@@ -1596,13 +1637,13 @@ declare type Props_26 = {
     testId?: string;
 };
 
-declare type Props_27 = {
+declare type Props_28 = {
     /** Ortada gösterilen metin ("veya"). */
     label?: string;
     className?: string;
 };
 
-declare type Props_28 = {
+declare type Props_29 = {
     title: string;
     description?: string;
     icon?: ReactNode;
@@ -1617,7 +1658,18 @@ declare type Props_28 = {
     testId?: string;
 };
 
-declare type Props_29 = {
+declare type Props_3 = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
+    href: string;
+    children: ReactNode;
+    /** Sonda ok gösterilir — "devam et" anlamı taşıyan bağlantılarda. */
+    hasArrow?: boolean;
+    tone?: 'brand' | 'muted';
+    size?: 'sm' | 'md';
+    /** Yönlendiriciye geçirilecek ek props. */
+    linkProps?: HanuiLinkExtraProps;
+};
+
+declare type Props_30 = {
     title: string;
     /** Başlığın üstündeki küçük bağlam etiketi ("HESABIM", "KATEGORİ"). */
     eyebrow?: string;
@@ -1637,18 +1689,7 @@ declare type Props_29 = {
     testId?: string;
 };
 
-declare type Props_3 = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'> & {
-    href: string;
-    children: ReactNode;
-    /** Sonda ok gösterilir — "devam et" anlamı taşıyan bağlantılarda. */
-    hasArrow?: boolean;
-    tone?: 'brand' | 'muted';
-    size?: 'sm' | 'md';
-    /** Yönlendiriciye geçirilecek ek props. */
-    linkProps?: HanuiLinkExtraProps;
-};
-
-declare type Props_30 = {
+declare type Props_31 = {
     children: ReactNode;
     /** Panel başlığı. */
     title?: string;
@@ -1670,7 +1711,7 @@ declare type Props_30 = {
     testId?: string;
 };
 
-declare type Props_31 = {
+declare type Props_32 = {
     /** BİÇİMLENMİŞ tutar: "1.299,90". */
     value: string;
     /** Para birimi simgesi ya da kodu. */
@@ -1688,7 +1729,7 @@ declare type Props_31 = {
     testId?: string;
 };
 
-declare type Props_32 = {
+declare type Props_33 = {
     /** 0–5 arası puan. */
     value: number;
     /** Değerlendirme sayısı; verilirse yıldızların yanında gösterilir. */
@@ -1700,7 +1741,7 @@ declare type Props_32 = {
     testId?: string;
 };
 
-declare type Props_33 = {
+declare type Props_34 = {
     title: string;
     description?: string;
     /** Üstte gösterilen küçük büyük-harf etiket. */
@@ -1713,7 +1754,7 @@ declare type Props_33 = {
     testId?: string;
 };
 
-declare type Props_34 = {
+declare type Props_35 = {
     children: ReactNode;
     /** Kaydırılabilir bölgenin erişilebilir adı. */
     label: string;
@@ -1732,7 +1773,7 @@ declare type Props_34 = {
     testId?: string;
 };
 
-declare type Props_35 = {
+declare type Props_36 = {
     /** Genişlik: sayı px, dize doğrudan CSS değeri. */
     width?: number | string;
     height?: number | string;
@@ -1743,7 +1784,7 @@ declare type Props_35 = {
     className?: string;
 };
 
-declare type Props_36 = {
+declare type Props_37 = {
     /** Ölçülen şeyin adı ("Bugünkü sipariş"). */
     label: string;
     /** Değerin KENDİSİ — biçimlendirilmiş dize. */
@@ -1771,7 +1812,7 @@ declare type Props_36 = {
     testId?: string;
 };
 
-declare type Props_37 = {
+declare type Props_38 = {
     /** Kart başlığı — aynı zamanda bağlantı metni. */
     title: string;
     href: string;
@@ -1789,7 +1830,7 @@ declare type Props_37 = {
     testId?: string;
 };
 
-declare type Props_38 = {
+declare type Props_39 = {
     /**
      * Tamamlanan miktar. `undefined` → BELİRSİZ ilerleme (sonu bilinmiyor); çubuk kendi kendine akar.
      */
@@ -1814,13 +1855,6 @@ declare type Props_38 = {
     testId?: string;
 };
 
-declare type Props_39 = {
-    size?: 'sm' | 'md' | 'lg';
-    /** Ekran okuyucuya okunacak metin; görsel olarak gizli. */
-    label?: string;
-    className?: string;
-};
-
 declare type Props_4 = {
     /** Balonda gösterilecek açıklama. */
     content: ReactNode;
@@ -1840,6 +1874,13 @@ declare type Props_4 = {
 };
 
 declare type Props_40 = {
+    size?: 'sm' | 'md' | 'lg';
+    /** Ekran okuyucuya okunacak metin; görsel olarak gizli. */
+    label?: string;
+    className?: string;
+};
+
+declare type Props_41 = {
     items: AccordionItem[];
     /** Aynı anda YALNIZCA BİR bölüm açık kalır. */
     isSingle?: boolean;
@@ -1852,7 +1893,7 @@ declare type Props_40 = {
     testId?: string;
 };
 
-declare type Props_41 = {
+declare type Props_42 = {
     /** Başlık satırı — tıklanabilir olan bu. */
     summary: ReactNode;
     /** Başlığın sağında duran ikincil bilgi (süre, sayaç, rozet). */
@@ -1874,7 +1915,7 @@ declare type Props_41 = {
     testId?: string;
 };
 
-declare type Props_42 = {
+declare type Props_43 = {
     steps: StepItem[];
     /** Bulunulan adımın DİZİNİ (0 tabanlı). */
     currentIndex?: number;
@@ -1887,7 +1928,7 @@ declare type Props_42 = {
     testId?: string;
 };
 
-declare type Props_43 = {
+declare type Props_44 = {
     items: TabItem[];
     /** Kontrolsüz kullanımda açılışta seçili sekme. */
     defaultTabId?: string;
@@ -1902,7 +1943,7 @@ declare type Props_43 = {
     testId?: string;
 };
 
-declare type Props_44 = {
+declare type Props_45 = {
     label: string;
     /** İkon DIŞARIDAN gelir: hangi ikonun hangi konuya ait olduğu uygulamanın bilgisi. */
     icon: ReactNode;
@@ -1916,7 +1957,7 @@ declare type Props_44 = {
     testId?: string;
 };
 
-declare type Props_45 = {
+declare type Props_46 = {
     events: TimelineEvent[];
     /** Akışın erişilebilir adı ("Sipariş geçmişi"). */
     label: string;
@@ -1924,7 +1965,7 @@ declare type Props_45 = {
     testId?: string;
 };
 
-declare type Props_46 = {
+declare type Props_47 = {
     title: string;
     /** Kapatma düğmesinin erişilebilir adı. */
     closeLabel?: string;
@@ -1943,7 +1984,7 @@ declare type Props_46 = {
     testId?: string;
 };
 
-declare type Props_47 = {
+declare type Props_48 = {
     isOpen: boolean;
     onClose: () => void;
     title: string;
@@ -1966,7 +2007,7 @@ declare type Props_47 = {
     testId?: string;
 };
 
-declare type Props_48 = {
+declare type Props_49 = {
     isOpen: boolean;
     onClose: () => void;
     items: CommandItem[];
@@ -1987,7 +2028,19 @@ declare type Props_48 = {
     testId?: string;
 };
 
-declare type Props_49 = {
+declare type Props_5 = {
+    /** Tetikleyici. */
+    trigger: ReactElement;
+    items: MenuItem[];
+    /** Menünün erişilebilir adı ("Satır eylemleri"). */
+    label: string;
+    side?: PositionSide;
+    align?: PositionAlign;
+    className?: string;
+    testId?: string;
+};
+
+declare type Props_50 = {
     isOpen: boolean;
     onClose: () => void;
     /**
@@ -2013,19 +2066,7 @@ declare type Props_49 = {
     children?: ReactNode;
 };
 
-declare type Props_5 = {
-    /** Tetikleyici. */
-    trigger: ReactElement;
-    items: MenuItem[];
-    /** Menünün erişilebilir adı ("Satır eylemleri"). */
-    label: string;
-    side?: PositionSide;
-    align?: PositionAlign;
-    className?: string;
-    testId?: string;
-};
-
-declare type Props_50 = {
+declare type Props_51 = {
     isOpen: boolean;
     onClose: () => void;
     title: string;
@@ -2043,14 +2084,14 @@ declare type Props_50 = {
     testId?: string;
 };
 
-declare type Props_51 = BaseProps_3 & {
+declare type Props_52 = BaseProps_3 & {
     /** Boş (yalnızca boşluk dahil) değer gönderilemez. */
     isRequired?: boolean;
     /** Zorunluluk yıldızının ekran okuyucu karşılığı ("(zorunlu)"). */
     requiredLabel?: string;
 };
 
-declare type Props_52 = TableHTMLAttributes<HTMLTableElement> & Partial<{
+declare type Props_53 = TableHTMLAttributes<HTMLTableElement> & Partial<{
     /** Hücre dolgusu. */
     density: 'compact' | 'regular' | 'spacious';
     /** Başlık satırı `$surface-2` zeminle kutunun içinde YAPIŞKAN kalır. */
@@ -2059,7 +2100,7 @@ declare type Props_52 = TableHTMLAttributes<HTMLTableElement> & Partial<{
     hasRowHover: boolean;
 }>;
 
-declare type Props_53 = {
+declare type Props_54 = {
     columns: DataTableColumn[];
     /**
      * Tablonun erişilebilir adı ("Bekleyen siparişler").
@@ -2091,7 +2132,7 @@ declare type Props_53 = {
     testId?: string;
 };
 
-declare type Props_54 = {
+declare type Props_55 = {
     /**
      * Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca durumunu günceller
      * (sayfayı 1'e almak + aramayı uygulamak gibi).
@@ -2107,7 +2148,7 @@ declare type Props_54 = {
     testId?: string;
 };
 
-declare type Props_55 = LinkProps | ButtonProps;
+declare type Props_56 = LinkProps | ButtonProps;
 
 declare type Props_6 = {
     /** Tetikleyici. */
@@ -2205,6 +2246,8 @@ declare type RangeProps = {
     max?: string;
     /** Seçilen aralığın okunur özetini gösterir. */
     isSummaryVisible?: boolean;
+    /** İki alanın ölçüsü — `DateField.size`. */
+    size?: Props_16['size'];
     isDisabled?: boolean;
     className?: string;
     testId?: string;
@@ -2220,7 +2263,7 @@ export declare type RangeValue = [number, number];
 export declare const Rating: typeof Rating_2;
 
 /** Yıldız puanı — salt gösterim. */
-declare const Rating_2: FC<Props_32>;
+declare const Rating_2: FC<Props_33>;
 
 export declare const RatingInput: typeof RatingInput_2;
 
@@ -2242,7 +2285,7 @@ declare type RowProps = HTMLAttributes<HTMLTableRowElement> & {
 export declare const ScrollArea: typeof ScrollArea_2;
 
 /** Kaydırma kutusu — klavyeyle erişilebilir kaydırma bölgesi. */
-declare const ScrollArea_2: FC<Props_34>;
+declare const ScrollArea_2: FC<Props_35>;
 
 declare type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
     /** Çerçeve (hairline + yarıçap + yüzey). */
@@ -2258,7 +2301,7 @@ declare type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
 export declare const SectionHeader: typeof SectionHeader_2;
 
 /** Bölüm başlığı. */
-declare const SectionHeader_2: FC<Props_33>;
+declare const SectionHeader_2: FC<Props_34>;
 
 export declare const SegmentedControl: typeof SegmentedControl_2;
 
@@ -2300,7 +2343,7 @@ declare type SingleProps<T extends string> = BaseProps<T> & {
 export declare const Skeleton: typeof Skeleton_2;
 
 /** Yükleme iskeleti. */
-declare const Skeleton_2: FC<Props_35>;
+declare const Skeleton_2: FC<Props_36>;
 
 export declare const SkeletonCard: NamedExoticComponent<ShapeProps>;
 
@@ -2313,12 +2356,12 @@ columns?: number;
 export declare const Spinner: typeof Spinner_2;
 
 /** Yükleme göstergesi. */
-declare const Spinner_2: FC<Props_39>;
+declare const Spinner_2: FC<Props_40>;
 
 export declare const Stat: typeof Stat_2;
 
 /** Ölçüm kutusu (KPI). */
-declare const Stat_2: FC<Props_36>;
+declare const Stat_2: FC<Props_37>;
 
 /** Değişimin yönü. `flat` "değişmedi" — yokluk DEĞİL. */
 export declare type StatTrend = 'up' | 'down' | 'flat';
@@ -2331,7 +2374,7 @@ export declare const StatusDot: typeof StatusDot_2;
  * ⚠ Marka tonu YOK (`brand`): nokta bir durum taşır, marka yüzeyi değil. Süren iş `neutral` +
  * `isPulsing` ile anlatılır; yeşil yalnızca anlamsal başarıda (`success`).
  */
-declare const StatusDot_2: FC<Props_25>;
+declare const StatusDot_2: FC<Props_26>;
 
 export declare type StatusDotTone = 'neutral' | 'success' | 'warning' | 'danger';
 
@@ -2345,7 +2388,7 @@ export declare type StepItem = {
 export declare const Steps: typeof Steps_2;
 
 /** Adım göstergesi (stepper) — çok adımlı akışta NEREDE olunduğu. */
-declare const Steps_2: FC<Props_42>;
+declare const Steps_2: FC<Props_43>;
 
 declare type StickToBottom = {
     /** Kutu sonda mı (pay dahilinde). `false` iken "en yeniye in" düğmesi gösterilir. */
@@ -2357,7 +2400,7 @@ declare type StickToBottom = {
 export declare const SummaryCard: typeof SummaryCard_2;
 
 /** Özet kartı — başlık + kısa açıklama + meta satırı taşıyan BAĞLANTILI kart. */
-declare const SummaryCard_2: FC<Props_37>;
+declare const SummaryCard_2: FC<Props_38>;
 
 export declare type SummaryCardHeadingLevel = 2 | 3 | 4;
 
@@ -2389,7 +2432,7 @@ export declare type TabItem = {
 export declare const Table: typeof Table_2;
 
 /** Temel tablo — hairline satır ayrımı, `$surface-2` başlık, yoğunluk ölçeği. */
-declare const Table_2: FC<Props_52>;
+declare const Table_2: FC<Props_53>;
 
 export declare const TableCheckbox: typeof TableCheckbox_2;
 
@@ -2419,7 +2462,7 @@ export declare const TABLET_PORTRAIT_BREAKPOINT = 768;
 export declare const Tabs: typeof Tabs_2;
 
 /** Sekmeler. */
-declare const Tabs_2: FC<Props_43>;
+declare const Tabs_2: FC<Props_44>;
 
 export declare const TagInput: typeof TagInput_2;
 
@@ -2458,12 +2501,12 @@ export declare const THEME_ATTRIBUTE = "data-hanui-theme";
 export declare const Tile: typeof Tile_2;
 
 /** Karo — ikon madalyonu + etiket. */
-declare const Tile_2: ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props_44) => JSX.Element;
+declare const Tile_2: ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props_45) => JSX.Element;
 
 export declare const Timeline: typeof Timeline_2;
 
 /** Zaman çizelgesi — sipariş durumu, işlem geçmişi. */
-declare const Timeline_2: FC<Props_45>;
+declare const Timeline_2: FC<Props_46>;
 
 export declare type TimelineEvent = {
     id: string;
@@ -2598,7 +2641,9 @@ export declare const useListboxNavigation: <T extends HTMLElement = HTMLElement>
  * temeli.
  */
 export declare const usePositioning: (anchorRef: {
-    current: HTMLElement | null;
+    current: {
+        getBoundingClientRect: () => PositioningRect;
+    } | null;
 }, surfaceRef: {
     current: HTMLElement | null;
 }, { side, align, offset, padding, isOpen }: PositioningOptions) => PositioningState;