@blinkdotnew/mobile-ui 1.0.1 → 2.0.0-alpha.10

package/dist/index.d.mts

@@ -1,1289 +1,649 @@
+import * as tamagui from 'tamagui';
+import { TamaguiInternalConfig, GetProps, YStack } 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 * as _tamagui_core from '@tamagui/core';
+import * as _tamagui_web from '@tamagui/web';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React, { ReactNode } from 'react';
-import { vars } from 'nativewind';
-import { ClassValue } from 'clsx';
-import { PressableProps, ViewStyle, TextProps, ImageSourcePropType, TextInputProps, EasingFunction, ScrollViewProps, Animated } from 'react-native';
-import { ActionSheetRef } from 'react-native-actions-sheet';
-import { Ionicons } from '@expo/vector-icons';
 
-type PaletteName = 'ocean' | 'coral' | 'violet' | 'midnight' | 'rose' | 'neon';
-type ColorScheme = 'light' | 'dark' | 'system';
-interface PaletteSet {
-    light: ReturnType<typeof vars>;
-    dark: ReturnType<typeof vars>;
-}
-declare const palettes: Record<PaletteName, PaletteSet>;
-
-interface BlinkMobileUIContextValue {
-    palette: PaletteName;
-    colorScheme: ColorScheme;
-    isDark: boolean;
-    setPalette: (p: PaletteName) => void;
-    setColorScheme: (s: ColorScheme) => void;
-}
-declare function useBlinkMobileUI(): BlinkMobileUIContextValue;
-interface BlinkMobileUIProviderProps {
-    children: React.ReactNode;
-    palette?: PaletteName;
-    colorScheme?: ColorScheme;
-}
-declare function BlinkMobileUIProvider({ children, palette: initPalette, colorScheme: initScheme, }: BlinkMobileUIProviderProps): react_jsx_runtime.JSX.Element;
-
-declare function cn(...inputs: ClassValue[]): string;
-
-declare function useAnimColors(): {
-    text: string;
-    placeholder: string;
-    bg: string;
-    border: string;
-    primary: string;
-    highlight: string;
-    error: string;
-    secondary: string;
-    icon: string;
+declare const blinkConfig: TamaguiInternalConfig;
+type BlinkConfig = typeof blinkConfig;
+declare module 'tamagui' {
+    interface TamaguiCustomConfig extends BlinkConfig {
+    }
+}
+
+declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
+    textProps?: Partial<tamagui.SizableTextProps>;
+    noTextWrap?: boolean;
+} & _tamagui_web.ThemeableProps & {
+    icon?: react.JSX.Element | react.FunctionComponent<{
+        color?: any;
+        size?: any;
+    }> | ((props: {
+        color?: any;
+        size?: any;
+    }) => any) | null;
+    iconAfter?: react.JSX.Element | react.FunctionComponent<{
+        color?: any;
+        size?: any;
+    }> | ((props: {
+        color?: any;
+        size?: any;
+    }) => any) | null;
+    scaleIcon?: number;
+    spaceFlex?: number | boolean;
+    scaleSpace?: number;
+    unstyled?: boolean;
+}, _tamagui_web.StackStyleBase, {
+    size?: number | "lg" | "md" | "sm" | tamagui.SizeTokens | undefined;
+    disabled?: boolean | undefined;
+    elevation?: number | tamagui.SizeTokens | undefined;
+    variant?: "transparent" | "default" | "primary" | "outlined" | "floating" | "destructive" | undefined;
+    inset?: number | tamagui.SizeTokens | {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    } | null | undefined;
+    unstyled?: boolean | undefined;
+    transparent?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+    circular?: boolean | undefined;
+    hoverTheme?: boolean | undefined;
+    pressTheme?: boolean | undefined;
+    focusTheme?: boolean | undefined;
+    elevate?: boolean | undefined;
+    bordered?: number | boolean | undefined;
+    backgrounded?: boolean | undefined;
+    radiused?: boolean | undefined;
+    padded?: boolean | undefined;
+    chromeless?: boolean | "all" | undefined;
+    fullWidth?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+type ButtonProps = GetProps<typeof Button>;
+
+declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    bold?: boolean | undefined;
+    variant?: "body" | "display" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "small" | undefined;
+    unstyled?: boolean | undefined;
+    center?: boolean | undefined;
+    muted?: boolean | undefined;
+    secondary?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+type BlinkTextProps = GetProps<typeof BlinkText>;
+
+declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
+    pressable?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+type CardProps = GetProps<typeof CardFrame>;
+declare const Card: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, keyof _tamagui_web.StackStyleBase> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
+    pressable?: boolean | undefined;
+} & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>> & _tamagui_web.WithPseudoProps<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
+    pressable?: boolean | undefined;
+} & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>>> & _tamagui_web.WithMediaProps<_tamagui_web.WithThemeShorthandsAndPseudos<_tamagui_web.StackStyleBase, {
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
+    pressable?: boolean | undefined;
+}>> & react.RefAttributes<any>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
+    pressable?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic> & Omit<_tamagui_web.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
+    __tama: [_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+        size?: "lg" | "md" | "sm" | undefined;
+        variant?: "outlined" | "flat" | "elevated" | undefined;
+        pressable?: boolean | undefined;
+    }, _tamagui_web.StaticConfigPublic];
+} & {
+    Header: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
+    Content: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
+    Footer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
 };
 
-interface BlinkPressableProps extends Omit<PressableProps, 'style'> {
-    className?: string;
-    activeClassName?: string;
-    style?: ViewStyle;
-}
-declare function BlinkPressable({ className, activeClassName, style, children, ...props }: BlinkPressableProps): react_jsx_runtime.JSX.Element;
-
-type TextVariant = 'body' | 'heading' | 'subheading' | 'caption' | 'label' | 'title';
-type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';
-interface BlinkTextProps extends TextProps {
-    variant?: TextVariant;
-    weight?: TextWeight;
-    className?: string;
-    children: React.ReactNode;
-}
-declare function BlinkText({ variant, weight, className, children, ...props }: BlinkTextProps): react_jsx_runtime.JSX.Element;
-
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive';
-type ButtonSize = 'sm' | 'md' | 'lg';
-type ButtonRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-interface ButtonProps {
-    title?: string;
-    onPress?: () => void;
-    loading?: boolean;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    rounded?: ButtonRounded;
-    className?: string;
-    textClassName?: string;
-    disabled?: boolean;
-    iconStart?: React.ReactNode;
-    iconEnd?: React.ReactNode;
-    children?: React.ReactNode;
-}
-declare function Button({ title, onPress, loading, variant, size, rounded, className, textClassName, disabled, iconStart, iconEnd, children, }: ButtonProps): react_jsx_runtime.JSX.Element;
-
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface AvatarProps {
-    src?: string;
-    name?: string;
-    size?: AvatarSize;
-    className?: string;
-}
-declare function Avatar({ src, name, size, className }: AvatarProps): react_jsx_runtime.JSX.Element;
-
-type CardVariant = 'elevated' | 'outlined' | 'filled' | 'ghost';
-interface CardProps {
-    variant?: CardVariant;
-    className?: string;
-    style?: ViewStyle;
-    onPress?: () => void;
-    children?: React.ReactNode;
-}
-declare function Card({ variant, className, style, onPress, children }: CardProps): react_jsx_runtime.JSX.Element;
-declare namespace Card {
-    var Header: typeof CardHeader;
-    var Body: typeof CardBody;
-    var Footer: typeof CardFooter;
-    var Image: typeof CardImage;
-    var Title: typeof CardTitle;
-    var Description: typeof CardDescription;
-}
-interface CardHeaderProps {
-    className?: string;
-    children: React.ReactNode;
-}
-declare function CardHeader({ className, children }: CardHeaderProps): react_jsx_runtime.JSX.Element;
-interface CardBodyProps {
-    className?: string;
-    children: React.ReactNode;
-}
-declare function CardBody({ className, children }: CardBodyProps): react_jsx_runtime.JSX.Element;
-interface CardFooterProps {
-    className?: string;
-    children: React.ReactNode;
-}
-declare function CardFooter({ className, children }: CardFooterProps): react_jsx_runtime.JSX.Element;
-interface CardImageProps {
-    source: string | ImageSourcePropType;
-    height?: number;
-    className?: string;
-}
-declare function CardImage({ source, height, className }: CardImageProps): react_jsx_runtime.JSX.Element;
-interface CardTitleProps {
-    className?: string;
-    children: React.ReactNode;
-}
-declare function CardTitle({ className, children }: CardTitleProps): react_jsx_runtime.JSX.Element;
-interface CardDescriptionProps {
-    className?: string;
-    numberOfLines?: number;
-    children: React.ReactNode;
-}
-declare function CardDescription({ className, numberOfLines, children }: CardDescriptionProps): react_jsx_runtime.JSX.Element;
-
-type ChipVariant = 'filled' | 'outlined' | 'tinted';
-type ChipSize = 'sm' | 'md';
-interface ChipProps {
-    label: string;
-    variant?: ChipVariant;
-    size?: ChipSize;
-    selected?: boolean;
-    onPress?: () => void;
-    iconStart?: React.ReactNode;
-    iconEnd?: React.ReactNode;
-    className?: string;
-}
-declare function Chip({ label, variant, size, selected, onPress, iconStart, iconEnd, className, }: ChipProps): react_jsx_runtime.JSX.Element;
-
-type BadgeVariant = 'default' | 'primary' | 'success' | 'error' | 'warning';
-type BadgeSize = 'sm' | 'md';
-interface BadgeProps {
-    label: string;
-    variant?: BadgeVariant;
-    size?: BadgeSize;
-    className?: string;
-}
-declare function Badge({ label, variant, size, className }: BadgeProps): react_jsx_runtime.JSX.Element;
-
-type IconContainerVariant = 'plain' | 'bordered' | 'contained';
-type IconContainerSize = 'sm' | 'md' | 'lg';
-interface IconContainerProps {
-    variant?: IconContainerVariant;
-    size?: IconContainerSize;
-    className?: string;
-    children: React.ReactNode;
-}
-declare function IconContainer({ variant, size, className, children, }: IconContainerProps): react_jsx_runtime.JSX.Element;
-
-type DividerOrientation = 'horizontal' | 'vertical';
-interface DividerProps {
-    orientation?: DividerOrientation;
-    label?: string;
-    className?: string;
-}
-declare function Divider({ orientation, label, className }: DividerProps): react_jsx_runtime.JSX.Element;
-
-type SkeletonVariant = 'rect' | 'circle' | 'text';
-interface SkeletonProps {
-    variant?: SkeletonVariant;
-    width?: number | string;
-    height?: number | string;
-    className?: string;
-}
-declare function Skeleton({ variant, width, height, className }: SkeletonProps): react_jsx_runtime.JSX.Element;
-
-type ProgressBarSize = 'sm' | 'md' | 'lg';
-type ProgressBarVariant = 'primary' | 'success' | 'warning' | 'error';
-interface ProgressBarProps {
-    progress: number;
-    variant?: ProgressBarVariant;
-    size?: ProgressBarSize;
-    className?: string;
-}
-declare function ProgressBar({ progress, variant, size, className, }: ProgressBarProps): react_jsx_runtime.JSX.Element;
-
-type ToggleSize = 'sm' | 'md';
-interface ToggleProps {
-    value: boolean;
-    onValueChange: (value: boolean) => void;
-    size?: ToggleSize;
-    disabled?: boolean;
-    className?: string;
-}
-declare function Toggle({ value, onValueChange, size, disabled, className, }: ToggleProps): react_jsx_runtime.JSX.Element;
-
-type TagVariant = 'filled' | 'outlined' | 'tinted';
-interface TagProps {
-    label: string;
-    variant?: TagVariant;
-    onRemove?: () => void;
-    className?: string;
-}
-declare function Tag({ label, variant, onRemove, className }: TagProps): react_jsx_runtime.JSX.Element;
-
-type IconButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline';
-type IconButtonSize = 'sm' | 'md' | 'lg';
-interface IconButtonProps {
-    onPress?: () => void;
-    variant?: IconButtonVariant;
-    size?: IconButtonSize;
-    rounded?: 'md' | 'lg' | 'full';
-    disabled?: boolean;
-    className?: string;
-    children: React.ReactNode;
-}
-declare function IconButton({ onPress, variant, size, rounded, disabled, className, children, }: IconButtonProps): react_jsx_runtime.JSX.Element;
-
-interface SafeWrapperProps {
-    children: React.ReactNode;
-    className?: string;
-    style?: ViewStyle;
-    edges?: ('top' | 'bottom' | 'left' | 'right')[];
-}
-declare function SafeWrapper({ children, className, style, edges }: SafeWrapperProps): react_jsx_runtime.JSX.Element;
-
-interface ContainerProps {
-    children: React.ReactNode;
-    scrollable?: boolean;
-    padded?: boolean;
-    className?: string;
-    style?: ViewStyle;
-}
-declare function Container({ children, scrollable, padded, className, style, }: ContainerProps): react_jsx_runtime.JSX.Element;
-
-interface ThemeScrollerProps$1 {
-    selected: PaletteName;
-    onSelect: (palette: PaletteName) => void;
-    className?: string;
-}
-
-type SectionPadding = 'none' | 'sm' | 'md' | 'lg' | 'xl';
-type TitleSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-interface SectionProps {
-    children?: React.ReactNode;
-    title?: string;
-    subtitle?: string;
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-    padding?: SectionPadding;
-    titleSize?: TitleSize;
-    link?: string;
-    linkText?: string;
-    onLinkPress?: () => void;
-    className?: string;
-}
-declare function Section({ children, title, subtitle, header, footer, padding, titleSize, link, linkText, onLinkPress, className, }: SectionProps): react_jsx_runtime.JSX.Element;
-
-type StackAlign = 'start' | 'center' | 'end' | 'stretch';
-type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around';
-interface StackProps {
-    children: React.ReactNode;
-    gap?: number;
-    align?: StackAlign;
-    justify?: StackJustify;
-    className?: string;
-    style?: ViewStyle;
-}
-declare function VStack({ children, gap, align, justify, className, style }: StackProps): react_jsx_runtime.JSX.Element;
-declare function HStack({ children, gap, align, justify, className, style }: StackProps): react_jsx_runtime.JSX.Element;
-interface FlexStackProps extends StackProps {
-    direction?: 'vertical' | 'horizontal';
-}
-declare function Stack({ children, direction, ...props }: FlexStackProps): react_jsx_runtime.JSX.Element;
-
-interface GridProps {
-    children: React.ReactNode;
-    columns?: 2 | 3 | 4;
-    gap?: number;
-    className?: string;
-    style?: ViewStyle;
-}
-declare function Grid({ children, columns, gap, className, style }: GridProps): react_jsx_runtime.JSX.Element;
-
-interface ListProps<T> {
-    data: T[];
-    renderItem: (item: T, index: number) => React.ReactNode;
-    keyExtractor?: (item: T, index: number) => string;
-    separator?: boolean;
-    className?: string;
-    style?: ViewStyle;
-}
-declare function List<T>({ data, renderItem, keyExtractor, separator, className, style, }: ListProps<T>): react_jsx_runtime.JSX.Element;
-
-interface ListItemProps {
-    title: React.ReactNode;
-    subtitle?: React.ReactNode;
-    leading?: React.ReactNode;
-    trailing?: React.ReactNode;
-    onPress?: () => void;
-    disabled?: boolean;
-    className?: string;
-    style?: ViewStyle;
-}
-declare function ListItem({ title, subtitle, leading, trailing, onPress, disabled, className, style, }: ListItemProps): react_jsx_runtime.JSX.Element;
-
-type SpacerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-interface SpacerProps {
-    size?: SpacerSize;
-    flex?: boolean;
-    className?: string;
-}
-declare function Spacer({ size, flex, className }: SpacerProps): react_jsx_runtime.JSX.Element;
-
-type InputVariant = 'animated' | 'classic' | 'underlined';
-interface InputProps extends Omit<TextInputProps, 'className'> {
+declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, TextInput, any, _tamagui_web.TextStylePropsBase & {
+    readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
+    readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
+}, {
+    size?: tamagui.SizeTokens | undefined;
+    disabled?: boolean | undefined;
+    variant?: "default" | "filled" | undefined;
+    unstyled?: boolean | undefined;
+    hasError?: boolean | undefined;
+}, {
+    isInput: true;
+    accept: {
+        readonly placeholderTextColor: "color";
+        readonly selectionColor: "color";
+    };
+} & _tamagui_web.StaticConfigPublic>;
+type InputProps = GetProps<typeof InputField> & {
     label?: string;
     error?: string;
     hint?: string;
-    variant?: InputVariant;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    clearable?: boolean;
-    disabled?: boolean;
-    className?: string;
-}
-declare function Input({ label, placeholder, value, onChangeText, error, hint, secureTextEntry, variant, left, right, clearable, multiline, disabled, className, ...props }: InputProps): react_jsx_runtime.JSX.Element;
-
-interface TextAreaProps extends Omit<InputProps, 'multiline'> {
-}
-declare function TextArea({ className, ...props }: TextAreaProps): react_jsx_runtime.JSX.Element;
-
-interface SearchInputProps {
-    value: string;
-    onChangeText: (text: string) => void;
-    placeholder?: string;
-    onClear?: () => void;
-    autoFocus?: boolean;
-    className?: string;
-}
-declare function SearchInput({ value, onChangeText, placeholder, onClear, autoFocus, className, }: SearchInputProps): react_jsx_runtime.JSX.Element;
-
-interface SearchPillProps {
-    placeholder?: string;
-    onPress?: () => void;
-    className?: string;
-}
-declare function SearchPill({ placeholder, onPress, className, }: SearchPillProps): react_jsx_runtime.JSX.Element;
-
-interface CheckboxProps {
-    checked?: boolean;
-    onToggle?: (checked: boolean) => void;
-    label?: string;
-    disabled?: boolean;
-    error?: string;
-    className?: string;
-}
-declare function Checkbox({ checked, onToggle, label, disabled, error, className, }: CheckboxProps): react_jsx_runtime.JSX.Element;
+};
+declare function Input({ label, error, hint, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
-interface RadioOption {
-    value: string;
-    label: string;
-    disabled?: boolean;
-}
-interface RadioGroupProps {
-    options: RadioOption[];
-    value: string;
-    onChange: (value: string) => void;
-    direction?: 'vertical' | 'horizontal';
-    className?: string;
-}
-declare function RadioGroup({ options, value, onChange, direction, className, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+type SimpleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type AvatarProps = {
+    uri?: string;
+    name?: string;
+    size?: number | SimpleSize;
+};
+declare const Avatar: react.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => react_jsx_runtime.JSX.Element>;
 
-interface BlinkSwitchProps {
-    value?: boolean;
-    onValueChange?: (value: boolean) => void;
-    label?: string;
+declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare function SepHeading({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    elevation?: number | tamagui.SizeTokens | undefined;
+    inset?: number | tamagui.SizeTokens | {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    } | null | undefined;
+    fullscreen?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    elevation?: number | tamagui.SizeTokens | undefined;
+    inset?: number | tamagui.SizeTokens | {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    } | null | undefined;
+    fullscreen?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+
+declare function DialogProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const showError: (error: unknown, title?: string) => void;
+declare const dialogConfirm: (props: {
+    title?: string;
     description?: string;
-    disabled?: boolean;
-    className?: string;
-}
-declare function BlinkSwitch({ value, onValueChange, label, description, disabled, className, }: BlinkSwitchProps): react_jsx_runtime.JSX.Element;
+}) => Promise<boolean>;
 
-interface SliderProps {
-    value: number;
-    onValueChange: (v: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    showValue?: boolean;
-    className?: string;
-}
-declare function Slider({ value, onValueChange, min, max, step, showValue, className, }: SliderProps): react_jsx_runtime.JSX.Element;
+declare const Pressable: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
 
-interface SelectOption {
-    label: string;
-    value: string;
-}
-interface SelectProps {
-    options: SelectOption[];
-    value?: string;
-    onChange: (value: string) => void;
-    label?: string;
-    placeholder?: string;
-    error?: string;
-    variant?: InputVariant;
-    className?: string;
-}
-declare function Select({ options, value, onChange, label, placeholder, error, variant, className, }: SelectProps): react_jsx_runtime.JSX.Element;
-
-interface CounterProps {
-    value?: number;
-    onChange?: (value: number) => void;
-    min?: number;
-    max?: number;
-    step?: number;
-    label?: string;
-    className?: string;
-}
-declare function Counter({ value: controlledValue, onChange, min, max, step, label, className, }: CounterProps): react_jsx_runtime.JSX.Element;
+declare const Image: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, unknown, _tamagui_web.TamaguiComponentPropsBaseBase & Omit<Omit<_tamagui_web.GetFinalProps<any, _tamagui_web.StackStyleBase, {}>, "borderRadius"> & {
+    borderRadius?: tamagui.RadiusTokens;
+}, "style" | "onLayout" | "width" | "height" | "resizeMode"> & {
+    width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
+    height?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
+    src?: string | any;
+    resizeMode?: any;
+    objectFit?: React.CSSProperties["objectFit"];
+} & Omit<tamagui.StackProps, string | number | symbol>, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
 
-type HeaderVariant = 'default' | 'blurred' | 'transparent' | 'collapsible';
-interface HeaderProps {
-    title?: string;
-    subtitle?: string;
-    left?: React.ReactNode;
-    right?: React.ReactNode;
-    variant?: HeaderVariant;
-    large?: boolean;
-    showBackButton?: boolean;
-    onBackPress?: () => void;
-    visible?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function Header({ title, subtitle, left, right, variant, large, showBackButton, onBackPress, visible, children, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
+type BadgeProps = {
+    children: ReactNode;
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+};
+declare function Badge({ children, variant }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare const ICONS: {
+    readonly home: "⌂";
+    readonly search: "⌕";
+    readonly back: "‹";
+    readonly forward: "›";
+    readonly close: "✕";
+    readonly menu: "☰";
+    readonly more: "⋯";
+    readonly plus: "+";
+    readonly minus: "−";
+    readonly check: "✓";
+    readonly star: "★";
+    readonly starOutline: "☆";
+    readonly heart: "♥";
+    readonly heartOutline: "♡";
+    readonly share: "⤴";
+    readonly edit: "✎";
+    readonly trash: "⌫";
+    readonly copy: "⎘";
+    readonly chat: "💬";
+    readonly mail: "✉";
+    readonly bell: "🔔";
+    readonly bellOff: "🔕";
+    readonly send: "➤";
+    readonly play: "▶";
+    readonly pause: "⏸";
+    readonly camera: "📷";
+    readonly image: "🖼";
+    readonly info: "ℹ";
+    readonly warning: "⚠";
+    readonly error: "✕";
+    readonly success: "✓";
+    readonly loading: "⟳";
+    readonly user: "👤";
+    readonly users: "👥";
+    readonly settings: "⚙";
+    readonly lock: "🔒";
+    readonly unlock: "🔓";
+    readonly arrowUp: "↑";
+    readonly arrowDown: "↓";
+    readonly arrowLeft: "←";
+    readonly arrowRight: "→";
+    readonly chevronUp: "⌃";
+    readonly chevronDown: "⌄";
+    readonly chevronLeft: "‹";
+    readonly chevronRight: "›";
+};
+type IconName = keyof typeof ICONS;
+type IconProps = {
+    name: IconName;
+    size?: number;
+    color?: string;
+};
+declare function Icon({ name, size, color }: IconProps): react_jsx_runtime.JSX.Element;
 
-interface HeaderIconProps {
-    onPress?: () => void;
-    badge?: boolean;
-    children: React.ReactNode;
-    className?: string;
-}
-declare function HeaderIcon({ onPress, badge, children, className, }: HeaderIconProps): react_jsx_runtime.JSX.Element;
+type BlinkAccordionItem = {
+    id: string;
+    title: string;
+    content: ReactNode;
+};
+type BlinkAccordionProps = {
+    items: BlinkAccordionItem[];
+    defaultOpen?: string[];
+    allowMultiple?: boolean;
+};
+declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): react_jsx_runtime.JSX.Element;
 
-interface TabItem {
+type BlinkTabItem = {
     key: string;
     label: string;
-    icon: React.ReactNode;
-    activeIcon?: React.ReactNode;
-    badge?: number;
-}
-interface TabBarProps {
-    tabs: TabItem[];
-    activeKey: string;
-    onChange: (key: string) => void;
-    className?: string;
-}
-declare function TabBar({ tabs, activeKey, onChange, className }: TabBarProps): react_jsx_runtime.JSX.Element;
-
-interface TabButtonProps {
-    icon: React.ReactNode;
-    label: string;
-    active: boolean;
-    badge?: number;
-    onPress: () => void;
-    className?: string;
-}
-declare function TabButton({ icon, label, active, badge, onPress, className, }: TabButtonProps): react_jsx_runtime.JSX.Element;
+};
+type BlinkTabsProps = {
+    tabs: BlinkTabItem[];
+    activeTab?: string;
+    onTabChange?: (key: string) => void;
+    variant?: 'underline' | 'pill';
+};
+declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): react_jsx_runtime.JSX.Element;
 
-interface Segment {
+type BlinkToggleOption = {
     value: string;
     label: string;
-}
-interface SegmentedControlProps {
-    segments: Segment[];
+};
+type BlinkToggleGroupProps = {
+    options: BlinkToggleOption[];
     value: string;
-    onChange: (value: string) => void;
-    className?: string;
-}
-declare function SegmentedControl({ segments, value, onChange, className, }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
-
-interface BottomSheetProps {
-    children: React.ReactNode;
-    title?: string;
-    className?: string;
-}
-declare const BottomSheet: React.ForwardRefExoticComponent<BottomSheetProps & React.RefAttributes<ActionSheetRef>>;
-
-interface BlinkModalProps {
-    visible: boolean;
-    onClose: () => void;
-    title?: string;
-    description?: string;
-    children?: React.ReactNode;
-    showCloseButton?: boolean;
-    className?: string;
-}
-declare function BlinkModal({ visible, onClose, title, description, children, showCloseButton, className, }: BlinkModalProps): react_jsx_runtime.JSX.Element;
+    onValueChange: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react_jsx_runtime.JSX.Element;
 
-interface ConfirmationSheetProps {
+type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
+type BlinkToastData = {
+    id: string;
     title: string;
     message?: string;
-    confirmLabel?: string;
-    cancelLabel?: string;
-    onConfirm: () => void;
-    onCancel: () => void;
-    destructive?: boolean;
-    className?: string;
-}
-declare function ConfirmationSheet({ title, message, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, className, }: ConfirmationSheetProps): react_jsx_runtime.JSX.Element;
-declare function useConfirmationSheet(): {
-    show: (p: ConfirmationSheetProps) => void;
-    Sheet: react_jsx_runtime.JSX.Element | null;
+    variant?: BlinkToastVariant;
+    duration?: number;
 };
-
-interface ActionItem {
-    label: string;
-    icon?: React.ReactNode;
-    onPress: () => void;
-    destructive?: boolean;
-    disabled?: boolean;
-}
-interface BlinkActionSheetProps {
-    title?: string;
-    items: ActionItem[];
-    cancelLabel?: string;
-    onClose?: () => void;
-    className?: string;
-}
-declare function BlinkActionSheet({ title, items, cancelLabel, onClose, className, }: BlinkActionSheetProps): react_jsx_runtime.JSX.Element;
-declare function useActionSheet(): {
-    show: (p: BlinkActionSheetProps) => void;
-    Sheet: react_jsx_runtime.JSX.Element | null;
+type BlinkToastOptions = {
+    message?: string;
+    variant?: BlinkToastVariant;
+    duration?: number;
 };
+type BlinkToastContextType = {
+    show: (title: string, options?: BlinkToastOptions) => void;
+};
+declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
+declare function BlinkToastProvider({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useBlinkToast(): BlinkToastContextType;
 
-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<{
-    className?: string;
-}>;
-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;
+type FormFieldProps = {
+    label?: string;
+    error?: string;
+    helperText?: string;
+    required?: boolean;
+    children: ReactNode;
 };
+declare function FormField({ label, error, helperText, required, children }: FormFieldProps): react_jsx_runtime.JSX.Element;
 
-interface PageLoaderProps {
-    message?: string;
-    transparent?: boolean;
-    className?: string;
-}
-declare function PageLoader({ message, transparent, className, }: PageLoaderProps): react_jsx_runtime.JSX.Element;
+type TooltipProps = {
+    content: string;
+    children: ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+};
+declare function BlinkTooltip({ content, children, side }: TooltipProps): react_jsx_runtime.JSX.Element;
 
-interface EmptyStateProps {
-    icon?: React.ReactNode;
+type StepPageProps = {
     title: string;
     description?: string;
-    action?: {
-        label: string;
-        onPress: () => void;
-    };
-    className?: string;
-}
-declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+    children: ReactNode;
+    bottom?: ReactNode;
+};
+declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): react_jsx_runtime.JSX.Element;
+
+declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    elevation?: number | tamagui.SizeTokens | undefined;
+    inset?: number | tamagui.SizeTokens | {
+        top?: number;
+        bottom?: number;
+        left?: number;
+        right?: number;
+    } | null | undefined;
+    fullscreen?: boolean | undefined;
+    padded?: boolean | undefined;
+    centered?: boolean | undefined;
+    safe?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+
+type SectionProps = {
+    title?: string;
+    description?: string;
+    children: ReactNode;
+    gap?: GetProps<typeof YStack>['gap'];
+};
+declare function Section({ title, description, children, gap }: SectionProps): react_jsx_runtime.JSX.Element;
 
-interface PlaceholderProps {
-    width?: number | string;
-    height?: number;
-    className?: string;
-}
-declare function Placeholder({ width, height, className, }: PlaceholderProps): react_jsx_runtime.JSX.Element;
+type ListItemProps = {
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+    right?: ReactNode;
+    onPress?: () => void;
+};
+declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-interface TextSkeletonProps {
-    lines?: number;
-    className?: string;
-}
-declare function TextSkeleton({ lines, className }: TextSkeletonProps): react_jsx_runtime.JSX.Element;
-interface CardSkeletonProps {
-    className?: string;
-}
-declare function CardSkeleton({ className }: CardSkeletonProps): react_jsx_runtime.JSX.Element;
-interface ListSkeletonProps {
-    rows?: number;
-    className?: string;
-}
-declare function ListSkeleton({ rows, className }: ListSkeletonProps): react_jsx_runtime.JSX.Element;
-interface ChatSkeletonProps {
-    className?: string;
-}
-declare function ChatSkeleton({ className }: ChatSkeletonProps): react_jsx_runtime.JSX.Element;
-interface ArticleSkeletonProps {
-    className?: string;
-}
-declare function ArticleSkeleton({ className }: ArticleSkeletonProps): react_jsx_runtime.JSX.Element;
-interface GridSkeletonProps {
-    columns?: number;
-    count?: number;
-    className?: string;
-}
-declare function GridSkeleton({ columns, count, className }: GridSkeletonProps): react_jsx_runtime.JSX.Element;
-declare const SkeletonLoader: {
-    Text: typeof TextSkeleton;
-    Card: typeof CardSkeleton;
-    List: typeof ListSkeleton;
-    Chat: typeof ChatSkeleton;
-    Article: typeof ArticleSkeleton;
-    Grid: typeof GridSkeleton;
+type DividerProps = {
+    label?: string;
 };
+declare function Divider({ label }: DividerProps): 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;
-    className?: string;
-    playOnlyOnce?: boolean;
-    triggerOnVisible?: boolean;
-    visibilityThreshold?: number;
-    shouldResetAnimation?: boolean;
-}
-declare function AnimatedViewComponent({ children, animation, duration, delay, easing, className, playOnlyOnce, triggerOnVisible, visibilityThreshold, shouldResetAnimation, }: AnimatedViewProps): react_jsx_runtime.JSX.Element;
-declare const AnimatedView: React.MemoExoticComponent<typeof AnimatedViewComponent>;
+type KeyboardStickyFooterProps = {
+    children: ReactNode;
+    offset?: number;
+};
+declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): react_jsx_runtime.JSX.Element;
 
-interface FabAction {
-    icon: React.ReactNode;
-    label: string;
-    onPress: () => void;
-}
-interface AnimatedFabProps {
-    icon: React.ReactNode;
-    actions?: FabAction[];
-    onPress?: () => void;
-    className?: string;
-}
-declare function AnimatedFab({ icon, actions, onPress, className, }: AnimatedFabProps): react_jsx_runtime.JSX.Element;
+type SafeAreaProps = {
+    children: ReactNode;
+    edges?: ('top' | 'bottom' | 'left' | 'right')[];
+};
+declare function SafeArea({ children, edges }: SafeAreaProps): react_jsx_runtime.JSX.Element;
 
-interface StepProps {
-    title?: string;
+type GridProps = {
     children: ReactNode;
-}
-declare function Step({ children }: StepProps): react_jsx_runtime.JSX.Element;
-interface MultiStepProps {
+    columns?: number;
+    gap?: string;
+};
+type ContainerProps = {
     children: ReactNode;
-    onComplete?: () => void;
-    showProgress?: boolean;
-    showSkip?: boolean;
-    nextLabel?: string;
-    completeLabel?: string;
-    className?: string;
-}
-declare function MultiStepRoot({ children, onComplete, showProgress, showSkip, nextLabel, completeLabel, className, }: MultiStepProps): react_jsx_runtime.JSX.Element | null;
-declare const MultiStep: typeof MultiStepRoot & {
-    Step: typeof Step;
+    maxWidth?: number;
+    centered?: boolean;
+    padding?: string;
 };
+declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
 
-interface TransitionProps {
-    children: React.ReactNode;
-    duration?: number;
-    delay?: number;
-    className?: string;
-}
-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 ThemeScrollerProps extends ScrollViewProps {
-    children: React.ReactNode;
-    topOffset?: number;
-    className?: string;
-}
-declare function ThemeScroller({ children, topOffset, className, contentContainerStyle, ...props }: ThemeScrollerProps): react_jsx_runtime.JSX.Element;
-
-interface CardScrollerProps {
-    children: React.ReactNode;
-    cardWidth?: number;
-    gap?: number;
-    snapEnabled?: boolean;
-    className?: string;
-}
-declare function CardScroller({ children, cardWidth, gap, snapEnabled, className, }: CardScrollerProps): react_jsx_runtime.JSX.Element;
-
-interface ImageCarouselProps {
-    images: string[];
-    height?: number;
-    borderRadius?: number;
-    onIndexChange?: (index: number) => void;
-    className?: string;
-}
-declare function ImageCarousel({ images, height, borderRadius, onIndexChange, className, }: ImageCarouselProps): react_jsx_runtime.JSX.Element;
-
-interface PlanOption {
+type PlanOption = {
     id: string;
-    label: string;
+    name: string;
     price: string;
     period: string;
-    badge?: string;
-    savings?: string;
-}
-interface PlanCardProps {
-    plan: PlanOption;
-    selected: boolean;
-    onSelect: (plan: PlanOption) => void;
-    className?: string;
-}
-declare function PlanCard({ plan, selected, onSelect, className }: PlanCardProps): react_jsx_runtime.JSX.Element;
-
-interface PaywallFeature {
-    label: string;
-    free?: boolean;
-    pro: boolean;
-}
-interface PaywallScreenProps {
-    appName: string;
-    tagline?: string;
-    features: PaywallFeature[];
-    plans: PlanOption[];
-    selectedPlan: string;
-    onSubscribe: (planId: string) => void;
-    onSelectPlan?: (plan: PlanOption) => void;
-    onDismiss?: () => void;
-    loading?: boolean;
-    ctaLabel?: string;
-    disclaimer?: string;
-    className?: string;
-}
-declare function PaywallScreen({ appName, tagline, features, plans, selectedPlan, onSubscribe, onSelectPlan, onDismiss, loading, ctaLabel, disclaimer, className, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
-
-type PaywallSoftProps = Omit<PaywallScreenProps, 'onDismiss'> & {
-    onDismiss: () => void;
-    className?: string;
+    features: string[];
+    popular?: boolean;
 };
-declare function PaywallSoft({ className, ...props }: PaywallSoftProps): react_jsx_runtime.JSX.Element;
-
-type PaywallHardProps = Omit<PaywallScreenProps, 'onDismiss'> & {
-    className?: string;
+type PaywallScreenProps = {
+    title?: string;
+    subtitle?: string;
+    plans: PlanOption[];
+    selectedPlan?: string;
+    onSelectPlan?: (planId: string) => void;
+    onContinue?: () => void;
+    onRestore?: () => void;
+    continueLabel?: string;
 };
-declare function PaywallHard({ className, ...props }: PaywallHardProps): react_jsx_runtime.JSX.Element;
-
-interface FeatureRowProps {
-    label: string;
-    free?: boolean;
-    pro?: boolean;
-    className?: string;
-}
-declare function FeatureRow({ label, free, pro, className }: FeatureRowProps): react_jsx_runtime.JSX.Element;
-
-interface PlanComparisonProps {
-    features: Omit<FeatureRowProps, 'className'>[];
-    freeLabel?: string;
-    proLabel?: string;
-    className?: string;
-}
-declare function PlanComparison({ features, freeLabel, proLabel, className, }: PlanComparisonProps): react_jsx_runtime.JSX.Element;
-
-interface TrialBannerProps {
-    days: number;
-    message?: string;
-    className?: string;
-}
-declare function TrialBanner({ days, message, className }: TrialBannerProps): react_jsx_runtime.JSX.Element;
-
-interface SocialProofBarProps {
-    userCount?: string;
-    rating?: number;
-    reviewCount?: string;
-    className?: string;
-}
-declare function SocialProofBar({ userCount, rating, reviewCount, className, }: SocialProofBarProps): react_jsx_runtime.JSX.Element;
+declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
 
-interface OnboardingSlide {
-    id: string;
+type OnboardingStep = {
     title: string;
     description: string;
-    visual?: React.ReactNode;
-}
-interface OnboardingCarouselProps {
-    slides: OnboardingSlide[];
-    onComplete: () => void;
-    onSkip?: () => void;
-    showSkip?: boolean;
-    showDots?: boolean;
-    nextLabel?: string;
-    completeLabel?: string;
-    className?: string;
-}
-declare function OnboardingCarousel({ slides, onComplete, onSkip, showSkip, showDots, nextLabel, completeLabel, className, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
-
-interface ParallaxLayer {
-    content: React.ReactNode;
-    speed?: number;
-}
-interface ParallaxSlide {
-    id: string;
-    title: string;
-    description: string;
-    layers: ParallaxLayer[];
-}
-interface OnboardingParallaxProps {
-    slides: ParallaxSlide[];
-    onComplete: () => void;
+    icon?: ReactNode;
+};
+type OnboardingCarouselProps = {
+    steps: OnboardingStep[];
+    onComplete?: () => void;
     onSkip?: () => void;
-    showSkip?: boolean;
     completeLabel?: string;
-    nextLabel?: string;
-    className?: string;
-}
-declare function OnboardingParallax({ slides, onComplete, onSkip, showSkip, completeLabel, nextLabel, className, }: OnboardingParallaxProps): react_jsx_runtime.JSX.Element;
-
-interface OnboardingHeroProps {
-    title: string;
-    description: string;
-    visual?: React.ReactNode;
-    ctaLabel?: string;
-    onCta: () => void;
-    secondaryLabel?: string;
-    onSecondary?: () => void;
-    className?: string;
-}
-declare function OnboardingHero({ title, description, visual, ctaLabel, onCta, secondaryLabel, onSecondary, className, }: OnboardingHeroProps): react_jsx_runtime.JSX.Element;
-
-interface PermissionStepProps {
-    icon: React.ReactNode;
-    title: string;
-    description: string;
-    allowLabel?: string;
     skipLabel?: string;
-    onAllow: () => void;
-    onSkip: () => void;
-    className?: string;
-}
-declare function PermissionStep({ icon, title, description, allowLabel, skipLabel, onAllow, onSkip, className, }: PermissionStepProps): react_jsx_runtime.JSX.Element;
+    nextLabel?: string;
+};
+declare function OnboardingCarousel({ steps, onComplete, onSkip, completeLabel, skipLabel, nextLabel, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
 
-interface QuizOption {
+type ChatMessage = {
     id: string;
-    label: string;
-    icon?: React.ReactNode;
-}
-interface QuizStepProps {
-    title: string;
-    description?: string;
-    options: QuizOption[];
-    multiSelect?: boolean;
-    onSubmit: (selected: string[]) => void;
-    submitLabel?: string;
-    className?: string;
-}
-declare function QuizStep({ title, description, options, multiSelect, onSubmit, submitLabel, className, }: QuizStepProps): react_jsx_runtime.JSX.Element;
+    text: string;
+    sender: 'user' | 'other';
+    timestamp?: string;
+    avatar?: string;
+    senderName?: string;
+};
+type ChatBubbleProps = {
+    message: ChatMessage;
+    showAvatar?: boolean;
+};
+declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
 
-interface OnboardingFlowStep {
+type SettingsItem = {
     id: string;
-    component: React.ReactNode;
-}
-interface OnboardingFlowProps {
-    steps: OnboardingFlowStep[];
-    onComplete: () => void;
-    showProgress?: boolean;
-    className?: string;
-}
-declare function OnboardingFlow({ steps, onComplete, showProgress, className, }: OnboardingFlowProps): react_jsx_runtime.JSX.Element;
-
-interface AuthProvider {
-    id: 'google' | 'apple' | 'email' | string;
-    label?: string;
-    icon?: React.ReactNode;
-}
-interface AuthButtonsProps {
-    providers?: AuthProvider[];
-    onAuth: (providerId: string) => void;
-    className?: string;
-}
-declare function AuthButtons({ providers, onAuth, className, }: AuthButtonsProps): react_jsx_runtime.JSX.Element;
-
-type SwipeDirection = 'left' | 'right' | 'up';
-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?: () => React.ReactNode;
-    swipeThreshold?: number;
-    rotationFactor?: number;
-    stackDepth?: number;
-    className?: string;
-}
-declare function SwipeDeck<T>({ data, renderCard, onSwipeLeft, onSwipeRight, onSwipeUp, onEmpty, swipeThreshold, rotationFactor, stackDepth, className, }: SwipeDeckProps<T>): react_jsx_runtime.JSX.Element;
-
-interface SwipeCardProps {
-    children: React.ReactNode;
-    className?: string;
-}
-declare function SwipeCard({ children, className }: SwipeCardProps): react_jsx_runtime.JSX.Element;
-
-interface SwipeActionsProps {
-    onNope?: () => void;
-    onSuperLike?: () => void;
-    onLike?: () => void;
-    className?: string;
-}
-declare function SwipeActions({ onNope, onSuperLike, onLike, className }: SwipeActionsProps): react_jsx_runtime.JSX.Element;
-
-interface SwipeOverlayProps {
-    position: Animated.ValueXY;
-    swipeThreshold: number;
-    className?: string;
-}
-declare function SwipeOverlay({ position, swipeThreshold }: SwipeOverlayProps): react_jsx_runtime.JSX.Element;
-
-interface VerticalReelProps<T> {
-    data: T[];
-    renderItem: (item: T, index: number, isActive: boolean) => React.ReactNode;
-    onActiveChange?: (index: number) => void;
-    keyExtractor: (item: T, index: number) => string;
-    className?: string;
-}
-declare function VerticalReel<T>({ data, renderItem, onActiveChange, keyExtractor, className, }: VerticalReelProps<T>): react_jsx_runtime.JSX.Element;
-
-interface ReelItemProps {
-    backgroundSource?: string | ImageSourcePropType;
-    backgroundColor?: string;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function ReelItem({ backgroundSource, backgroundColor, children, className, }: ReelItemProps): react_jsx_runtime.JSX.Element;
-
-interface ReelAction {
-    key: string;
-    icon: React.ReactNode;
-    label?: string;
-    count?: number;
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+    right?: ReactNode;
     onPress?: () => void;
-}
-interface ReelOverlayProps {
-    username: string;
-    description?: string;
-    actions?: ReelAction[];
-    avatar?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function ReelOverlay({ username, description, actions, avatar, children, className, }: ReelOverlayProps): react_jsx_runtime.JSX.Element;
+    type?: 'navigate' | 'toggle';
+    value?: boolean;
+    onValueChange?: (value: boolean) => void;
+};
+type SettingsSection = {
+    title?: string;
+    items: SettingsItem[];
+};
+type SettingsScreenProps = {
+    sections: SettingsSection[];
+    header?: ReactNode;
+};
+declare function SettingsScreen({ sections, header }: SettingsScreenProps): react_jsx_runtime.JSX.Element;
 
-type GlassTint = 'light' | 'dark' | 'default' | 'extraLight' | 'prominent' | 'systemMaterial';
-interface GlassViewProps {
-    intensity?: number;
-    tint?: GlassTint;
-    borderRadius?: number;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function GlassView({ intensity, tint, borderRadius, children, className, }: GlassViewProps): react_jsx_runtime.JSX.Element;
+type EmptyStateProps = {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
-interface GlassCardProps {
-    intensity?: number;
-    tint?: GlassTint;
-    onPress?: () => void;
-    style?: ViewStyle;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function GlassCard({ intensity, tint, onPress, style, children, className, }: GlassCardProps): react_jsx_runtime.JSX.Element;
+type ProfileHeaderProps = {
+    name: string;
+    subtitle?: string;
+    avatar?: string;
+    stats?: {
+        label: string;
+        value: string;
+    }[];
+    actions?: ReactNode;
+};
+declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): react_jsx_runtime.JSX.Element;
 
-interface GlassHeaderProps {
-    title?: string;
+type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
+type AppHeaderProps = {
+    title: string;
     subtitle?: string;
+    variant?: AppHeaderVariant;
+    onBack?: () => void;
+    avatar?: string;
     left?: React.ReactNode;
     right?: React.ReactNode;
-    intensity?: number;
-    tint?: GlassTint;
-    showBackButton?: boolean;
-    onBackPress?: () => void;
-    backIcon?: React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function GlassHeader({ title, subtitle, left, right, intensity, tint, showBackButton, onBackPress, backIcon, children, className, }: GlassHeaderProps): react_jsx_runtime.JSX.Element;
+    transparent?: boolean;
+    borderless?: boolean;
+};
+declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react_jsx_runtime.JSX.Element;
 
-interface GlassSheetProps {
-    visible: boolean;
-    onClose: () => void;
+type BottomSheetProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
     title?: string;
-    height?: number;
-    intensity?: number;
-    tint?: GlassTint;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function GlassSheet({ visible, onClose, title, height, intensity, tint, children, className, }: GlassSheetProps): react_jsx_runtime.JSX.Element;
-
-interface GlassTab {
-    key: string;
-    label: string;
-    icon: React.ReactNode;
-    activeIcon?: React.ReactNode;
-    badge?: number;
-}
-interface GlassTabBarProps {
-    tabs: GlassTab[];
-    activeKey: string;
-    onChange: (key: string) => void;
-    intensity?: number;
-    tint?: GlassTint;
-    className?: string;
-}
-declare function GlassTabBar({ tabs, activeKey, onChange, intensity, tint, className, }: GlassTabBarProps): react_jsx_runtime.JSX.Element;
-
-type BubbleStatus = 'sending' | 'sent' | 'delivered' | 'read';
-interface ChatBubbleProps {
-    content: string;
-    variant: 'sent' | 'received';
-    timestamp?: string;
-    status?: BubbleStatus;
-    renderMarkdown?: (content: string) => React.ReactNode;
-    children?: React.ReactNode;
-    className?: string;
-}
-declare function ChatBubble({ content, variant, timestamp, status, renderMarkdown, children, className, }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
-
-interface ChatInputProps {
-    onSend?: (text: string) => void;
-    placeholder?: string;
-    attachButton?: React.ReactNode;
-    voiceButton?: React.ReactNode;
-    onAttach?: () => void;
-    onVoice?: () => void;
-    disabled?: boolean;
-    className?: string;
-}
-declare function ChatInput({ onSend, placeholder, attachButton, voiceButton, onAttach, onVoice, disabled, className, }: ChatInputProps): react_jsx_runtime.JSX.Element;
+    children: ReactNode;
+    snapPoints?: number[];
+    dismissOnSnapToBottom?: boolean;
+    showHandle?: boolean;
+    showClose?: boolean;
+};
+declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
 
-interface ChatMessage {
+type AuthProvider = {
     id: string;
-    type: 'sent' | 'received' | 'system';
-    date?: string;
-}
-interface ChatListProps<T extends ChatMessage> {
-    messages: T[];
-    renderMessage: (item: T, index: number) => React.ReactNode;
-    renderDateSeparator?: (date: string) => React.ReactNode;
-    className?: string;
-}
-declare function ChatList<T extends ChatMessage>({ messages, renderMessage, renderDateSeparator, className, }: ChatListProps<T>): react_jsx_runtime.JSX.Element;
-
-interface TypingIndicatorProps {
-    label?: React.ReactNode;
-    className?: string;
-}
-declare function TypingIndicator({ label, className }: TypingIndicatorProps): react_jsx_runtime.JSX.Element;
-
-interface ListingCardProps {
-    image: ImageSourcePropType | string;
-    title: string;
+    name: string;
+    icon?: ReactNode;
+};
+type LoginScreenProps = {
+    title?: string;
     subtitle?: string;
-    price: string;
-    priceSuffix?: string;
-    rating?: number;
-    favorite?: boolean;
-    badge?: string;
-    imageHeight?: number;
-    onPress?: () => void;
-    onFavorite?: () => void;
-    className?: string;
-}
-declare function ListingCard({ image, title, subtitle, price, priceSuffix, rating, favorite, badge, imageHeight, onPress, onFavorite, className, }: ListingCardProps): react_jsx_runtime.JSX.Element;
-
-interface ProductCardProps {
-    image: ImageSourcePropType | string;
-    title: string;
-    price: string;
-    originalPrice?: string;
-    badge?: string;
-    favorite?: boolean;
-    onPress?: () => void;
-    onFavorite?: () => void;
-    className?: string;
-}
-declare function ProductCard({ image, title, price, originalPrice, badge, favorite, onPress, onFavorite, className, }: ProductCardProps): react_jsx_runtime.JSX.Element;
+    logo?: ReactNode;
+    providers?: AuthProvider[];
+    onProviderPress?: (id: string) => void;
+    showEmailForm?: boolean;
+    onEmailSubmit?: (email: string, password: string) => void;
+    onForgotPassword?: () => void;
+    onCreateAccount?: () => void;
+    onTerms?: () => void;
+    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;
 
-interface CartItemProps {
-    image: ImageSourcePropType | string;
-    title: string;
-    subtitle?: string;
-    price: string;
-    quantity: number;
-    onIncrement?: () => void;
-    onDecrement?: () => void;
-    onRemove?: () => void;
-    className?: string;
-}
-declare function CartItem({ image, title, subtitle, price, quantity, onIncrement, onDecrement, onRemove, className, }: CartItemProps): react_jsx_runtime.JSX.Element;
+type TabBarItem = {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+};
+type TabBarProps = {
+    tabs: TabBarItem[];
+    activeTab: string;
+    onTabPress: (id: string) => void;
+    showLabels?: boolean;
+};
+declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): react_jsx_runtime.JSX.Element;
 
-interface PriceTagProps {
-    price: string;
-    originalPrice?: string;
-    suffix?: string;
-    className?: string;
-}
-declare function PriceTag({ price, originalPrice, suffix, className }: PriceTagProps): react_jsx_runtime.JSX.Element;
+type SearchBarProps = {
+    value: string;
+    onChangeText: (text: string) => void;
+    placeholder?: string;
+    onFilter?: () => void;
+    onCancel?: () => void;
+    autoFocus?: boolean;
+};
+declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): react_jsx_runtime.JSX.Element;
 
-interface RatingStarsProps {
-    rating: number;
-    maxStars?: number;
-    count?: number;
-    size?: number;
-    className?: string;
-}
-declare function RatingStars({ rating, maxStars, count, size, className, }: RatingStarsProps): react_jsx_runtime.JSX.Element;
+type FABProps = {
+    icon?: ReactNode;
+    label?: string;
+    onPress: () => void;
+    position?: 'bottom-right' | 'bottom-center' | 'bottom-left';
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): react_jsx_runtime.JSX.Element;
 
-interface CategoryTileProps {
-    icon: keyof typeof Ionicons.glyphMap;
+type ActionSheetItem = {
+    id: string;
     label: string;
-    iconColor?: string;
-    onPress?: () => void;
-    className?: string;
-}
-declare function CategoryTile({ icon, label, iconColor, onPress, className, }: CategoryTileProps): react_jsx_runtime.JSX.Element;
-
-interface BalanceDisplayProps {
-    label?: string;
-    amount: string;
-    currency?: string;
-    changePercent?: number;
-    className?: string;
-}
-declare function BalanceDisplay({ label, amount, currency, changePercent, className, }: BalanceDisplayProps): react_jsx_runtime.JSX.Element;
+    icon?: ReactNode;
+    destructive?: boolean;
+};
+type ActionSheetProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    items: ActionSheetItem[];
+    onSelect: (id: string) => void;
+    cancelLabel?: string;
+};
+declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
 
-interface CardPreviewProps {
-    cardNumber?: string;
-    expiryDate?: string;
-    brand?: string;
-    gradientColors?: [string, string];
-    className?: string;
-}
-declare function CardPreview({ cardNumber, expiryDate, brand, gradientColors, className, }: CardPreviewProps): react_jsx_runtime.JSX.Element;
+type SkeletonProps = {
+    width?: number | string;
+    height?: number;
+    borderRadius?: number;
+    variant?: 'text' | 'circular' | 'rectangular';
+};
+declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
-interface TransactionItemProps {
+type NotificationBannerProps = {
     title: string;
-    amount: string;
-    time: string;
-    method?: string;
-    isIncome?: boolean;
-    icon?: keyof typeof Ionicons.glyphMap;
-    avatar?: ImageSourcePropType | string;
-    onPress?: () => void;
-    className?: string;
-}
-declare function TransactionItem({ title, amount, time, method, isIncome, icon, avatar, onPress, className, }: TransactionItemProps): react_jsx_runtime.JSX.Element;
-
-interface StoryCircleProps {
-    image: ImageSourcePropType | string;
-    size?: number;
-    seen?: boolean;
-    gradientColors?: string[];
-    onPress?: () => void;
-    className?: string;
-}
-declare function StoryCircle({ image, size, seen, gradientColors, onPress, className, }: StoryCircleProps): react_jsx_runtime.JSX.Element;
-
-interface FeedCardProps {
-    userName: string;
-    userAvatar: ImageSourcePropType | string;
-    timeAgo: string;
-    content?: string;
-    image?: ImageSourcePropType | string;
-    liked?: boolean;
-    likeCount?: number;
-    commentCount?: number;
-    bookmarked?: boolean;
-    onLike?: () => void;
-    onComment?: () => void;
-    onShare?: () => void;
-    onBookmark?: () => void;
-    onMore?: () => void;
-    onUserPress?: () => void;
-    className?: string;
-}
-declare function FeedCard({ userName, userAvatar, timeAgo, content, image, liked, likeCount, commentCount, bookmarked, onLike, onComment, onShare, onBookmark, onMore, onUserPress, className, }: FeedCardProps): react_jsx_runtime.JSX.Element;
-
-interface ProviderCardProps {
-    heroImage: ImageSourcePropType | string;
-    avatar: ImageSourcePropType | string;
-    name: string;
-    rating?: number;
-    location?: string;
-    description?: string;
+    message?: string;
+    variant?: 'info' | 'success' | 'warning' | 'error';
     onPress?: () => void;
-    className?: string;
-}
-declare function ProviderCard({ heroImage, avatar, name, rating, location, description, onPress, className, }: ProviderCardProps): react_jsx_runtime.JSX.Element;
-
-interface Reaction {
-    emoji: string;
-    count: number;
-    active?: boolean;
-}
-interface ReactionBarProps {
-    reactions: Reaction[];
-    onReact?: (emoji: string) => void;
-    className?: string;
-}
-declare function ReactionBar({ reactions, onReact, className }: ReactionBarProps): react_jsx_runtime.JSX.Element;
+    onDismiss?: () => void;
+    icon?: ReactNode;
+};
+declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
 
-interface SearchBarProps {
-    placeholder?: string;
-    value?: string;
-    onChangeText?: (text: string) => void;
-    onSubmit?: (text: string) => void;
-    autoFocus?: boolean;
-    /** When true, renders as a pressable pill that opens full-screen overlay */
-    asTrigger?: boolean;
-    className?: string;
-}
-declare function SearchBar({ placeholder, value: controlledValue, onChangeText, onSubmit, autoFocus, asTrigger, className, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+type ProgressStepsProps = {
+    steps: string[];
+    currentStep: number;
+    variant?: 'dots' | 'bar' | 'numbered';
+};
+declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): react_jsx_runtime.JSX.Element;
 
-interface FilterChip {
+type SwipeAction = {
     id: string;
     label: string;
-}
-interface FilterChipRowProps {
-    chips: FilterChip[];
-    activeId?: string;
-    onSelect?: (id: string) => void;
-    className?: string;
-}
-declare function FilterChipRow({ chips, activeId, onSelect, className, }: FilterChipRowProps): react_jsx_runtime.JSX.Element;
+    color: string;
+    onPress: () => void;
+};
+type SwipeableRowProps = {
+    children: ReactNode;
+    leftActions?: SwipeAction[];
+    rightActions?: SwipeAction[];
+};
+declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): react_jsx_runtime.JSX.Element;
 
-type SectionTitleSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
-interface SectionHeaderProps {
+type MediaCardProps = {
+    image: string;
     title: string;
-    titleSize?: SectionTitleSize;
-    linkText?: string;
-    onLinkPress?: () => void;
-    className?: string;
-}
-declare function SectionHeader({ title, titleSize, linkText, onLinkPress, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
+    subtitle?: string;
+    overlay?: 'gradient' | 'dark' | 'none';
+    aspectRatio?: number;
+    onPress?: () => void;
+    badge?: string;
+};
+declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): react_jsx_runtime.JSX.Element;
 
-interface CheckoutStep {
-    key: string;
-    label: string;
-    content: React.ReactNode;
-}
-interface CheckoutFlowProps {
-    steps: CheckoutStep[];
-    onComplete?: () => void;
-    nextLabel?: string;
-    completeLabel?: string;
-    className?: string;
-}
-declare function CheckoutFlow({ steps, onComplete, nextLabel, completeLabel, className, }: CheckoutFlowProps): react_jsx_runtime.JSX.Element;
+type CarouselProps = {
+    children: ReactNode;
+    gap?: string;
+    snapToInterval?: number;
+    showIndicators?: boolean;
+};
+declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): react_jsx_runtime.JSX.Element;
 
-interface DateRangePickerProps {
-    startDate?: Date;
-    endDate?: Date;
-    onSelect?: (start: Date, end: Date | null) => void;
-    className?: string;
-}
-declare function DateRangePicker({ startDate: initialStart, endDate: initialEnd, onSelect, className, }: DateRangePickerProps): react_jsx_runtime.JSX.Element;
+type PullToRefreshProps = {
+    children: ReactNode;
+    onRefresh: () => void;
+    refreshing?: boolean;
+};
+declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
 
-export { type ActionItem, AnimatedFab, AnimatedView, type AnimationType, AuthButtons, type AuthButtonsProps, type AuthProvider, Avatar, type AvatarProps, Badge, type BadgeProps, BalanceDisplay, type BalanceDisplayProps, BlinkActionSheet, type BlinkActionSheetProps, BlinkMobileUIProvider, BlinkModal, BlinkPressable, type BlinkPressableProps, BlinkSwitch, type BlinkSwitchProps, BlinkText, type BlinkTextProps, BottomSheet, Button, type ButtonProps, Card, type CardBodyProps, type CardDescriptionProps, type CardFooterProps, type CardHeaderProps, type CardImageProps, CardPreview, type CardPreviewProps, type CardProps, CardScroller, type CardTitleProps, CartItem, type CartItemProps, CategoryTile, type CategoryTileProps, ChatBubble, type ChatBubbleProps, ChatInput, type ChatInputProps, ChatList, type ChatListProps, type ChatMessage, Checkbox, type CheckboxProps, CheckoutFlow, type CheckoutFlowProps, type CheckoutStep, Chip, type ChipProps, type ColorScheme, ConfirmationSheet, type ConfirmationSheetProps, Container, type ContainerProps, Counter, type CounterProps, DateRangePicker, type DateRangePickerProps, Divider, type DividerProps, EmptyState, FadeIn, FeatureRow, type FeatureRowProps, FeedCard, type FeedCardProps, type FilterChip, FilterChipRow, type FilterChipRowProps, type FlexStackProps, GlassCard, type GlassCardProps, GlassHeader, type GlassHeaderProps, GlassSheet, type GlassSheetProps, type GlassTab, GlassTabBar, type GlassTabBarProps, type GlassTint, GlassView, type GlassViewProps, Grid, type GridProps, HStack, Header, HeaderIcon, type HeaderIconProps, type HeaderProps, type HeaderVariant, IconButton, type IconButtonProps, IconContainer, type IconContainerProps, ImageCarousel, Input, type InputProps, type InputVariant, List, ListItem, type ListItemProps, type ListProps, ListingCard, type ListingCardProps, MultiStep, OnboardingCarousel, type OnboardingCarouselProps, OnboardingFlow, type OnboardingFlowProps, type OnboardingFlowStep, OnboardingHero, type OnboardingHeroProps, OnboardingParallax, type OnboardingParallaxProps, type OnboardingSlide, PageLoader, type PaletteName, type ParallaxLayer, type ParallaxSlide, type PaywallFeature, PaywallHard, type PaywallHardProps, PaywallScreen, type PaywallScreenProps, PaywallSoft, type PaywallSoftProps, PermissionStep, type PermissionStepProps, Placeholder, PlanCard, type PlanCardProps, PlanComparison, type PlanComparisonProps, type PlanOption, PriceTag, type PriceTagProps, ProductCard, type ProductCardProps, ProgressBar, type ProgressBarProps, ProviderCard, type ProviderCardProps, type QuizOption, QuizStep, type QuizStepProps, RadioGroup, type RadioGroupProps, type RadioOption, RatingStars, type RatingStarsProps, type Reaction, ReactionBar, type ReactionBarProps, type ReelAction, ReelItem, type ReelItemProps, ReelOverlay, type ReelOverlayProps, SafeWrapper, type SafeWrapperProps, ScaleIn, SearchBar, type SearchBarProps, SearchInput, type SearchInputProps, SearchPill, type SearchPillProps, Section, SectionHeader, type SectionHeaderProps, type SectionProps, type SectionTitleSize, type Segment, SegmentedControl, type SegmentedControlProps, Select, type SelectOption, type SelectProps, Skeleton, SkeletonLoader, type SkeletonProps, SlideIn, SlideUp, Slider, type SliderProps, SocialProofBar, type SocialProofBarProps, Spacer, type SpacerProps, Stack, type StackProps, StoryCircle, type StoryCircleProps, SwipeActions, type SwipeActionsProps, SwipeCard, type SwipeCardProps, SwipeDeck, type SwipeDeckProps, type SwipeDirection, SwipeOverlay, type SwipeOverlayProps, TabBar, type TabBarProps, TabButton, type TabButtonProps, type TabItem, Tag, type TagProps, TextArea, type TextAreaProps, ThemeScroller, type ThemeScrollerProps$1 as ThemeScrollerProps, Toast, Toggle, type ToggleProps, TransactionItem, type TransactionItemProps, TrialBanner, type TrialBannerProps, TypingIndicator, type TypingIndicatorProps, VStack, VerticalReel, type VerticalReelProps, cn, palettes, toast, useActionSheet, useAnimColors, useBlinkMobileUI, useConfirmationSheet };
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, 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, Container, type ContainerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, type FABProps, FloatingActionButton, FormField, type FormFieldProps, 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, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, 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, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };