@blinkdotnew/mobile-ui 2.0.0-alpha.1 → 2.0.0-alpha.11

package/dist/index.d.mts

@@ -1,453 +1,122 @@
 import * as tamagui from 'tamagui';
-import { GetProps } 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 * as react_native from 'react-native';
 
-declare const blinkConfig: tamagui.TamaguiInternalConfig<{
-    color: {
-        white: tamagui.Variable<string>;
-        black: tamagui.Variable<string>;
-        transparent: tamagui.Variable<string>;
-    };
-    space: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        12: tamagui.Variable<number>;
-        16: tamagui.Variable<number>;
-        [-1]: tamagui.Variable<number>;
-        [-2]: tamagui.Variable<number>;
-        [-3]: tamagui.Variable<number>;
-        [-4]: tamagui.Variable<number>;
-        0.5: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        1.5: tamagui.Variable<number>;
-        2.5: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        3.5: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-    };
-    size: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        12: tamagui.Variable<number>;
-        14: tamagui.Variable<number>;
-        16: tamagui.Variable<number>;
-        20: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-        11: tamagui.Variable<number>;
-    };
-    radius: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-    };
-    zIndex: {
-        0: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-    };
-} & Omit<{
-    color: {
-        white: tamagui.Variable<string>;
-        black: tamagui.Variable<string>;
-        transparent: tamagui.Variable<string>;
-    };
-    space: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        12: tamagui.Variable<number>;
-        16: tamagui.Variable<number>;
-        [-1]: tamagui.Variable<number>;
-        [-2]: tamagui.Variable<number>;
-        [-3]: tamagui.Variable<number>;
-        [-4]: tamagui.Variable<number>;
-        0.5: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        1.5: tamagui.Variable<number>;
-        2.5: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        3.5: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-    };
-    size: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        12: tamagui.Variable<number>;
-        14: tamagui.Variable<number>;
-        16: tamagui.Variable<number>;
-        20: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-        11: tamagui.Variable<number>;
-    };
-    radius: {
-        0: tamagui.Variable<number>;
-        true: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        6: tamagui.Variable<number>;
-        8: tamagui.Variable<number>;
-        10: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-        7: tamagui.Variable<number>;
-        9: tamagui.Variable<number>;
-    };
-    zIndex: {
-        0: tamagui.Variable<number>;
-        1: tamagui.Variable<number>;
-        2: tamagui.Variable<number>;
-        3: tamagui.Variable<number>;
-        4: tamagui.Variable<number>;
-        5: tamagui.Variable<number>;
-    };
-}, "color" | "space" | "size" | "radius" | "zIndex">, {
-    light: {
-        background: string;
-        backgroundHover: string;
-        backgroundPress: string;
-        color: string;
-        colorHover: string;
-        colorPress: string;
-        primary: string;
-        primaryHover: string;
-        primaryPress: string;
-        secondary: string;
-        secondaryHover: string;
-        secondaryPress: string;
-        accent: string;
-        surface: string;
-        surfaceHover: string;
-        card: string;
-        cardHover: string;
-        border: string;
-        borderHover: string;
-        textPrimary: string;
-        textSecondary: string;
-        textMuted: string;
-        textInverse: string;
-        error: string;
-        errorHover: string;
-        success: string;
-        successHover: string;
-        warning: string;
-        warningHover: string;
-        highlight: string;
-        overlay: string;
-        shadowColor: string;
-    };
-    dark: {
-        background: string;
-        backgroundHover: string;
-        backgroundPress: string;
-        color: string;
-        colorHover: string;
-        colorPress: string;
-        primary: string;
-        primaryHover: string;
-        primaryPress: string;
-        secondary: string;
-        secondaryHover: string;
-        secondaryPress: string;
-        accent: string;
-        surface: string;
-        surfaceHover: string;
-        card: string;
-        cardHover: string;
-        border: string;
-        borderHover: string;
-        textPrimary: string;
-        textSecondary: string;
-        textMuted: string;
-        textInverse: string;
-        error: string;
-        errorHover: string;
-        success: string;
-        successHover: string;
-        warning: string;
-        warningHover: string;
-        highlight: string;
-        overlay: string;
-        shadowColor: string;
-    };
-}, {
-    readonly px: "paddingHorizontal";
-    readonly py: "paddingVertical";
-    readonly mx: "marginHorizontal";
-    readonly my: "marginVertical";
-    readonly bg: "backgroundColor";
-    readonly br: "borderRadius";
-    readonly f: "flex";
-    readonly w: "width";
-    readonly h: "height";
-}, {
-    xs: {
-        maxWidth: number;
-    };
-    sm: {
-        maxWidth: number;
-    };
-    md: {
-        maxWidth: number;
-    };
-    lg: {
-        maxWidth: number;
-    };
-    gtSm: {
-        minWidth: number;
-    };
-    short: {
-        maxHeight: number;
-    };
-}, {}, {
-    heading: {
-        family: string;
-        size: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            5: number;
-            6: number;
-            7: number;
-            8: number;
-            9: number;
-            10: number;
-            11: number;
-            12: number;
-            true: number;
-        };
-        lineHeight: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            5: number;
-            6: number;
-            7: number;
-            8: number;
-            9: number;
-            10: number;
-            11: number;
-            12: number;
-            true: number;
-        };
-        weight: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            true: string;
-        };
-        letterSpacing: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            true: number;
-        };
-    };
-    body: {
-        family: string;
-        size: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            5: number;
-            6: number;
-            7: number;
-            8: number;
-            9: number;
-            10: number;
-            11: number;
-            12: number;
-            true: number;
-        };
-        lineHeight: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            5: number;
-            6: number;
-            7: number;
-            8: number;
-            9: number;
-            10: number;
-            11: number;
-            12: number;
-            true: number;
-        };
-        weight: {
-            1: string;
-            2: string;
-            3: string;
-            4: string;
-            5: string;
-            true: string;
-        };
-        letterSpacing: {
-            1: number;
-            2: number;
-            3: number;
-            4: number;
-            true: number;
-        };
-    };
-}, {
-    allowedStyleValues: false;
-    autocompleteSpecificTokens: "except-special";
-}>;
+declare const blinkConfig: TamaguiInternalConfig;
 type BlinkConfig = typeof blinkConfig;
 declare module 'tamagui' {
     interface TamaguiCustomConfig extends BlinkConfig {
     }
 }
 
-declare const ButtonFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
+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 ButtonFrame> & {
-    title?: string;
-};
-declare const Button: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | "variant" | "disabled" | keyof _tamagui_web.StackStyleBase | "fullWidth"> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-} & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>> & _tamagui_web.WithPseudoProps<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-} & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>>> & _tamagui_web.WithMediaProps<_tamagui_web.WithThemeShorthandsAndPseudos<_tamagui_web.StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-}>> & react.RefAttributes<tamagui.TamaguiElement>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-    disabled?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic> & Omit<_tamagui_web.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
-    __tama: [_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-        size?: "sm" | "md" | "lg" | undefined;
-        variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-        disabled?: boolean | undefined;
-        fullWidth?: boolean | undefined;
-    }, _tamagui_web.StaticConfigPublic];
-} & {
-    Text: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, _tamagui_core.RNTamaguiTextNonStyleProps, _tamagui_web.TextStylePropsBase, {
-        size?: "sm" | "md" | "lg" | undefined;
-        variant?: "primary" | "secondary" | "outline" | "ghost" | "destructive" | undefined;
-        unstyled?: boolean | undefined;
-    }, _tamagui_web.StaticConfigPublic>;
-};
+type ButtonProps = GetProps<typeof Button>;
 
-declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, _tamagui_core.RNTamaguiTextNonStyleProps, _tamagui_web.TextStylePropsBase, {
-    secondary?: boolean | undefined;
-    center?: boolean | undefined;
-    variant?: "body" | "display" | "small" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "tiny" | undefined;
-    unstyled?: boolean | undefined;
+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 = typeof BlinkText extends React.ComponentType<infer P> ? P : never;
+type BlinkTextProps = GetProps<typeof BlinkText>;
 
-declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | undefined;
+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, "size" | "variant" | keyof _tamagui_web.StackStyleBase | "pressable"> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | undefined;
+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?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | undefined;
+    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?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | undefined;
+    size?: "lg" | "md" | "sm" | undefined;
+    variant?: "outlined" | "flat" | "elevated" | undefined;
     pressable?: boolean | undefined;
-}>> & react.RefAttributes<tamagui.TamaguiElement>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-    size?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | 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, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-        size?: "sm" | "md" | "lg" | undefined;
-        variant?: "flat" | "elevated" | "outlined" | undefined;
+    __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, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
-    Content: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
-    Footer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _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>;
 };
 
-declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, react_native.TextInput, _tamagui_web.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_web.TextStylePropsBase & {
+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;
-    variant?: "default" | "filled" | undefined;
     disabled?: boolean | undefined;
+    variant?: "default" | "filled" | undefined;
     unstyled?: boolean | undefined;
     hasError?: boolean | undefined;
 }, {
@@ -462,16 +131,521 @@ type InputProps = GetProps<typeof InputField> & {
     error?: string;
     hint?: string;
 };
-
 declare function Input({ label, error, hint, ...props }: InputProps): react_jsx_runtime.JSX.Element;
 
-declare const AvatarFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | undefined;
-}, _tamagui_web.StaticConfigPublic>;
-type AvatarProps = GetProps<typeof AvatarFrame> & {
+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>;
+
+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;
+}) => Promise<boolean>;
+
+declare const Pressable: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
+
+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 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;
+
+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;
+
+type BlinkTabItem = {
+    key: string;
+    label: string;
+};
+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;
+
+type BlinkToggleOption = {
+    value: string;
+    label: string;
+};
+type BlinkToggleGroupProps = {
+    options: BlinkToggleOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react_jsx_runtime.JSX.Element;
+
+type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
+type BlinkToastData = {
+    id: string;
+    title: string;
+    message?: string;
+    variant?: BlinkToastVariant;
+    duration?: number;
+};
+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 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;
+
+type TooltipProps = {
+    content: string;
+    children: ReactNode;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+};
+declare function BlinkTooltip({ content, children, side }: TooltipProps): react_jsx_runtime.JSX.Element;
+
+type StepPageProps = {
+    title: string;
+    description?: string;
+    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;
+
+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;
+
+type DividerProps = {
+    label?: string;
+};
+declare function Divider({ label }: DividerProps): react_jsx_runtime.JSX.Element;
+
+type KeyboardStickyFooterProps = {
+    children: ReactNode;
+    offset?: number;
+};
+declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): 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;
+
+type GridProps = {
+    children: ReactNode;
+    columns?: number;
+    gap?: string;
+};
+type ContainerProps = {
+    children: ReactNode;
+    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;
+
+type PlanOption = {
+    id: string;
+    name: string;
+    price: string;
+    period: string;
+    features: string[];
+    popular?: boolean;
+};
+type PaywallScreenProps = {
+    title?: string;
+    subtitle?: string;
+    plans: PlanOption[];
+    selectedPlan?: string;
+    onSelectPlan?: (planId: string) => void;
+    onContinue?: () => void;
+    onRestore?: () => void;
+    continueLabel?: string;
+};
+declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+
+type OnboardingStep = {
+    title: string;
+    description: string;
+    icon?: ReactNode;
+};
+type OnboardingCarouselProps = {
+    steps: OnboardingStep[];
+    onComplete?: () => void;
+    onSkip?: () => void;
+    completeLabel?: string;
+    skipLabel?: string;
+    nextLabel?: string;
+};
+declare function OnboardingCarousel({ steps, onComplete, onSkip, completeLabel, skipLabel, nextLabel, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
+
+type ChatMessage = {
+    id: string;
+    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;
+
+type SettingsItem = {
+    id: string;
+    icon?: ReactNode;
+    title: string;
+    subtitle?: string;
+    right?: ReactNode;
+    onPress?: () => void;
+    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 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;
+
+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;
+
+type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
+type AppHeaderProps = {
+    title: string;
+    subtitle?: string;
+    variant?: AppHeaderVariant;
+    onBack?: () => void;
+    avatar?: string;
+    left?: React.ReactNode;
+    right?: React.ReactNode;
+    transparent?: boolean;
+    borderless?: boolean;
+};
+declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react_jsx_runtime.JSX.Element;
+
+type BottomSheetProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    children: ReactNode;
+    snapPoints?: number[];
+    dismissOnSnapToBottom?: boolean;
+    showHandle?: boolean;
+    showClose?: boolean;
+    zIndex?: number;
+};
+declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+
+type AuthProvider = {
+    id: string;
+    name: string;
+    icon?: ReactNode;
+};
+type LoginScreenProps = {
+    title?: string;
+    subtitle?: string;
+    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;
+
+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;
+
+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;
+
+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;
+
+type ActionSheetItem = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    destructive?: boolean;
+};
+type ActionSheetProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: string;
+    items: ActionSheetItem[];
+    onSelect: (id: string) => void;
+    cancelLabel?: string;
+    zIndex?: number;
+};
+declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): 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;
+
+type NotificationBannerProps = {
+    title: string;
+    message?: string;
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    onPress?: () => void;
+    onDismiss?: () => void;
+    icon?: ReactNode;
+};
+declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): 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;
+
+type SwipeAction = {
+    id: string;
+    label: string;
+    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 MediaCardProps = {
+    image: string;
+    title: string;
+    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;
+
+type CarouselProps = {
+    children: ReactNode;
+    gap?: string;
+    snapToInterval?: number;
+    showIndicators?: boolean;
+};
+declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): react_jsx_runtime.JSX.Element;
+
+type PullToRefreshProps = {
+    children: ReactNode;
+    onRefresh: () => void;
+    refreshing?: boolean;
 };
-declare function Avatar({ uri, name, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
 
-export { Avatar, type AvatarProps, type BlinkConfig, BlinkText, type BlinkTextProps, Button, type ButtonProps, Card, type CardProps, Input, type InputProps, blinkConfig };
+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 };