npm - @blinkdotnew/mobile-ui - Versions diffs - 2.0.0-alpha.13 → 2.0.0-alpha.15 - Mend

@blinkdotnew/mobile-ui 2.0.0-alpha.13 → 2.0.0-alpha.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -1,9 +1,9 @@
 import * as tamagui from 'tamagui';
-import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
+import { TamaguiInternalConfig, GetProps, YStack, Select, Button as Button$1 } from 'tamagui';
 export { Accordion, Adapt, AlertDialog, Anchor, AnimatePresence, Article, Aside, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, EnsureFlexed, Fieldset, Footer, Form, Frame, GetProps, Group, H1, H2, H3, H4, H5, H6, Header, Heading, Input, Label, Main, Nav, Paragraph, Popover, Portal, PortalHost, PortalItem, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableStack, SizableText, SizeTokens, Slider, Spacer, Spinner, Square, Stack, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ThemeableStack, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, addTheme, composeEventHandlers, composeRefs, createFont, createMedia, createStyledContext, createTamagui, createTheme, createTokens, createVariable, getConfig, getToken, getTokenValue, getTokens, isClient, isWeb, replaceTheme, styled, updateTheme, useComposedRefs, useControllableState, useDebounce, useDebounceValue, useDidFinishSSR, useEvent, useForceUpdate, useIsPresent, useIsomorphicLayoutEffect, useMedia, usePresence, useTheme, useThemeName, useWindowDimensions, withStaticProperties } from 'tamagui';
 export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import react__default, { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
 import * as _tamagui_web from '@tamagui/web';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -401,16 +401,40 @@ type PlanOption = {
     name: string;
     price: string;
     period: string;
+    tagline?: string;
     pricePerWeek?: string;
     savings?: string;
     popular?: boolean;
     trial?: string;
     features?: string[];
 };
+type PaywallVariant = 'default' | 'social-proof' | 'comparison' | 'creator-sheet' | 'immersive-dark';
+type PaywallFeature = string | {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+};
+type PaywallComparisonRow = {
+    label: string;
+    free?: boolean;
+    premium?: boolean;
+};
+type PaywallTestimonial = {
+    quote: string;
+    author: string;
+    meta?: string;
+};
+type PaywallCreator = {
+    name: string;
+    meta?: string;
+    avatar?: ReactNode;
+};
 type PaywallScreenProps = {
+    variant?: PaywallVariant;
+    eyebrow?: string;
     title?: string;
     subtitle?: string;
-    features?: string[];
+    features?: PaywallFeature[];
     plans: PlanOption[];
     selectedPlan?: string;
     onSelectPlan?: (planId: string) => void;
@@ -425,23 +449,37 @@ type PaywallScreenProps = {
     socialProof?: string;
     countdownMinutes?: number;
     badge?: string;
+    comparisonRows?: PaywallComparisonRow[];
+    testimonials?: PaywallTestimonial[];
+    creator?: PaywallCreator;
+    topSlot?: ReactNode;
+    footerSlot?: ReactNode;
 };
-declare function PaywallScreen({ title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+declare function PaywallScreen({ variant, eyebrow, title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, comparisonRows, testimonials, creator, topSlot, footerSlot, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+type OnboardingVariant = 'default' | 'calm-gradient' | 'card-tilt' | 'editorial' | 'selection-step' | 'permission-prompt';
 type OnboardingStep = {
     title: string;
     description: string;
     icon?: ReactNode;
+    hero?: ReactNode;
+    eyebrow?: string;
+    ctaLabel?: string;
+    background?: ReactNode;
 };
 type OnboardingCarouselProps = {
     steps: OnboardingStep[];
+    variant?: OnboardingVariant;
+    brand?: ReactNode;
+    topLeading?: ReactNode;
     onComplete?: () => void;
     onSkip?: () => void;
     completeLabel?: string;
     skipLabel?: string;
     nextLabel?: string;
+    footerSlot?: ReactNode;
 };
-declare function OnboardingCarousel({ steps, onComplete, onSkip, completeLabel, skipLabel, nextLabel, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
+declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
 type ChatMessage = {
     id: string;
@@ -526,16 +564,25 @@ type BottomSheetProps = {
 };
 declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+type AuthProviderBrand = 'google' | 'apple' | 'github' | 'microsoft' | 'custom';
+type LoginScreenVariant = 'default' | 'editorial' | 'centered-card';
 type AuthProvider = {
     id: string;
     name: string;
     icon?: ReactNode;
+    brand?: AuthProviderBrand;
+    description?: string;
 };
 type LoginScreenProps = {
+    variant?: LoginScreenVariant;
     title?: string;
     subtitle?: string;
     logo?: ReactNode;
     providers?: AuthProvider[];
+    hero?: ReactNode;
+    backgroundSlot?: ReactNode;
+    footerSlot?: ReactNode;
+    providerButtonStyle?: 'neutral' | 'brand';
     onProviderPress?: (id: string) => void;
     showEmailForm?: boolean;
     onEmailSubmit?: (email: string, password: string) => void;
@@ -545,7 +592,7 @@ type LoginScreenProps = {
     onPrivacy?: () => void;
     loading?: boolean;
 };
-declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }: LoginScreenProps): react_jsx_runtime.JSX.Element;
+declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): react_jsx_runtime.JSX.Element;
 type TabBarItem = {
     id: string;
@@ -901,4 +948,102 @@ type UserPreferencesProps = {
 };
 declare function UserPreferences({ sections }: UserPreferencesProps): react_jsx_runtime.JSX.Element;
-export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, PaywallScreen, type PaywallScreenProps, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
+type BlinkSelectItem = {
+    label: string;
+    value: string;
+};
+type BlinkSelectProps = {
+    items: BlinkSelectItem[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    size?: GetProps<typeof Select.Trigger>['size'];
+    disabled?: boolean;
+    width?: string | number;
+};
+declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): react_jsx_runtime.JSX.Element;
+type BlinkDialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: react__default.ReactNode;
+    title?: string;
+    description?: string;
+    children?: react__default.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmTheme?: GetProps<typeof Button$1>['theme'];
+};
+declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): react_jsx_runtime.JSX.Element;
+type BlinkPopoverProps = {
+    trigger: react__default.ReactNode;
+    children: react__default.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    allowFlip?: boolean;
+    size?: string;
+};
+declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): react_jsx_runtime.JSX.Element;
+type ImmersiveMediaAction = {
+    id: string;
+    label?: string;
+    value?: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type ImmersiveMediaScreenProps = {
+    variant?: 'story' | 'reel' | 'sheet';
+    media: ReactNode;
+    title?: string;
+    subtitle?: string;
+    topLeft?: ReactNode;
+    topCenter?: ReactNode;
+    topRight?: ReactNode;
+    actions?: ImmersiveMediaAction[];
+    bottomMeta?: ReactNode;
+    inputPlaceholder?: string;
+    onInputPress?: () => void;
+    sheetContent?: ReactNode;
+};
+declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): react_jsx_runtime.JSX.Element;
+type FinanceMetric = {
+    label: string;
+    value: string;
+    change?: string;
+};
+type FinanceQuickAction = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type FinanceDashboardSection = {
+    id?: string;
+    title: string;
+    rows: Array<{
+        id: string;
+        title: string;
+        subtitle?: string;
+        value?: string;
+        leading?: ReactNode;
+    }>;
+};
+type FinanceDashboardProps = {
+    title?: string;
+    balanceLabel?: string;
+    balance: string;
+    rangeLabel?: string;
+    metrics?: FinanceMetric[];
+    quickActions?: FinanceQuickAction[];
+    sections?: FinanceDashboardSection[];
+    chartSlot?: ReactNode;
+    topRight?: ReactNode;
+};
+declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): react_jsx_runtime.JSX.Element;
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };

package/dist/index.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
 import * as tamagui from 'tamagui';
-import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
+import { TamaguiInternalConfig, GetProps, YStack, Select, Button as Button$1 } from 'tamagui';
 export { Accordion, Adapt, AlertDialog, Anchor, AnimatePresence, Article, Aside, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, EnsureFlexed, Fieldset, Footer, Form, Frame, GetProps, Group, H1, H2, H3, H4, H5, H6, Header, Heading, Input, Label, Main, Nav, Paragraph, Popover, Portal, PortalHost, PortalItem, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableStack, SizableText, SizeTokens, Slider, Spacer, Spinner, Square, Stack, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ThemeableStack, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, addTheme, composeEventHandlers, composeRefs, createFont, createMedia, createStyledContext, createTamagui, createTheme, createTokens, createVariable, getConfig, getToken, getTokenValue, getTokens, isClient, isWeb, replaceTheme, styled, updateTheme, useComposedRefs, useControllableState, useDebounce, useDebounceValue, useDidFinishSSR, useEvent, useForceUpdate, useIsPresent, useIsomorphicLayoutEffect, useMedia, usePresence, useTheme, useThemeName, useWindowDimensions, withStaticProperties } from 'tamagui';
 export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
 import * as react from 'react';
-import { ReactNode } from 'react';
+import react__default, { ReactNode } from 'react';
 import * as _tamagui_core from '@tamagui/core';
 import * as _tamagui_web from '@tamagui/web';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -401,16 +401,40 @@ type PlanOption = {
     name: string;
     price: string;
     period: string;
+    tagline?: string;
     pricePerWeek?: string;
     savings?: string;
     popular?: boolean;
     trial?: string;
     features?: string[];
 };
+type PaywallVariant = 'default' | 'social-proof' | 'comparison' | 'creator-sheet' | 'immersive-dark';
+type PaywallFeature = string | {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+};
+type PaywallComparisonRow = {
+    label: string;
+    free?: boolean;
+    premium?: boolean;
+};
+type PaywallTestimonial = {
+    quote: string;
+    author: string;
+    meta?: string;
+};
+type PaywallCreator = {
+    name: string;
+    meta?: string;
+    avatar?: ReactNode;
+};
 type PaywallScreenProps = {
+    variant?: PaywallVariant;
+    eyebrow?: string;
     title?: string;
     subtitle?: string;
-    features?: string[];
+    features?: PaywallFeature[];
     plans: PlanOption[];
     selectedPlan?: string;
     onSelectPlan?: (planId: string) => void;
@@ -425,23 +449,37 @@ type PaywallScreenProps = {
     socialProof?: string;
     countdownMinutes?: number;
     badge?: string;
+    comparisonRows?: PaywallComparisonRow[];
+    testimonials?: PaywallTestimonial[];
+    creator?: PaywallCreator;
+    topSlot?: ReactNode;
+    footerSlot?: ReactNode;
 };
-declare function PaywallScreen({ title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+declare function PaywallScreen({ variant, eyebrow, title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, comparisonRows, testimonials, creator, topSlot, footerSlot, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+type OnboardingVariant = 'default' | 'calm-gradient' | 'card-tilt' | 'editorial' | 'selection-step' | 'permission-prompt';
 type OnboardingStep = {
     title: string;
     description: string;
     icon?: ReactNode;
+    hero?: ReactNode;
+    eyebrow?: string;
+    ctaLabel?: string;
+    background?: ReactNode;
 };
 type OnboardingCarouselProps = {
     steps: OnboardingStep[];
+    variant?: OnboardingVariant;
+    brand?: ReactNode;
+    topLeading?: ReactNode;
     onComplete?: () => void;
     onSkip?: () => void;
     completeLabel?: string;
     skipLabel?: string;
     nextLabel?: string;
+    footerSlot?: ReactNode;
 };
-declare function OnboardingCarousel({ steps, onComplete, onSkip, completeLabel, skipLabel, nextLabel, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
+declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
 type ChatMessage = {
     id: string;
@@ -526,16 +564,25 @@ type BottomSheetProps = {
 };
 declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+type AuthProviderBrand = 'google' | 'apple' | 'github' | 'microsoft' | 'custom';
+type LoginScreenVariant = 'default' | 'editorial' | 'centered-card';
 type AuthProvider = {
     id: string;
     name: string;
     icon?: ReactNode;
+    brand?: AuthProviderBrand;
+    description?: string;
 };
 type LoginScreenProps = {
+    variant?: LoginScreenVariant;
     title?: string;
     subtitle?: string;
     logo?: ReactNode;
     providers?: AuthProvider[];
+    hero?: ReactNode;
+    backgroundSlot?: ReactNode;
+    footerSlot?: ReactNode;
+    providerButtonStyle?: 'neutral' | 'brand';
     onProviderPress?: (id: string) => void;
     showEmailForm?: boolean;
     onEmailSubmit?: (email: string, password: string) => void;
@@ -545,7 +592,7 @@ type LoginScreenProps = {
     onPrivacy?: () => void;
     loading?: boolean;
 };
-declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }: LoginScreenProps): react_jsx_runtime.JSX.Element;
+declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): react_jsx_runtime.JSX.Element;
 type TabBarItem = {
     id: string;
@@ -901,4 +948,102 @@ type UserPreferencesProps = {
 };
 declare function UserPreferences({ sections }: UserPreferencesProps): react_jsx_runtime.JSX.Element;
-export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, Input as BlinkInput, type InputProps as BlinkInputProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, PaywallScreen, type PaywallScreenProps, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
+type BlinkSelectItem = {
+    label: string;
+    value: string;
+};
+type BlinkSelectProps = {
+    items: BlinkSelectItem[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    size?: GetProps<typeof Select.Trigger>['size'];
+    disabled?: boolean;
+    width?: string | number;
+};
+declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): react_jsx_runtime.JSX.Element;
+type BlinkDialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: react__default.ReactNode;
+    title?: string;
+    description?: string;
+    children?: react__default.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmTheme?: GetProps<typeof Button$1>['theme'];
+};
+declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): react_jsx_runtime.JSX.Element;
+type BlinkPopoverProps = {
+    trigger: react__default.ReactNode;
+    children: react__default.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    allowFlip?: boolean;
+    size?: string;
+};
+declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): react_jsx_runtime.JSX.Element;
+type ImmersiveMediaAction = {
+    id: string;
+    label?: string;
+    value?: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type ImmersiveMediaScreenProps = {
+    variant?: 'story' | 'reel' | 'sheet';
+    media: ReactNode;
+    title?: string;
+    subtitle?: string;
+    topLeft?: ReactNode;
+    topCenter?: ReactNode;
+    topRight?: ReactNode;
+    actions?: ImmersiveMediaAction[];
+    bottomMeta?: ReactNode;
+    inputPlaceholder?: string;
+    onInputPress?: () => void;
+    sheetContent?: ReactNode;
+};
+declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): react_jsx_runtime.JSX.Element;
+type FinanceMetric = {
+    label: string;
+    value: string;
+    change?: string;
+};
+type FinanceQuickAction = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type FinanceDashboardSection = {
+    id?: string;
+    title: string;
+    rows: Array<{
+        id: string;
+        title: string;
+        subtitle?: string;
+        value?: string;
+        leading?: ReactNode;
+    }>;
+};
+type FinanceDashboardProps = {
+    title?: string;
+    balanceLabel?: string;
+    balance: string;
+    rangeLabel?: string;
+    metrics?: FinanceMetric[];
+    quickActions?: FinanceQuickAction[];
+    sections?: FinanceDashboardSection[];
+    chartSlot?: ReactNode;
+    topRight?: ReactNode;
+};
+declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): react_jsx_runtime.JSX.Element;
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkConfig, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };