@mari-ui/native 0.0.0-stage → 0.1.1

package/dist/index.d.ts

@@ -0,0 +1,2871 @@
+import * as React from 'react';
+import React__default, { ReactNode, ForwardRefExoticComponent, RefAttributes, ComponentRef, ReactElement } from 'react';
+import { StyleProp, ViewStyle, GestureResponderEvent, TextInputProps, TextStyle, PressableProps, View, FlatListProps, ViewProps, FlatList, TextProps as TextProps$1, DimensionValue, ImageSourcePropType, ImageStyle, Animated } from 'react-native';
+import { ColorRole, Variant, ExtendedSize, Size, Placement } from '@mari-ui/core';
+import { Theme } from '@mari-ui/tokens';
+
+/**
+ * Native `skeleton` sözleşmesi — web'deki (Faz 15) ile aynı: veri gelene kadar
+ * component KENDİ geometrisinde (aynı yükseklik, köşe, genişlik) yer tutucu
+ * çizer → yüklenince yerleşim kaymaz. Yer tutucu ekran okuyucudan gizlidir.
+ * `loading` ≠ `skeleton`: `loading` süren bir EYLEM (Button spinner'ı),
+ * `skeleton` henüz VERİ yok.
+ *
+ * Hareket: web'deki parıltının native karşılığı hafif nabız (opaklık).
+ * Sistemde "Hareketi azalt" açıksa sabit.
+ */
+interface SkeletonableProps {
+    /** Veri gelene kadar component'in kendi boyutunda iskelet çizer. */
+    skeleton?: boolean;
+}
+/**
+ * Yer tutucu kutu. `style` component'in GERÇEK geometrisini (yükseklik,
+ * köşe, iç boşluk) taşır; dolgu ve kenarlık burada iskelet tonuna çevrilir.
+ * `children` görünmez ama yer kaplar (ör. buton etiketi → aynı genişlik).
+ */
+declare function SkeletonBox({ style, children, animated }: Readonly<{
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+    animated?: boolean;
+}>): React.JSX.Element;
+
+/** İkon-only ve pill butonlar için — web'deki `ButtonShape` ile aynı. */
+type ButtonShape = "default" | "pill" | "circle" | "square";
+type ButtonIconPosition = "start" | "end";
+/** Web'deki `ButtonLoading` ile aynı sözleşme. */
+type ButtonLoading = boolean | {
+    /** ms — gösterge ancak bu süre dolunca belirir (kısa işlemlerde titreme olmasın). Buton yine HEMEN devre dışı olur. */
+    delay?: number;
+    /** Varsayılan dönen gösterge yerine kendi ikonunuz. */
+    icon?: ReactNode;
+    iconPosition?: ButtonIconPosition;
+};
+interface ButtonProps extends SkeletonableProps {
+    /** Semantik renk. Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Dolgu stili. Varsayılan: `solid`. Web ile aynı sözlük; `link` web'deki gibi alt çizgisiz, dolgusuz. */
+    variant?: Variant;
+    /** Native ölçek: xs 32 · sm 36 · md 44 · lg 50 · xl 56 (web 20–48). Varsayılan: `md`. */
+    size?: ExtendedSize;
+    shape?: ButtonShape;
+    /** Tam genişlik. */
+    block?: boolean;
+    disabled?: boolean;
+    /** Süren eylem: buton devre dışı + dönen gösterge. Nesne ile gecikme / özel ikon. */
+    loading?: ButtonLoading;
+    /**
+     * İkon (ör. lucide-react-native). `size` / `color` verilmezse butonun
+     * boyutuna (12–20px) ve yazı rengine göre verilir — web'deki gibi.
+     */
+    icon?: ReactNode;
+    iconPosition?: ButtonIconPosition;
+    onPress?: (event: GestureResponderEvent) => void;
+    onLongPress?: (event: GestureResponderEvent) => void;
+    /** Metin ya da öğe. Metin tek satırda kalır, sığmazsa "…" ile kesilir (web `truncate`). */
+    children?: ReactNode;
+    /** Kök `Pressable`e ek stil — web'deki `className`in native karşılığı. */
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    /** Yalnız ikonlu butonda ZORUNLU (ekran okuyucu adı). */
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+}
+
+/**
+ * Web `Button` ile aynı eksenler, renkler ve davranış (web ↔ native ölçümüyle
+ * doğrulandı: renkler, kenarlık, kalınlık, varyantlar). Boyutlar native
+ * ölçekte (theme/nativeSize — Apple HIG + Material 3; md 44). Native
+ * farkları: `onClick` → `onPress`; `href`/`target` yok; hover yok → basılınca
+ * web'in hover + active hali birlikte.
+ */
+declare function Button({ color, variant, size, shape, block, disabled, loading, icon, iconPosition, onPress, onLongPress, children, style, testID, accessibilityLabel, accessibilityHint, skeleton, }: Readonly<ButtonProps>): React.JSX.Element;
+
+type InputVariant = "outline" | "soft" | "ghost" | "underlined";
+type InputShape = "default" | "pill" | "square";
+/**
+ * Web `type` ile aynı sözlük — native'de klavye / otomatik doldurma / gizli
+ * giriş ayarlarına çevrilir (`password` → gizli + göster/gizle düğmesi).
+ */
+type InputType = "text" | "password" | "email" | "number" | "tel" | "url" | "search";
+interface InputCountConfig {
+    formatter?: (info: {
+        value: string;
+        count: number;
+        maxLength?: number;
+    }) => ReactNode;
+}
+interface InputProps extends SkeletonableProps {
+    value?: string;
+    defaultValue?: string;
+    /** Web `onChange`in karşılığı — doğrudan metin. */
+    onChangeText?: (value: string) => void;
+    /** Klavyenin "gönder / bitti" tuşu (web `onPressEnter`). */
+    onPressEnter?: (value: string) => void;
+    placeholder?: string;
+    type?: InputType;
+    disabled?: boolean;
+    /** Yalnız okunur: seçilebilir, düzenlenemez. */
+    readOnly?: boolean;
+    size?: Size;
+    shape?: InputShape;
+    variant?: InputVariant;
+    /**
+     * Doğrulama rengi. Verilmezse dinlenme kenarlığı nötr gri, odakta `primary`
+     * (web ile aynı). `status` kısayolu: `error` / `warning`.
+     */
+    color?: ColorRole;
+    status?: "error" | "warning";
+    /** İkon (soluk renkte). `size` / `color` verilmezse 16px ve soluk renk verilir. */
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    /** Doluyken temizle düğmesi. `{ clearIcon }` ile kendi ikonunuz. */
+    allowClear?: boolean | {
+        clearIcon?: ReactNode;
+    };
+    /** Temizle düğmesinin ekran okuyucu adı. Varsayılan: "Temizle". */
+    clearLabel?: string;
+    onClear?: () => void;
+    maxLength?: number;
+    /** Karakter sayacı ("12 / 50"). */
+    showCount?: boolean;
+    count?: InputCountConfig;
+    /** `type="password"`de göster/gizle düğmesi. Varsayılan: `true`. */
+    visibilityToggle?: boolean;
+    visibilityIconRender?: (visible: boolean) => ReactNode;
+    /** Biçim maskesi (ör. `"0(5__) ___ __ __"`); `_` yerine rakam yazılır. */
+    mask?: string;
+    replacement?: Record<string, RegExp>;
+    autoFocus?: boolean;
+    autoComplete?: Exclude<TextInputProps["autoComplete"], undefined>;
+    /** Klavyedeki eylem tuşu (web `enterKeyHint`). */
+    returnKeyType?: Exclude<TextInputProps["returnKeyType"], undefined>;
+    onFocus?: Exclude<TextInputProps["onFocus"], undefined>;
+    onBlur?: Exclude<TextInputProps["onBlur"], undefined>;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    testID?: string;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+}
+
+/**
+ * Web `Input` ile aynı renk / kenarlık / odak davranışı (ölçümle doğrulandı),
+ * boyutlar native ölçekte (theme/nativeSize), ve aynı özellikler:
+ * varyant / boyut / şekil, doğrulama rengi (`color` / `status`), ikon,
+ * temizle, şifre göster/gizle, karakter sayacı, maske, Enter eylemi, iskelet.
+ * Alanın herhangi bir yerine dokununca yazma alanı odaklanır (web: wrapper
+ * mousedown); dokunma alanı 44px'e tamamlanır.
+ */
+declare function Input({ value, defaultValue, onChangeText, onPressEnter, placeholder, type, disabled: ownDisabled, readOnly, size, shape, variant, color, status: ownStatus, icon, iconPosition, allowClear, clearLabel, onClear, maxLength, showCount, count, visibilityToggle, visibilityIconRender, mask, replacement, autoFocus, autoComplete, returnKeyType, onFocus, onBlur, style, inputStyle, testID, accessibilityLabel: ownLabel, accessibilityHint: ownHint, skeleton: ownSkeleton, }: Readonly<InputProps>): React.JSX.Element;
+
+interface TextareaAutoSize {
+    minRows?: number;
+    maxRows?: number;
+}
+interface TextareaProps extends SkeletonableProps {
+    value?: string;
+    defaultValue?: string;
+    onChangeText?: (value: string) => void;
+    placeholder?: string;
+    /** Başlangıç satır sayısı (sabit yükseklik). Varsayılan: 3. */
+    rows?: number;
+    /** İçerikle büyür: `true` ya da `{ minRows, maxRows }`; `maxRows` sonrası alan içinde kaydırılır. */
+    autoSize?: boolean | TextareaAutoSize;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: Size;
+    shape?: Exclude<InputShape, "pill">;
+    variant?: InputVariant;
+    color?: ColorRole;
+    status?: "error" | "warning";
+    allowClear?: boolean | {
+        clearIcon?: ReactNode;
+    };
+    clearLabel?: string;
+    onClear?: () => void;
+    maxLength?: number;
+    showCount?: boolean;
+    count?: InputCountConfig;
+    autoFocus?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    style?: StyleProp<ViewStyle>;
+    inputStyle?: StyleProp<TextStyle>;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+}
+/**
+ * Web `Textarea` ile aynı kutu (Input'un renk/kenar/odak kuralları), çok
+ * satırlı. Sayaç ve temizle düğmesi sağ alt / sağ üst köşede, metnin üstüne
+ * binmez. `autoSize` içerik yüksekliğini izler.
+ */
+declare function Textarea({ value, defaultValue, onChangeText, placeholder, rows, autoSize, disabled: ownDisabled, readOnly, size, shape, variant, color, status: ownStatus, allowClear, clearLabel, onClear, maxLength, showCount, count, autoFocus, onFocus, onBlur, style, inputStyle, accessibilityLabel: ownLabel, accessibilityHint: ownHint, skeleton: ownSkeleton, }: Readonly<TextareaProps>): React.JSX.Element;
+
+type SearchInputProps = InputProps & {
+    /** Klavyedeki "Ara" tuşu VE ara düğmesi, alanın o anki değeriyle çağırır. */
+    onSearch?: (value: string) => void;
+    /** Arama sürüyor — ara ikonu yerine dönen gösterge; alan yazılabilir kalır. */
+    loading?: boolean;
+    /** Ara düğmesinin erişilebilir adı. Varsayılan: `"Ara"`. */
+    searchLabel?: string;
+};
+/** Web `SearchInput`: Input + sonda ara düğmesi; klavye dönüş tuşu "Ara". */
+declare function SearchInput({ icon, iconPosition, onSearch, onPressEnter, loading, searchLabel, value, defaultValue, onChangeText, size, ...rest }: SearchInputProps): React.JSX.Element;
+
+interface OtpInputProps extends SkeletonableProps {
+    /** Hane sayısı. Varsayılan: 6. */
+    length?: number;
+    value?: string;
+    defaultValue?: string;
+    /** Tüm haneler dolunca, birleşik kodla. */
+    onChange?: (value: string) => void;
+    /** Her değişiklikte hane dizisi (boş haneler `""`). */
+    onInput?: (value: string[]) => void;
+    disabled?: boolean;
+    size?: Size;
+    shape?: InputShape;
+    /** `ghost` OTP'de görünmez olacağından `underlined` çizilir. */
+    variant?: InputVariant;
+    color?: ColorRole;
+    status?: "error" | "warning";
+    /** Haneleri • ile gizler. */
+    mask?: boolean;
+    /** Her hane için dönüştürücü (ör. büyük harf). */
+    formatter?: (char: string) => string;
+    /** Haneler arasına öğe; fonksiyonsa i. haneden sonra. */
+    separator?: React__default.ReactNode | ((index: number) => React__default.ReactNode);
+    /** Varsayılan `numeric` (rakam klavyesi); harfli kodlar için `text`. */
+    inputMode?: "numeric" | "text";
+    /** `separated` (varsayılan): her hane ayrı kutu. `single`: tek alanda yuvalar. */
+    layout?: "separated" | "single";
+    /** Yalnız `single`: yuva çizgisi ortada (boşken) ya da altta (her zaman). */
+    linePosition?: "center" | "bottom";
+    autoFocus?: boolean;
+    /** Varsayılan: `"Doğrulama kodu"`. */
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function OtpInput({ length, value, defaultValue, onChange, onInput, disabled: ownDisabled, size, shape, variant, color, status: ownStatus, mask, formatter, separator, inputMode, layout, linePosition, autoFocus, accessibilityLabel: ownLabel, accessibilityHint: ownHint, skeleton: ownSkeleton, style, }: Readonly<OtpInputProps>): React__default.JSX.Element;
+
+interface FieldProps {
+    label: React__default.ReactNode;
+    /** Alanın altında yardımcı metin. */
+    hint?: React__default.ReactNode;
+    /** Doluysa kontrol hata rengine geçer ve mesaj okunur (ipucunun yerine). */
+    error?: React__default.ReactNode;
+    /** Etikette görsel yıldız; ekran okuyucuda etikete ", zorunlu" eklenir. */
+    required?: boolean;
+    disabled?: boolean;
+    /** `horizontal`: etiket solda (%35), kontrol sağda — ayar ekranları için. Varsayılan: `vertical`. */
+    layout?: "vertical" | "horizontal";
+    /** Etiket ve kontrol birlikte iskelet çizer (kontrol `skeleton`ı buradan alır). */
+    skeleton?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children: React__default.ReactNode;
+}
+/**
+ * Form alanı: etiket + kontrol + ipucu/hata. İçindeki mari-ui kontrolü
+ * (Input, Textarea, OtpInput, Segmented, Checkbox…) etiketini erişilebilir ad,
+ * hatayı/ipucunu erişilebilir ipucu olarak alır; hata varsa kırmızıya geçer.
+ */
+declare function Field({ label, hint, error, required, disabled, layout, skeleton, style, children }: Readonly<FieldProps>): React__default.JSX.Element;
+
+type SegmentedValue = string | number;
+interface SegmentedOption {
+    value: SegmentedValue;
+    label?: React__default.ReactNode;
+    icon?: React__default.ReactNode;
+    disabled?: boolean;
+    /** Yalnız ikonlu seçenekte zorunlu erişilebilir ad. */
+    accessibilityLabel?: string;
+}
+interface SegmentedProps extends SkeletonableProps {
+    options: (SegmentedValue | SegmentedOption)[];
+    value?: SegmentedValue;
+    defaultValue?: SegmentedValue;
+    onChange?: (value: SegmentedValue) => void;
+    /** Tam genişlik, eşit bölmeler. */
+    block?: boolean;
+    /** sm 28 · md 32 (iOS) · lg 40. Varsayılan: `md`. */
+    size?: Size;
+    disabled?: boolean;
+    /** Grubun erişilebilir adı. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Segmented({ options, value, defaultValue, onChange, block, size, disabled: ownDisabled, skeleton: ownSkeleton, accessibilityLabel: ownLabel, style }: SegmentedProps): React__default.JSX.Element;
+
+type CardSlot = "header" | "body" | "footer" | "cover" | "actions";
+type CardSlotStyles = Partial<Record<CardSlot, StyleProp<ViewStyle>>>;
+interface CardProps extends SkeletonableProps {
+    children?: ReactNode;
+    /** Uzun metin tek satırda kesilir. */
+    title?: ReactNode;
+    /** Başlığın sağındaki ek bilgi veya düğme. */
+    extra?: ReactNode;
+    /** Kenardan kenara kapak; görselin yüksekliğini veya aspectRatio'sunu verin. */
+    cover?: ReactNode;
+    footer?: ReactNode;
+    /** Eşit bölünmüş alt çubuk; her öğe kendi onPress'ini taşıyan bir düğme olmalı. */
+    actions?: ReactNode[];
+    /** Varsayılan: true. */
+    bordered?: boolean;
+    /** Basılma geri bildirimi. onPress/onLongPress varsa varsayılan açık; etkileşimi kapatmaz. */
+    hoverable?: boolean;
+    /** Native yazı ölçeği; dolgu sm: 12, md: 16, lg: 20. Varsayılan: md. */
+    size?: Size;
+    /** Tonlu zemin ve kenarlık. */
+    inset?: boolean;
+    /** Kartın tamamını devre dışı bırakır (içindeki eylemler dahil). */
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+    /** Web classNames karşılığı: header/body/footer/cover/actions bölümlerinin stilleri. */
+    slotStyles?: CardSlotStyles;
+    /** Tüm kart dokunulabilir olur. İçinde başka düğmeler varsa bu prop'u kullanmayın. */
+    onPress?: Exclude<PressableProps["onPress"], undefined>;
+    onLongPress?: Exclude<PressableProps["onLongPress"], undefined>;
+    testID?: string;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+}
+interface CardMetaProps {
+    /** Solda avatar veya ikon. */
+    avatar?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+
+/** Web slotları + native onPress; hoverable sadece basılma görünümünü belirler. */
+declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<ComponentRef<typeof View>>>;
+
+/** Web CardMeta: avatar + tek satır başlık + çok satırlı açıklama. */
+declare function CardMeta({ avatar, title, description, style }: Readonly<CardMetaProps>): React.JSX.Element;
+
+type ListItemLayout = "horizontal" | "vertical";
+/** Infinite scrolling behavior backed by React Native `FlatList.onEndReached`. */
+interface InfiniteScrollOptions {
+    /** Whether more records are available. */
+    hasMore: boolean;
+    /** Set while the next page is being fetched; prevents duplicate requests. */
+    loading?: boolean;
+    /** Fetch the next page. Append records to `data` in the caller. */
+    onLoadMore: () => void;
+    /** Message displayed after all records have loaded. `null` hides it. */
+    endMessage?: ReactNode;
+    /** Accessible action label displayed in the native list footer. */
+    loadMoreLabel?: string;
+}
+/** `FlatList` API'sini korur; `renderItem(item, index)` kolaylığını ekler. */
+interface ListProps<ItemT> extends Omit<FlatListProps<ItemT>, "data" | "renderItem" | "ItemSeparatorComponent">, SkeletonableProps {
+    /** Veri kaynağı; boş bırakıldığında `ListEmptyComponent` gösterilir. */
+    data?: Exclude<FlatListProps<ItemT>["data"], undefined>;
+    /** Her kaydı bir native öğeye dönüştürür. */
+    renderItem: (item: ItemT, index: number) => ReactElement | null;
+    /** Satırlar arası ayırıcı. Verilmezse `split` varsayılan ayırıcıyı yönetir. */
+    ItemSeparatorComponent?: Exclude<FlatListProps<ItemT>["ItemSeparatorComponent"], undefined>;
+    /** `ItemSeparatorComponent` verilmediğinde ayırıcıyı açıp kapatır. Varsayılan: `true`. */
+    split?: boolean;
+    /** Satır yoğunluğu; native ölçü ölçeğinden gelir. Varsayılan: `md`. */
+    size?: Size;
+    /** Liste çevresine native tema kenarlığı ve köşe verir. */
+    bordered?: boolean;
+    /** `ListItem` içeriğinin yatay veya dikey düzeni. Varsayılan: `horizontal`. */
+    itemLayout?: ListItemLayout;
+    /** İlk yükleme yer tutucu satırlarının sayısı. Varsayılan: `3`. */
+    skeletonRows?: number;
+    /**
+     * Sonsuz kaydırma: `FlatList.onEndReached` tetiklenince sonraki sayfayı ister.
+     * Yeni kayıtları `data`ya siz eklersiniz; `hasMore`/`loading`ı güncel tutun.
+     * Eşik `onEndReachedThreshold` ile ayarlanır (varsayılan: `0.5`).
+     */
+    infinite?: InfiniteScrollOptions;
+}
+interface ListItemProps extends ViewProps {
+    children?: ReactNode;
+    /** Satır eylemleri. */
+    actions?: ReactNode[];
+    /** Sağda duran ek içerik; ör. durum rozeti veya tarih. */
+    extra?: ReactNode;
+}
+interface ListItemMetaProps {
+    /** Solda avatar, ikon veya küçük görsel. */
+    avatar?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    style?: Exclude<ViewProps["style"], undefined>;
+}
+
+/** Native, virtualized list. Scroll, refresh and windowing props pass through to `FlatList`; `infinite` adds guarded paging. */
+declare const List: <ItemT>(props: ListProps<ItemT> & React__default.RefAttributes<FlatList<ItemT>>) => React__default.ReactElement;
+declare function ListItem({ children, actions, extra, style, ...viewProps }: Readonly<ListItemProps>): React__default.JSX.Element;
+/** Native avatar + title + description block. */
+declare function ListItemMeta({ avatar, title, description, style }: Readonly<ListItemMetaProps>): React__default.JSX.Element;
+
+type TitleLevel = 1 | 2 | 3 | 4 | 5 | 6;
+type TextWeight = "normal" | "medium" | "semibold" | "bold";
+/**
+ * Taşan metni kısaltır. `true` → tek satır + "…"; `{ rows: n }` → n satırdan
+ * sonra kısaltır (2–5). Native karşılığı `numberOfLines`.
+ */
+type TypographyEllipsis = boolean | {
+    rows: 2 | 3 | 4 | 5;
+};
+interface TypographyBaseProps extends Omit<TextProps$1, "children">, SkeletonableProps {
+    children?: ReactNode;
+    /** Varsayılan: gövde metni rengi (`foreground`). */
+    color?: ColorRole;
+    ellipsis?: TypographyEllipsis;
+}
+interface TextProps extends TypographyBaseProps {
+    weight?: TextWeight;
+    muted?: boolean;
+}
+interface ParagraphProps extends TypographyBaseProps {
+    muted?: boolean;
+    /** `skeleton` iken çizilecek satır sayısı. Varsayılan: 3. */
+    skeletonRows?: number;
+}
+interface TitleProps extends TypographyBaseProps {
+    /** HIG metin stilleri: 1 Large Title 34 · 2 Title 1 28 · 3 Title 2 22 · 4 Title 3 20 · 5 Headline 17 · 6 Subheadline 15. */
+    level?: TitleLevel;
+}
+
+declare function Text({ children, color, weight, muted, ellipsis, skeleton, style, ...props }: Readonly<TextProps>): React__default.JSX.Element;
+declare function Paragraph({ children, color, muted, ellipsis, skeleton, skeletonRows, style, ...props }: Readonly<ParagraphProps>): React__default.JSX.Element;
+declare function Title({ level, children, color, ellipsis, skeleton, style, ...props }: Readonly<TitleProps>): React__default.JSX.Element;
+
+type DividerLineStyle = "solid" | "dashed" | "dotted";
+type DividerOrientation = "horizontal" | "vertical";
+type DividerLabelAlign = "start" | "center" | "end";
+interface DividerProps extends SkeletonableProps {
+    /** Yatay ayırıcının ortasındaki başlık. */
+    children?: React__default.ReactNode;
+    lineStyle?: DividerLineStyle;
+    orientation?: DividerOrientation;
+    labelAlign?: DividerLabelAlign;
+    /** `labelAlign` start/end iken başlığın kenara uzaklığı (pt). Varsayılan: 24. */
+    labelMargin?: number;
+    /** `false` → başlık ön plan rengi + orta kalınlık. Varsayılan: `true` (ikincil). */
+    plain?: boolean;
+    /** Çevresindeki boşluk: sm 8 · md 16 · lg 24. Varsayılan: `md`. */
+    size?: Size;
+    /** Yalnız `orientation="vertical"`. Varsayılan: 20 (satır içi metin yüksekliği). */
+    height?: DimensionValue;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Divider({ children, lineStyle, orientation, labelAlign, labelMargin, plain, size, height, skeleton, style }: Readonly<DividerProps>): React__default.JSX.Element;
+
+type SkeletonAvatarShape = "circle" | "square";
+interface SkeletonAvatarProps {
+    active?: boolean;
+    /** Varsayılan: `"circle"` (Avatar gibi). */
+    shape?: SkeletonAvatarShape;
+    /** `sm`/`md`/`lg` (Avatar ölçeği 32/40/56) ya da pt. Varsayılan: `md`. */
+    size?: number | Size;
+}
+interface SkeletonTitleProps {
+    width?: DimensionValue;
+}
+interface SkeletonParagraphProps {
+    rows?: number;
+    /** Tek değer → son satır; dizi → satır satır. */
+    width?: DimensionValue | DimensionValue[];
+}
+interface SkeletonProps {
+    /** Nabız animasyonu. Varsayılan: `true` (native component iskeletleriyle aynı; hareket azaltmada durur). */
+    active?: boolean;
+    /**
+     * Verilirse iskelet bu adla "meşgul" olarak duyurulur. Varsayılan: ekran
+     * okuyucudan gizli — ekranda 12 iskelet varken 12 kez "yükleniyor" okunmasın.
+     */
+    label?: string;
+    avatar?: boolean | SkeletonAvatarProps;
+    /** `false` → `children` gösterilir. */
+    loading?: boolean;
+    paragraph?: boolean | SkeletonParagraphProps;
+    /** Satır çubukları hap köşeli. */
+    round?: boolean;
+    title?: boolean | SkeletonTitleProps;
+    style?: StyleProp<ViewStyle>;
+    children?: React__default.ReactNode;
+}
+interface SkeletonBlockProps {
+    width?: DimensionValue;
+    /** Varsayılan: 16. */
+    height?: DimensionValue;
+    /** Tema köşe anahtarı. Varsayılan: `"md"`. */
+    radius?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    active?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Ekran ya da bölüm iskeleti: avatar + başlık + paragraf. Satırlar Typography
+ * ölçeğinde (başlık = Headline 17/22, paragraf = Body 17/22) — yerine gelecek
+ * `Title level={5}` + `Paragraph` ile aynı yükseklik.
+ */
+declare function Skeleton({ active, label, avatar, loading, paragraph, round, title, style, children }: Readonly<SkeletonProps>): React__default.JSX.Element;
+/** Serbest biçimli yer tutucu (görsel, grafik, özel kutu). */
+declare function SkeletonBlock({ width, height, radius, active, style }: Readonly<SkeletonBlockProps>): React__default.JSX.Element;
+
+interface TagProps extends SkeletonableProps {
+    children: React__default.ReactNode;
+    /** Varsayılan: `neutral`. */
+    color?: ColorRole;
+    /** Varsayılan: `soft`. */
+    variant?: Extract<Variant, "solid" | "soft" | "outline">;
+    icon?: React__default.ReactNode;
+    /** `false` → kapatma düğmesi yok; düğüm → özel ikon. `onClose` verilince varsayılan × görünür. */
+    closeIcon?: React__default.ReactNode | boolean;
+    /** `soft`/`solid` için rolün kenarlık tonu. */
+    bordered?: boolean;
+    onClose?: () => void;
+    /** Kapatma düğmesinin erişilebilir adı. Varsayılan: `"<metin> etiketini kaldır"` ya da `"Kaldır"`. */
+    closeLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Tag({ children, color, variant, icon, closeIcon, bordered, onClose, closeLabel, skeleton, style }: Readonly<TagProps>): React__default.JSX.Element;
+
+interface BadgeProps extends SkeletonableProps {
+    /** Sayı ya da kısa metin ("Yeni"). `0` varsayılan olarak gizlenir (`showZero`). */
+    count?: number | string;
+    /** Bu sayıdan büyükse "N+" gösterilir. Varsayılan: `99`. */
+    overflowCount?: number;
+    showZero?: boolean;
+    /** Sayı yerine küçük nokta. */
+    dot?: boolean;
+    /** Varsayılan: `error`. */
+    color?: ColorRole;
+    /** `sm` 16 / `md` 20pt kabarcık. Varsayılan: `md`. */
+    size?: "sm" | "md";
+    /**
+     * Ekran okuyucu metni, ör. "3 okunmamış bildirim". Sarılan öğe bir düğmeyse
+     * sayıyı düğmenin kendi `accessibilityLabel`ına katmak daha iyidir.
+     */
+    label?: string;
+    /** Kabarcığı köşeden kaydırır: `[x, y]` pt (x sağa, y aşağı). */
+    offset?: [number, number];
+    /** Kabarcığın oturduğu öğe (ikon düğmesi, avatar). Verilmezse kabarcık tek başına durur. */
+    children?: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+interface StatusBadgeProps extends SkeletonableProps {
+    color?: ColorRole;
+    /** Durum metni ("Aktif"). Renk tek başına anlam taşımaz; metin zorunlu. */
+    children: React__default.ReactNode;
+    /** Süren işlem: nokta nabız atar (hareket azaltmada durur). */
+    processing?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Badge({ count, overflowCount, showZero, dot, color, size, label, offset, children, skeleton, style }: Readonly<BadgeProps>): React__default.JSX.Element;
+declare function StatusBadge({ color, children, processing, skeleton, style }: Readonly<StatusBadgeProps>): React__default.JSX.Element;
+
+type AvatarSize = number | Size;
+type AvatarShape = "circle" | "square";
+interface AvatarProps extends SkeletonableProps {
+    /** Erişilebilir ad; görsel yoksa baş harfler buradan türetilir. */
+    alt?: string;
+    icon?: React__default.ReactNode;
+    shape?: AvatarShape;
+    /** `sm` 32 · `md` 40 · `lg` 56 ya da pt. Varsayılan: `md`. */
+    size?: AvatarSize;
+    /** URL, `require(...)` görseli ya da hazır bir öğe. */
+    src?: string | ImageSourcePropType | React__default.ReactElement;
+    /** Görsel yokken zemin rengi (soft ton). Varsayılan: nötr yüzey. */
+    color?: ColorRole;
+    /** Görsel yüklenemedi. `false` dönerse yedek (baş harf/ikon) gösterilmez. */
+    onError?: () => boolean | void;
+    style?: StyleProp<ViewStyle>;
+}
+interface AvatarGroupProps {
+    children: React__default.ReactNode;
+    /** Bu sayıdan fazlası tek bir "+N" avatarında toplanır. */
+    max?: number;
+    /** Tüm avatarların boyutu (tek tek verilen `size`'ı ezmez). Varsayılan: `md`. */
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    skeleton?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Avatar({ alt, icon, shape, size, src, color, onError, skeleton, style }: Readonly<AvatarProps>): React__default.JSX.Element;
+/** Üst üste binen avatarlar; her biri zemin renginde 2pt halkayla ayrışır. */
+declare function AvatarGroup({ children, max, size, shape, skeleton, style }: Readonly<AvatarGroupProps>): React__default.JSX.Element;
+
+type SelectionVariant = "solid" | "outline";
+
+type CheckboxShape = "default" | "pill" | "square";
+interface CheckboxProps extends SkeletonableProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    /** Kısmi seçim (ör. "tümünü seç" alt öğelerin bir kısmı seçiliyken). */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    /** Yeni değer. Web'deki `onChange(event)` yerine doğrudan `boolean`. */
+    onChange?: (checked: boolean) => void;
+    label?: React__default.ReactNode;
+    /** Etiketin altında soluk açıklama. */
+    description?: React__default.ReactNode;
+    /** Kutu sm 18 · md 22 · lg 26. Varsayılan: `md`. */
+    size?: Size;
+    shape?: CheckboxShape;
+    /** Varsayılan: `outline`. */
+    variant?: SelectionVariant;
+    /** Varsayılan: `primary`. `error`/`warning` dinlenirken de renkli kenar → doğrulama durumu. */
+    color?: ColorRole;
+    /** Etiket yoksa erişilebilir ad. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Checkbox({ checked, defaultChecked, indeterminate, disabled: ownDisabled, onChange, label, description, size, shape, variant, color, skeleton: ownSkeleton, accessibilityLabel, style }: Readonly<CheckboxProps>): React__default.JSX.Element;
+
+type RadioValue = string | number;
+interface RadioOption {
+    label: React__default.ReactNode;
+    value: RadioValue;
+    disabled?: boolean;
+    /** Etiketin altında soluk açıklama (ör. kargo seçeneğinin süresi). */
+    description?: React__default.ReactNode;
+}
+interface RadioProps extends SkeletonableProps {
+    /** Grup içinde bu seçeneğin değeri. */
+    value?: RadioValue;
+    /** Grup dışında tek başına kullanımda. */
+    checked?: boolean;
+    defaultChecked?: boolean;
+    disabled?: boolean;
+    /** Tek başına kullanımda seçildi. Grup içinde `RadioGroup.onChange` kullanın. */
+    onChange?: (checked: boolean) => void;
+    label?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Daire sm 18 · md 22 · lg 26. Varsayılan: `md` (grup verirse grubunki). */
+    size?: Size;
+    variant?: SelectionVariant;
+    color?: ColorRole;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+interface RadioGroupProps extends SkeletonableProps {
+    value?: RadioValue;
+    defaultValue?: RadioValue;
+    onChange?: (value: RadioValue) => void;
+    /** Dize/sayı ya da `{ label, value, description, disabled }`. Verilmezse `children` (Radio'lar). */
+    options?: (RadioValue | RadioOption)[];
+    children?: React__default.ReactNode;
+    disabled?: boolean;
+    variant?: SelectionVariant;
+    color?: ColorRole;
+    size?: Size;
+    /** Varsayılan: `vertical` (native'de seçenekler alt alta okunur; web varsayılanı `horizontal`). */
+    orientation?: "horizontal" | "vertical";
+    /** Grubun erişilebilir adı (görünür başlığı tekrarlayın). */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Radio({ value, checked, defaultChecked, disabled, onChange, label, description, size, variant, color, skeleton, accessibilityLabel, style }: Readonly<RadioProps>): React__default.JSX.Element;
+declare function RadioGroup({ value, defaultValue, onChange, options, children, disabled: ownDisabled, variant, color, size, orientation, skeleton: ownSkeleton, accessibilityLabel: ownLabel, style }: Readonly<RadioGroupProps>): React__default.JSX.Element;
+
+interface SwitchProps extends SkeletonableProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (value: boolean) => void;
+    disabled?: boolean;
+    /** Anahtarın solunda etiket; tüm satır dokunulabilir (iOS ayar satırı). */
+    label?: string;
+    /** İzin içinde açıkken / kapalıyken görünen kısa metin. */
+    switchTrueLabel?: string;
+    switchFalseLabel?: string;
+    /** İz sm 40×24 · md 51×31 (iOS) · lg 60×36. Varsayılan: `md`. */
+    size?: Size;
+    /** Açık hal rengi. Varsayılan: `primary`. Kapalı hal her renkte nötr gri. */
+    color?: ColorRole;
+    /** Süren işlem: topuzda dönen gösterge, anahtar kilitli. */
+    loading?: boolean;
+    /** Etiket yoksa erişilebilir ad. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Switch({ checked, defaultChecked, onChange, disabled: ownDisabled, label, switchTrueLabel, switchFalseLabel, size, color, loading, skeleton: ownSkeleton, accessibilityLabel: ownLabel, style }: SwitchProps): React__default.JSX.Element;
+
+interface AlertProps extends SkeletonableProps {
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Varsayılan: `info`. */
+    color?: ColorRole;
+    /** `true` (renge göre ikon), `false` ya da özel öğe. */
+    icon?: boolean | React__default.ReactNode;
+    /** Sağda eylem (ör. "Tekrar dene" düğmesi). */
+    action?: React__default.ReactNode;
+    closable?: boolean;
+    onClose?: () => void;
+    /** Varsayılan: `"Uyarıyı kapat"`. */
+    closeLabel?: string;
+    /** Ekran üstünde kenardan kenara şerit (köşesiz, yalnız alt çizgi). */
+    banner?: boolean;
+    /**
+     * Duyuru. Varsayılan: error/warning → `alert` (hemen okunur), diğerleri
+     * `status` (sırası gelince). `none`: duyurma (sayfa açılışında zaten görünen içerik).
+     */
+    role?: "alert" | "status" | "none";
+    style?: StyleProp<ViewStyle>;
+}
+declare function Alert({ title, description, color, icon, action, closable, onClose, closeLabel, banner, role, skeleton, style }: Readonly<AlertProps>): React__default.JSX.Element | null;
+
+type ProgressStatus = "normal" | "active" | "success" | "exception";
+
+type ProgressSize = "sm" | "md" | "lg";
+interface ProgressProps extends SkeletonableProps {
+    /** 0–100. */
+    percent?: number;
+    type?: "line" | "circle";
+    /** Verilmezse %100'de `success`. `active`: süren işlem (dolgu nabız atar). */
+    status?: ProgressStatus;
+    /** Varsayılan: `primary` (success/exception kendi rengini alır). */
+    color?: ColorRole;
+    /** Toplamın tamamlanmış (yeşil) kısmı, ör. yüklenen + işlenen. */
+    success?: {
+        percent: number;
+    };
+    /** Çizgiyi bu kadar adıma böler. */
+    steps?: number;
+    /** Yüzde / durum ikonu. Varsayılan: `true`. */
+    showInfo?: boolean;
+    format?: (percent: number) => React__default.ReactNode;
+    /** Çizgi 4/6/10 · daire 48/80/120. Varsayılan: `md`. */
+    size?: ProgressSize;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Progress({ percent: rawPercent, type, status: statusProp, color: colorProp, success, steps, showInfo, format, size, accessibilityLabel, skeleton, style }: Readonly<ProgressProps>): React__default.JSX.Element;
+
+interface LoadingProps {
+    /** Varsayılan: `true`. */
+    spinning?: boolean;
+    /** sm 16 · md 20 · lg 36 (platform göstergesi). Varsayılan: `md`. */
+    size?: Size;
+    /** Göstergenin altında/yanında açıklama ("Siparişler yükleniyor"). */
+    tip?: React__default.ReactNode;
+    /** Bu kadar ms sonra görünür — hızlı biten işlemlerde yanıp sönmeyi önler. */
+    delay?: number;
+    /** Belirli ilerleme (0–100): dönen gösterge yerine dolan halka + yüzde. */
+    percent?: number;
+    /** Tüm ekranı kaplayan karartmalı katman. */
+    fullscreen?: boolean;
+    /** Verilirse içerik yerinde kalır, soluklaşır ve dokunmaya kapanır; gösterge üstünde. */
+    children?: React__default.ReactNode;
+    /** Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Halka izinin rengi (yalnız `percent`). Varsayılan: nötr yüzey. */
+    trackColor?: ColorRole;
+    /** Özel gösterge öğesi. */
+    indicator?: React__default.ReactNode;
+    /** Ekran okuyucu metni. Varsayılan: `tip` düz metinse o, değilse "Yükleniyor". */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Loading({ spinning, size, tip, delay, percent, fullscreen, children, color, trackColor, indicator, accessibilityLabel, style }: Readonly<LoadingProps>): React__default.JSX.Element | null;
+
+interface EmptyProps extends SkeletonableProps {
+    title: string;
+    description?: React__default.ReactNode;
+    /** Tek ana eylem; `onPress` ile birlikte. */
+    buttonText?: string;
+    onPress?: () => void;
+    buttonIcon?: React__default.ReactNode;
+    /** Birden çok eylem (verilirse `buttonText` yok sayılır). */
+    actions?: React__default.ReactNode;
+    /** Varsayılan: gelen kutusu. */
+    icon?: React__default.ReactNode;
+    /** `sm`: kart/liste içi; `md`: ekranın ana durumu. Varsayılan: `md`. */
+    size?: "sm" | "md";
+    /** Başlık ekran okuyucuda başlık (`header`) olsun — ekranın ana içeriği boşsa. */
+    heading?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Boş durum: neden boş + ne yapılabilir. Liste, arama sonucu, sepet. */
+declare function Empty({ title, description, buttonText, onPress, buttonIcon, actions, icon, size, heading, skeleton, style }: Readonly<EmptyProps>): React__default.JSX.Element;
+
+type ModalButtonPosition = "left" | "right";
+interface ModalProps extends SkeletonableProps {
+    open: boolean;
+    /** Kapatma isteği: × düğmesi, karartmaya dokunma, Android geri tuşu. */
+    onClose: () => void;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Başlığın solunda, rol renginde yumuşak daire içinde. */
+    icon?: React__default.ReactNode;
+    /** Onay düğmesinin ve ikon dairesinin rengi. error/warning → yıkıcı onay. */
+    color?: ColorRole;
+    children?: React__default.ReactNode;
+    /** Varsayılan: `true`. */
+    showCloseButton?: boolean;
+    closeButtonPosition?: ModalButtonPosition;
+    /** Özel alt bölüm; verilirse varsayılan düğmeler çizilmez. `null` → alt bölüm yok. */
+    footer?: React__default.ReactNode;
+    /** Onay düğmesi sağda (varsayılan) ya da solda. */
+    footerButtonPosition?: ModalButtonPosition;
+    confirmButtonText?: string;
+    /** Varsayılan: "Vazgeç". */
+    cancelButtonText?: string;
+    /** Promise dönerse çözülene kadar onay düğmesi "yükleniyor". */
+    onConfirm?: () => void | Promise<unknown>;
+    /** Varsayılan: `onClose`. */
+    onCancel?: () => void;
+    confirmLoading?: boolean;
+    confirmDisabled?: boolean;
+    /** Genişlik sm 320 · md 400 · lg 520 (ekranı aşmaz). Varsayılan: `md`. */
+    size?: Size;
+    /** pt; `size`'ı ezer. */
+    width?: number;
+    /** Karartmaya dokununca kapanır. Varsayılan: `true`. */
+    maskClosable?: boolean;
+    /** Android geri tuşu kapatır (web'de Escape). Varsayılan: `true`. */
+    keyboard?: boolean;
+    /** Başlık yoksa erişilebilir ad. */
+    accessibilityLabel?: string;
+    bodyStyle?: StyleProp<ViewStyle>;
+}
+declare function Modal(props: Readonly<ModalProps>): React__default.JSX.Element;
+
+interface DialogAction {
+    label: string;
+    /** Promise dönerse çözülene kadar düğmede gösterge, sonra pencere kapanır. */
+    onPress?: () => void | Promise<unknown>;
+    /** `cancel`: kalın (iOS), Android geri tuşu bunu çağırır. `destructive`: hata renginde. */
+    style?: "default" | "cancel" | "destructive";
+}
+interface DialogProps {
+    open: boolean;
+    /** Bir eyleme basıldıktan (ve Promise çözüldükten) sonra çağrılır. */
+    onClose: () => void;
+    title: string;
+    message?: string;
+    /** 1–3 eylem. İki eylem yan yana, bir ya da üç alt alta. Varsayılan: tek "Tamam". */
+    actions?: DialogAction[];
+}
+/**
+ * Kısa onay penceresi — iOS uyarısının ölçüleri (270pt, ortalanmış metin,
+ * eylemler çizgilerle ayrılmış), kendi temamızla. Karartmaya dokununca
+ * KAPANMAZ (karar bekler); Android geri tuşu `cancel` eylemini çağırır.
+ * Uzun içerik ya da form için `Modal`.
+ */
+declare function Dialog({ open, onClose, title, message, actions }: Readonly<DialogProps>): React__default.JSX.Element;
+
+/** Durak noktası: pt ya da ekran yüksekliğinin yüzdesi ("50%"). */
+type SnapPoint = number | `${number}%`;
+
+interface BottomSheetProps extends SkeletonableProps {
+    open: boolean;
+    /** Kapatma isteği: aşağı sürükleme, karartmaya dokunma, Android geri tuşu, VoiceOver "geri". */
+    onClose: () => void;
+    title?: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    /** Sabit alt bölüm (ör. "Uygula" düğmesi); her durakta görünür, içerik kaysa da yerinde. */
+    footer?: React__default.ReactNode;
+    /**
+     * Durak noktaları: pt ya da yüzde (`["50%", "90%"]`). Verilmezse panel içerik
+     * kadar yüksek (en fazla ekranın %90'ı) ve tek durak.
+     */
+    snapPoints?: SnapPoint[];
+    /** Açılıştaki durak (küçükten büyüğe sıra). Varsayılan: 0. */
+    initialSnap?: number;
+    onSnapChange?: (index: number) => void;
+    /** Karartmaya dokununca kapanır. Varsayılan: `true`. */
+    maskClosable?: boolean;
+    /** Aşağı sürükleyerek kapatılabilir. Varsayılan: `true`. */
+    closable?: boolean;
+    /** Android geri tuşu kapatır. Varsayılan: `true`. */
+    keyboard?: boolean;
+    /** Alt güvenli alan payı (iOS ev çubuğu). Varsayılan: `ThemeProvider insets`in `bottom`ı (en az 16), yoksa iOS 28, Android 16. */
+    bottomInset?: number;
+    /**
+     * Kapanış animasyonu bitip panel kaldırıldıktan sonra. Kapanışta başka bir
+     * pencere (Dialog) açacaksanız burada açın — iOS, kapanmakta olan bir
+     * Modal varken yenisini göstermez.
+     */
+    onAfterClose?: () => void;
+    /** Başlık yoksa erişilebilir ad. */
+    accessibilityLabel?: string;
+    contentStyle?: StyleProp<ViewStyle>;
+}
+declare function BottomSheet(props: Readonly<BottomSheetProps>): React__default.JSX.Element;
+
+interface ActionSheetAction {
+    label: string;
+    onPress?: () => void;
+    /** Satırın solunda (renk/boyut verilmemişse satır rengine uyar). */
+    icon?: React__default.ReactNode;
+    /** Geri alınamaz işlem — hata renginde. */
+    destructive?: boolean;
+    disabled?: boolean;
+}
+interface ActionSheetProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    /** Başlığın altında kısa açıklama. */
+    message?: string;
+    actions: ActionSheetAction[];
+    /** En altta ayrı, kalın. Varsayılan: "Vazgeç". `null` → yok. */
+    cancelLabel?: string | null;
+    /**
+     * Panel tamamen kapandıktan sonra (seçilen eylemin `onPress`inden SONRA).
+     * Vazgeçmeyi eylemden ayırmak için: eylem çalışmadıysa kullanıcı vazgeçmiştir.
+     */
+    onAfterClose?: () => void;
+}
+/**
+ * Bir öğe için eylem listesi (Paylaş / Düzenle / Sil). BottomSheet üzerinde,
+ * iki platformda aynı görünüm; sürükleyerek ya da karartmaya dokunarak kapanır.
+ * Bir eyleme basılınca panel kapanır, kapanış bitince eylem çalışır.
+ */
+declare function ActionSheet({ open, onClose, title, message, actions, cancelLabel, onAfterClose }: Readonly<ActionSheetProps>): React__default.JSX.Element;
+
+/** Web konumları kabul edilir; telefonda köşe yok — en yakın kenara eşlenir. */
+type ToastPosition = "top" | "bottom" | "topRight" | "topLeft" | "bottomLeft" | "bottomRight";
+
+type ToastType = ColorRole | "none";
+interface ToastAction {
+    label: string;
+    /** Basılınca Toast kapanır. */
+    onPress: () => void;
+}
+
+interface ToastOptions {
+    title: string;
+    description?: React__default.ReactNode;
+    type?: ToastType;
+    /** `top` / `bottom` (web köşe değerleri en yakın kenara eşlenir). Varsayılan: `bottom`. */
+    position?: ToastPosition;
+    closeIcon?: boolean;
+    /** ms; `0` = kendiliğinden kapanmaz. Varsayılan 5000 (eylemliyse 8000; ekran okuyucu açıkken eylemli kapanmaz). */
+    duration?: number;
+    /** Tek eylem (ör. "Geri al"); basılınca Toast kapanır. */
+    action?: ToastAction;
+    onClose?: () => void;
+    /** Veri gelene kadar iskelet; `update(id, { skeleton: false, … })` ile duyurulur ve sayaç başlar. */
+    skeleton?: boolean;
+}
+interface ToastContextValue {
+    /** Gösterir, kimliğini döner. */
+    showToast: (options: ToastOptions) => string;
+    /** Kimlik verilmezse hepsini kapatır. */
+    dismiss: (id?: string) => void;
+    /** Gösterilen Toast'u günceller (ör. iskeletten veriye). */
+    update: (id: string, changes: Partial<Omit<ToastOptions, "position">>) => void;
+}
+interface ToastProviderProps {
+    children: React__default.ReactNode;
+    /** Kenar payları (güvenli alan). Varsayılan: üst iOS 54 / Android durum çubuğu, alt iOS 34 / Android 16. */
+    insets?: {
+        top?: number;
+        bottom?: number;
+    };
+}
+declare function ToastProvider({ children, insets }: Readonly<ToastProviderProps>): React__default.JSX.Element;
+/** `ToastProvider` içinde: `const { showToast } = useToast();` */
+declare function useToast(): ToastContextValue;
+
+interface RateCharacterState {
+    index: number;
+    /** Dolu katman mı (boş katman `false`). */
+    filled: boolean;
+    /** O katmanın rengi — özel karakteri boyamak için. */
+    color: string;
+}
+interface RateProps extends SkeletonableProps {
+    /** Yıldız sayısı. Varsayılan: `5`. */
+    count?: number;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (value: number) => void;
+    /** Parmak yıldızların üzerinde gezinirken önizleme puanı; bırakınca `0` (web'deki hover sözleşmesi). */
+    onHoverChange?: (value: number) => void;
+    /** Yarım puan (dokunulan yıldızın sol yarısı). */
+    allowHalf?: boolean;
+    /** Aynı puana yeniden dokununca sıfırlar. Varsayılan: `true`. */
+    allowClear?: boolean;
+    disabled?: boolean;
+    /** Salt gösterim (ortalama puan): etkileşim yok, ondalık değer (4,3) oranında dolar. */
+    readOnly?: boolean;
+    /** Yıldız yerine karakter. Fonksiyon her katmanı (boş/dolu) kendi rengiyle çizebilir. */
+    character?: React__default.ReactNode | ((state: RateCharacterState) => React__default.ReactNode);
+    /** Yıldız kutusu (pt). Varsayılan: `28`. */
+    characterSize?: number;
+    /** Verilmezse `rating` token'ları (parlak sarı). Rol verilirse düz o renk. */
+    color?: ColorRole;
+    /** İleri düzey kaçış: token yerine ham renk. */
+    characterColor?: string;
+    /** Varsayılan: "Puan". */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Rate({ count, value, defaultValue, onChange, onHoverChange, allowHalf, allowClear, disabled, readOnly, character, characterSize, color, characterColor, accessibilityLabel, skeleton, style, }: Readonly<RateProps>): React__default.JSX.Element;
+
+/** Slider'ın saf hesapları (testli) — web `Slider/utils.ts` ile aynı sözleşme. */
+type SliderValue = number | [number, number];
+
+type SliderIconItem = {
+    icon: React__default.ReactNode;
+    value: number;
+};
+type SliderIconPosition = "top" | "bottom";
+interface SliderProps extends SkeletonableProps {
+    value?: SliderValue;
+    /** Kontrolsüz başlangıç. Aralık için `[20, 80]`. Varsayılan: `0`. */
+    defaultValue?: SliderValue;
+    /** Tutamaç sm 20 · md 28 (iOS) · lg 32. Varsayılan: `md`. */
+    size?: Size;
+    min?: number;
+    max?: number;
+    /** Adım; ondalıklı olabilir (`0.5`). Varsayılan: `1`. */
+    step?: number;
+    vertical?: boolean;
+    disabled?: boolean;
+    /** Dolu kısım ve tutamaç kenarı. Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** `false`: değer baloncuğunu hiç gösterme. */
+    tooltipVisible?: boolean;
+    /** Baloncuk sürüklemeyi beklemeden hep görünsün. */
+    tooltipAlwaysVisible?: boolean;
+    /** Baloncuktaki ve ekran okuyucudaki değer, ör. `(v) => \`${v} ₺\``. */
+    formatValue?: (value: number) => React__default.ReactNode;
+    /** Rayın altında (dikeyde yanında) etiketli işaretler: `{ 0: "0 ₺", 5000: "5.000 ₺" }`. */
+    marks?: Record<number, React__default.ReactNode>;
+    iconList?: SliderIconItem[];
+    /** Yatayda ikonların yeri. Varsayılan: `bottom`. Dikeyde ikonlar solda. */
+    iconPosition?: SliderIconPosition;
+    /** Senkron sayı girişi (aralıkta iki giriş, altta). */
+    showInput?: boolean;
+    /** Sürüklerken her değişimde. */
+    onChange?: (value: SliderValue) => void;
+    /** Etkileşim bitince (parmak kalktı, giriş onaylandı) — ör. filtrede yalnız bırakınca istek atmak için. */
+    onChangeEnd?: (value: SliderValue) => void;
+    /** Ekran okuyucu adı. Aralıkta tutamaçlar "… en az" / "… en çok". */
+    accessibilityLabel?: string;
+    /** Aralık tutamaçlarının adları. */
+    thumbLabels?: [string, string];
+    style?: StyleProp<ViewStyle>;
+}
+declare function Slider({ value, defaultValue, size, min, max, step, vertical, disabled, color, tooltipVisible, tooltipAlwaysVisible, formatValue, marks, iconList, iconPosition, showInput, onChange, onChangeEnd, accessibilityLabel, thumbLabels, skeleton, style, }: Readonly<SliderProps>): React__default.JSX.Element;
+
+/**
+ * Değer animasyonu — web `lib/useAnimatedValue`ın native karşılığı (Statistic).
+ *
+ * - `count`: sayı bir önceki değerden (ilkinde 0) hedefe sayar, sonda yavaşlar.
+ * - `typewriter`: metin karakter karakter yazılır.
+ *
+ * "Hareketi azalt" açıksa çalışmaz → değer doğrudan son halinde.
+ */
+type ValueAnimation = "count" | "typewriter";
+
+type StatisticSize = "sm" | "md" | "lg";
+interface StatisticBaseProps extends SkeletonableProps {
+    /** Üstte soluk başlık ("Aylık gelir"). */
+    title?: React__default.ReactNode;
+    /** Değerin solunda ("₺") / sağında ("kişi", "%"). */
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
+    /** Altta soluk açıklama ("geçen aya göre"). */
+    description?: React__default.ReactNode;
+    /** Değer 22 / 28 / 34. Varsayılan: `md`. */
+    size?: StatisticSize;
+    style?: StyleProp<ViewStyle>;
+}
+interface StatisticTrend {
+    /** Değişim: `12.4` → "%12,4" artış, `-3` → "%3" düşüş. */
+    value: number;
+    /** Hangi yön İYİ: gelir `up`, maliyet/iade `down`. Varsayılan: `up`. */
+    goodWhen?: "up" | "down";
+    /** `%` yerine " puan". Varsayılan: yüzde. */
+    unit?: "percent" | "points";
+}
+interface StatisticProps extends StatisticBaseProps {
+    /** Sayı yerel biçimde (1.234.567,8); metin olduğu gibi. */
+    value: number | string;
+    precision?: number;
+    /** Değişim — renk yönden değil `goodWhen`den. */
+    trend?: StatisticTrend;
+    /** Varsayılan: `"tr-TR"`. */
+    locale?: string;
+    /** Giriş animasyonu (değer + trend); hareket azaltmada çalışmaz. Varsayılan: açık. */
+    animated?: boolean;
+    /** `"count"` sayar, `"typewriter"` yazar. Varsayılan: `"count"`. */
+    valueAnimation?: ValueAnimation;
+}
+interface CountdownProps extends StatisticBaseProps {
+    target: Date | number;
+    onFinish?: () => void;
+    /** "2 gün 04:12:09"; `false`: saate kat ("52:12:09"). Varsayılan: `true`. */
+    showDays?: boolean;
+    /** Varsayılan: `"Süre doldu"`. */
+    finishedText?: React__default.ReactNode;
+}
+interface ClockProps extends StatisticBaseProps {
+    /** IANA saat dilimi. Varsayılan: cihazınki. */
+    timeZone?: string;
+    showSeconds?: boolean;
+    locale?: string;
+}
+interface StopwatchProps extends StatisticBaseProps {
+    /** Başlat / Duraklat / Sıfırla. Varsayılan: `true`. */
+    controls?: boolean;
+    autoStart?: boolean;
+    /** Durdurulunca/sıfırlanınca geçen süre (ms). */
+    onStop?: (elapsedMs: number) => void;
+}
+/**
+ * Sayısal KPI: başlık, yerel biçimli değer, önek/sonek, trend. Trendin rengi
+ * yönden değil ANLAMdan (`goodWhen`): maliyetin düşmesi yeşil.
+ */
+declare function Statistic({ title, value, precision, prefix, suffix, trend, description, locale, size, style, skeleton, animated, valueAnimation }: Readonly<StatisticProps>): React__default.JSX.Element;
+/**
+ * Geri sayım. Her saniye güncellenir ama duyurulmaz (`timer`); kalan süre
+ * sözlü olarak erişilebilir adda, süre dolunca bir kez duyurulur.
+ */
+declare function Countdown({ title, target, onFinish, showDays, finishedText, prefix, suffix, description, size, style, skeleton }: Readonly<CountdownProps>): React__default.JSX.Element;
+/** Canlı saat; saniyesizde dakikada bir değişir ama saniyede bir kontrol edilir. */
+declare function Clock({ title, timeZone, showSeconds, locale, prefix, suffix, description, size, style, skeleton }: Readonly<ClockProps>): React__default.JSX.Element;
+/**
+ * Kronometre: Başlat / Duraklat / Sıfırla. Salise görünür ama duyurulmaz;
+ * durdurulunca geçen süre sözlü olarak duyurulur.
+ */
+declare function Stopwatch({ title, controls, autoStart, onStop, prefix, suffix, description, size, style, skeleton }: Readonly<StopwatchProps>): React__default.JSX.Element;
+
+/** Steps'in saf mantığı (testli) — web `Steps/utils.ts` ile aynı kurallar, sınıf yerine renk. */
+type StepStatus = "wait" | "process" | "finish" | "error";
+type StepsVariant = "filled" | "outlined";
+
+type StepsSize = "sm" | "md";
+type StepsLabelPlacement = "horizontal" | "vertical";
+interface StepItem {
+    title: React__default.ReactNode;
+    /** Başlığın yanında soluk ikincil metin (süre, tarih). */
+    subTitle?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    /** Numara yerine dairede ikon (ör. lucide-react-native) — `size` ve `color` alır. */
+    icon?: React__default.ComponentType<{
+        size?: number;
+        color?: string;
+    }>;
+    /** 1 tabanlı kimlik; `currentStep` bununla karşılaştırılır. Varsayılan: sırası. */
+    step?: number;
+    status?: StepStatus;
+    /** Dokunulabilir Steps'te bu adıma gidilemez. */
+    disabled?: boolean;
+}
+type StepData = StepItem[];
+interface StepsProps extends SkeletonableProps {
+    data: StepData;
+    /** Geçerli adım (1 tabanlı). */
+    currentStep: number;
+    /** Geçerli adımın durumu (`"error"`: ödeme reddedildi). Varsayılan: `"process"`. */
+    status?: Exclude<StepStatus, "wait">;
+    /** Verilirse adımlar dokunulabilir ve altta Geri/İleri çubuğu. */
+    onChange?: (step: number) => void;
+    /** Son adımda "Tamamla". Verilmezse "Tamamla" devre dışı. */
+    onComplete?: () => void;
+    /** Varsayılan: `onChange` verildiyse `true`. */
+    showActions?: boolean;
+    color?: ColorRole;
+    variant?: StepsVariant;
+    /** `"md"` 32 · `"sm"` 24 gösterge. */
+    size?: StepsSize;
+    vertical?: boolean;
+    /** Yatayda başlık göstergenin yanında ya da altında ortalı. `dot` iken hep altında. */
+    labelPlacement?: StepsLabelPlacement;
+    /** Numara/ikon yerine küçük nokta — sade zaman çizelgesi. */
+    dot?: boolean;
+    /** Geçerli adımın göstergesinin etrafında ilerleme halkası (0–100). */
+    percent?: number;
+    /** Kapsayıcı bu genişliğin (pt) altındaysa dar düzene geçer; `false` kapatır. Varsayılan: `520`. */
+    responsive?: number | false;
+    /** Dar düzen: `"vertical"` dikey liste, `"compact"` yalnız göstergeler + "Adım 2/4 · Başlık". */
+    responsiveLayout?: "vertical" | "compact";
+    /** Adımların altında, eylem çubuğunun üstünde (bkz. `StepsContent`). */
+    content?: React__default.ReactNode;
+    /** Varsayılan: "İlerleme adımları". */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Steps({ data, currentStep, status: currentStatus, onChange, onComplete, showActions, color, variant, size, vertical, labelPlacement, dot, percent, responsive, responsiveLayout, content, accessibilityLabel, skeleton, style, }: Readonly<StepsProps>): React__default.JSX.Element;
+interface StepsContentProps {
+    value: number;
+    currentSteps: number;
+    children: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/** Yalnız geçerli adımın içeriği; görsel kutu dayatmaz (web ile aynı). */
+declare function StepsContent({ value, currentSteps, children, style }: StepsContentProps): React__default.JSX.Element | null;
+
+/**
+ * - `bordered` (varsayılan): dış çerçeve, tonlu başlıklar, gövde ayrı zeminde.
+ * - `borderless`: çerçevesiz tonlu blok, yalnız bölümler arası çizgi.
+ * - `ghost`: zemin ve çerçeve yok — bir kartın içine gömülür.
+ * - `separated`: her bölüm ayrı, aralıklı bir kart (SSS).
+ */
+type AccordionVariant = "bordered" | "borderless" | "ghost" | "separated";
+interface AccordionItem {
+    key: string;
+    /** Başlık (düğmenin erişilebilir adı). */
+    label: React__default.ReactNode;
+    children: React__default.ReactNode;
+    /** Başlığın sağında ek alan; açma düğmesinin DIŞINDA — içine düğme koymak güvenli. */
+    extra?: React__default.ReactNode;
+    disabled?: boolean;
+    showArrow?: boolean;
+    /** İçerik ilk açılıştan önce de çizilsin. */
+    forceRender?: boolean;
+}
+interface AccordionProps extends SkeletonableProps {
+    items: AccordionItem[];
+    activeKey?: string | string[];
+    defaultActiveKey?: string | string[];
+    /** Her zaman dizi (tekli modda 0 ya da 1 eleman). */
+    onChange?: (activeKeys: string[]) => void;
+    /** Aynı anda yalnız bir bölüm açık. */
+    single?: boolean;
+    variant?: AccordionVariant;
+    /** Başlık dolgusu sm 10·12 / md 12·16 / lg 16·20; satır en az 44pt. */
+    size?: Size;
+    iconPlacement?: "start" | "end";
+    expandIcon?: (open: boolean) => React__default.ReactNode;
+    /** Web'de `<hN>` seviyesi; native'de başlıklar düğmedir (RN'de başlık seviyesi yok) — yok sayılır. */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
+    /** Kapanan bölümün içeriği kaldırılsın (varsayılan: ilk açılıştan sonra tutulur). */
+    destroyOnHidden?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+/** Başlık + açılır içerik listesi (ant.design Collapse). Başlığın her yerine dokunmak açar. */
+declare function Accordion({ items, activeKey, defaultActiveKey, onChange, single, variant, size, iconPlacement, expandIcon, destroyOnHidden, skeleton, style, }: Readonly<AccordionProps>): React__default.JSX.Element;
+
+/** `line`: alt çizgili (varsayılan). `card`: kart sekmeler. `pills`: kayan zeminli segmented. */
+type TabsVariant = "line" | "card" | "pills";
+type TabsOrientation = "horizontal" | "vertical";
+interface TabsProps extends SkeletonableProps {
+    defaultActiveTab?: string;
+    activeTab?: string;
+    onChange?: (value: string) => void;
+    /** Aktif sekme göstergesinin rengi. Varsayılan: `primary`. */
+    color?: ColorRole;
+    variant?: TabsVariant;
+    /** Sekme yüksekliği sm 36 · md 44 · lg 48. */
+    size?: Size;
+    /** `vertical`: sekmeler solda, içerik sağda. */
+    orientation?: TabsOrientation;
+    /** Dikey Tabs bu genişliğin (pt) altında yataya döner. `false` kapatır. Varsayılan: `640`. */
+    responsive?: number | false;
+    /** Sekmeler tüm genişliğe eşit dağılır. */
+    fill?: boolean;
+    align?: "start" | "center";
+    /** Pasif paneller çizili kalır (gizli) — içlerindeki form durumu kaybolmaz. */
+    keepMounted?: boolean;
+    /** Web'de klavye etkinleştirme kipi; native'de ok tuşu yok — yok sayılır. */
+    activationMode?: "automatic" | "manual";
+    style?: StyleProp<ViewStyle>;
+    children: React__default.ReactNode;
+}
+interface TabsListProps {
+    children: React__default.ReactNode;
+    /** Sekme çubuğunun sonunda ek içerik (ör. düğme). */
+    extra?: React__default.ReactNode;
+    /** Sekme grubunun erişilebilir adı. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+interface TabsTriggerState {
+    active: boolean;
+    /** O anki etiket rengi — ikonu boyamak için. */
+    color: string;
+}
+interface TabsTriggerProps {
+    children: React__default.ReactNode;
+    value: string;
+    /** Etiketin önündeki ikon; fonksiyon verilirse etiket rengini alır (RN'de `currentColor` yok). */
+    icon?: React__default.ReactNode | ((state: TabsTriggerState) => React__default.ReactNode);
+    /** Etiketin yanında sayı rozeti. */
+    count?: number;
+    disabled?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+interface TabsContentProps {
+    children: React__default.ReactNode;
+    value: string;
+    /** Pasifken de çizili kalsın (`keepMounted`'ı panel bazında açar). */
+    forceMount?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare function Tabs({ defaultActiveTab, activeTab, onChange, color, variant, size, orientation, responsive, fill, align, keepMounted, skeleton, style, children, }: Readonly<TabsProps>): React__default.JSX.Element;
+declare function TabsList({ children, extra, accessibilityLabel, style }: Readonly<TabsListProps>): React__default.JSX.Element;
+declare function TabsTrigger({ children, value, icon, count, disabled, style }: Readonly<TabsTriggerProps>): React__default.JSX.Element;
+/** Aktif sekmenin paneli. Pasif paneller kaldırılır (`keepMounted` / `forceMount`: gizli tutulur). */
+declare function TabsContent({ children, value, forceMount, style }: Readonly<TabsContentProps>): React__default.JSX.Element | null;
+
+/** Select'in saf mantığı — web `select/utils.ts` ile aynı kurallar (testli). */
+type SelectValue = string | number;
+interface SelectOption {
+    value: SelectValue;
+    /** Görünen metin. Verilmezse `value`. Aramada da bu (düz metinse) kullanılır. */
+    label?: React__default.ReactNode;
+    /** Solda ikon/avatar. */
+    icon?: React__default.ReactNode;
+    /** Etiketin altında soluk açıklama. */
+    description?: React__default.ReactNode;
+    disabled?: boolean;
+    /** `label` düz metin değilse arama için kullanılacak metin. */
+    searchText?: string;
+}
+/** Başlıklı seçenek grubu. */
+interface SelectOptionGroup {
+    label: React__default.ReactNode;
+    options: SelectOption[];
+}
+
+interface SelectBaseProps extends SkeletonableProps {
+    options: Array<SelectOption | SelectOptionGroup>;
+    placeholder?: string;
+    /** Panelin üstünde arama alanı (Türkçe/aksansız). */
+    showSearch?: boolean;
+    /**
+     * Listede olmayan değer de seçilebilir: aramada birebir eşleşme yoksa en üstte
+     * "“…” kullan" satırı; klavyede "bitti" de yazılanı seçer. Aramayı kendiliğinden
+     * açar. Değer yazılan metin olur (alanda düz metin / etiket olarak görünür).
+     */
+    allowFreeText?: boolean;
+    /** Serbest metin satırının etiketi. Varsayılan: `(t) => "“t” kullan"`. */
+    freeTextLabel?: (text: string) => string;
+    allowClear?: boolean;
+    /** Varsayılan: `"Temizle"`. */
+    clearLabel?: string;
+    /** Seçenekler yükleniyor: panelde spinner, alanda dönen ikon. */
+    loading?: boolean;
+    /** Varsayılan: `"Sonuç bulunamadı"`. */
+    notFoundContent?: React__default.ReactNode;
+    disabled?: boolean;
+    /** Alan Input ölçeğinde (md 44). */
+    size?: Size;
+    variant?: InputVariant;
+    shape?: InputShape;
+    /** Doğrulama durumu ya da vurgu rengi — Input'la aynı kural. */
+    color?: ColorRole;
+    /** Panel başlığı. Varsayılan: Field etiketi, yoksa `placeholder`. */
+    title?: React__default.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Aramada yazılan metin (sunucu tarafı arama). */
+    onSearch?: (text: string) => void;
+    /** Seçenek satırını özelleştir. */
+    optionRender?: (option: SelectOption, state: {
+        selected: boolean;
+        active: boolean;
+    }) => React__default.ReactNode;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+}
+interface SelectSingleProps extends SelectBaseProps {
+    mode?: undefined;
+    value?: SelectValue | null;
+    defaultValue?: SelectValue | null;
+    onChange?: (value: SelectValue | null, option: SelectOption | null) => void;
+}
+interface SelectMultipleProps extends SelectBaseProps {
+    /** Çoklu: seçilenler etiket olur, panel seçimden sonra açık kalır ("Tamam" ile kapanır). */
+    mode: "multiple";
+    value?: SelectValue[];
+    defaultValue?: SelectValue[];
+    onChange?: (value: SelectValue[], options: SelectOption[]) => void;
+    /** En fazla bu kadar etiket, kalanı "+N". */
+    maxTagCount?: number;
+}
+type SelectProps = SelectSingleProps | SelectMultipleProps;
+/**
+ * Seçim alanı: kapalıyken Input'la aynı kutu; dokununca seçenekler
+ * BottomSheet'te açılır (kullanıcı kararı). Tekli seçimde dokunulan seçenek
+ * seçilir ve panel kapanır; çoklu seçimde panel açık kalır ("Tamam" kapatır).
+ */
+declare function Select(props: SelectProps): React__default.JSX.Element;
+
+/**
+ * Statik kaynak — web'deki `ImageStaticSource` ile aynı şekil (`{ src, width,
+ * height, blurDataURL }`). Boyut verilirse yer önceden ayrılır.
+ */
+interface ImageStaticSource {
+    src: string;
+    width?: number;
+    height?: number;
+    /** Küçük bulanık ön izleme (genelde `data:` URL) — `placeholder` için kendiliğinden kullanılır. */
+    blurDataURL?: string;
+}
+/** URL, statik kaynak ya da `require("./foto.jpg")` (paketlenmiş görsel). */
+type ImageSource = string | ImageStaticSource | number;
+interface ImageLoaderParams {
+    src: string;
+    /** İstenen piksel genişliği (kutu genişliği × ekran piksel oranı). */
+    width: number;
+    quality?: number;
+}
+/** Kaynak + genişlik → gerçek URL (CDN boyutlandırma). Web'deki `loader` ile aynı imza. */
+type ImageLoader = (params: ImageLoaderParams) => string;
+type ImageFit = "cover" | "contain" | "fill" | "none" | "scale-down";
+interface ImagePreviewConfig {
+    /** Önizlemede gösterilecek (genelde daha yüksek çözünürlüklü) kaynak. Varsayılan: `src`. */
+    src?: ImageSource;
+    /** Görüntüleyicide görselin altındaki açıklama. */
+    caption?: React__default.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+interface ImageLoadInfo {
+    width: number;
+    height: number;
+}
+interface ImageProps extends SkeletonableProps {
+    src: ImageSource | null | undefined;
+    /** Zorunlu. Süs görselse `alt=""` verin (ekran okuyucu atlar). */
+    alt: string;
+    /** Sayı = pt, yüzde = kaba göre. */
+    width?: DimensionValue;
+    height?: DimensionValue;
+    /**
+     * Yer önceden ayrılsın (yüklenince ekran kaymasın): `"4/3"`, `1.5`.
+     * Verilmezse sayısal `width`/`height`ten (ya da kaynağın boyutundan) çıkarılır.
+     */
+    aspectRatio?: number | string;
+    /** Varsayılan: `"cover"`. */
+    fit?: ImageFit;
+    loader?: ImageLoader;
+    /** `loader` aday genişlikleri; kutu genişliği × piksel oranına en yakın büyük aday istenir. */
+    widths?: number[];
+    quality?: number;
+    /**
+     * Yüklenirken gösterilen:
+     * - `true`: bulanık ön izleme (`blurDataURL` ya da `loader` ile küçük boy), yoksa nabız,
+     * - string: bu düşük çözünürlüklü URL bulanık gösterilir,
+     * - node: özel içerik.
+     * Varsayılan: `blurDataURL` varsa `true`.
+     */
+    placeholder?: boolean | string | React__default.ReactNode;
+    /** Yüklenemezse: URL (yedek görsel) ya da node. Varsayılan: ikon + "Görsel yüklenemedi". */
+    fallback?: string | React__default.ReactNode;
+    /** Dokununca tam ekran görüntüleyicide açılır. */
+    preview?: boolean | ImagePreviewConfig;
+    /** Dış kutu (köşe, kenarlık, boyut). */
+    style?: StyleProp<ViewStyle>;
+    /** İç `Image`. */
+    imageStyle?: StyleProp<ImageStyle>;
+    onLoad?: (info: ImageLoadInfo) => void;
+    onError?: () => void;
+}
+
+/**
+ * Web `Image`ın native karşılığı (yapı ant.design Image): kademeli yükleme
+ * (bulanık ön izleme → asıl görsel yumuşak geçişle), `fallback`, `preview`
+ * (tam ekran `ImageViewer`). Kutu yeri önceden ayırır (`aspectRatio` ya da
+ * `width`/`height`) → yüklenince ekran kaymaz. CDN boyutlandırma `loader` ile:
+ * kutu genişliği × ekran piksel oranına en yakın aday istenir.
+ */
+declare function Image({ src, alt, width, height, aspectRatio, fit, loader, widths, quality, placeholder, fallback, preview, skeleton, style, imageStyle, onLoad, onError, }: Readonly<ImageProps>): React__default.JSX.Element;
+
+interface ImageViewerItem {
+    key: React__default.Key;
+    /** Tam çözünürlüklü kaynak. */
+    src: ImageSource;
+    alt: string;
+    /** Asıl görsel yüklenene kadar altta gösterilen küçük boy; alt şeritte de kullanılır. */
+    thumbnail?: string;
+    caption?: React__default.ReactNode;
+}
+interface ImageViewerProps {
+    items: ImageViewerItem[];
+    open: boolean;
+    onClose: () => void;
+    index?: number;
+    defaultIndex?: number;
+    onIndexChange?: (index: number) => void;
+    loader?: ImageLoader;
+    /** Alt şerit. Varsayılan: birden fazla öğe varsa. */
+    thumbnails?: boolean;
+    /** Üst çubuğa ek eylemler (paylaş, sil…). */
+    actions?: (item: ImageViewerItem, index: number) => React__default.ReactNode;
+    accessibilityLabel?: string;
+    /** Üst güvenli alan (durum çubuğu/çentik). Varsayılan: iOS 54, Android durum çubuğu yüksekliği. */
+    topInset?: number;
+    /** Alt güvenli alan (ev çubuğu). Varsayılan: iOS 28, Android 16. */
+    bottomInset?: number;
+}
+/**
+ * Tam ekran görüntüleyici — web `ImageViewer`ın native karşılığı (ek paket
+ * yok; PanResponder + Animated). Yana kaydır = önceki/sonraki, aşağı çek =
+ * kapat, çift dokun = yakınlaş/sıfırla, iki parmak = yakınlaş, yakınken
+ * sürükle = gez, tek dokun = üst/alt çubukları gizle/göster.
+ */
+declare function ImageViewer(props: Readonly<ImageViewerProps>): React__default.JSX.Element;
+
+/**
+ * ImageGallery'nin saf mantığı — web'deki (`components/src/image/galleryUtils.ts`)
+ * ile birebir; klavye ızgarası ve görünür aralık hesabı yok (native'de FlatList
+ * sanallaştırır, satır konumları `getItemLayout`a gider).
+ */
+type GalleryView = "all" | "day" | "month" | "year";
+
+interface ImageGalleryItem {
+    key: React__default.Key;
+    /** Tam çözünürlüklü kaynak. */
+    src: ImageSource;
+    alt: string;
+    /** Çekim tarihi — bölümler buna göre. Hiçbir öğede yoksa galeri tek düz ızgaradır. */
+    date?: Date | null;
+    /** Varsayılan: `"image"`. Native görüntüleyicide video OYNATILMAZ — kapak görseli gösterilir. */
+    type?: "image" | "video";
+    /** Video kapak görseli (ızgarada ve görüntüleyicide) — hazır adres, `loader`dan geçmez. */
+    poster?: string;
+    /** Video süresi (sn) — küçük resmin köşesinde. */
+    duration?: number;
+    /** Izgarada `src` yerine gösterilecek küçük kaynak (CDN `loader`ı yoksa önerilir). */
+    thumbnail?: ImageSource;
+    caption?: React__default.ReactNode;
+}
+interface ImageGalleryProps extends SkeletonableProps {
+    items: ImageGalleryItem[];
+    /** Bölümleme: `day` / `month` / `year` başlıklı, `all` başlıksız tek ızgara. Varsayılan: `"day"`. */
+    view?: GalleryView;
+    defaultView?: GalleryView;
+    onViewChange?: (view: GalleryView) => void;
+    /** Araç çubuğundaki görünüm seçenekleri (sırasıyla). Varsayılan: Yıllar, Aylar, Günler, Tümü. */
+    views?: GalleryView[];
+    /** Sütun sayısı. `"auto"`: genişlik ve görünüme göre (gün iri, yıl sık). Varsayılan: `"auto"`. */
+    columns?: number | "auto";
+    defaultColumns?: number | "auto";
+    onColumnsChange?: (columns: number | "auto") => void;
+    /** Küçük resimler arası boşluk (pt, kıl payı). Varsayılan: `2`. */
+    gap?: number;
+    loader?: ImageLoader;
+    /** Araç çubuğu (görünüm, sütun, seçim). Varsayılan: `true`. */
+    toolbar?: boolean;
+    /** Araç çubuğunun solundaki başlık. */
+    title?: React__default.ReactNode;
+    /** Sona yaklaşınca sonraki sayfayı ister (FlatList sanallaştırmasıyla). */
+    infinite?: InfiniteScrollOptions;
+    /** Araç çubuğunda "Seç" düğmesi; uzun basış da seçim moduna alır. */
+    selectable?: boolean;
+    selectionMode?: boolean;
+    defaultSelectionMode?: boolean;
+    onSelectionModeChange?: (active: boolean) => void;
+    selectedKeys?: React__default.Key[];
+    defaultSelectedKeys?: React__default.Key[];
+    onSelectionChange?: (keys: React__default.Key[]) => void;
+    /** Seçim modunda araç çubuğuna eklenecek eylemler (paylaş, sil…). */
+    selectionActions?: (keys: React__default.Key[]) => React__default.ReactNode;
+    /** Görüntüleyicinin üst çubuğuna ek eylemler. */
+    viewerActions?: Exclude<ImageViewerProps["actions"], undefined>;
+    /** Tarih biçimi. Varsayılan: `"tr-TR"`. */
+    locale?: string;
+    /** Öğe yokken. Varsayılan: "Henüz fotoğraf yok". */
+    emptyText?: React__default.ReactNode;
+    accessibilityLabel?: string;
+    /** Dış kutu. Galeri kendi içinde kayar: ekranı doldurun (`flex: 1`) ya da yükseklik verin. */
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Web `ImageGallery`ın native karşılığı (yapı iPhone Fotoğraflar): kare küçük
+ * resimler kıl payı aralıkla, tarihe göre bölümler, Yıllar / Aylar / Günler /
+ * Tümü (üst görünümde başlığa dokununca bir alta inilir), sütun sayısı, seçim
+ * modu (uzun basış), tam ekran `ImageViewer`. Satırlar FlatList'te sanal;
+ * konumlar önceden bilindiği için `getItemLayout` ile ölçümsüz.
+ */
+declare function ImageGallery(props: Readonly<ImageGalleryProps>): React__default.JSX.Element;
+
+/**
+ * Carousel'in saf mantığı (react-native'siz, testli). Konumlar SLAYT
+ * birimindedir: 0 = ilk slayt görünen alanın solunda, 1 = bir slayt kaymış.
+ */
+type CarouselAlign = "start" | "center" | "end";
+interface ResponsiveItem {
+    breakpoint: number;
+    slidesToShow: number;
+    slidesToScroll?: number;
+}
+
+type DotPosition = "bottom" | "top" | "left" | "right";
+type ArrowsPlacement = "sides" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+type DotsPlacement = "overlay" | "outside";
+
+interface CarouselControls {
+    selectedIndex: number;
+    /** Her durağın başlangıç konumu (slayt birimi). */
+    scrollSnaps: number[];
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+}
+interface CarouselProps extends SkeletonableProps {
+    children: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+    /** Her slaydın kutusu (slaytlar arası boşluk için `paddingHorizontal`). */
+    itemStyle?: StyleProp<ViewStyle>;
+    /** Görünen alan (köşe, yükseklik). */
+    viewportStyle?: StyleProp<ViewStyle>;
+    /** Ok ve nokta göstergelerinin aktif rengi. Varsayılan: `neutral`. */
+    color?: ColorRole;
+    /** Erişilebilir ad (ör. "Kampanyalar"). Varsayılan: `"Slayt gösterisi"`. */
+    label?: string;
+    /** Kesintisiz döngü: sondan ileri ilk slayt yandan gelir. Varsayılan: `true`. */
+    loop?: boolean;
+    /** Parmakla yana kaydırarak gezinme. Varsayılan: `true`. */
+    draggable?: boolean;
+    /** Geçiş hızı (web ile aynı ölçek; ≈ `speed × 16` ms). Varsayılan: `20`. */
+    speed?: number;
+    slidesToShow?: number;
+    slidesToScroll?: number;
+    align?: CarouselAlign;
+    containScroll?: "trimSnaps" | "keepSnaps";
+    /** Otomatik ilerleme. Dokununca duraklar, durdur/başlat düğmesi gösterilir; "Hareketi azalt" açıksa başlamaz. */
+    autoplay?: boolean;
+    autoplayDelay?: number;
+    /** Kullanıcı kaydırırsa otomatik oynatma kalıcı olarak durur. Varsayılan: `true`. */
+    autoplayStopOnInteraction?: boolean;
+    /** Önceki/sonraki okları. Native'de varsayılan `false` (kaydırma + noktalar). */
+    arrows?: boolean;
+    /** Web'de üzerine gelince beliren oklar; dokunmatikte hover yok — yok sayılır. */
+    arrowsVisibility?: "always" | "hover";
+    arrowsPlacement?: ArrowsPlacement;
+    dots?: boolean;
+    dotPosition?: DotPosition;
+    dotsPlacement?: DotsPlacement;
+    controlsRef?: React__default.RefObject<CarouselControls | null>;
+    /** Pencere genişliğine göre `slidesToShow`/`slidesToScroll` (web ile aynı kural). */
+    responsive?: ResponsiveItem[];
+    /** Seçili durak değişirken: `(önceki, yeni)`. */
+    beforeChange?: (current: number, next: number) => void;
+    /** Geçiş yeni durakta bittiğinde. */
+    afterChange?: (current: number) => void;
+    onStateChange?: (state: CarouselControls) => void;
+}
+/**
+ * Web `Carousel`ın native karşılığı — Embla yerine kendi izimiz (Animated +
+ * PanResponder, ek paket yok). Kesintisiz döngü uçlara kopya slayt ekleyerek;
+ * görünmeyen slaytlar ve kopyalar ekran okuyucudan gizli.
+ */
+declare function Carousel({ children, style, itemStyle, viewportStyle, color, label, skeleton, loop, draggable, speed, slidesToShow: baseShow, slidesToScroll: baseScroll, align, containScroll, autoplay, autoplayDelay, autoplayStopOnInteraction, arrows, arrowsPlacement, dots, dotPosition, dotsPlacement, controlsRef, responsive, beforeChange, afterChange, onStateChange, }: Readonly<CarouselProps>): React__default.JSX.Element;
+
+/** `small`: tek sıra. `large`: altta büyük başlık; `scrollY` verilirse kaydırınca küçük başlığa geçer. */
+type AppBarSize = "small" | "large";
+interface AppBarProps extends SkeletonableProps {
+    title?: React__default.ReactNode;
+    /** Başlığın altında küçük satır (yalnız üst sırada; `large`'da küçük başlık görününce). */
+    subtitle?: React__default.ReactNode;
+    size?: AppBarSize;
+    /** Başlık hizası. Varsayılan: iOS'ta `center`, diğerlerinde `start` (platform alışkanlığı). */
+    titleAlign?: "start" | "center";
+    /** Verilirse solda geri düğmesi çizilir. `leading` verilmişse o kazanır. */
+    onBack?: () => void;
+    /** Geri düğmesinin erişilebilir adı. Varsayılan: "Geri". */
+    backAccessibilityLabel?: string;
+    /** Sol uç (ör. menü düğmesi, logo). */
+    leading?: React__default.ReactNode;
+    /** Sağ uç — genelde `AppBarAction`'lar. */
+    actions?: React__default.ReactNode;
+    /** Üst güvenli alan payı (çentik / durum çubuğu). Varsayılan: `ThemeProvider insets`in `top`ı, yoksa 0. */
+    topInset?: number;
+    /** Sayfanın dikey kaydırma değeri (`useAppBarScroll`). `large` daralır, alt çizgi kaydırınca belirir. */
+    scrollY?: Animated.Value;
+    /** Alt ayırıcı çizgi. Varsayılan: `scrollY` varsa kaydırınca belirir, yoksa yok. */
+    bordered?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+interface AppBarActionState {
+    color: string;
+}
+interface AppBarActionProps {
+    /** Fonksiyon verilirse ikon rengini alır (RN'de `currentColor` yok). */
+    icon: React__default.ReactNode | ((state: AppBarActionState) => React__default.ReactNode);
+    /** Zorunlu — ikon tek başına ekran okuyucuya bir şey söylemez. */
+    accessibilityLabel: string;
+    onPress?: () => void;
+    disabled?: boolean;
+    /** Sayı rozeti; `true` nokta. */
+    badge?: number | boolean;
+}
+/**
+ * Sayfa kaydırmasını AppBar'a bağlar:
+ * `const { scrollY, onScroll } = useAppBarScroll();` → `<AppBar scrollY={scrollY} />` +
+ * `<Animated.ScrollView onScroll={onScroll} scrollEventThrottle={16}>`.
+ */
+declare function useAppBarScroll(): {
+    scrollY: Animated.Value;
+    onScroll: (...args: Array<any>) => void;
+    scrollEventThrottle: number;
+};
+declare function AppBarAction({ icon, accessibilityLabel, onPress, disabled, badge }: Readonly<AppBarActionProps>): React__default.JSX.Element;
+declare function AppBar({ title, subtitle, size, titleAlign, onBack, backAccessibilityLabel, leading, actions, topInset, scrollY, bordered, skeleton, style, }: Readonly<AppBarProps>): React__default.JSX.Element;
+
+/** `pill`: Material 3 — aktif ikonun arkasında hap zemin. `plain`: iOS — yalnız renk değişir. */
+type BottomNavigationVariant = "pill" | "plain";
+interface BottomNavigationIconState {
+    active: boolean;
+    /** O anki ikon rengi (RN'de `currentColor` yok). */
+    color: string;
+    size: number;
+}
+interface BottomNavigationItem {
+    key: string;
+    label: string;
+    /** Fonksiyon verilirse durum ve rengi alır — aktifte dolu ikon göstermek için `active`'i kullanın. */
+    icon: React__default.ReactNode | ((state: BottomNavigationIconState) => React__default.ReactNode);
+    /** Sayı rozeti; `true` nokta. Sayıyı `accessibilityLabel`a da yazın. */
+    badge?: number | boolean;
+    disabled?: boolean;
+    /** Varsayılan: `label`. */
+    accessibilityLabel?: string;
+}
+interface BottomNavigationProps extends SkeletonableProps {
+    items: BottomNavigationItem[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (key: string) => void;
+    /** Zaten seçili sekmeye yeniden dokunulunca (ör. listeyi başa kaydır). */
+    onReselect?: (key: string) => void;
+    /** Varsayılan: `pill`. */
+    variant?: BottomNavigationVariant;
+    /** Aktif sekmenin rengi. Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Etiketleri gizler (yalnız ikon; erişilebilir ad yine `label`). */
+    hideLabels?: boolean;
+    /** Alt güvenli alan payı (ev çubuğu). Varsayılan: `ThemeProvider insets`in `bottom`ı, yoksa 0. */
+    bottomInset?: number;
+    /** Üst ayırıcı çizgi. Varsayılan: `true`. */
+    bordered?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function BottomNavigation({ items, value, defaultValue, onChange, onReselect, variant, color, hideLabels, bottomInset: bottomInsetProp, bordered, skeleton, accessibilityLabel, style, }: Readonly<BottomNavigationProps>): React__default.JSX.Element;
+
+interface SidebarIconState {
+    active: boolean;
+    /** O anki ikon rengi (RN'de `currentColor` yok). */
+    color: string;
+    size: number;
+}
+/** Web `MenuItemType` ile aynı şekil (`promoTiles`, `target` yok — native'de anlamsız). */
+interface SidebarItem {
+    key: string;
+    title: string;
+    description?: string;
+    icon?: React__default.ReactNode | ((state: SidebarIconState) => React__default.ReactNode);
+    route?: string;
+    children?: SidebarItem[];
+    /** Etkileşimsiz bölüm başlığı; gruplama dizide ondan sonra gelen kardeşlerle. */
+    heading?: boolean;
+    disabled?: boolean;
+    /** Sayı rozeti; `true` nokta. */
+    badge?: number | boolean;
+}
+/**
+ * `Sidebar` (ekranın üstünde açılan katman) animasyonu. `slide`: yandan kayar
+ * (kenara kaydırarak kapatma). `fade`: yerinde solarak belirir. Ekranı da
+ * hareket ettiren açılışlar için `SidebarLayout`.
+ */
+type SidebarAnimation = "slide" | "fade";
+/**
+ * `SidebarLayout` (ekranı da hareket ettiren) animasyonu. `push`: çekmece
+ * ekranı yanında iter. `reveal`: menü altta sabit, ekran kayarak açığa
+ * çıkarır. `scaleDown`: ekran küçülüp yuvarlak köşeli karta dönüşerek çekilir.
+ */
+type SidebarLayoutAnimation = "push" | "reveal" | "scaleDown";
+interface SidebarHeaderInk {
+    /** Başlık bandındaki metin rengi (`emphasizedHeader`da rol renginin karşıtı). */
+    color: string;
+    muted: string;
+}
+/** `Sidebar` ve `SidebarLayout` ortak prop'ları. */
+interface SidebarBaseProps extends SkeletonableProps {
+    data: SidebarItem[];
+    open: boolean;
+    /** Kapatma isteği: karartma, kapatma düğmesi, kenara kaydırma, Android geri, öğe seçimi. */
+    onOpenChange: (open: boolean) => void;
+    /** Aktif öğeyi bulmak için mevcut yol (React Navigation'da rota adı / yolu). */
+    currentPath?: string;
+    /** Aktif öğe anahtarı — `currentPath`'i ezer. */
+    activeKey?: string;
+    /** Yol taşıyan yaprak seçilince (kapanmadan önce). Yönlendiriciye burada gidin. */
+    onNavigate?: (route: string, item: SidebarItem) => void;
+    /** Herhangi bir yaprak seçilince (yolu olmasa da). */
+    onSelect?: (item: SidebarItem) => void;
+    /** Panelin üstü (ör. Avatar + "Merhaba, Deniz"). Fonksiyon verilirse bant renklerini alır. */
+    header?: React__default.ReactNode | ((ink: SidebarHeaderInk) => React__default.ReactNode);
+    /** Başlık bandı rol renginde dolgulu (Amazon çekmecesi). */
+    emphasizedHeader?: boolean;
+    /** Panelin altında sabit bölüm (ör. Çıkış yap). */
+    footer?: React__default.ReactNode;
+    /** Varsayılan: `left`. */
+    position?: "left" | "right";
+    /** Menü satırları açılışta (ve alt seviyeye inince) küçük gecikmelerle sırayla gelir. Varsayılan: `false`. */
+    staggerItems?: boolean;
+    /** Aktif öğe rengi. Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Kök seviyesine dönen satırın etiketi. Varsayılan: "Ana Menü". */
+    rootLabel?: string;
+    /** Üst seviyenin yolu varsa başlığın yanındaki bağlantı. Varsayılan: "Tümünü gör". */
+    seeAllLabel?: string;
+    /** Gezinme bölgesinin erişilebilir adı. Varsayılan: "Ana menü". */
+    accessibilityLabel?: string;
+    /**
+     * Üst / alt güvenli alan payı. Varsayılan: `ThemeProvider insets`; o da yoksa
+     * platform tahmini (iOS üst 54 / alt 28, Android durum çubuğu). `Sidebar` tam
+     * ekran Modal'dır — uygulamanın SafeAreaView'u içine işlemez.
+     */
+    topInset?: number;
+    bottomInset?: number;
+    style?: StyleProp<ViewStyle>;
+}
+interface SidebarProps extends SidebarBaseProps {
+    /** Açılış / kapanış animasyonu. Varsayılan: `slide`. */
+    animation?: SidebarAnimation;
+}
+interface SidebarLayoutProps extends SidebarBaseProps {
+    /** Varsayılan: `push`. */
+    animation?: SidebarLayoutAnimation;
+    /** Ekranın kendisi (AppBar + içerik). */
+    children: React__default.ReactNode;
+}
+
+/**
+ * Kenardan açılan gezinme çekmecesi (Material 3 Navigation Drawer, Amazon
+ * menüsü): başlık bandı, bölüm başlıkları, aktif öğe, alt seviyelere inen
+ * satırlar. Ekranın üstünde tam ekran katman (Modal). Arkadaki ekranı da
+ * hareket ettiren açılışlar (push / reveal / scaleDown) için `SidebarLayout`.
+ */
+declare function Sidebar(props: Readonly<SidebarProps>): React__default.JSX.Element;
+
+/**
+ * Ekranı saran çekmece düzeni — açılırken arkadaki ekran da hareket eder:
+ * `push` (çekmece ekranı iter), `reveal` (ekran kayarak alttaki menüyü açar),
+ * `scaleDown` (ekran küçülüp yuvarlak köşeli karta dönüşerek çekilir).
+ * Menü içeriği ve prop'lar `Sidebar` ile aynı; yalnız ekran `children` olarak verilir.
+ */
+declare function SidebarLayout(props: Readonly<SidebarLayoutProps>): React__default.JSX.Element;
+
+/** Web `TreeNode` ile aynı şekil. */
+interface TreeNode {
+    /** Ağaç genelinde benzersiz anahtar. */
+    key: string;
+    title: React__default.ReactNode;
+    children?: TreeNode[];
+    /** Başlığın solunda ikon (klasör, dosya…). */
+    icon?: React__default.ReactNode;
+    /** Seçilemez, işaretlenemez, açılabilir. */
+    disabled?: boolean;
+    /** Yalnız onay kutusu kapalı. */
+    disableCheckbox?: boolean;
+    /** `false`: bu düğüm seçilemez (dokunma yalnız açar/işaretler). */
+    selectable?: boolean;
+    /** `false`: bu düğümde onay kutusu yok. */
+    checkable?: boolean;
+    /**
+     * Yaprak mı. `loadData` kullanırken çocuğu olmayan düğümler "henüz
+     * yüklenmedi" sayılır; gerçek yaprakları `isLeaf: true` ile işaretleyin.
+     */
+    isLeaf?: boolean;
+    /** Arama için düz metin — `title` metin değilse verin. */
+    searchText?: string;
+}
+interface TreeCheckInfo {
+    /** Kesin işaretli anahtarlar (yayılım dahil). */
+    checked: string[];
+    /** Kısmen işaretli (bazı çocukları işaretli) üst düğümler. */
+    halfChecked: string[];
+}
+interface TreeProps extends SkeletonableProps {
+    treeData: TreeNode[];
+    /** Açık düğümler. Verilirse kontrollü. */
+    expandedKeys?: string[];
+    defaultExpandedKeys?: string[];
+    /** İlk açılışta tüm düğümler açık. */
+    defaultExpandAll?: boolean;
+    onExpand?: (expandedKeys: string[], info: {
+        node: TreeNode;
+        expanded: boolean;
+    }) => void;
+    /** Varsayılan: `true`. */
+    selectable?: boolean;
+    /** Birden çok düğüm seçilebilir (dokunma seçimi aç/kapar). */
+    multiple?: boolean;
+    selectedKeys?: string[];
+    defaultSelectedKeys?: string[];
+    onSelect?: (selectedKeys: string[], info: {
+        node: TreeNode;
+        selected: boolean;
+    }) => void;
+    /** Onay kutuları. */
+    checkable?: boolean;
+    /** İşaretli düğümler; üst/alt yayılımı ve kısmi durum hesaplanır. */
+    checkedKeys?: string[];
+    defaultCheckedKeys?: string[];
+    /** Üst ↔ alt bağlantısı yok: her düğüm bağımsız işaretlenir. */
+    checkStrictly?: boolean;
+    onCheck?: (checkedKeys: string[], info: {
+        node: TreeNode;
+        checked: boolean;
+        halfCheckedKeys: string[];
+    }) => void;
+    /** Açılınca çocukları getiren fonksiyon (tembel yükleme); çözülene kadar okta gösterge. `treeData`yı siz güncellersiniz. */
+    loadData?: (node: TreeNode) => Promise<void>;
+    /** Başlığa dokunma ne yapsın: yalnız seçim (varsayılan) ya da seçim + aç/kapa (dosya gezgini). */
+    expandAction?: false | "click";
+    /** Girinti kılavuz çizgileri. */
+    showLine?: boolean;
+    /** Bu metni (Türkçe harf duyarsız) içeren düğümler ve ataları gösterilir, eşleşme vurgulanır, atalar açılır. */
+    searchValue?: string;
+    /** Başlığı özel çizmek için. */
+    titleRender?: (node: TreeNode) => React__default.ReactNode;
+    /** Arama bir şey bulamazsa. Varsayılan: "Sonuç bulunamadı". */
+    notFoundContent?: React__default.ReactNode;
+    /** Seçim / işaret rengi. Varsayılan: `primary`. */
+    color?: ColorRole;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * Hiyerarşik veri görünümü: girintili satırlar, aç/kapa, seçim (tek / çok),
+ * üst ↔ alt yayılımlı onay kutuları (kısmi durum), tembel yükleme, arama
+ * vurgusu, kılavuz çizgileri. Mantık web Tree ile aynı (`treeUtils`).
+ */
+declare function Tree(props: Readonly<TreeProps>): React__default.JSX.Element;
+
+/**
+ * İşaretli modda değere hangi düğümler yazılsın:
+ * - `child` (varsayılan): yalnız işaretli yapraklar.
+ * - `parent`: tamamı işaretli bir dal tek anahtar (üst düğüm) olarak.
+ * - `all`: işaretli her düğüm.
+ */
+type TreeSelectCheckedStrategy = "child" | "parent" | "all";
+
+interface TreeSelectBaseProps extends SkeletonableProps {
+    treeData: TreeNode[];
+    placeholder?: string;
+    /** Panelin üstünde arama; yazınca düz sonuç listesi (yoluyla), Türkçe harf duyarsız. */
+    showSearch?: boolean;
+    onSearch?: (text: string) => void;
+    allowClear?: boolean;
+    /** Varsayılan: `"Temizle"`. */
+    clearLabel?: string;
+    /** Varsayılan: `"Sonuç bulunamadı"`. */
+    notFoundContent?: React__default.ReactNode;
+    /**
+     * Tembel yükleme: çocukları henüz yüklenmemiş (`children` tanımsız, `isLeaf`
+     * değil) dala inilince çağrılır; çözülene kadar satırda gösterge. `treeData`yı
+     * siz güncellersiniz. Arama yalnız yüklenmiş düğümlerde çalışır.
+     */
+    loadData?: (node: TreeNode) => Promise<void>;
+    /** Kök seviyesinin yol gösterimindeki adı. Varsayılan: `"Tümü"`. */
+    rootLabel?: string;
+    disabled?: boolean;
+    /** Alan Input ölçeğinde (md 44). */
+    size?: Size;
+    variant?: InputVariant;
+    shape?: InputShape;
+    /** Doğrulama durumu ya da vurgu rengi — Input'la aynı kural. */
+    color?: ColorRole;
+    /** Panel başlığı. Varsayılan: Field etiketi, yoksa `placeholder`. */
+    title?: React__default.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+}
+interface TreeSelectSingleProps extends TreeSelectBaseProps {
+    mode?: undefined;
+    value?: string | null;
+    defaultValue?: string | null;
+    onChange?: (value: string | null, node: TreeNode | null) => void;
+}
+interface TreeSelectMultipleProps extends TreeSelectBaseProps {
+    /** `multiple`: düğümler bağımsız seçilir. `checkable`: onay kutuları, üst ↔ alt yayılım. Panel "Tamam" ile kapanır. */
+    mode: "multiple" | "checkable";
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[], nodes: TreeNode[]) => void;
+    /** `checkable`da değere yazılacak düğümler. Varsayılan: `"child"`. */
+    showCheckedStrategy?: TreeSelectCheckedStrategy;
+    /** `checkable`da yayılımı kapatır: her düğüm bağımsız işaretlenir. */
+    treeCheckStrictly?: boolean;
+    /** En fazla bu kadar etiket, kalanı "+N". */
+    maxTagCount?: number;
+}
+type TreeSelectProps = TreeSelectSingleProps | TreeSelectMultipleProps;
+/**
+ * Ağaçtan değer seçme alanı: kapalıyken Input kutusu; dokununca BottomSheet'te
+ * aşağı inen menü (kullanıcı kararı) — yol gösterimi, çocuklu satır içeri iner,
+ * dalın kendisi seviyenin başındaki "(tümü)" satırıyla seçilir. Arama düz
+ * sonuç listesi (yoluyla). Tekli seçim paneli kapatır; çoklu / onay kutulu
+ * "Tamam" ile kapanır. Mantık web TreeSelect ile aynı (`treeUtils`).
+ */
+declare function TreeSelect(props: TreeSelectProps): React__default.JSX.Element;
+
+interface InputNumberProps extends SkeletonableProps {
+    /** Değer; boş alan `null`. */
+    value?: number | null;
+    defaultValue?: number | null;
+    /**
+     * Her geçerli değişiklikte (yazarken, adımda, temizlenince `null`). Yazarken
+     * min/max dışına çıkan değer de bildirilir; alandan çıkınca sınıra çekilip
+     * yeniden bildirilir.
+     */
+    onChange?: (value: number | null) => void;
+    min?: number;
+    max?: number;
+    /** Artır/azalt adımı. Varsayılan: `1`. */
+    step?: number;
+    /** Sabit ondalık basamak (ör. para için 2). Verilmezse yazılan kadar. */
+    precision?: number;
+    /** Binlik ayıracı (1.234.567). Varsayılan: `true`. */
+    grouping?: boolean;
+    /** Biçimlendirme yereli. Varsayılan: `"tr-TR"` (virgül ondalık, nokta binlik). */
+    locale?: string;
+    /** Solda sabit metin/ikon, ör. `"₺"`. */
+    prefix?: React__default.ReactNode;
+    /** Sağda sabit metin/ikon, ör. `"%"`, `"kg"`. */
+    suffix?: React__default.ReactNode;
+    /** −/+ düğmeleri (iki yanda; basılı tutunca tekrarlar). Varsayılan: `true`. */
+    controls?: boolean;
+    /** Düğmelerin erişilebilir adları. Varsayılan: "Azalt" / "Artır". */
+    incrementLabel?: string;
+    decrementLabel?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Alan Input ölçeğinde (md 44). */
+    size?: Size;
+    variant?: InputVariant;
+    shape?: InputShape;
+    /** Doğrulama durumu ya da vurgu rengi — Input'la aynı kural. */
+    color?: ColorRole;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    /** Klavyenin "bitti" tuşu (değer sınıra çekildikten sonra). */
+    onPressEnter?: (value: number | null) => void;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sayı alanı: Türkçe biçim (1.234,56), min/max, adım, sabit ondalık, ön/son
+ * ek. −/+ iki yanda (sepetteki adet gibi), basılı tutunca tekrarlar; VoiceOver /
+ * TalkBack'te yukarı/aşağı kaydırma artırır/azaltır. Uygun sayı klavyesi kendiliğinden.
+ */
+declare function InputNumber({ value, defaultValue, onChange, min, max, step, precision, grouping, locale, prefix, suffix, controls, incrementLabel, decrementLabel, placeholder, disabled: ownDisabled, readOnly, size, variant, shape, color, onFocus, onBlur, onPressEnter, accessibilityLabel: ownLabel, accessibilityHint: ownHint, skeleton: ownSkeleton, style, }: Readonly<InputNumberProps>): React__default.JSX.Element;
+
+/**
+ * Upload'ın saf mantığı — web `upload/utils` ile aynı kurallar, ama tarayıcı
+ * `File` yerine seçicinin döndürdüğü düz nesne (`uri`, `name`, `size`,
+ * `mimeType`; expo-image-picker / expo-document-picker / react-native-image-picker
+ * hepsi bunları verir).
+ */
+interface UploadPickedFile {
+    uri: string;
+    /** Verilmezse `uri`nin son parçası. */
+    name?: string;
+    /** Bayt. Bilinmiyorsa boyut sınırı denetlenmez. */
+    size?: number;
+    mimeType?: string;
+}
+type UploadRejectReason = "invalid-type" | "size-exceeded" | "max-exceeded";
+
+type UploadFileStatus = "uploading" | "done" | "error";
+interface UploadFile {
+    uid: string;
+    uri: string;
+    name: string;
+    size?: number;
+    mimeType?: string;
+    status: UploadFileStatus;
+    /** 0–100 (`uploading`). */
+    progress?: number;
+    /** `error` durumunda gösterilen açıklama. */
+    error?: string;
+}
+interface UploadPickContext {
+    /** `max` 1'den büyükse çoklu seçim açılsın. */
+    multiple: boolean;
+    /** Daha kaç dosya eklenebilir. */
+    remaining: number;
+    /** `fileType` olduğu gibi (seçiciye süzgeç olarak verilebilir). */
+    accept?: string;
+}
+/** Web ile aynı adlar: `list` satırlar, `review` kare/daire önizleme ızgarası. */
+type UploadListType = "list" | "review";
+type UploadReviewType = "square" | "circle";
+interface UploadProps extends SkeletonableProps {
+    /**
+     * Dosya seçme işi — kütüphane hiçbir native seçiciye bağlı değil. expo-image-picker,
+     * expo-document-picker ya da react-native-image-picker ile doldurun; iptalde `null`.
+     * Kamera / galeri seçimi için burada ActionSheet açabilirsiniz.
+     */
+    onPick: (ctx: UploadPickContext) => Promise<UploadPickedFile[] | null | undefined>;
+    /**
+     * Gerçek yükleme (isteğe bağlı). Verilirse dosya `uploading` başlar, `report(0–100)`
+     * ilerlemeyi gösterir; çözülünce `done`, reddedilince `error` (tekrar dene düğmesi).
+     * Verilmezse dosyalar hemen `done` (yükleme formla birlikte yapılır).
+     */
+    onUpload?: (file: UploadFile, report: (progress: number) => void) => Promise<void>;
+    value?: UploadFile[];
+    defaultValue?: UploadFile[];
+    /** Liste her değiştiğinde (ekleme, ilerleme, bitiş, silme). */
+    onChange?: (files: UploadFile[]) => void;
+    /** Reddedilen her dosya için (tür / boyut / sayı). Varsayılan mesaj yine alanın altında görünür. */
+    onReject?: (reason: UploadRejectReason, file: UploadPickedFile) => void;
+    /** Kabul edilen türler (web `accept` sözdizimi): "image/*", "image/png, .pdf". */
+    fileType?: string;
+    /** Bayt. Varsayılan: 5 MB. Boyutu bilinmeyen dosyada denetlenmez. */
+    fileSize?: number;
+    /** En fazla dosya. Varsayılan: 5. */
+    max?: number;
+    /** Varsayılan: `list`. */
+    listType?: UploadListType;
+    /** `review` döşemesi. Varsayılan: `square` (`circle`: profil fotoğrafı). */
+    reviewType?: UploadReviewType;
+    /** `list` düğme metni. Varsayılan: "Dosya seç". */
+    triggerLabel?: string;
+    /** Düğmenin altında kısa açıklama (ör. "PNG, JPG · en fazla 5 MB"). */
+    hint?: React__default.ReactNode;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Dosya / görsel ekleme alanı. Seçme işini uygulama yapar (`onPick` — kütüphane
+ * native bağımlılık taşımaz); Upload doğrular (tür, boyut, sayı), listeler,
+ * önizler (görsel → tam ekran ImageViewer), isteğe bağlı gerçek yüklemenin
+ * (`onUpload`) ilerlemesini ve hatasını gösterir.
+ */
+declare function Upload(props: Readonly<UploadProps>): React__default.JSX.Element;
+
+/** `click`: dokununca açılır (varsayılan). `longPress`: basılı tutunca — web'deki `hover`ın (bilgi balonu) dokunmatik karşılığı. */
+type PopoverTrigger = "click" | "longPress";
+interface PopoverProps extends SkeletonableProps {
+    /** Panelin başlığı — erişilebilir ad da budur. */
+    title?: React__default.ReactNode;
+    /** Panel içeriği; etkileşimli olabilir. Fonksiyon verilirse `close` alır (ör. "Kopyala"dan sonra kapat). */
+    content: React__default.ReactNode | ((close: () => void) => React__default.ReactNode);
+    /** Tetikleyici: TEK bir öğe (genelde Button) — `onPress` / `onLongPress`ı korunarak bağlanır. */
+    children: React__default.ReactElement;
+    /** Varsayılan: `click`. */
+    trigger?: PopoverTrigger;
+    /** Varsayılan: `"top"`; sığmazsa karşı yöne döner, ekrana kıstırılır. */
+    placement?: Placement;
+    /** Tetikleyiciyi gösteren ok. Varsayılan: `true`. */
+    arrow?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Panelin en fazla genişliği (pt). Varsayılan: 300. */
+    maxWidth?: number;
+    /** Başlık yoksa panelin erişilebilir adı. */
+    accessibilityLabel?: string;
+    /** `alertdialog`: onay isteyen panel. Varsayılan: `dialog`. */
+    role?: "dialog" | "alertdialog";
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Bir öğeye bağlı yüzen panel: başlık + (etkileşimli olabilen) içerik + ok.
+ * Tetikleyiciye dokununca (ya da basılı tutunca) açılır; dışarı dokunma, Android
+ * geri ve VoiceOver "geri" kapatır. Yer yoksa karşı yöne döner, ekrana kıstırılır
+ * ama tetikleyiciden kopmaz (web ile aynı `computePanelPosition`).
+ */
+declare function Popover({ title, content, children, trigger, placement, arrow, open: openProp, defaultOpen, onOpenChange, maxWidth, accessibilityLabel, role, skeleton, style }: Readonly<PopoverProps>): React__default.JSX.Element;
+
+type FloatButtonShape = "circle" | "square";
+type FloatButtonPlacement = "bottom-right" | "bottom-left" | "top-right" | "top-left";
+interface FloatButtonBadge {
+    count?: number | string;
+    dot?: boolean;
+    color?: ColorRole;
+}
+interface FloatButtonIconState {
+    /** İkon rengi (RN'de `currentColor` yok). */
+    color: string;
+    size: number;
+}
+interface FloatButtonProps extends SkeletonableProps {
+    icon?: React__default.ReactNode | ((state: FloatButtonIconState) => React__default.ReactNode);
+    /**
+     * Genişletilmiş düğme (Material 3 extended FAB): ikonun yanında metin, hap şeklinde.
+     * Liste kaydırılınca daraltmak için `label`ı kaldırın. Native'e özgü.
+     */
+    label?: string;
+    /** İkonun altında kısa metin (yalnız `square`); verilirse erişilebilir ad da odur. */
+    description?: string;
+    /** Grup menüsünde düğmenin yanında görünen etiket. Tek başına düğmede yalnız erişilebilir ad. */
+    tooltip?: string;
+    /** Verilmezse yüzey rengi (nötr); verilirse rolün dolu rengi (ör. `primary` = ana eylem). */
+    color?: ColorRole;
+    /** Varsayılan: `circle`. Grupta grubun şekli geçerli. */
+    shape?: FloatButtonShape;
+    /** Sayı ya da nokta rozeti (okunmamış mesaj gibi). */
+    badge?: FloatButtonBadge;
+    onPress?: () => void;
+    /** Tek başına kullanımda kapsayıcının köşesi. Varsayılan: `bottom-right`. Grupta yok sayılır. */
+    placement?: FloatButtonPlacement;
+    /**
+     * `false`: köşeye yapışmaz, akışta durur (ör. kendi düzeninizde). Varsayılan: `true` —
+     * en yakın kapsayıcının (genelde ekranın) köşesine `position: absolute`.
+     */
+    floating?: boolean;
+    /** Kenardan uzaklık (güvenli alan payının üstüne). Varsayılan: 16. */
+    offset?: number;
+    disabled?: boolean;
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Yüzen eylem düğmesi (Material 3 FAB): ekranın ana eylemi, kapsayıcının
+ * köşesine yapışık. Daire / kare (alt metinli) / genişletilmiş (`label`),
+ * rozet, güvenli alan payı. Grupta (`FloatButtonGroup`) alt alta ya da menü.
+ */
+declare function FloatButton({ icon, label, description, tooltip, color, shape: ownShape, badge, onPress, placement, floating, offset, disabled, accessibilityLabel, skeleton, style }: Readonly<FloatButtonProps>): React__default.JSX.Element;
+interface FloatButtonGroupBaseProps extends SkeletonableProps {
+    /** Varsayılan: `circle`. */
+    shape?: FloatButtonShape;
+    /** Varsayılan: `bottom-right`. */
+    placement?: FloatButtonPlacement;
+    /** Bkz. `FloatButton.floating`. Varsayılan: `true`. */
+    floating?: boolean;
+    offset?: number;
+    children: React__default.ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+interface FloatButtonGroupStaticProps extends FloatButtonGroupBaseProps {
+    /** Verilmezse düğmeler hep görünür, alt alta. */
+    trigger?: undefined;
+}
+interface FloatButtonGroupMenuProps extends FloatButtonGroupBaseProps {
+    /** Ana düğme menüyü açar / kapatır; düğmeler onun üstünde (ya da altında) açılır. Native'de yalnız `click`. */
+    trigger: "click";
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Ana düğmenin ikonu (kapalıyken). Açıkken × (döner). */
+    icon?: Exclude<FloatButtonProps["icon"], undefined>;
+    /** Ana düğmenin erişilebilir adı. Varsayılan: "Hızlı işlemler". */
+    accessibilityLabel?: string;
+    color?: ColorRole;
+}
+type FloatButtonGroupProps = FloatButtonGroupStaticProps | FloatButtonGroupMenuProps;
+/**
+ * Birden çok yüzen düğme. `trigger` yoksa alt alta hep görünür; `trigger="click"` ana düğme menüyü (speed dial) açar —
+ * öğeler etiketleriyle (`tooltip`) sırayla çıkar, öğeye dokununca kapanır.
+ */
+declare function FloatButtonGroup(props: FloatButtonGroupProps): React__default.JSX.Element;
+interface BackTopProps extends Omit<FloatButtonProps, "onPress" | "label" | "description"> {
+    /** Sayfanın dikey kaydırma değeri (`useAppBarScroll` ya da kendi `Animated.Value`ınız). */
+    scrollY: Animated.Value;
+    /** Bu kadar kaydırılınca görünür (pt). Varsayılan: 400. */
+    visibilityHeight?: number;
+    /** Başa dönme işi sizde: `listRef.current?.scrollToOffset({ offset: 0, animated: true })`. */
+    onPress: () => void;
+}
+/** Uzun sayfada başa dön düğmesi: `visibilityHeight` kadar kaydırılınca belirir. */
+declare function BackTop({ scrollY, visibilityHeight, onPress, accessibilityLabel, ...rest }: Readonly<BackTopProps>): React__default.JSX.Element;
+
+/** Web `TimelineItem` ile aynı şekil. */
+interface TimelineItem {
+    /** Satır anahtarı. Verilmezse sıra numarası. */
+    key?: React__default.Key;
+    /** Kısa etiket — çoğunlukla zaman ("14:32", "24 Eyl"). `titlePlacement="opposite"` ile noktanın karşı tarafında. */
+    title?: React__default.ReactNode;
+    /** Olayın kendisi. */
+    content: React__default.ReactNode;
+    /** Nokta rengi. Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Nokta yerine ikon (en fazla 20pt). Fonksiyon verilirse nokta rengini alır. */
+    icon?: React__default.ReactNode | ((color: string) => React__default.ReactNode);
+    /** Süren adım: nokta yerine dönen gösterge, öncesindeki ray kesikli. */
+    loading?: boolean;
+    /** `mode="alternate"`de bu öğenin tarafını zorlar. */
+    placement?: "start" | "end";
+}
+interface TimelineProps extends SkeletonableProps {
+    items: TimelineItem[];
+    /** `start` (varsayılan): nokta solda. `end`: sağda. `alternate`: sırayla iki tarafa — dar ekranda (`responsive`) `start`a düşer. */
+    mode?: "start" | "end" | "alternate";
+    /** `horizontal`: olaylar yan yana, sığmazsa yatay kayar. */
+    orientation?: "vertical" | "horizontal";
+    /** `outlined` (varsayılan): içi boş halka. `filled`: dolu nokta. */
+    variant?: "outlined" | "filled";
+    /** `inline` (varsayılan): başlık içeriğin üstünde. `opposite`: başlık noktanın karşı tarafında (solda zaman, sağda olay). */
+    titlePlacement?: "inline" | "opposite";
+    /** En yeni olay üstte. */
+    reverse?: boolean;
+    /** Sona (ters sırada başa) "sürüyor" öğesi ekler. `true` → "Devam ediyor…". */
+    pending?: React__default.ReactNode;
+    /** `alternate` bu genişliğin (pt) altında `start`a döner. `false` kapatır. Varsayılan: 480. */
+    responsive?: number | false;
+    /** Listenin erişilebilir adı. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+
+/**
+ * Zaman sırasına dizilmiş olaylar (kargo takibi, hesap etkinliği, sürüm
+ * geçmişi). Dikey (start / end / alternate, başlık içte ya da karşıda) ya da
+ * yatay; ikonlu / dolu / boş nokta, süren adım (`pending`, `loading`). Mantık
+ * web Timeline ile aynı (`timelineUtils`).
+ */
+declare function Timeline({ items, mode, orientation, variant, titlePlacement, reverse, pending, responsive, accessibilityLabel, skeleton, style }: Readonly<TimelineProps>): React__default.JSX.Element;
+
+/** Masonry'nin saf mantığı — web `masonry/utils` ile aynı (kırılımlar native kapsayıcı genişliğine göre). */
+
+/** Kırılımlar (pt) — native'de kapsayıcı genişliği: telefon dikey < 480 ≤ telefon yatay / küçük tablet < 768 ≤ tablet. */
+type MasonryBreakpoint = "base" | "sm" | "md" | "lg";
+type MasonryColumns = number | Partial<Record<MasonryBreakpoint, number>>;
+
+interface MasonryItem {
+    key: React__default.Key;
+    children: React__default.ReactNode;
+}
+interface MasonryProps extends SkeletonableProps {
+    items: MasonryItem[];
+    /** Sütun sayısı; nesne ile kapsayıcı genişliğine göre (mobil önce). Varsayılan: `{ base: 2, sm: 3, md: 4 }`. */
+    columns?: MasonryColumns;
+    /** Öğeler arası boşluk: sm 8 / md 16 / lg 24 ya da pt. Varsayılan: `sm`. */
+    gutter?: Size | number;
+    /** Sonsuz kaydırma: pano sonuna yaklaşınca `onLoadMore`; yeni öğeleri `items`a siz eklersiniz. */
+    infinite?: InfiniteScrollOptions;
+    /** Panonun üstünde (kayan içerikte) başlık / filtre alanı. */
+    header?: React__default.ReactNode;
+    /** İskelette yer tutucu sayısı (veri yokken). Varsayılan: 8. */
+    skeletonCount?: number;
+    /** Yerleşim her değiştiğinde (öğe yüksekliği, sütun sayısı). */
+    onLayoutChange?: (info: {
+        columns: number;
+        height: number;
+    }) => void;
+    accessibilityLabel?: string;
+    /** Kayan kap (`flex: 1` varsayılan — ekranın kalanını doldurur). */
+    style?: StyleProp<ViewStyle>;
+    contentContainerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * Farklı yükseklikteki kartları boşluksuz sütunlara dizen pano (Pinterest).
+ * Her öğe o an en kısa sütuna yerleşir; okuma sırası öğe sırası kalır.
+ * Kendi içinde kayar; `infinite` ile sona yaklaşınca sonraki sayfa. Mantık web
+ * Masonry ile aynı (`masonryUtils`). Sanallaştırma yok — binlerce öğede FlatList.
+ */
+declare function Masonry({ items, columns, gutter, infinite, header, skeletonCount, onLayoutChange, accessibilityLabel, skeleton, style, contentContainerStyle }: Readonly<MasonryProps>): React__default.JSX.Element;
+
+type QRDotType = "square" | "rounded" | "dots" | "extra-rounded";
+type QRCornerSquareType = "square" | "extra-rounded" | "dot";
+type QRCornerDotType = "square" | "dot" | "heart";
+type QRErrorLevel = "L" | "M" | "Q" | "H";
+type QRStatus = "active" | "loading" | "expired" | "scanned";
+interface QRCodeProps$1 extends SkeletonableProps {
+    /** Kodlanacak metin (URL, Wi-Fi, vCard…). UTF-8 kodlanır — Türkçe karakter güvenli. */
+    value: string;
+    /** Kenar uzunluğu: sayı = px, metin = CSS (`"10rem"`). Varsayılan: `"10rem"`. */
+    size?: number | string;
+    /**
+     * Hata düzeltme: L 7% / M 15% / Q 25% / H 30% hasara dayanır. Ortada ikon
+     * varsa `H` kullanın. Varsayılan: ikon varsa `H`, yoksa `M`.
+     */
+    errorLevel?: QRErrorLevel;
+    /** Modül (nokta) rengi. Varsayılan: nötr 950 (her temada koyu — okuyucular ters QR'ı çözemeyebilir). */
+    color?: string;
+    /** Verilirse sol üstten sağ alta gradyan. */
+    colorEnd?: string;
+    /** Zemin. Varsayılan: beyaz. `"transparent"` verilebilir (arkası açık renkli olmalı). */
+    bgColor?: string;
+    /** Konum işaretlerinin rengi. Varsayılan: `color`. */
+    cornerColor?: string;
+    dotType?: QRDotType;
+    cornerSquareType?: QRCornerSquareType;
+    cornerDotType?: QRCornerDotType;
+    /** Ortadaki logo (görsel URL'si). */
+    icon?: string;
+    /** Logo kenarı, QR kenarına oranla (0.1–0.3). Varsayılan: `0.22`. */
+    iconSize?: number;
+    /** Kenar boşluğu (modül). Varsayılan: `2` (bordered'da kart dolgusu ek boşluk verir). */
+    margin?: number;
+    /** İnce kenarlıklı, yuvarlak köşeli kart içinde. Varsayılan: `true`. */
+    bordered?: boolean;
+    /**
+     * `loading`: kod hazırlanıyor. `expired`: süresi doldu, "Yenile" gösterilir
+     * (`onRefresh`). `scanned`: telefonda onay bekleniyor. Varsayılan: `active`.
+     */
+    status?: QRStatus;
+    onRefresh?: () => void;
+    /** Durum katmanını özel çizmek için. */
+    statusRender?: (status: Exclude<QRStatus, "active">) => React__default.ReactNode;
+    /** Erişilebilir ad. Varsayılan: `"QR kod"`. İçeriği metin olarak da verin (ör. altında URL). */
+    "aria-label"?: string;
+    className?: string;
+}
+
+interface QRCodeProps extends Omit<QRCodeProps$1, "size" | "className" | "aria-label" | "icon"> {
+    /** Kenar uzunluğu (pt). Varsayılan: 160. */
+    size?: number;
+    /** Ortadaki logo: URL ya da `require(...)`. */
+    icon?: string | number;
+    /** Erişilebilir ad. Varsayılan: `"QR kod"`. İçeriği metin olarak da verin (ör. altında URL). */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * QR kod: web QRCode ile aynı model (`qrcode-generator` + kullanıcının
+ * renderer'ı — nokta stilleri, köşe şekilleri, gradyan, logo), çizim
+ * `react-native-svg`. Durum katmanı: hazırlanıyor / süresi doldu (Yenile) /
+ * tarandı. Türkçe içerik UTF-8 doğru kodlanır.
+ */
+declare function QRCode({ value, size, errorLevel, color, colorEnd, bgColor, cornerColor, dotType, cornerSquareType, cornerDotType, icon, iconSize, margin, bordered, status, onRefresh, statusRender, accessibilityLabel, skeleton, style, }: Readonly<QRCodeProps>): React__default.JSX.Element;
+
+type PaginationVariant = "outline" | "soft" | "solid";
+interface PaginationProps extends SkeletonableProps {
+    /** Aktif sayfa (1 tabanlı). Verilirse kontrollü. */
+    currentPage?: number;
+    /** Varsayılan: `1`. */
+    defaultPage?: number;
+    /** Sayfa başına öğe. Varsayılan: `10`. */
+    pageSize?: number;
+    totalItems: number;
+    /** Sayfa gerçekten DEĞİŞTİĞİNDE. */
+    onPageChange?: (page: number, pageSize: number) => void;
+    /**
+     * `true` (varsayılan): `‹ 3 / 10 ›` — mobilde yaygın biçim. `false`: sayfa
+     * numaraları; kaç komşu sığacağı genişliğe göre ayarlanır, `…` ileri / geri atlar.
+     */
+    simple?: boolean;
+    /** `true`: "11–20 / 95 kayıt". Fonksiyon: kendi metniniz. */
+    showTotal?: boolean | ((total: number, range: [number, number]) => React__default.ReactNode);
+    /** Sayfa numaralarında en fazla komşu sayısı. Varsayılan: `1`. */
+    siblingCount?: number;
+    /** Düğme sm 32 · md 40 · lg 44 (dokunma alanı hep ≥ 44). Varsayılan: `md`. */
+    size?: Size;
+    /** Varsayılan: `primary`. */
+    color?: ColorRole;
+    /** Aktif sayfa görünümü. Varsayılan: `outline`. */
+    variant?: PaginationVariant;
+    disabled?: boolean;
+    /** Varsayılan: `"Sayfalama"`. */
+    accessibilityLabel?: string;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Sayfalama. Varsayılan `‹ 3 / 10 ›` (mobil); `simple={false}` sayfa numaraları
+ * — sığan komşu sayısı genişliğe göre, `…` beş sayfa atlar. Sayfa boyutu seçici
+ * ve "Git" alanı yok (mobilde Select / InputNumber ile ayrıca). Mantık web
+ * Pagination ile aynı (`paginationUtils`).
+ */
+declare function Pagination({ currentPage, defaultPage, pageSize, totalItems, onPageChange, simple, showTotal, siblingCount, size, color, variant, disabled, accessibilityLabel, skeleton, style }: Readonly<PaginationProps>): React__default.JSX.Element;
+
+interface NativeControlSize {
+    readonly height: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly paddingHorizontal: number;
+    readonly gap: number;
+    readonly iconSize: number;
+    readonly radius: keyof Theme["radius"];
+}
+interface NativeCardSize {
+    readonly padding: number;
+    readonly headerMinHeight: number;
+    readonly headerPaddingVertical: number;
+    readonly footerPaddingVertical: number;
+    readonly actionPaddingVertical: number;
+    readonly radius: keyof Theme["radius"];
+}
+interface NativeListSize {
+    readonly rowMinHeight: number;
+    readonly rowPaddingVertical: number;
+    readonly rowPaddingHorizontal: number;
+    readonly contentGap: number;
+    readonly metaGap: number;
+    readonly actionGap: number;
+    readonly titleFontSize: number;
+    readonly titleLineHeight: number;
+    readonly descriptionFontSize: number;
+    readonly descriptionLineHeight: number;
+}
+/** Tipografi satırı (pt). Başlık seviyeleri `h1`–`h6`, gövde `body`. */
+interface NativeTextSize {
+    readonly fontSize: number;
+    readonly lineHeight: number;
+}
+type NativeTextStyle = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body";
+interface NativeAvatarSize {
+    readonly size: number;
+    readonly fontSize: number;
+    /** `shape="square"` köşesi (tema radius anahtarı). */
+    readonly radius: keyof Theme["radius"];
+    /** AvatarGroup içinde üst üste binme payı. */
+    readonly overlap: number;
+}
+interface NativeBadgeSize {
+    readonly height: number;
+    readonly fontSize: number;
+    readonly paddingHorizontal: number;
+    readonly dot: number;
+}
+interface NativeSelectionSize {
+    /** Checkbox/Radio kutusu (pt). */
+    readonly box: number;
+    readonly radius: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly descriptionFontSize: number;
+    readonly descriptionLineHeight: number;
+    readonly gap: number;
+}
+interface NativeSwitchSize {
+    readonly width: number;
+    /** `switchTrueLabel`/`switchFalseLabel` varken iz genişliği. */
+    readonly labelWidth: number;
+    readonly height: number;
+    readonly knob: number;
+    readonly fontSize: number;
+}
+interface NativeSegmentedSize {
+    readonly height: number;
+    readonly fontSize: number;
+    readonly paddingHorizontal: number;
+    readonly radius: number;
+}
+interface NativeSliderSize {
+    /** Ray kalınlığı. */
+    readonly track: number;
+    /** Tutamaç çapı. */
+    readonly thumb: number;
+    /** Dikey slider'ın yüksekliği. */
+    readonly verticalLength: number;
+}
+interface NativeStatisticSize {
+    readonly valueFontSize: number;
+    readonly valueLineHeight: number;
+    /** Başlık, trend ve açıklama satırı. */
+    readonly labelFontSize: number;
+    readonly labelLineHeight: number;
+}
+interface NativeStepsSize {
+    /** Gösterge dairesi. */
+    readonly indicator: number;
+    readonly iconSize: number;
+    /** Dairedeki numara. */
+    readonly numberFontSize: number;
+    readonly titleFontSize: number;
+    readonly titleLineHeight: number;
+    readonly descriptionFontSize: number;
+    readonly descriptionLineHeight: number;
+}
+interface NativeAccordionSize {
+    readonly paddingVertical: number;
+    readonly paddingHorizontal: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly iconSize: number;
+}
+interface NativeTabsSize {
+    readonly height: number;
+    readonly fontSize: number;
+    readonly paddingHorizontal: number;
+    readonly iconSize: number;
+}
+interface NativeSelectSize {
+    /** Paneldeki seçenek satırı. */
+    readonly optionMinHeight: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly descriptionFontSize: number;
+    readonly descriptionLineHeight: number;
+    /** Grup başlığı (büyük harf, soluk). */
+    readonly groupFontSize: number;
+}
+interface NativeTagSize {
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly paddingHorizontal: number;
+    readonly paddingVertical: number;
+    readonly gap: number;
+    readonly iconSize: number;
+    readonly radius: keyof Theme["radius"];
+}
+interface NativeAppBarSize {
+    /** Üst sıra (geri / başlık / eylemler) yüksekliği. */
+    readonly height: number;
+    readonly titleFontSize: number;
+    readonly titleLineHeight: number;
+    readonly subtitleFontSize: number;
+    readonly subtitleLineHeight: number;
+    /** `size="large"`: üst sıranın altındaki büyük başlık. */
+    readonly largeTitleFontSize: number;
+    readonly largeTitleLineHeight: number;
+    /** Büyük başlık alanının yüksekliği (kaydırınca 0'a iner). */
+    readonly largeAreaHeight: number;
+    /** Eylem / geri düğmesinin dokunma kutusu. */
+    readonly actionSize: number;
+    readonly iconSize: number;
+}
+interface NativeBottomNavigationSize {
+    /** Çubuğun yüksekliği (güvenli alan payı hariç). */
+    readonly height: number;
+    readonly iconSize: number;
+    readonly labelFontSize: number;
+    readonly labelLineHeight: number;
+    /** `pill`: aktif ikonun arkasındaki hap zemin. */
+    readonly indicatorWidth: number;
+    readonly indicatorHeight: number;
+}
+interface NativeSidebarSize {
+    /** Panel genişliği: ekranın bu oranı, en fazla `maxWidth`. */
+    readonly widthRatio: number;
+    readonly maxWidth: number;
+    readonly rowMinHeight: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly iconSize: number;
+    readonly headingFontSize: number;
+    readonly paddingHorizontal: number;
+}
+interface NativeTreeSize {
+    /** Satır en az yüksekliği (dokunma hedefi). */
+    readonly rowMinHeight: number;
+    /** Her seviyenin girintisi. */
+    readonly indent: number;
+    readonly fontSize: number;
+    readonly lineHeight: number;
+    readonly iconSize: number;
+    /** Aç/kapa okunun dokunma kutusu. */
+    readonly toggleSize: number;
+}
+/** Native ölçüleri web ölçeğinden bağımsızdır; değerler dp/pt cinsindendir. */
+interface NativeConfig {
+    readonly sizes: Readonly<Record<ExtendedSize, NativeControlSize>>;
+    readonly card: Readonly<Record<Size, NativeCardSize>>;
+    readonly list: Readonly<Record<Size, NativeListSize>>;
+    readonly typography: Readonly<Record<NativeTextStyle, NativeTextSize>>;
+    readonly avatar: Readonly<Record<Size, NativeAvatarSize>>;
+    readonly badge: Readonly<Record<"sm" | "md", NativeBadgeSize>>;
+    readonly tag: NativeTagSize;
+    readonly selection: Readonly<Record<Size, NativeSelectionSize>>;
+    readonly switch: Readonly<Record<Size, NativeSwitchSize>>;
+    readonly segmented: Readonly<Record<Size, NativeSegmentedSize>>;
+    readonly slider: Readonly<Record<Size, NativeSliderSize>>;
+    readonly statistic: Readonly<Record<Size, NativeStatisticSize>>;
+    readonly steps: Readonly<Record<"sm" | "md", NativeStepsSize>>;
+    readonly accordion: Readonly<Record<Size, NativeAccordionSize>>;
+    readonly tabs: Readonly<Record<Size, NativeTabsSize>>;
+    readonly select: NativeSelectSize;
+    readonly appBar: NativeAppBarSize;
+    readonly bottomNavigation: Readonly<Record<"pill" | "plain", NativeBottomNavigationSize>>;
+    readonly sidebar: NativeSidebarSize;
+    readonly tree: NativeTreeSize;
+}
+interface NativeConfigOverrides {
+    /** Örn. `{ md: { height: 48, fontSize: 17 } }`. */
+    sizes?: Partial<Record<ExtendedSize, Partial<NativeControlSize>>>;
+    card?: Partial<Record<Size, Partial<NativeCardSize>>>;
+    list?: Partial<Record<Size, Partial<NativeListSize>>>;
+    typography?: Partial<Record<NativeTextStyle, Partial<NativeTextSize>>>;
+    avatar?: Partial<Record<Size, Partial<NativeAvatarSize>>>;
+    badge?: Partial<Record<"sm" | "md", Partial<NativeBadgeSize>>>;
+    tag?: Partial<NativeTagSize>;
+    selection?: Partial<Record<Size, Partial<NativeSelectionSize>>>;
+    switch?: Partial<Record<Size, Partial<NativeSwitchSize>>>;
+    segmented?: Partial<Record<Size, Partial<NativeSegmentedSize>>>;
+    slider?: Partial<Record<Size, Partial<NativeSliderSize>>>;
+    statistic?: Partial<Record<Size, Partial<NativeStatisticSize>>>;
+    steps?: Partial<Record<"sm" | "md", Partial<NativeStepsSize>>>;
+    accordion?: Partial<Record<Size, Partial<NativeAccordionSize>>>;
+    tabs?: Partial<Record<Size, Partial<NativeTabsSize>>>;
+    select?: Partial<NativeSelectSize>;
+    appBar?: Partial<NativeAppBarSize>;
+    bottomNavigation?: Partial<Record<"pill" | "plain", Partial<NativeBottomNavigationSize>>>;
+    sidebar?: Partial<NativeSidebarSize>;
+    tree?: Partial<NativeTreeSize>;
+}
+/** Native ölçü ve tipografisini bağımsız olarak özelleştirir; iç içe kullanıldığında üst ayarları korur. */
+declare function NativeConfigProvider({ config, children }: Readonly<{
+    config?: NativeConfigOverrides;
+    children: ReactNode;
+}>): React.JSX.Element;
+declare function useNativeConfig(): NativeConfig;
+
+/**
+ * Font kipi (kullanıcı kararı 2026-10-05 — "sıfır kurulum" sözü):
+ *
+ * - `"system"` (varsayılan): iOS'ta SF, Android'de Roboto. Hiçbir font dosyası
+ *   yüklenmesi gerekmez. Token'lardaki aile adları ("Geist"…) kullanılmaz —
+ *   yüklenmemiş bir aile iOS'ta geliştirme modunda hata basar, web'de serif'e
+ *   düşer (Expo'da gerçek render'da görüldü).
+ * - `"brand"`: token aileleri (Geist gövde, Manrope başlık, Geist Mono kod).
+ *   Tüketici dosyaları `expo-font` ile, kayıt adı aile adıyla aynı olacak
+ *   şekilde yükler (bkz. `BRAND_FONT_FAMILIES` ve README).
+ */
+type NativeFonts = "system" | "brand";
+/** `"brand"` kipinde yüklenmesi gereken aileler — `useFonts` anahtarları bunlar olmalı. */
+declare const BRAND_FONT_FAMILIES: readonly ["Geist", "Manrope", "Geist Mono"];
+/** Temayı font kipine göre döner; sistem kopyası tema başına bir kez üretilir (kimlik sabit → gereksiz render yok). */
+declare function withFonts(theme: Theme, fonts: NativeFonts): Theme;
+
+/** Güvenli alan payları (çentik / durum çubuğu / ev çubuğu), pt. */
+interface SafeAreaInsets {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+declare function useSafeInsets(): Partial<SafeAreaInsets> | null;
+/**
+ * Ağacın bir bölümü için güvenli alanı değiştirir — ör. ekran kenarına
+ * DEĞMEYEN bir yerde çizilen AppBar / BottomNavigation için `insets={{}}`
+ * (pay sıfır). Uygulama kökünde `ThemeProvider insets` yeterlidir.
+ */
+declare function SafeAreaInsetsProvider({ insets, children }: Readonly<{
+    insets: Partial<SafeAreaInsets>;
+    children: ReactNode;
+}>): React.JSX.Element;
+
+interface ThemeProviderProps {
+    /**
+     * `@mari-ui/tokens`'ın `lightTheme`/`darkTheme`'i ya da tüketicinin kendi
+     * ürettiği 3. bir tema (aynı `Theme` şekline uyduğu sürece — bkz. plan
+     * backlog madde 10, "3. tema" ihtiyacı web'de olduğu gibi native'de de
+     * sadece bir `Theme` objesi geçmekten ibaret).
+     */
+    theme: Theme;
+    /**
+     * `"system"` (varsayılan): platform fontu, kurulum gerekmez. `"brand"`:
+     * Geist / Manrope / Geist Mono — önce `expo-font` ile yükleyin (kayıt adları
+     * `BRAND_FONT_FAMILIES`).
+     */
+    fonts?: NativeFonts;
+    /**
+     * Güvenli alan payları — kökte bir kez `useSafeAreaInsets()` verin. Ekran
+     * kenarına değen bileşenler (AppBar, BottomNavigation, Sidebar, BottomSheet,
+     * Toast, ImageViewer) kendi prop'u verilmezse bunu kullanır. Verilmezse üst
+     * sağlayıcınınki geçerli kalır.
+     */
+    insets?: Partial<SafeAreaInsets>;
+    children: ReactNode;
+}
+/**
+ * OPSİYONELDİR. Sarmalanmazsa `useTheme()` sistemin `useColorScheme()`ine
+ * göre otomatik light/dark seçer — bkz. `ThemeContext.ts`. `react-native`
+ * import ETMEZ (sadece `react`) — bu yüzden bu dosya, tersine, vitest altında
+ * da (herhangi bir RN mock'una gerek kalmadan) test edilebilir durumda.
+ */
+declare function ThemeProvider({ theme, fonts, insets, children }: ThemeProviderProps): React.JSX.Element;
+
+/**
+ * `<ThemeProvider>` varsa onu kullanır; yoksa `react-native`'in
+ * `useColorScheme()`iyle işletim sistemi tercihine göre `lightTheme`/
+ * `darkTheme` arasında otomatik seçer. Bu dosya (ve sadece bu dosya, `theme/`
+ * altında) gerçek `react-native` çalışma zamanını import eder — dolayısıyla
+ * vitest'in Flow sözdizimini ayrıştıramaması nedeniyle otomatik testlerin
+ * DIŞINDA tutulur (bkz. `packages/native/README.md` — "Test kapsamı" notu);
+ * yalnızca `tsc`/`eslint` ile ve tüketici uygulamalarda doğrulanır.
+ */
+declare function useTheme(): Theme;
+
+interface ButtonRecipeOptions {
+    color: ColorRole;
+    variant: Variant;
+    size: ExtendedSize;
+    shape: ButtonShape;
+    block: boolean;
+    disabled: boolean;
+}
+interface ButtonRecipeResult {
+    container: ViewStyle;
+    pressedContainer: ViewStyle;
+    label: TextStyle;
+    /** İkon boyutu (px) — native ölçek: xs 14 · sm 16 · md 18 · lg 20 · xl 22. */
+    iconSize: number;
+    /** Görünümü değiştirmeden dokunma alanını 44px'e tamamlayan pay (web `touchTargetClass`). */
+    hitSlop: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+
+interface InputRecipeOptions {
+    color?: ColorRole;
+    variant: InputVariant;
+    size: Size;
+    shape: InputShape;
+    disabled: boolean;
+    focused: boolean;
+}
+interface InputRecipeResult {
+    container: ViewStyle;
+    input: TextStyle;
+    /** Yer tutucu ve ikonların soluk rengi (`canvas.muted`). */
+    mutedColor: string;
+    /** Karakter sayacı yazısı (web `text-xs tabular-nums text-mari-muted`). */
+    count: TextStyle;
+    /** Süs / göz ikonu boyutu (native ölçek); temizle X'i bundan 2px küçük. */
+    iconSize: number;
+    /** Görünümü değiştirmeden dokunma alanını 44px'e tamamlayan pay. */
+    hitSlop: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
+    };
+}
+
+interface CardRecipeOptions {
+    size?: Size;
+    bordered: boolean;
+    inset: boolean;
+}
+interface CardRecipeResult {
+    container: ViewStyle;
+    pressedContainer: ViewStyle;
+    header: ViewStyle;
+    titleText: TextStyle;
+    extraText: TextStyle;
+    divider: ViewStyle;
+    body: ViewStyle;
+    bodyText: TextStyle;
+    footer: ViewStyle;
+    actions: ViewStyle;
+    action: ViewStyle;
+    actionDivider: ViewStyle;
+}
+
+interface RecipeMap {
+    button: {
+        options: ButtonRecipeOptions;
+        result: ButtonRecipeResult;
+    };
+    input: {
+        options: InputRecipeOptions;
+        result: InputRecipeResult;
+    };
+    card: {
+        options: CardRecipeOptions;
+        result: CardRecipeResult;
+    };
+}
+/**
+ * Bildirimsel stil API'si (plan Faz 5): component yazarken elle bir
+ * `StyleSheet.create` objesi kurulmaz, `useStyles("button", { color,
+ * variant, size, ... })` çağrılır — recipe (bkz. `recipes/*.ts`) güncel
+ * temaya (`useTheme()`) göre çözülmüş somut RN stilini döner.
+ *
+ * Kasıtlı olarak `useMemo` YOK: bu stiller zaten prop'lara göre DEĞİŞKEN —
+ * klasik "component başına bir kere, modül seviyesinde `StyleSheet.create`"
+ * paterni burada geçerli değil. Memoization burada gerçek bir performans
+ * kazancı değil, sadece bağımlılık dizisini elle bakımlı tutma yükü demek
+ * olurdu. İleride profiling gerçekten gerektirdiğini gösterirse eklenir
+ * (bkz. plan backlog madde 18 — component bazlı ince ayar turu).
+ */
+declare function useStyles<K extends keyof RecipeMap>(name: K, options: RecipeMap[K]["options"]): RecipeMap[K]["result"];
+
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, ActionSheet, type ActionSheetAction, type ActionSheetProps, Alert, type AlertProps, AppBar, AppBarAction, type AppBarActionProps, type AppBarActionState, type AppBarProps, type AppBarSize, type ArrowsPlacement, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, BRAND_FONT_FAMILIES, BackTop, type BackTopProps, Badge, type BadgeProps, BottomNavigation, type BottomNavigationIconState, type BottomNavigationItem, type BottomNavigationProps, type BottomNavigationVariant, BottomSheet, type BottomSheetProps, Button, type ButtonIconPosition, type ButtonProps, type ButtonShape, Card, CardMeta, type CardMetaProps, type CardProps, type CardSlot, type CardSlotStyles, Carousel, type CarouselAlign, type CarouselControls, type CarouselProps, Checkbox, type CheckboxProps, type CheckboxShape, Clock, type ClockProps, Countdown, type CountdownProps, Dialog, type DialogAction, type DialogProps, Divider, type DividerLabelAlign, type DividerLineStyle, type DividerOrientation, type DividerProps, type DotPosition, type DotsPlacement, Empty, type EmptyProps, Field, type FieldProps, FloatButton, type FloatButtonBadge, FloatButtonGroup, type FloatButtonGroupMenuProps, type FloatButtonGroupProps, type FloatButtonGroupStaticProps, type FloatButtonIconState, type FloatButtonPlacement, type FloatButtonProps, type FloatButtonShape, type GalleryView, Image, type ImageFit, ImageGallery, type ImageGalleryItem, type ImageGalleryProps, type ImageLoadInfo, type ImageLoader, type ImageLoaderParams, type ImagePreviewConfig, type ImageProps, type ImageSource, type ImageStaticSource, ImageViewer, type ImageViewerItem, type ImageViewerProps, type InfiniteScrollOptions, Input, InputNumber, type InputNumberProps, type InputProps, type InputShape, type InputVariant, List, ListItem, type ListItemLayout, ListItemMeta, type ListItemMetaProps, type ListItemProps, type ListProps, Loading, type LoadingProps, Masonry, type MasonryColumns, type MasonryItem, type MasonryProps, Modal, type ModalButtonPosition, type ModalProps, type NativeAccordionSize, type NativeAppBarSize, type NativeAvatarSize, type NativeBadgeSize, type NativeBottomNavigationSize, type NativeCardSize, type NativeConfig, type NativeConfigOverrides, NativeConfigProvider, type NativeControlSize, type NativeFonts, type NativeListSize, type NativeSegmentedSize, type NativeSelectSize, type NativeSelectionSize, type NativeSidebarSize, type NativeSliderSize, type NativeStatisticSize, type NativeStepsSize, type NativeSwitchSize, type NativeTabsSize, type NativeTagSize, type NativeTextSize, type NativeTextStyle, type NativeTreeSize, OtpInput, type OtpInputProps, Pagination, type PaginationProps, type PaginationVariant, Paragraph, type ParagraphProps, Popover, type PopoverProps, type PopoverTrigger, Progress, type ProgressProps, type ProgressSize, type ProgressStatus, QRCode, type QRCodeProps, type QRCornerDotType, type QRCornerSquareType, type QRDotType, type QRErrorLevel, type QRStatus, Radio, RadioGroup, type RadioGroupProps, type RadioOption, type RadioProps, type RadioValue, Rate, type RateCharacterState, type RateProps, type ResponsiveItem, type SafeAreaInsets, SafeAreaInsetsProvider, SearchInput, type SearchInputProps, Segmented, type SegmentedOption, type SegmentedProps, type SegmentedValue, Select, type SelectMultipleProps, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectSingleProps, type SelectValue, Sidebar, type SidebarAnimation, type SidebarBaseProps, type SidebarHeaderInk, type SidebarIconState, type SidebarItem, SidebarLayout, type SidebarLayoutAnimation, type SidebarLayoutProps, type SidebarProps, Skeleton, type SkeletonAvatarProps, type SkeletonAvatarShape, SkeletonBlock, type SkeletonBlockProps, SkeletonBox, type SkeletonParagraphProps, type SkeletonProps, type SkeletonTitleProps, type SkeletonableProps, Slider, type SliderIconItem, type SliderIconPosition, type SliderProps, type SliderValue, type SnapPoint, Statistic, type StatisticProps, type StatisticSize, type StatisticTrend, StatusBadge, type StatusBadgeProps, type StepData, type StepItem, type StepStatus, Steps, StepsContent, type StepsContentProps, type StepsLabelPlacement, type StepsProps, type StepsSize, type StepsVariant, Stopwatch, type StopwatchProps, Switch, type SwitchProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsTriggerState, type TabsVariant, Tag, type TagProps, Text, type TextProps, type TextWeight, Textarea, type TextareaAutoSize, type TextareaProps, ThemeProvider, type ThemeProviderProps, Timeline, type TimelineItem, type TimelineProps, Title, type TitleLevel, type TitleProps, type ToastAction, type ToastContextValue, type ToastOptions, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastType, Tree, type TreeCheckInfo, type TreeNode, type TreeProps, TreeSelect, type TreeSelectCheckedStrategy, type TreeSelectMultipleProps, type TreeSelectProps, type TreeSelectSingleProps, type TypographyEllipsis, Upload, type UploadFile, type UploadFileStatus, type UploadListType, type UploadPickContext, type UploadPickedFile, type UploadProps, type UploadRejectReason, type UploadReviewType, useAppBarScroll, useNativeConfig, useSafeInsets, useStyles, useTheme, useToast, withFonts };