@blinkdotnew/mobile-ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,1102 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { ReactNode } from 'react';
+import { ViewStyle, TextStyle, ImageStyle, ImageSourcePropType, DimensionValue, PressableProps, EasingFunction, StyleProp } from 'react-native';
+
+interface ColorPalette {
+    primary: string;
+    primaryDark: string;
+    primaryLight: string;
+    primaryTint: string;
+    accent: string;
+    background: string;
+    surface: string;
+    surfaceElevated: string;
+    card: string;
+    text: string;
+    textSecondary: string;
+    textMuted: string;
+    textInverse: string;
+    border: string;
+    borderLight: string;
+    error: string;
+    errorLight: string;
+    success: string;
+    successLight: string;
+    warning: string;
+    warningLight: string;
+    overlay: string;
+    highlight: string;
+}
+interface SpacingScale {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+}
+interface TypographyStyle {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: '400' | '500' | '600' | '700' | '800';
+    letterSpacing?: number;
+}
+interface TypographyScale {
+    display: TypographyStyle;
+    h1: TypographyStyle;
+    h2: TypographyStyle;
+    h3: TypographyStyle;
+    h4: TypographyStyle;
+    body: TypographyStyle;
+    bodySmall: TypographyStyle;
+    caption: TypographyStyle;
+    small: TypographyStyle;
+    tiny: TypographyStyle;
+}
+interface ShadowStyle {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+    elevation: number;
+}
+interface ShadowScale {
+    none: ShadowStyle;
+    xs: ShadowStyle;
+    sm: ShadowStyle;
+    md: ShadowStyle;
+    lg: ShadowStyle;
+    xl: ShadowStyle;
+}
+interface BorderRadiusScale {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    full: number;
+}
+interface ThemeTokens {
+    colors: ColorPalette;
+    dark: ColorPalette;
+    spacing: SpacingScale;
+    typography: TypographyScale;
+    shadows: ShadowScale;
+    borderRadius: BorderRadiusScale;
+    touchTargets: {
+        ios: number;
+        android: number;
+    };
+}
+type PaletteName = 'ocean' | 'coral' | 'violet' | 'midnight' | 'rose' | 'neon';
+type ColorScheme = 'light' | 'dark' | 'system';
+
+interface BlinkMobileUIContextValue {
+    tokens: ThemeTokens;
+    colors: ColorPalette;
+    palette: PaletteName;
+    colorScheme: ColorScheme;
+    isDark: boolean;
+    setPalette: (p: PaletteName) => void;
+    setColorScheme: (s: ColorScheme) => void;
+}
+declare function useBlinkMobileUI(): BlinkMobileUIContextValue;
+declare function useThemeColors(): ColorPalette;
+interface Props {
+    children: React.ReactNode;
+    palette?: PaletteName;
+    colorScheme?: ColorScheme;
+}
+declare function BlinkMobileUIProvider({ children, palette: initialPalette, colorScheme: initialScheme, }: Props): react_jsx_runtime.JSX.Element;
+
+declare const palettes: Record<string, ThemeTokens>;
+declare const defaultPalette: ThemeTokens;
+
+type Style = ViewStyle | TextStyle | ImageStyle;
+declare function mergeStyles(...styles: (Style | Style[] | undefined | null | false)[]): Style;
+
+declare function applyShadow(shadow: ShadowStyle): object;
+declare const shadowPresets: {
+    card: (isDark?: boolean) => object;
+    elevated: (isDark?: boolean) => object;
+};
+
+declare const isIOS: boolean;
+declare const isAndroid: boolean;
+declare const isWeb: boolean;
+declare const SCREEN_WIDTH: number;
+declare const SCREEN_HEIGHT: number;
+declare const platformTouchTarget: number;
+declare function platformValue<T>(ios: T, android: T, web?: T): T;
+declare const hapticAvailable: boolean;
+
+type VariantKey = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'body' | 'bodySmall' | 'caption' | 'small' | 'tiny';
+interface TextProps {
+    variant?: VariantKey;
+    color?: string;
+    weight?: '400' | '500' | '600' | '700' | '800';
+    center?: boolean;
+    muted?: boolean;
+    inverse?: boolean;
+    numberOfLines?: number;
+    children?: React.ReactNode;
+    style?: TextStyle;
+    onPress?: () => void;
+}
+declare function Text({ variant, color, weight, center, muted, inverse, numberOfLines, children, style, onPress, }: TextProps): react_jsx_runtime.JSX.Element;
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
+type ButtonSize = 'sm' | 'md' | 'lg';
+interface ButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    disabled?: boolean;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
+    fullWidth?: boolean;
+    children?: React.ReactNode;
+    onPress?: () => void;
+    style?: ViewStyle;
+}
+declare function Button({ variant, size, loading, disabled, iconLeft, iconRight, fullWidth, children, onPress, style, }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type IconButtonVariant = 'primary' | 'secondary' | 'ghost';
+type IconButtonSize = 'sm' | 'md' | 'lg';
+interface IconButtonProps {
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    disabled?: boolean;
+    onPress?: () => void;
+    style?: ViewStyle;
+    children: React.ReactNode;
+}
+declare function IconButton({ variant, size, disabled, onPress, style, children, }: IconButtonProps): react_jsx_runtime.JSX.Element;
+
+type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type StatusDot = 'online' | 'offline' | 'busy' | 'away';
+interface AvatarProps {
+    uri?: string;
+    initials?: string;
+    size?: AvatarSize;
+    badge?: StatusDot;
+    style?: ViewStyle;
+}
+declare function Avatar({ uri, initials, size, badge, style }: AvatarProps): react_jsx_runtime.JSX.Element;
+
+type ChipVariant = 'default' | 'primary' | 'secondary';
+interface ChipProps {
+    label: string;
+    selected?: boolean;
+    variant?: ChipVariant;
+    icon?: React.ReactNode;
+    onPress?: () => void;
+    onRemove?: () => void;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+declare function Chip({ label, selected, variant, icon, onPress, onRemove, disabled, style, }: ChipProps): react_jsx_runtime.JSX.Element;
+
+type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+type BadgeSize = 'sm' | 'md';
+interface BadgeProps {
+    label?: string;
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    dot?: boolean;
+    style?: ViewStyle;
+}
+declare function Badge({ label, variant, size, dot, style }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+type CardVariant = 'flat' | 'elevated' | 'outlined';
+interface CardProps {
+    variant?: CardVariant;
+    onPress?: () => void;
+    style?: ViewStyle;
+    children?: React.ReactNode;
+}
+interface CardImageProps {
+    source: ImageSourcePropType;
+    height?: number;
+    style?: ImageStyle;
+}
+interface SubViewProps {
+    children?: React.ReactNode;
+    style?: ViewStyle;
+}
+declare function CardImage({ source, height, style }: CardImageProps): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ children, style }: SubViewProps): react_jsx_runtime.JSX.Element;
+declare function CardContent({ children, style }: SubViewProps): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ children, style }: SubViewProps): react_jsx_runtime.JSX.Element;
+declare function Card({ variant, onPress, style, children }: CardProps): react_jsx_runtime.JSX.Element;
+declare namespace Card {
+    var Image: typeof CardImage;
+    var Header: typeof CardHeader;
+    var Content: typeof CardContent;
+    var Footer: typeof CardFooter;
+}
+
+interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    spacing?: number;
+    label?: string;
+    style?: ViewStyle;
+}
+declare function Divider({ orientation, spacing, label, style }: DividerProps): react_jsx_runtime.JSX.Element;
+
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+}
+declare function Icon({ name, size, color, strokeWidth }: IconProps): react_jsx_runtime.JSX.Element | null;
+
+type SkeletonVariant = 'rect' | 'circle' | 'text';
+interface SkeletonProps {
+    variant?: SkeletonVariant;
+    width?: DimensionValue;
+    height?: number;
+    borderRadius?: number;
+    style?: ViewStyle;
+    lines?: number;
+}
+declare function Skeleton({ variant, width, height, borderRadius, style, lines, }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+interface ProgressBarProps {
+    value?: number;
+    indeterminate?: boolean;
+    height?: number;
+    color?: string;
+    trackColor?: string;
+    borderRadius?: number;
+    style?: ViewStyle;
+}
+declare function ProgressBar({ value, indeterminate, height, color, trackColor, borderRadius, style, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleProps {
+    value: boolean;
+    onValueChange: (value: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+declare function Toggle({ value, onValueChange, label, disabled, style }: ToggleProps): react_jsx_runtime.JSX.Element;
+
+type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'purple';
+interface TagProps {
+    label: string;
+    color?: TagColor;
+    style?: ViewStyle;
+}
+declare function Tag({ label, color, style }: TagProps): react_jsx_runtime.JSX.Element;
+
+interface BlinkPressableProps extends Omit<PressableProps, 'style'> {
+    activeScale?: number;
+    haptic?: boolean;
+    style?: ViewStyle | ViewStyle[];
+    children?: React.ReactNode;
+}
+declare function BlinkPressable({ activeScale, haptic, style, children, onPress, ...rest }: BlinkPressableProps): react_jsx_runtime.JSX.Element;
+
+interface SafeWrapperProps {
+    children?: React.ReactNode;
+    avoidKeyboard?: boolean;
+    style?: ViewStyle;
+}
+declare function SafeWrapper({ children, avoidKeyboard, style }: SafeWrapperProps): react_jsx_runtime.JSX.Element;
+
+type AnimationType = 'fadeIn' | 'scaleIn' | 'slideInBottom' | 'slideInRight' | 'slideInLeft' | 'slideInTop' | 'bounceIn' | 'flipInX' | 'zoomInRotate' | 'rotateIn' | 'slideOutBottom' | 'slideOutRight' | 'slideOutLeft' | 'slideOutTop' | 'scaleOut';
+interface AnimatedViewProps {
+    children?: React.ReactNode;
+    animation: AnimationType;
+    duration?: number;
+    delay?: number;
+    easing?: EasingFunction;
+    style?: StyleProp<ViewStyle>;
+    className?: string;
+    playOnlyOnce?: boolean;
+    triggerOnVisible?: boolean;
+    visibilityThreshold?: number;
+    shouldResetAnimation?: boolean;
+}
+declare function AnimatedViewComponent({ children, animation, duration, delay, easing, style, className, playOnlyOnce, triggerOnVisible, visibilityThreshold, shouldResetAnimation, }: AnimatedViewProps): react_jsx_runtime.JSX.Element;
+declare const AnimatedView: React.MemoExoticComponent<typeof AnimatedViewComponent>;
+
+interface FabAction {
+    icon: React.ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface AnimatedFabProps {
+    icon: React.ReactNode;
+    label?: string;
+    onPress?: () => void;
+    expanded?: boolean;
+    actions?: FabAction[];
+    style?: ViewStyle;
+}
+declare function AnimatedFab({ icon, label, onPress, expanded, actions, style }: AnimatedFabProps): react_jsx_runtime.JSX.Element;
+
+interface StepProps {
+    title?: string;
+    children: ReactNode;
+}
+interface MultiStepProps {
+    children: ReactNode;
+    onComplete?: () => void;
+    showProgress?: boolean;
+    showSkip?: boolean;
+    nextLabel?: string;
+    completeLabel?: string;
+    style?: ViewStyle;
+}
+declare function MultiStep({ children, onComplete, showProgress, showSkip, nextLabel, completeLabel, style, }: MultiStepProps): react_jsx_runtime.JSX.Element | null;
+declare namespace MultiStep {
+    var Step: any;
+}
+
+interface TransitionProps {
+    children: React.ReactNode;
+    duration?: number;
+    delay?: number;
+    style?: ViewStyle;
+}
+declare const FadeIn: React.FC<TransitionProps>;
+declare const SlideUp: React.FC<TransitionProps>;
+interface SlideInProps extends TransitionProps {
+    from?: 'left' | 'right' | 'bottom' | 'top';
+}
+declare const SlideIn: React.FC<SlideInProps>;
+declare const ScaleIn: React.FC<TransitionProps>;
+
+interface PlanOption {
+    id: string;
+    period: 'monthly' | 'annual' | 'weekly' | 'lifetime';
+    price: string;
+    priceSubtext?: string;
+    badge?: string;
+    trialDays?: number;
+}
+interface PlanCardProps {
+    plan: PlanOption;
+    selected: boolean;
+    onSelect: () => void;
+}
+declare function PlanCard({ plan, selected, onSelect }: PlanCardProps): react_jsx_runtime.JSX.Element;
+
+interface FeatureItem {
+    label: string;
+    free?: boolean;
+    pro: boolean;
+}
+interface PaywallScreenProps {
+    appName: string;
+    tagline?: string;
+    features: FeatureItem[];
+    plans: PlanOption[];
+    onSubscribe: (planId: string) => void | Promise<void>;
+    onDismiss?: () => void;
+    loading?: boolean;
+    selectedPlan?: string;
+    style?: ViewStyle;
+}
+declare function PaywallScreen({ appName, tagline, features, plans, onSubscribe, onDismiss, loading, selectedPlan: controlledPlan, style, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+
+type PaywallSoftProps = Omit<PaywallScreenProps, 'onDismiss'> & {
+    visible: boolean;
+    onDismiss: () => void;
+};
+declare function PaywallSoft({ visible, onDismiss, ...rest }: PaywallSoftProps): react_jsx_runtime.JSX.Element;
+
+type PaywallHardProps = Omit<PaywallScreenProps, 'onDismiss'> & {
+    visible: boolean;
+};
+declare function PaywallHard({ visible, ...rest }: PaywallHardProps): react_jsx_runtime.JSX.Element;
+
+interface ComparisonFeature {
+    label: string;
+    free?: boolean;
+    pro: boolean;
+    enterprise?: boolean;
+}
+interface PlanComparisonProps {
+    features: ComparisonFeature[];
+    plans?: string[];
+}
+declare function PlanComparison({ features, plans }: PlanComparisonProps): react_jsx_runtime.JSX.Element;
+
+interface FeatureRowProps {
+    label: string;
+    available?: boolean;
+    highlighted?: boolean;
+}
+declare function FeatureRow({ label, available, highlighted }: FeatureRowProps): react_jsx_runtime.JSX.Element;
+
+interface TrialBannerProps {
+    days: number;
+    onClaim?: () => void;
+    dismissible?: boolean;
+    style?: ViewStyle;
+}
+declare function TrialBanner({ days, onClaim, dismissible, style }: TrialBannerProps): react_jsx_runtime.JSX.Element | null;
+
+interface SocialProofBarProps {
+    userCount?: string;
+    rating?: number;
+    reviewCount?: string;
+    logos?: React.ReactNode[];
+    style?: ViewStyle;
+}
+declare function SocialProofBar({ userCount, rating, reviewCount, logos, style }: SocialProofBarProps): react_jsx_runtime.JSX.Element;
+
+interface OnboardingSlide {
+    id: string;
+    title: string;
+    description?: string;
+    image?: React.ReactNode;
+    backgroundColor?: string;
+}
+interface OnboardingCarouselProps {
+    slides: OnboardingSlide[];
+    onComplete: () => void;
+    onSkip?: () => void;
+    showSkip?: boolean;
+    showDots?: boolean;
+    nextLabel?: string;
+    completeLabel?: string;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    style?: ViewStyle;
+}
+declare function OnboardingCarousel({ slides, onComplete, onSkip, showSkip, showDots, nextLabel, completeLabel, autoPlay, autoPlayInterval, style, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
+
+interface SocialButton {
+    icon: React.ReactNode;
+    label: string;
+    onPress: () => void;
+}
+interface OnboardingHeroProps {
+    title: string;
+    subtitle?: string;
+    description?: string;
+    visual?: React.ReactNode;
+    ctaLabel?: string;
+    onCta?: () => void;
+    secondaryLabel?: string;
+    onSecondary?: () => void;
+    socialButtons?: SocialButton[];
+    style?: ViewStyle;
+}
+declare function OnboardingHero({ title, subtitle, description, visual, ctaLabel, onCta, secondaryLabel, onSecondary, socialButtons, style, }: OnboardingHeroProps): react_jsx_runtime.JSX.Element;
+
+interface PermissionStepProps {
+    icon?: React.ReactNode;
+    title: string;
+    description: string;
+    allowLabel?: string;
+    skipLabel?: string;
+    onAllow: () => void | Promise<void>;
+    onSkip?: () => void;
+    loading?: boolean;
+    style?: ViewStyle;
+}
+declare function PermissionStep({ icon, title, description, allowLabel, skipLabel, onAllow, onSkip, loading: externalLoading, style, }: PermissionStepProps): react_jsx_runtime.JSX.Element;
+
+interface QuizOption {
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+    description?: string;
+}
+interface QuizStepProps {
+    question: string;
+    subtitle?: string;
+    options: QuizOption[];
+    value?: string | string[];
+    onChange: (v: string | string[]) => void;
+    multiSelect?: boolean;
+    minSelect?: number;
+    maxSelect?: number;
+    style?: ViewStyle;
+}
+declare function QuizStep({ question, subtitle, options, value, onChange, multiSelect, maxSelect, style, }: QuizStepProps): react_jsx_runtime.JSX.Element;
+
+interface OnboardingStep {
+    id: string;
+    component: React.ReactNode;
+}
+interface OnboardingFlowProps {
+    steps: OnboardingStep[];
+    onComplete: () => void;
+    showProgress?: boolean;
+    style?: ViewStyle;
+}
+declare function OnboardingFlow({ steps, onComplete, showProgress, style }: OnboardingFlowProps): react_jsx_runtime.JSX.Element;
+
+interface SwipeDeckProps<T> {
+    data: T[];
+    renderCard: (item: T, index: number) => React.ReactNode;
+    onSwipeLeft?: (item: T) => void;
+    onSwipeRight?: (item: T) => void;
+    onSwipeUp?: (item: T) => void;
+    onEmpty?: () => void;
+    swipeThreshold?: number;
+    rotationFactor?: number;
+    stackDepth?: number;
+    style?: ViewStyle;
+}
+declare function SwipeDeck<T>(props: SwipeDeckProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SwipeCardProps {
+    children: React.ReactNode;
+    likeLabel?: string;
+    nopeLabel?: string;
+    superLabel?: string;
+    swipeDirection?: 'left' | 'right' | 'up' | null;
+    swipeIntensity?: number;
+    style?: ViewStyle;
+}
+declare function SwipeCard({ children, swipeDirection, swipeIntensity, style, }: SwipeCardProps): react_jsx_runtime.JSX.Element;
+
+interface SwipeActionsProps {
+    onNope?: () => void;
+    onLike?: () => void;
+    onSuperLike?: () => void;
+    onRewind?: () => void;
+    style?: ViewStyle;
+}
+declare function SwipeActions({ onNope, onLike, onSuperLike, onRewind, style }: SwipeActionsProps): react_jsx_runtime.JSX.Element;
+
+interface SwipeOverlayProps {
+    direction: 'left' | 'right' | 'up' | null;
+    intensity: number;
+}
+declare function SwipeOverlay({ direction, intensity }: SwipeOverlayProps): react_jsx_runtime.JSX.Element | null;
+
+interface VerticalReelProps<T> {
+    data: T[];
+    renderItem: (item: T, index: number, isActive: boolean) => React.ReactNode;
+    onActiveChange?: (index: number) => void;
+    preloadCount?: number;
+    style?: ViewStyle;
+}
+declare function VerticalReel<T extends {
+    id?: string | number;
+}>({ data, renderItem, onActiveChange, preloadCount, style, }: VerticalReelProps<T>): react_jsx_runtime.JSX.Element;
+
+interface ReelItemProps {
+    background?: React.ReactNode;
+    children?: React.ReactNode;
+    style?: ViewStyle;
+}
+declare function ReelItem({ background, children, style }: ReelItemProps): react_jsx_runtime.JSX.Element;
+
+interface ReelOverlayProps {
+    username?: string;
+    avatar?: string;
+    description?: string;
+    rightActions?: React.ReactNode;
+    bottomContent?: React.ReactNode;
+    style?: ViewStyle;
+}
+declare function ReelOverlay({ username, avatar, description, rightActions, bottomContent, style, }: ReelOverlayProps): react_jsx_runtime.JSX.Element;
+
+interface GlassViewProps {
+    children?: React.ReactNode;
+    intensity?: number;
+    tint?: 'light' | 'dark' | 'default' | 'extraLight' | 'systemUltraThinMaterial' | 'systemThinMaterial' | 'systemMaterial';
+    borderRadius?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    style?: StyleProp<ViewStyle>;
+}
+declare function GlassView({ children, intensity, tint, borderRadius, borderWidth, borderColor, style, }: GlassViewProps): react_jsx_runtime.JSX.Element;
+
+interface GlassCardProps {
+    children?: React.ReactNode;
+    onPress?: () => void;
+    intensity?: number;
+    padding?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare function GlassCard({ children, onPress, intensity, padding, style, }: GlassCardProps): react_jsx_runtime.JSX.Element;
+
+interface GlassHeaderProps {
+    title?: string;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    intensity?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare function GlassHeader({ title, left, right, intensity, style }: GlassHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface GlassSheetProps {
+    children: React.ReactNode;
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    intensity?: number;
+    snapPoints?: number[];
+    style?: StyleProp<ViewStyle>;
+}
+declare function GlassSheet({ children, visible, onClose, title, intensity, style, }: GlassSheetProps): react_jsx_runtime.JSX.Element;
+
+interface TabItem$1 {
+    key: string;
+    label: string;
+    icon: React.ReactNode;
+    badge?: number;
+}
+interface GlassTabBarProps {
+    tabs: TabItem$1[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    intensity?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare function GlassTabBar({ tabs, activeKey, onChange, intensity, style }: GlassTabBarProps): react_jsx_runtime.JSX.Element;
+
+interface ChatBubbleProps {
+    message: string;
+    type: 'sent' | 'received';
+    timestamp?: string;
+    status?: 'sending' | 'sent' | 'delivered' | 'read';
+    avatar?: string;
+    style?: ViewStyle;
+}
+declare function ChatBubble({ message, type, timestamp, status, avatar, style }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
+
+interface ChatInputProps {
+    value: string;
+    onChangeText: (t: string) => void;
+    onSend: () => void;
+    onAttach?: () => void;
+    onVoice?: () => void;
+    placeholder?: string;
+    disabled?: boolean;
+    style?: ViewStyle;
+}
+declare function ChatInput({ value, onChangeText, onSend, onAttach, onVoice, placeholder, disabled, style, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+
+interface ChatMessage {
+    id: string;
+    message: string;
+    type: 'sent' | 'received';
+    timestamp?: string;
+    status?: 'sending' | 'sent' | 'delivered' | 'read';
+    avatar?: string;
+}
+interface ChatListProps {
+    messages: ChatMessage[];
+    style?: ViewStyle;
+}
+declare function ChatList({ messages, style }: ChatListProps): react_jsx_runtime.JSX.Element;
+
+declare function TypingIndicator(): react_jsx_runtime.JSX.Element;
+
+interface ContainerProps {
+    children: React.ReactNode;
+    padded?: boolean;
+    paddingHorizontal?: number;
+    style?: ViewStyle;
+}
+declare const Container: React.FC<ContainerProps>;
+
+interface ScreenContentProps {
+    children: React.ReactNode;
+    onRefresh?: () => void;
+    refreshing?: boolean;
+    padded?: boolean;
+    scrollEnabled?: boolean;
+    style?: ViewStyle;
+    contentStyle?: ViewStyle;
+}
+declare const ScreenContent: React.FC<ScreenContentProps>;
+
+interface SectionProps {
+    title?: string;
+    subtitle?: string;
+    right?: React.ReactNode;
+    children: React.ReactNode;
+    spacing?: boolean;
+    style?: ViewStyle;
+}
+declare const Section: React.FC<SectionProps>;
+
+type Align = 'start' | 'center' | 'end' | 'stretch';
+type Justify = 'start' | 'center' | 'end' | 'between' | 'around';
+interface StackProps {
+    children: React.ReactNode;
+    gap?: number;
+    align?: Align;
+    justify?: Justify;
+    wrap?: boolean;
+    style?: ViewStyle;
+}
+declare const VStack: React.FC<StackProps>;
+declare const HStack: React.FC<StackProps>;
+declare const Stack: React.FC<StackProps>;
+
+interface GridProps {
+    children: React.ReactNode;
+    columns?: number;
+    gap?: number;
+    style?: ViewStyle;
+}
+declare const Grid: React.FC<GridProps>;
+
+interface ListProps<T> {
+    data: T[];
+    renderItem: (item: T, index: number) => React.ReactNode;
+    keyExtractor?: (item: T, index: number) => string;
+    onRefresh?: () => void;
+    refreshing?: boolean;
+    emptyText?: string;
+    emptyComponent?: React.ReactNode;
+    style?: ViewStyle;
+    contentStyle?: ViewStyle;
+    separator?: boolean;
+}
+declare function List<T>({ data, renderItem, keyExtractor, onRefresh, refreshing, emptyText, emptyComponent, style, contentStyle, separator, }: ListProps<T>): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps {
+    title: string;
+    subtitle?: string;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    onPress?: () => void;
+    destructive?: boolean;
+    style?: ViewStyle;
+}
+declare const ListItem: React.FC<ListItemProps>;
+
+interface SpacerProps {
+    height?: number;
+    width?: number;
+    flex?: boolean;
+}
+declare const Spacer: React.FC<SpacerProps>;
+
+interface InputProps {
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    onChangeText?: (text: string) => void;
+    error?: string;
+    hint?: string;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    clearable?: boolean;
+    secureTextEntry?: boolean;
+    multiline?: boolean;
+    numberOfLines?: number;
+    variant?: 'default' | 'filled' | 'underline';
+    disabled?: boolean;
+    style?: ViewStyle;
+    inputStyle?: TextStyle;
+}
+declare const Input: React.FC<InputProps>;
+
+interface TextAreaProps extends Omit<InputProps, 'multiline' | 'numberOfLines'> {
+    minHeight?: number;
+    maxHeight?: number;
+    style?: ViewStyle;
+    inputStyle?: TextStyle;
+}
+declare const TextArea: React.FC<TextAreaProps>;
+
+interface SearchInputProps {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    onClear?: () => void;
+    style?: ViewStyle;
+}
+declare const SearchInput: React.FC<SearchInputProps>;
+
+interface CheckboxProps {
+    checked: boolean;
+    onToggle: (v: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface RadioGroupProps {
+    options: RadioOption[];
+    value: string;
+    onChange: (v: string) => void;
+    direction?: 'vertical' | 'horizontal';
+}
+declare const RadioGroup: React.FC<RadioGroupProps>;
+
+interface BlinkSwitchProps {
+    value: boolean;
+    onValueChange: (v: boolean) => void;
+    label?: string;
+    disabled?: boolean;
+}
+declare const BlinkSwitch: React.FC<BlinkSwitchProps>;
+
+interface SliderProps {
+    value: number;
+    onValueChange: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    showValue?: boolean;
+    style?: ViewStyle;
+}
+declare const Slider: React.FC<SliderProps>;
+
+interface SelectOption {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    options: SelectOption[];
+    value?: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    style?: ViewStyle;
+}
+declare const Select: React.FC<SelectProps>;
+
+interface DatePickerProps {
+    value?: Date;
+    onChange: (date: Date) => void;
+    placeholder?: string;
+    mode?: 'date' | 'time' | 'datetime';
+    style?: ViewStyle;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+
+interface CounterProps {
+    value: number;
+    onChange: (v: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+declare const Counter: React.FC<CounterProps>;
+
+interface HeaderProps {
+    title?: string;
+    subtitle?: string;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    variant?: 'default' | 'blurred' | 'transparent' | 'collapsible';
+    large?: boolean;
+    style?: ViewStyle;
+}
+declare const Header: React.FC<HeaderProps>;
+
+interface HeaderIconProps {
+    icon: React.ReactNode;
+    onPress?: () => void;
+    label?: string;
+}
+declare const HeaderIcon: React.FC<HeaderIconProps>;
+
+interface TabItem {
+    key: string;
+    label: string;
+    icon: React.ReactNode;
+    activeIcon?: React.ReactNode;
+}
+interface TabBarProps {
+    tabs: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    style?: ViewStyle;
+}
+declare const TabBar: React.FC<TabBarProps>;
+
+interface TabButtonProps {
+    icon: React.ReactNode;
+    label: string;
+    active: boolean;
+    onPress: () => void;
+}
+declare const TabButton: React.FC<TabButtonProps>;
+
+interface Segment {
+    value: string;
+    label: string;
+}
+interface SegmentedControlProps {
+    segments: Segment[];
+    value: string;
+    onChange: (v: string) => void;
+    style?: ViewStyle;
+}
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+
+type BottomSheetRef = {
+    show: () => void;
+    hide: () => void;
+};
+interface BottomSheetProps {
+    children: React.ReactNode;
+    title?: string;
+    snapPoints?: number[];
+    style?: ViewStyle;
+}
+declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<BottomSheetRef>>;
+declare function useBottomSheet(): {
+    ref: React.RefObject<BottomSheetRef>;
+    show: () => void | undefined;
+    hide: () => void | undefined;
+};
+
+interface BlinkModalProps {
+    visible: boolean;
+    onClose: () => void;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+    showCloseButton?: boolean;
+    style?: ViewStyle;
+}
+declare const BlinkModal: React.FC<BlinkModalProps>;
+
+interface ConfirmationSheetProps {
+    title: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    destructive?: boolean;
+}
+declare const ConfirmationSheet: React.FC<ConfirmationSheetProps>;
+declare function useConfirmationSheet(): {
+    show: (p: ConfirmationSheetProps) => void;
+    Sheet: react_jsx_runtime.JSX.Element | null;
+};
+
+interface ActionItem {
+    label: string;
+    icon?: React.ReactNode;
+    onPress: () => void;
+    destructive?: boolean;
+    disabled?: boolean;
+}
+interface BlinkActionSheetProps {
+    title?: string;
+    items: ActionItem[];
+    cancelLabel?: string;
+    onClose?: () => void;
+}
+declare const BlinkActionSheet: React.FC<BlinkActionSheetProps>;
+declare function useActionSheet(): {
+    show: (p: BlinkActionSheetProps) => void;
+    Sheet: react_jsx_runtime.JSX.Element | null;
+};
+
+type ToastType = 'success' | 'error' | 'info' | 'warning';
+type ToastPosition = 'top' | 'bottom';
+interface ToastOptions {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+    position?: ToastPosition;
+}
+declare const Toast: React.FC;
+declare const toast: {
+    show: (opts: ToastOptions) => void | undefined;
+    success: (message: string, opts?: Partial<ToastOptions>) => void | undefined;
+    error: (message: string, opts?: Partial<ToastOptions>) => void | undefined;
+    info: (message: string, opts?: Partial<ToastOptions>) => void | undefined;
+    warning: (message: string, opts?: Partial<ToastOptions>) => void | undefined;
+};
+
+interface PageLoaderProps {
+    message?: string;
+    transparent?: boolean;
+}
+declare const PageLoader: React.FC<PageLoaderProps>;
+
+interface EmptyStateProps {
+    icon?: React.ReactNode;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onPress: () => void;
+    };
+    style?: ViewStyle;
+}
+declare const EmptyState: React.FC<EmptyStateProps>;
+
+interface PlaceholderProps {
+    width?: number | string;
+    height?: number;
+    borderRadius?: number;
+    style?: ViewStyle;
+}
+declare const Placeholder: React.FC<PlaceholderProps>;
+
+interface TextSkeletonProps {
+    lines?: number;
+    style?: ViewStyle;
+}
+interface CardSkeletonProps {
+    style?: ViewStyle;
+}
+interface ListSkeletonProps {
+    rows?: number;
+    style?: ViewStyle;
+}
+interface AvatarSkeletonProps {
+    size?: number;
+    style?: ViewStyle;
+}
+declare const SkeletonLoader: {
+    Text: React.FC<TextSkeletonProps>;
+    Card: React.FC<CardSkeletonProps>;
+    List: React.FC<ListSkeletonProps>;
+    Avatar: React.FC<AvatarSkeletonProps>;
+};
+
+interface HorizontalScrollerProps {
+    children: React.ReactNode;
+    snap?: boolean;
+    snapInterval?: number;
+    paddingHorizontal?: number;
+    gap?: number;
+    style?: ViewStyle;
+}
+declare const HorizontalScroller: React.FC<HorizontalScrollerProps>;
+
+interface CardScrollerProps {
+    children: React.ReactNode;
+    cardWidth?: number;
+    gap?: number;
+    snapEnabled?: boolean;
+    paddingHorizontal?: number;
+    style?: ViewStyle;
+}
+declare const CardScroller: React.FC<CardScrollerProps>;
+
+interface ImageCarouselProps {
+    images: string[];
+    height?: number;
+    borderRadius?: number;
+    onIndexChange?: (index: number) => void;
+    style?: ViewStyle;
+}
+declare const ImageCarousel: React.FC<ImageCarouselProps>;
+
+export { type ActionItem, AnimatedFab, AnimatedView, AnimatedView as AnimatedViewNamed, type AnimationType, Avatar, type AvatarProps, Badge, type BadgeProps, BlinkActionSheet, type BlinkActionSheetProps, BlinkMobileUIProvider, BlinkModal, type BlinkModalProps, BlinkPressable, type BlinkPressableProps, BlinkSwitch, type BlinkSwitchProps, type BorderRadiusScale, BottomSheet, type BottomSheetProps, type BottomSheetRef, Button, type ButtonProps, Card, type CardProps, CardScroller, type CardScrollerProps, ChatBubble, ChatInput, ChatList, Checkbox, type CheckboxProps, Chip, type ChipProps, type ColorPalette, type ColorScheme, ConfirmationSheet, type ConfirmationSheetProps, Container, type ContainerProps, Counter, type CounterProps, DatePicker, type DatePickerProps, Divider, type DividerProps, EmptyState, type EmptyStateProps, FadeIn, FeatureRow, GlassCard, GlassHeader, GlassSheet, GlassTabBar, GlassView, Grid, type GridProps, HStack, Header, HeaderIcon, type HeaderIconProps, type HeaderProps, HorizontalScroller, type HorizontalScrollerProps, Icon, IconButton, type IconButtonProps, type IconProps, ImageCarousel, type ImageCarouselProps, Input, type InputProps, List, ListItem, type ListItemProps, type ListProps, MultiStep, type MultiStepProps, OnboardingCarousel, type OnboardingCarouselProps, OnboardingFlow, OnboardingHero, type OnboardingSlide, PageLoader, type PageLoaderProps, type PaletteName, PaywallHard, PaywallScreen, type PaywallScreenProps, PaywallSoft, PermissionStep, Placeholder, type PlaceholderProps, PlanCard, PlanComparison, type PlanOption, ProgressBar, type ProgressBarProps, type QuizOption, QuizStep, type QuizStepProps, RadioGroup, type RadioGroupProps, ReelItem, ReelOverlay, SCREEN_HEIGHT, SCREEN_WIDTH, SafeWrapper, type SafeWrapperProps, ScaleIn, ScreenContent, type ScreenContentProps, SearchInput, type SearchInputProps, Section, type SectionProps, SegmentedControl, type SegmentedControlProps, Select, type SelectProps, type ShadowScale, Skeleton, SkeletonLoader, type SkeletonProps, SlideIn, SlideUp, Slider, SocialProofBar, Spacer, type SpacerProps, type SpacingScale, Stack, type StackProps, type StepProps, SwipeActions, SwipeCard, SwipeDeck, SwipeOverlay, TabBar, type TabBarProps, TabButton, type TabButtonProps, Tag, type TagProps, Text, TextArea, type TextProps, type ThemeTokens, Toast, Toggle, type ToggleProps, TrialBanner, TypingIndicator, type TypographyScale, VStack, VerticalReel, applyShadow, mergeStyles as cn, defaultPalette, hapticAvailable, isAndroid, isIOS, isWeb, mergeStyles, palettes, platformTouchTarget, platformValue, shadowPresets, toast, useActionSheet, useBlinkMobileUI, useBottomSheet, useConfirmationSheet, useThemeColors };