tguikit 0.5.0 → 0.6.0

package/README.md

@@ -1,6 +1,6 @@
 # tguikit
 
-React 19 component library for Telegram Mini Apps — a modern reimplementation of [`@telegram-apps/telegram-ui`](https://github.com/telegram-mini-apps-dev/TelegramUI).
+React 19 component library for Telegram Mini Apps. Telegram's iOS design language, bound to the user's theme, SSR-safe, one stylesheet.
 
 > Pre-release. The API is still moving before `1.0`.
 
@@ -31,9 +31,14 @@ export function App() {
 
 `TguiProvider` supplies the theme and platform. It follows the Telegram / system light–dark theme automatically; pass `appearance` or `platform` to pin them.
 
-## What it fixes
+## Principles
 
-See [`IMPROVEMENTS.md`](./IMPROVEMENTS.md) — ref forwarding, theme tokens, touch-safe hover, SSR, a real package build, and a bundle roughly a tenth the size of the original.
+- `ref` is a plain prop on every component — React 19 baseline, no `forwardRef`.
+- Consumer `className` and `style` always win; components merge, never replace.
+- Every colour is a `--tgui--*` token bound to a `--tg-theme-*` variable — components follow the user's Telegram theme and custom themes.
+- Touch-safe: `:hover` is gated behind `(hover: hover)`.
+- SSR-safe: platform and theme detection is `typeof window` guarded, tokens scoped to the provider — no hydration flash.
+- One stylesheet, React externalised as a peer, `publint` + `arethetypeswrong` clean.
 
 ## Develop
 

package/dist/index.d.ts

@@ -907,6 +907,7 @@ declare namespace TguiProvider {
 }
 
 type HapticIntent = 'tap' | 'press' | 'select' | 'success' | 'warning' | 'error';
+declare function triggerHaptic(intent: HapticIntent): void;
 
 declare function useHaptic(): (intent: HapticIntent) => void;
 
@@ -959,5 +960,482 @@ declare namespace Tooltip {
     var displayName: string;
 }
 
-export { Accordion, AccordionItem, Avatar, AvatarStack, Badge, Banner, Blockquote, Breadcrumbs, Button, Callout, Caption, Card, CardCell, Cell, Checkbox, Chip, CircularProgress, CompactPagination, Dialog, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FixedLayout, Footnote, Headline, HorizontalScroll, IconButton, Image, InlineButtons, InlineButtonsItem, Input, LargeTitle, Link, List, Pagination, PinInput, Placeholder, Popover, PopoverContent, PopoverTrigger, Portal, Progress, Radio, Rating, SearchBar, Section, SectionFooter, SectionHeader, SegmentedControl, SegmentedControlItem, Select, Sheet, Skeleton, Slider, SnackbarProvider, Spinner, Spoiler, Stepper, Steps, Subheadline, Switch, TabBar, TabBarItem, Tappable, Text, Textarea, TguiProvider, Timeline, TimelineItem, Title, Tooltip, Typography, useHaptic, useSnackbar, useTgui };
-export type { AccordionItemProps, AccordionProps, AvatarProps, AvatarSize, AvatarStackProps, BadgeMode, BadgeProps, BadgeType, BannerProps, BannerType, BlockquoteProps, BreadcrumbItem, BreadcrumbsProps, ButtonMode, ButtonProps, ButtonSize, CalloutProps, CaptionProps, CardCellProps, CardProps, CardType, CellProps, CheckboxProps, ChipMode, ChipProps, CircularProgressProps, CircularProgressSize, CompactPaginationProps, DialogAction, DialogActionRole, DialogProps, DividerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps, FixedLayoutProps, FootnoteProps, HeadlineProps, HorizontalScrollProps, IconButtonMode, IconButtonProps, IconButtonSize, ImageProps, InlineButtonsItemProps, InlineButtonsMode, InlineButtonsProps, InputProps, InputStatus, LargeTitleProps, LinkProps, ListProps, PaginationProps, PinInputProps, PlaceholderProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, PortalProps, ProgressProps, RadioProps, RatingProps, SearchBarProps, SectionFooterProps, SectionHeaderProps, SectionProps, SegmentedControlItemProps, SegmentedControlProps, SelectProps, SheetProps, SkeletonProps, SliderProps, SnackbarApi, SnackbarOptions, SnackbarProviderProps, SpinnerProps, SpinnerSize, SpoilerProps, StepperProps, StepsProps, SubheadlineProps, SwitchProps, TabBarItemProps, TabBarProps, TappableProps, TextProps, TextareaProps, TextareaStatus, TguiProviderProps, TimelineItemProps, TimelineProps, TitleProps, TooltipPlacement, TooltipProps, TypographyProps };
+type ColorScheme = 'light' | 'dark';
+type BottomButtonType = 'main' | 'secondary';
+type BottomButtonPosition = 'left' | 'right' | 'top' | 'bottom';
+type BiometricType = 'finger' | 'face' | 'unknown';
+type HapticImpactStyle = 'light' | 'medium' | 'heavy' | 'rigid' | 'soft';
+type HapticNotificationType = 'error' | 'success' | 'warning';
+type PopupButtonType = 'default' | 'ok' | 'close' | 'cancel' | 'destructive';
+type HomeScreenStatus = 'unsupported' | 'unknown' | 'added' | 'missed';
+type FullscreenError = 'UNSUPPORTED' | 'ALREADY_FULLSCREEN';
+type WriteAccessStatus = 'allowed' | 'cancelled';
+type ContactRequestStatus = 'sent' | 'cancelled';
+type InvoiceStatus = 'paid' | 'cancelled' | 'failed' | 'pending';
+type EmojiStatusAccessStatus = 'allowed' | 'cancelled';
+type FileDownloadStatus = 'downloading' | 'cancelled';
+type ShareMessageError = 'UNSUPPORTED' | 'MESSAGE_EXPIRED' | 'MESSAGE_SEND_FAILED' | 'USER_DECLINED' | 'UNKNOWN_ERROR';
+type EmojiStatusError = 'UNSUPPORTED' | 'SUGGESTED_EMOJI_INVALID' | 'DURATION_INVALID' | 'USER_DECLINED' | 'SERVER_ERROR' | 'UNKNOWN_ERROR';
+type DeviceMotionError = 'UNSUPPORTED';
+interface ThemeParams {
+    bg_color?: string;
+    text_color?: string;
+    hint_color?: string;
+    link_color?: string;
+    button_color?: string;
+    button_text_color?: string;
+    secondary_bg_color?: string;
+    header_bg_color?: string;
+    bottom_bar_bg_color?: string;
+    accent_text_color?: string;
+    section_bg_color?: string;
+    section_header_text_color?: string;
+    section_separator_color?: string;
+    subtitle_text_color?: string;
+    destructive_text_color?: string;
+}
+interface WebAppUser {
+    id: number;
+    is_bot?: true;
+    first_name: string;
+    last_name?: string;
+    username?: string;
+    language_code?: string;
+    is_premium?: true;
+    added_to_attachment_menu?: true;
+    allows_write_to_pm?: true;
+    photo_url?: string;
+}
+interface WebAppChat {
+    id: number;
+    type: 'group' | 'supergroup' | 'channel';
+    title: string;
+    username?: string;
+    photo_url?: string;
+}
+interface WebAppInitData {
+    query_id?: string;
+    chat_join_request_query_id?: string;
+    user?: WebAppUser;
+    receiver?: WebAppUser;
+    chat?: WebAppChat;
+    chat_type?: string;
+    chat_instance?: string;
+    start_param?: string;
+    can_send_after?: number;
+    auth_date: number;
+    hash: string;
+    signature?: string;
+}
+interface SafeAreaInset {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+interface ContentSafeAreaInset {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+interface StoryWidgetLink {
+    url: string;
+    name?: string;
+}
+interface StoryShareParams {
+    text?: string;
+    widget_link?: StoryWidgetLink;
+}
+interface ScanQrPopupParams {
+    text?: string;
+}
+interface PopupButton {
+    id?: string;
+    type?: PopupButtonType;
+    text?: string;
+}
+interface PopupParams {
+    title?: string;
+    message: string;
+    buttons?: PopupButton[];
+}
+interface EmojiStatusParams {
+    duration?: number;
+}
+interface DownloadFileParams {
+    url: string;
+    file_name: string;
+}
+interface BiometricRequestAccessParams {
+    reason?: string;
+}
+interface BiometricAuthenticateParams {
+    reason?: string;
+}
+interface AccelerometerStartParams {
+    refresh_rate?: number;
+}
+interface DeviceOrientationStartParams {
+    refresh_rate?: number;
+    need_absolute?: boolean;
+}
+interface BackButton {
+    isVisible: boolean;
+    onClick(callback: () => void): BackButton;
+    offClick(callback: () => void): BackButton;
+    show(): BackButton;
+    hide(): BackButton;
+}
+interface BottomButtonParams {
+    icon_custom_emoji_id?: string;
+    text?: string;
+    color?: string;
+    text_color?: string;
+    has_shine_effect?: boolean;
+    position?: BottomButtonPosition;
+    is_active?: boolean;
+    is_visible?: boolean;
+}
+interface BottomButton {
+    readonly type: BottomButtonType;
+    iconCustomEmojiId: string;
+    text: string;
+    color: string;
+    textColor: string;
+    isVisible: boolean;
+    isActive: boolean;
+    hasShineEffect: boolean;
+    position: BottomButtonPosition;
+    readonly isProgressVisible: boolean;
+    setText(text: string): BottomButton;
+    onClick(callback: () => void): BottomButton;
+    offClick(callback: () => void): BottomButton;
+    show(): BottomButton;
+    hide(): BottomButton;
+    enable(): BottomButton;
+    disable(): BottomButton;
+    showProgress(leaveActive?: boolean): BottomButton;
+    hideProgress(): BottomButton;
+    setParams(params: BottomButtonParams): BottomButton;
+}
+interface SettingsButton {
+    isVisible: boolean;
+    onClick(callback: () => void): SettingsButton;
+    offClick(callback: () => void): SettingsButton;
+    show(): SettingsButton;
+    hide(): SettingsButton;
+}
+interface HapticFeedback {
+    impactOccurred(style: HapticImpactStyle): HapticFeedback;
+    notificationOccurred(type: HapticNotificationType): HapticFeedback;
+    selectionChanged(): HapticFeedback;
+}
+interface CloudStorage {
+    setItem(key: string, value: string, callback?: (error: string | null, success: boolean) => void): CloudStorage;
+    getItem(key: string, callback: (error: string | null, value: string) => void): CloudStorage;
+    getItems(keys: string[], callback: (error: string | null, values: Record<string, string>) => void): CloudStorage;
+    removeItem(key: string, callback?: (error: string | null, success: boolean) => void): CloudStorage;
+    removeItems(keys: string[], callback?: (error: string | null, success: boolean) => void): CloudStorage;
+    getKeys(callback: (error: string | null, keys: string[]) => void): CloudStorage;
+}
+interface BiometricManager {
+    isInited: boolean;
+    isBiometricAvailable: boolean;
+    biometricType: BiometricType;
+    isAccessRequested: boolean;
+    isAccessGranted: boolean;
+    isBiometricTokenSaved: boolean;
+    deviceId: string;
+    init(callback?: () => void): BiometricManager;
+    requestAccess(params: BiometricRequestAccessParams, callback?: (granted: boolean) => void): BiometricManager;
+    authenticate(params: BiometricAuthenticateParams, callback?: (authenticated: boolean, biometricToken?: string) => void): BiometricManager;
+    updateBiometricToken(token: string, callback?: (updated: boolean) => void): BiometricManager;
+    openSettings(): BiometricManager;
+}
+interface Accelerometer {
+    isStarted: boolean;
+    x: number;
+    y: number;
+    z: number;
+    start(params: AccelerometerStartParams, callback?: (started: boolean) => void): Accelerometer;
+    stop(callback?: (stopped: boolean) => void): Accelerometer;
+}
+interface DeviceOrientation {
+    isStarted: boolean;
+    absolute: boolean;
+    alpha: number;
+    beta: number;
+    gamma: number;
+    start(params: DeviceOrientationStartParams, callback?: (started: boolean) => void): DeviceOrientation;
+    stop(callback?: (stopped: boolean) => void): DeviceOrientation;
+}
+interface Gyroscope {
+    isStarted: boolean;
+    x: number;
+    y: number;
+    z: number;
+    start(params: AccelerometerStartParams, callback?: (started: boolean) => void): Gyroscope;
+    stop(callback?: (stopped: boolean) => void): Gyroscope;
+}
+interface LocationData {
+    latitude: number;
+    longitude: number;
+    altitude?: number;
+    course?: number;
+    speed?: number;
+    horizontal_accuracy?: number;
+    vertical_accuracy?: number;
+    course_accuracy?: number;
+    speed_accuracy?: number;
+}
+interface LocationManager {
+    isInited: boolean;
+    isLocationAvailable: boolean;
+    isAccessRequested: boolean;
+    isAccessGranted: boolean;
+    init(callback?: () => void): LocationManager;
+    getLocation(callback: (location: LocationData | null) => void): LocationManager;
+    openSettings(): LocationManager;
+}
+interface DeviceStorage {
+    setItem(key: string, value: string, callback?: (error: string | null, success: boolean) => void): DeviceStorage;
+    getItem(key: string, callback: (error: string | null, value: string | null) => void): DeviceStorage;
+    removeItem(key: string, callback?: (error: string | null, success: boolean) => void): DeviceStorage;
+    clear(callback?: (error: string | null, success: boolean) => void): DeviceStorage;
+}
+interface SecureStorage {
+    setItem(key: string, value: string, callback?: (error: string | null, success: boolean) => void): SecureStorage;
+    getItem(key: string, callback: (error: string | null, value: string | null, canRestore?: boolean) => void): SecureStorage;
+    restoreItem(key: string, callback?: (error: string | null, value?: string) => void): SecureStorage;
+    removeItem(key: string, callback?: (error: string | null, success: boolean) => void): SecureStorage;
+    clear(callback?: (error: string | null, success: boolean) => void): SecureStorage;
+}
+interface TelegramEventMap {
+    activated: undefined;
+    deactivated: undefined;
+    themeChanged: undefined;
+    viewportChanged: {
+        isStateStable: boolean;
+    };
+    safeAreaChanged: undefined;
+    contentSafeAreaChanged: undefined;
+    mainButtonClicked: undefined;
+    secondaryButtonClicked: undefined;
+    backButtonClicked: undefined;
+    settingsButtonClicked: undefined;
+    invoiceClosed: {
+        url: string;
+        status: InvoiceStatus;
+    };
+    popupClosed: {
+        button_id: string | null;
+    };
+    qrTextReceived: {
+        data: string;
+    };
+    scanQrPopupClosed: undefined;
+    clipboardTextReceived: {
+        data: string | null;
+    };
+    writeAccessRequested: {
+        status: WriteAccessStatus;
+    };
+    contactRequested: {
+        status: ContactRequestStatus;
+    };
+    biometricManagerUpdated: undefined;
+    biometricAuthRequested: {
+        isAuthenticated: boolean;
+        biometricToken?: string;
+    };
+    biometricTokenUpdated: {
+        isUpdated: boolean;
+    };
+    fullscreenChanged: undefined;
+    fullscreenFailed: {
+        error: FullscreenError;
+    };
+    homeScreenAdded: undefined;
+    homeScreenChecked: {
+        status: HomeScreenStatus;
+    };
+    accelerometerStarted: undefined;
+    accelerometerStopped: undefined;
+    accelerometerChanged: undefined;
+    accelerometerFailed: {
+        error: DeviceMotionError;
+    };
+    deviceOrientationStarted: undefined;
+    deviceOrientationStopped: undefined;
+    deviceOrientationChanged: undefined;
+    deviceOrientationFailed: {
+        error: DeviceMotionError;
+    };
+    gyroscopeStarted: undefined;
+    gyroscopeStopped: undefined;
+    gyroscopeChanged: undefined;
+    gyroscopeFailed: {
+        error: DeviceMotionError;
+    };
+    locationManagerUpdated: undefined;
+    locationRequested: {
+        locationData: LocationData;
+    };
+    shareMessageSent: undefined;
+    shareMessageFailed: {
+        error: ShareMessageError;
+    };
+    emojiStatusSet: undefined;
+    emojiStatusFailed: {
+        error: EmojiStatusError;
+    };
+    emojiStatusAccessRequested: {
+        status: EmojiStatusAccessStatus;
+    };
+    fileDownloadRequested: {
+        status: FileDownloadStatus;
+    };
+}
+interface WebApp {
+    initData: string;
+    initDataUnsafe: WebAppInitData;
+    version: string;
+    platform: string;
+    colorScheme: ColorScheme;
+    themeParams: ThemeParams;
+    isActive: boolean;
+    isExpanded: boolean;
+    viewportHeight: number;
+    viewportStableHeight: number;
+    headerColor: string;
+    backgroundColor: string;
+    bottomBarColor: string;
+    isClosingConfirmationEnabled: boolean;
+    isVerticalSwipesEnabled: boolean;
+    isFullscreen: boolean;
+    isOrientationLocked: boolean;
+    safeAreaInset: SafeAreaInset;
+    contentSafeAreaInset: ContentSafeAreaInset;
+    BackButton: BackButton;
+    MainButton: BottomButton;
+    SecondaryButton: BottomButton;
+    SettingsButton: SettingsButton;
+    HapticFeedback: HapticFeedback;
+    CloudStorage: CloudStorage;
+    BiometricManager: BiometricManager;
+    Accelerometer: Accelerometer;
+    DeviceOrientation: DeviceOrientation;
+    Gyroscope: Gyroscope;
+    LocationManager: LocationManager;
+    DeviceStorage: DeviceStorage;
+    SecureStorage: SecureStorage;
+    isVersionAtLeast(version: string): boolean;
+    setHeaderColor(color: string): void;
+    setBackgroundColor(color: string): void;
+    setBottomBarColor(color: string): void;
+    enableClosingConfirmation(): void;
+    disableClosingConfirmation(): void;
+    enableVerticalSwipes(): void;
+    disableVerticalSwipes(): void;
+    requestFullscreen(): void;
+    exitFullscreen(): void;
+    lockOrientation(): void;
+    unlockOrientation(): void;
+    addToHomeScreen(): void;
+    checkHomeScreenStatus(callback?: (status: HomeScreenStatus) => void): void;
+    onEvent<K extends keyof TelegramEventMap>(eventType: K, eventHandler: (...args: TelegramEventMap[K] extends undefined ? [] : [TelegramEventMap[K]]) => void): void;
+    offEvent<K extends keyof TelegramEventMap>(eventType: K, eventHandler: (...args: TelegramEventMap[K] extends undefined ? [] : [TelegramEventMap[K]]) => void): void;
+    sendData(data: string): void;
+    switchInlineQuery(query: string, chooseChatTypes?: Array<'users' | 'bots' | 'groups' | 'channels'>): void;
+    openLink(url: string, options?: {
+        try_instant_view?: boolean;
+    }): void;
+    openTelegramLink(url: string): void;
+    openInvoice(url: string, callback?: (status: InvoiceStatus) => void): void;
+    shareToStory(mediaUrl: string, params?: StoryShareParams): void;
+    shareMessage(msgId: number, callback?: (sent: boolean) => void): void;
+    setEmojiStatus(customEmojiId: string, params?: EmojiStatusParams, callback?: (success: boolean) => void): void;
+    requestEmojiStatusAccess(callback?: (granted: boolean) => void): void;
+    downloadFile(params: DownloadFileParams, callback?: (accepted: boolean) => void): void;
+    hideKeyboard(): void;
+    showPopup(params: PopupParams, callback?: (buttonId: string) => void): void;
+    showAlert(message: string, callback?: () => void): void;
+    showConfirm(message: string, callback?: (confirmed: boolean) => void): void;
+    showScanQrPopup(params: ScanQrPopupParams, callback?: (text: string) => boolean): void;
+    closeScanQrPopup(): void;
+    readTextFromClipboard(callback?: (text: string) => void): void;
+    requestWriteAccess(callback?: (granted: boolean) => void): void;
+    requestContact(callback?: (granted: boolean) => void): void;
+    requestChat(reqId: number, callback?: (sent: boolean) => void): void;
+    ready(): void;
+    expand(): void;
+    close(): void;
+}
+declare global {
+    interface Window {
+        Telegram?: {
+            WebApp?: WebApp;
+        };
+    }
+}
+
+declare function getTelegramWebApp(): WebApp | undefined;
+declare function isTelegramVersionAtLeast(version: string): boolean;
+
+interface BottomButtonOptions {
+    text?: string;
+    onClick?: () => void;
+    visible?: boolean;
+    enabled?: boolean;
+    loading?: boolean;
+    color?: string;
+    textColor?: string;
+    hasShineEffect?: boolean;
+    position?: BottomButtonPosition;
+}
+
+declare function onTelegramEvent<K extends keyof TelegramEventMap>(event: K, handler: (...args: TelegramEventMap[K] extends undefined ? [] : [TelegramEventMap[K]]) => void): () => void;
+
+declare function useBackButton(onClick: () => void, visible?: boolean): void;
+
+declare function useClosingConfirmation(enabled: boolean): void;
+
+interface CloudStorageApi {
+    readonly isAvailable: boolean;
+    getItem(key: string): Promise<string | null>;
+    getItems(keys: string[]): Promise<Record<string, string>>;
+    setItem(key: string, value: string): Promise<void>;
+    removeItem(key: string): Promise<void>;
+    removeItems(keys: string[]): Promise<void>;
+    getKeys(): Promise<string[]>;
+}
+declare function useCloudStorage(): CloudStorageApi;
+
+interface InitData {
+    raw: string;
+    unsafe: WebAppInitData | null;
+    user: WebAppUser | null;
+    startParam: string | null;
+}
+declare function useInitData(): InitData;
+
+declare function useMainButton(options: BottomButtonOptions): void;
+
+declare function useSecondaryButton(options: BottomButtonOptions): void;
+
+declare function useSettingsButton(onClick: () => void, visible?: boolean): void;
+
+declare function useVerticalSwipes(enabled: boolean): void;
+
+interface Viewport {
+    height: number;
+    stableHeight: number;
+    isExpanded: boolean;
+    isStable: boolean;
+    expand(): void;
+}
+declare function useViewport(): Viewport;
+
+export { Accordion, AccordionItem, Avatar, AvatarStack, Badge, Banner, Blockquote, Breadcrumbs, Button, Callout, Caption, Card, CardCell, Cell, Checkbox, Chip, CircularProgress, CompactPagination, Dialog, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, FixedLayout, Footnote, Headline, HorizontalScroll, IconButton, Image, InlineButtons, InlineButtonsItem, Input, LargeTitle, Link, List, Pagination, PinInput, Placeholder, Popover, PopoverContent, PopoverTrigger, Portal, Progress, Radio, Rating, SearchBar, Section, SectionFooter, SectionHeader, SegmentedControl, SegmentedControlItem, Select, Sheet, Skeleton, Slider, SnackbarProvider, Spinner, Spoiler, Stepper, Steps, Subheadline, Switch, TabBar, TabBarItem, Tappable, Text, Textarea, TguiProvider, Timeline, TimelineItem, Title, Tooltip, Typography, getTelegramWebApp, isTelegramVersionAtLeast, onTelegramEvent, triggerHaptic, useBackButton, useClosingConfirmation, useCloudStorage, useHaptic, useInitData, useMainButton, useSecondaryButton, useSettingsButton, useSnackbar, useTgui, useVerticalSwipes, useViewport };
+export type { Accelerometer, AccelerometerStartParams, AccordionItemProps, AccordionProps, AvatarProps, AvatarSize, AvatarStackProps, BackButton, BadgeMode, BadgeProps, BadgeType, BannerProps, BannerType, BiometricAuthenticateParams, BiometricManager, BiometricRequestAccessParams, BiometricType, BlockquoteProps, BottomButton, BottomButtonOptions, BottomButtonParams, BottomButtonPosition, BottomButtonType, BreadcrumbItem, BreadcrumbsProps, ButtonMode, ButtonProps, ButtonSize, CalloutProps, CaptionProps, CardCellProps, CardProps, CardType, CellProps, CheckboxProps, ChipMode, ChipProps, CircularProgressProps, CircularProgressSize, CloudStorage, CloudStorageApi, ColorScheme, CompactPaginationProps, ContactRequestStatus, ContentSafeAreaInset, DeviceMotionError, DeviceOrientation, DeviceOrientationStartParams, DeviceStorage, DialogAction, DialogActionRole, DialogProps, DividerProps, DownloadFileParams, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps, EmojiStatusAccessStatus, EmojiStatusError, EmojiStatusParams, FileDownloadStatus, FixedLayoutProps, FootnoteProps, FullscreenError, Gyroscope, HapticFeedback, HapticImpactStyle, HapticIntent, HapticNotificationType, HeadlineProps, HomeScreenStatus, HorizontalScrollProps, IconButtonMode, IconButtonProps, IconButtonSize, ImageProps, InitData, InlineButtonsItemProps, InlineButtonsMode, InlineButtonsProps, InputProps, InputStatus, InvoiceStatus, LargeTitleProps, LinkProps, ListProps, LocationData, LocationManager, PaginationProps, PinInputProps, PlaceholderProps, PopoverContentProps, PopoverProps, PopoverTriggerProps, PopupButton, PopupButtonType, PopupParams, PortalProps, ProgressProps, RadioProps, RatingProps, SafeAreaInset, ScanQrPopupParams, SearchBarProps, SectionFooterProps, SectionHeaderProps, SectionProps, SecureStorage, SegmentedControlItemProps, SegmentedControlProps, SelectProps, SettingsButton, ShareMessageError, SheetProps, SkeletonProps, SliderProps, SnackbarApi, SnackbarOptions, SnackbarProviderProps, SpinnerProps, SpinnerSize, SpoilerProps, StepperProps, StepsProps, StoryShareParams, StoryWidgetLink, SubheadlineProps, SwitchProps, TabBarItemProps, TabBarProps, TappableProps, TelegramEventMap, TextProps, TextareaProps, TextareaStatus, TguiProviderProps, ThemeParams, TimelineItemProps, TimelineProps, TitleProps, TooltipPlacement, TooltipProps, TypographyProps, Viewport, WebApp, WebAppChat, WebAppInitData, WebAppUser, WriteAccessStatus };