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

package/dist/index.d.mts

@@ -1,438 +1,106 @@
 import * as tamagui from 'tamagui';
-import { GetProps } from 'tamagui';
+import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
 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, tamagui.TamaguiElement, _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 | "sm" | "md" | "lg" | 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, tamagui.TamaguiTextElement, 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;
+    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> & {
+declare const Card: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_web.StackStyleBase | "variant" | "pressable"> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
     size?: "sm" | "md" | "lg" | undefined;
-    variant?: "flat" | "elevated" | "outlined" | 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;
+    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;
+    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;
+    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;
+        variant?: "outlined" | "flat" | "elevated" | undefined;
         pressable?: boolean | undefined;
     }, _tamagui_web.StaticConfigPublic];
 } & {
@@ -446,8 +114,8 @@ declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, react
     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 +130,239 @@ 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 H1: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const H2: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const H3: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const H4: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const H5: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const H6: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+    size?: tamagui.FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, 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, tamagui.TamaguiElement, _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, tamagui.TamaguiElement, _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, tamagui.TamaguiElement, _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<_tamagui_web.TamaguiComponentPropsBaseBase & react_native.ImageProps, _tamagui_web.StackStyleBase, {}>, "borderRadius"> & {
+    borderRadius?: tamagui.RadiusTokens;
+}, "style" | "onLayout" | "height" | "width" | "resizeMode"> & {
+    width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
+    height?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
+    src?: string | (react_native.ImageSourcePropType | undefined);
+    resizeMode?: react_native.ImageResizeMode | undefined;
+    objectFit?: React.CSSProperties["objectFit"];
+} & Omit<tamagui.StackProps, "theme" | "debug" | "space" | "zIndex" | "bottom" | "backgroundColor" | "content" | "alignContent" | "flexGrow" | "alignItems" | "justifyContent" | "left" | "margin" | "maxHeight" | "maxWidth" | "marginBottom" | "minHeight" | "minWidth" | "marginLeft" | "marginRight" | "marginTop" | "marginHorizontal" | "marginVertical" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingHorizontal" | "paddingVertical" | "right" | "borderRadius" | "userSelect" | "alignSelf" | "flexShrink" | "top" | "transform" | "background" | "borderColor" | "shadowColor" | "outlineColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "scrollbarWidth" | "transformOrigin" | "filter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "backdropFilter" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "passThrough" | "backfaceVisibility" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexWrap" | "height" | "marginEnd" | "marginStart" | "overflow" | "paddingEnd" | "paddingStart" | "position" | "start" | "width" | "direction" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$${string}` | `$${number}` | _tamagui_web.GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof _tamagui_web.WithPseudoProps<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>>> | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "source" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration">, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
+
+declare const Separator: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+    vertical?: boolean | undefined;
+}, _tamagui_web.StaticConfigPublic>;
+
+type BadgeProps = {
+    children: ReactNode;
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+};
+declare function Badge({ children, variant }: BadgeProps): 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, tamagui.TamaguiElement, _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 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 Avatar({ uri, name, size, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): 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 { Avatar, type AvatarProps, Badge, type BadgeProps, type BlinkConfig, BlinkText, type BlinkTextProps, Button, type ButtonProps, Card, type CardProps, ChatBubble, type ChatBubbleProps, type ChatMessage, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, H1, H2, H3, H4, H5, H6, Image, Input, type InputProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ScreenLayout, Section, type SectionProps, SepHeading, Separator, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, StepPageLayout, type StepPageProps, SubHeading, blinkConfig, dialogConfirm, showError };