@blinkdotnew/mobile-ui 2.0.0-alpha.9 → 2.0.0

package/dist/index.d.mts

@@ -1,12 +1,12 @@
 import * as tamagui from 'tamagui';
-import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
-export { Accordion, Adapt, AlertDialog, Anchor, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, Fieldset, Form, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Square, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, createTamagui, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
+import { TamaguiInternalConfig, GetProps, YStack, Select, Button as Button$1 } from 'tamagui';
+export { Accordion, Adapt, AlertDialog, Anchor, AnimatePresence, Article, Aside, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, EnsureFlexed, Fieldset, Footer, Form, Frame, GetProps, Group, H1, H2, H3, H4, H5, H6, Header, Heading, Input, Label, Main, Nav, Paragraph, Popover, Portal, PortalHost, PortalItem, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableStack, SizableText, SizeTokens, Slider, Spacer, Spinner, Square, Stack, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ThemeableStack, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, addTheme, composeEventHandlers, composeRefs, createFont, createMedia, createStyledContext, createTamagui, createTheme, createTokens, createVariable, getConfig, getToken, getTokenValue, getTokens, isClient, isWeb, replaceTheme, styled, updateTheme, useComposedRefs, useControllableState, useDebounce, useDebounceValue, useDidFinishSSR, useEvent, useForceUpdate, useIsPresent, useIsomorphicLayoutEffect, useMedia, usePresence, useTheme, useThemeName, useWindowDimensions, withStaticProperties } from 'tamagui';
 export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
-import * as react from 'react';
-import { ReactNode } from 'react';
 import * 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$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as react_native from 'react-native';
+export * from '@tamagui/lucide-icons';
 
 declare const blinkConfig: TamaguiInternalConfig;
 type BlinkConfig = typeof blinkConfig;
@@ -15,39 +15,87 @@ declare module 'tamagui' {
     }
 }
 
-declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
+/**
+ * Maps the 16 Blink platform design themes (from auto-engineer src/types/color-theme.ts)
+ * to Tamagui-compatible theme palettes via createThemes.
+ *
+ * Usage:
+ *   import { createBlinkThemes, BLINK_DESIGN_THEMES } from '@blinkdotnew/mobile-ui'
+ *   const themes = createBlinkThemes('ocean-teal')
+ *   const config = createTamagui({ ...tamaguiDefaultConfig, themes })
+ */
+type BlinkDesignThemeId = 'mono' | 'ocean-teal' | 'warm-amber' | 'rose-coral' | 'lavender' | 'glacier' | 'forest' | 'obsidian' | 'solar' | 'orchid' | 'indigo' | 'cosmic-night' | 'soft-pop' | 'neo-brutalism' | 'vintage-paper' | 'modern-minimal' | 'bubblegum';
+interface BlinkColorPalette {
+    primary: string;
+    primary_foreground: string;
+    secondary: string;
+    secondary_foreground: string;
+    accent: string;
+    background: string;
+    dark_mode: string;
+}
+interface BlinkDesignTheme {
+    id: BlinkDesignThemeId;
+    name: string;
+    description: string;
+    palette: BlinkColorPalette;
+}
+declare const BLINK_DESIGN_THEMES: Record<BlinkDesignThemeId, BlinkDesignTheme>;
+/**
+ * Generates Tamagui-compatible theme config for createThemes from a platform design theme.
+ *
+ * Usage with createThemes:
+ * ```ts
+ * import { createThemes } from '@tamagui/theme-builder'
+ * import { getBlinkThemePalettes } from '@blinkdotnew/mobile-ui'
+ *
+ * const palettes = getBlinkThemePalettes('ocean-teal')
+ * const themes = createThemes({
+ *   base: { palette: palettes.base },
+ *   accent: { palette: palettes.accent },
+ * })
+ * ```
+ */
+declare function getBlinkThemePalettes(themeId: BlinkDesignThemeId): {
+    base: {
+        light: string[];
+        dark: string[];
+    };
+    accent: {
+        light: string[];
+        dark: string[];
+    };
+};
+/**
+ * All available design theme IDs for enumeration.
+ */
+declare const BLINK_DESIGN_THEME_IDS: BlinkDesignThemeId[];
+/**
+ * Get theme metadata (name, description) for UI pickers.
+ */
+declare function getBlinkDesignTheme(themeId: BlinkDesignThemeId): BlinkDesignTheme | undefined;
+
+declare const Button: tamagui.TamaguiComponent<_tamagui_core.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;
+} & _tamagui_core.ThemeableProps & {
+    icon?: any;
+    iconAfter?: any;
     scaleIcon?: number;
     spaceFlex?: number | boolean;
     scaleSpace?: number;
     unstyled?: boolean;
-}, _tamagui_web.StackStyleBase, {
+}, _tamagui_core.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;
+    variant?: "transparent" | "default" | "primary" | "outlined" | "floating" | "destructive" | undefined;
     unstyled?: boolean | undefined;
     transparent?: boolean | undefined;
     fullscreen?: boolean | undefined;
@@ -62,10 +110,10 @@ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tam
     padded?: boolean | undefined;
     chromeless?: boolean | "all" | undefined;
     fullWidth?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.StaticConfigPublic>;
 type ButtonProps = GetProps<typeof Button>;
 
-declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+declare const BlinkText: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
     size?: tamagui.FontSizeTokens | undefined;
     bold?: boolean | undefined;
     variant?: "body" | "display" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "small" | undefined;
@@ -73,46 +121,46 @@ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, t
     center?: boolean | undefined;
     muted?: boolean | undefined;
     secondary?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.StaticConfigPublic>;
 type BlinkTextProps = GetProps<typeof BlinkText>;
 
-declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+declare const CardFrame: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
     size?: "lg" | "md" | "sm" | undefined;
     variant?: "outlined" | "flat" | "elevated" | undefined;
     pressable?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.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> & {
+declare const Card: React$1.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_core.StackStyleBase | "variant" | "pressable"> & _tamagui_core.WithThemeValues<_tamagui_core.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> & {
+} & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>> & _tamagui_core.WithPseudoProps<_tamagui_core.WithThemeValues<_tamagui_core.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, {
+} & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>>> & _tamagui_core.WithMediaProps<_tamagui_core.WithThemeShorthandsAndPseudos<_tamagui_core.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, {
+}>> & React$1.RefAttributes<tamagui.TamaguiElement>> & _tamagui_core.StaticComponentObject<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.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, {
+}, _tamagui_core.StaticConfigPublic> & Omit<_tamagui_core.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
+    __tama: [_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
         size?: "lg" | "md" | "sm" | undefined;
         variant?: "outlined" | "flat" | "elevated" | undefined;
         pressable?: boolean | undefined;
-    }, _tamagui_web.StaticConfigPublic];
+    }, _tamagui_core.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>;
+    Header: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
+    Content: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
+    Footer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
 };
 
-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;
+declare const InputField: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, react_native.TextInput, _tamagui_core.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_core.TextStylePropsBase & {
+    readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
+    readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
 }, {
     size?: tamagui.SizeTokens | undefined;
     disabled?: boolean | undefined;
@@ -125,13 +173,13 @@ declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, TextI
         readonly placeholderTextColor: "color";
         readonly selectionColor: "color";
     };
-} & _tamagui_web.StaticConfigPublic>;
+} & _tamagui_core.StaticConfigPublic>;
 type InputProps = GetProps<typeof InputField> & {
     label?: string;
     error?: string;
     hint?: string;
 };
-declare function Input({ label, error, hint, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+declare function Input({ label, error, hint, ...props }: InputProps): JSX.Element;
 
 type SimpleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarProps = {
@@ -139,17 +187,17 @@ type AvatarProps = {
     name?: string;
     size?: number | SimpleSize;
 };
-declare const Avatar: react.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => react_jsx_runtime.JSX.Element>;
+declare const Avatar: React$1.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => JSX.Element>;
 
-declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
+declare const SubHeading: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
     size?: tamagui.FontSizeTokens | undefined;
     unstyled?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.StaticConfigPublic>;
 declare function SepHeading({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
-declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+declare const PageContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
     elevation?: number | tamagui.SizeTokens | undefined;
     inset?: number | tamagui.SizeTokens | {
         top?: number;
@@ -158,8 +206,8 @@ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, an
         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, {
+}, _tamagui_core.StaticConfigPublic>;
+declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
     elevation?: number | tamagui.SizeTokens | undefined;
     inset?: number | tamagui.SizeTokens | {
         top?: number;
@@ -168,34 +216,34 @@ declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer
         right?: number;
     } | null | undefined;
     fullscreen?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.StaticConfigPublic>;
 
 declare function DialogProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): 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 Pressable: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
 
-declare const Image: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, unknown, _tamagui_web.TamaguiComponentPropsBaseBase & Omit<Omit<_tamagui_web.GetFinalProps<any, _tamagui_web.StackStyleBase, {}>, "borderRadius"> & {
+declare const Image: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, unknown, _tamagui_core.TamaguiComponentPropsBaseBase & Omit<Omit<_tamagui_core.GetFinalProps<_tamagui_core.TamaguiComponentPropsBaseBase & react_native.ImageProps, _tamagui_core.StackStyleBase, {}>, "borderRadius"> & {
     borderRadius?: tamagui.RadiusTokens;
-}, "style" | "onLayout" | "width" | "height" | "resizeMode"> & {
+}, "style" | "onLayout" | "height" | "width" | "resizeMode"> & {
     width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
     height?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
-    src?: string | any;
-    resizeMode?: any;
+    src?: string | (react_native.ImageSourcePropType | undefined);
+    resizeMode?: react_native.ImageResizeMode | undefined;
     objectFit?: React.CSSProperties["objectFit"];
-} & Omit<tamagui.StackProps, string | number | symbol>, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
+} & 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" | "outlineColor" | "shadowColor" | "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" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "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" | "isolation" | "boxShadow" | "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" | "inset" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$${string}` | `$${number}` | _tamagui_core.GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof _tamagui_core.WithPseudoProps<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>>> | "source" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration">, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
 
 type BadgeProps = {
     children: ReactNode;
     variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
 };
-declare function Badge({ children, variant }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ children, variant }: BadgeProps): JSX.Element;
 
 declare const ICONS: {
     readonly home: "⌂";
@@ -250,7 +298,7 @@ type IconProps = {
     size?: number;
     color?: string;
 };
-declare function Icon({ name, size, color }: IconProps): react_jsx_runtime.JSX.Element;
+declare function Icon({ name, size, color }: IconProps): JSX.Element;
 
 type BlinkAccordionItem = {
     id: string;
@@ -262,7 +310,7 @@ type BlinkAccordionProps = {
     defaultOpen?: string[];
     allowMultiple?: boolean;
 };
-declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): react_jsx_runtime.JSX.Element;
+declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): JSX.Element;
 
 type BlinkTabItem = {
     key: string;
@@ -274,7 +322,7 @@ type BlinkTabsProps = {
     onTabChange?: (key: string) => void;
     variant?: 'underline' | 'pill';
 };
-declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): react_jsx_runtime.JSX.Element;
+declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): JSX.Element;
 
 type BlinkToggleOption = {
     value: string;
@@ -286,7 +334,7 @@ type BlinkToggleGroupProps = {
     onValueChange: (value: string) => void;
     size?: 'sm' | 'md' | 'lg';
 };
-declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react_jsx_runtime.JSX.Element;
+declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): JSX.Element;
 
 type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
 type BlinkToastData = {
@@ -307,7 +355,7 @@ type BlinkToastContextType = {
 declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
 declare function BlinkToastProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 declare function useBlinkToast(): BlinkToastContextType;
 
 type FormFieldProps = {
@@ -317,14 +365,29 @@ type FormFieldProps = {
     required?: boolean;
     children: ReactNode;
 };
-declare function FormField({ label, error, helperText, required, children }: FormFieldProps): react_jsx_runtime.JSX.Element;
+declare function FormField({ label, error, helperText, required, children }: FormFieldProps): 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;
+declare function BlinkTooltip({ content, children, side }: TooltipProps): JSX.Element;
+
+declare function GoogleLogo({ size }: {
+    size?: number;
+}): JSX.Element;
+declare function AppleLogo({ size, color }: {
+    size?: number;
+    color?: string;
+}): JSX.Element;
+declare function GitHubLogo({ size, color }: {
+    size?: number;
+    color?: string;
+}): JSX.Element;
+declare function MicrosoftLogo({ size }: {
+    size?: number;
+}): JSX.Element;
 
 type StepPageProps = {
     title: string;
@@ -332,9 +395,9 @@ type StepPageProps = {
     children: ReactNode;
     bottom?: ReactNode;
 };
-declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): react_jsx_runtime.JSX.Element;
+declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): JSX.Element;
 
-declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
+declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
     elevation?: number | tamagui.SizeTokens | undefined;
     inset?: number | tamagui.SizeTokens | {
         top?: number;
@@ -346,7 +409,7 @@ declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any
     padded?: boolean | undefined;
     centered?: boolean | undefined;
     safe?: boolean | undefined;
-}, _tamagui_web.StaticConfigPublic>;
+}, _tamagui_core.StaticConfigPublic>;
 
 type SectionProps = {
     title?: string;
@@ -354,7 +417,7 @@ type SectionProps = {
     children: ReactNode;
     gap?: GetProps<typeof YStack>['gap'];
 };
-declare function Section({ title, description, children, gap }: SectionProps): react_jsx_runtime.JSX.Element;
+declare function Section({ title, description, children, gap }: SectionProps): JSX.Element;
 
 type ListItemProps = {
     icon?: ReactNode;
@@ -363,24 +426,24 @@ type ListItemProps = {
     right?: ReactNode;
     onPress?: () => void;
 };
-declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): JSX.Element;
 
 type DividerProps = {
     label?: string;
 };
-declare function Divider({ label }: DividerProps): react_jsx_runtime.JSX.Element;
+declare function Divider({ label }: DividerProps): JSX.Element;
 
 type KeyboardStickyFooterProps = {
     children: ReactNode;
     offset?: number;
 };
-declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): react_jsx_runtime.JSX.Element;
+declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): JSX.Element;
 
 type SafeAreaProps = {
     children: ReactNode;
     edges?: ('top' | 'bottom' | 'left' | 'right')[];
 };
-declare function SafeArea({ children, edges }: SafeAreaProps): react_jsx_runtime.JSX.Element;
+declare function SafeArea({ children, edges }: SafeAreaProps): JSX.Element;
 
 type GridProps = {
     children: ReactNode;
@@ -393,43 +456,97 @@ type ContainerProps = {
     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;
+declare function Grid({ children, columns, gap }: GridProps): JSX.Element;
+declare function Container({ children, maxWidth, centered, padding }: ContainerProps): JSX.Element;
 
 type PlanOption = {
     id: string;
     name: string;
     price: string;
     period: string;
-    features: string[];
+    tagline?: string;
+    pricePerWeek?: string;
+    savings?: string;
     popular?: boolean;
+    trial?: string;
+    features?: string[];
+};
+type PaywallVariant = 'default' | 'social-proof' | 'comparison' | 'creator-sheet' | 'immersive-dark';
+type PaywallFeature = string | {
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+};
+type PaywallComparisonRow = {
+    label: string;
+    free?: boolean;
+    premium?: boolean;
+};
+type PaywallTestimonial = {
+    quote: string;
+    author: string;
+    meta?: string;
+};
+type PaywallCreator = {
+    name: string;
+    meta?: string;
+    avatar?: ReactNode;
 };
 type PaywallScreenProps = {
+    variant?: PaywallVariant;
+    eyebrow?: string;
     title?: string;
     subtitle?: string;
+    features?: PaywallFeature[];
     plans: PlanOption[];
     selectedPlan?: string;
     onSelectPlan?: (planId: string) => void;
     onContinue?: () => void;
+    onClose?: () => void;
     onRestore?: () => void;
+    onTerms?: () => void;
+    onPrivacy?: () => void;
     continueLabel?: string;
+    reassurance?: string;
+    hero?: ReactNode;
+    socialProof?: string;
+    countdownMinutes?: number;
+    badge?: string;
+    comparisonRows?: PaywallComparisonRow[];
+    testimonials?: PaywallTestimonial[];
+    creator?: PaywallCreator;
+    topSlot?: ReactNode;
+    footerSlot?: ReactNode;
+    trustBadges?: {
+        icon?: ReactNode;
+        label: string;
+    }[];
 };
-declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
+declare function PaywallScreen({ variant, eyebrow, title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, comparisonRows, testimonials, creator, topSlot, footerSlot, trustBadges, }: PaywallScreenProps): JSX.Element;
 
+type OnboardingVariant = 'default' | 'calm-gradient' | 'card-tilt' | 'editorial' | 'selection-step' | 'permission-prompt';
 type OnboardingStep = {
     title: string;
     description: string;
     icon?: ReactNode;
+    hero?: ReactNode;
+    eyebrow?: string;
+    ctaLabel?: string;
+    background?: ReactNode;
 };
 type OnboardingCarouselProps = {
     steps: OnboardingStep[];
+    variant?: OnboardingVariant;
+    brand?: ReactNode;
+    topLeading?: ReactNode;
     onComplete?: () => void;
     onSkip?: () => void;
     completeLabel?: string;
     skipLabel?: string;
     nextLabel?: string;
+    footerSlot?: ReactNode;
 };
-declare function OnboardingCarousel({ steps, onComplete, onSkip, completeLabel, skipLabel, nextLabel, }: OnboardingCarouselProps): react_jsx_runtime.JSX.Element;
+declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): JSX.Element;
 
 type ChatMessage = {
     id: string;
@@ -443,7 +560,7 @@ type ChatBubbleProps = {
     message: ChatMessage;
     showAvatar?: boolean;
 };
-declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): react_jsx_runtime.JSX.Element;
+declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): JSX.Element;
 
 type SettingsItem = {
     id: string;
@@ -464,7 +581,7 @@ type SettingsScreenProps = {
     sections: SettingsSection[];
     header?: ReactNode;
 };
-declare function SettingsScreen({ sections, header }: SettingsScreenProps): react_jsx_runtime.JSX.Element;
+declare function SettingsScreen({ sections, header }: SettingsScreenProps): JSX.Element;
 
 type EmptyStateProps = {
     icon?: ReactNode;
@@ -473,7 +590,7 @@ type EmptyStateProps = {
     actionLabel?: string;
     onAction?: () => void;
 };
-declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): JSX.Element;
 
 type ProfileHeaderProps = {
     name: string;
@@ -485,7 +602,7 @@ type ProfileHeaderProps = {
     }[];
     actions?: ReactNode;
 };
-declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): react_jsx_runtime.JSX.Element;
+declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): JSX.Element;
 
 type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
 type AppHeaderProps = {
@@ -499,7 +616,7 @@ type AppHeaderProps = {
     transparent?: boolean;
     borderless?: boolean;
 };
-declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react_jsx_runtime.JSX.Element;
+declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): JSX.Element;
 
 type BottomSheetProps = {
     open: boolean;
@@ -510,19 +627,29 @@ type BottomSheetProps = {
     dismissOnSnapToBottom?: boolean;
     showHandle?: boolean;
     showClose?: boolean;
+    zIndex?: number;
 };
-declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
+declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): JSX.Element;
 
+type AuthProviderBrand = 'google' | 'apple' | 'github' | 'microsoft' | 'custom';
+type LoginScreenVariant = 'default' | 'editorial' | 'centered-card';
 type AuthProvider = {
     id: string;
     name: string;
     icon?: ReactNode;
+    brand?: AuthProviderBrand;
+    description?: string;
 };
 type LoginScreenProps = {
+    variant?: LoginScreenVariant;
     title?: string;
     subtitle?: string;
     logo?: ReactNode;
     providers?: AuthProvider[];
+    hero?: ReactNode;
+    backgroundSlot?: ReactNode;
+    footerSlot?: ReactNode;
+    providerButtonStyle?: 'neutral' | 'brand';
     onProviderPress?: (id: string) => void;
     showEmailForm?: boolean;
     onEmailSubmit?: (email: string, password: string) => void;
@@ -532,7 +659,7 @@ type LoginScreenProps = {
     onPrivacy?: () => void;
     loading?: boolean;
 };
-declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }: LoginScreenProps): react_jsx_runtime.JSX.Element;
+declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): JSX.Element;
 
 type TabBarItem = {
     id: string;
@@ -545,7 +672,7 @@ type TabBarProps = {
     onTabPress: (id: string) => void;
     showLabels?: boolean;
 };
-declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): react_jsx_runtime.JSX.Element;
+declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): JSX.Element;
 
 type SearchBarProps = {
     value: string;
@@ -555,7 +682,7 @@ type SearchBarProps = {
     onCancel?: () => void;
     autoFocus?: boolean;
 };
-declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): JSX.Element;
 
 type FABProps = {
     icon?: ReactNode;
@@ -564,7 +691,7 @@ type FABProps = {
     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;
+declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): JSX.Element;
 
 type ActionSheetItem = {
     id: string;
@@ -579,8 +706,9 @@ type ActionSheetProps = {
     items: ActionSheetItem[];
     onSelect: (id: string) => void;
     cancelLabel?: string;
+    zIndex?: number;
 };
-declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
+declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): JSX.Element;
 
 type SkeletonProps = {
     width?: number | string;
@@ -588,7 +716,7 @@ type SkeletonProps = {
     borderRadius?: number;
     variant?: 'text' | 'circular' | 'rectangular';
 };
-declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): JSX.Element;
 
 type NotificationBannerProps = {
     title: string;
@@ -598,14 +726,14 @@ type NotificationBannerProps = {
     onDismiss?: () => void;
     icon?: ReactNode;
 };
-declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
+declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): JSX.Element;
 
 type ProgressStepsProps = {
     steps: string[];
     currentStep: number;
     variant?: 'dots' | 'bar' | 'numbered';
 };
-declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): react_jsx_runtime.JSX.Element;
+declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): JSX.Element;
 
 type SwipeAction = {
     id: string;
@@ -618,7 +746,7 @@ type SwipeableRowProps = {
     leftActions?: SwipeAction[];
     rightActions?: SwipeAction[];
 };
-declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): react_jsx_runtime.JSX.Element;
+declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): JSX.Element;
 
 type MediaCardProps = {
     image: string;
@@ -629,7 +757,7 @@ type MediaCardProps = {
     onPress?: () => void;
     badge?: string;
 };
-declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): react_jsx_runtime.JSX.Element;
+declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): JSX.Element;
 
 type CarouselProps = {
     children: ReactNode;
@@ -637,13 +765,356 @@ type CarouselProps = {
     snapToInterval?: number;
     showIndicators?: boolean;
 };
-declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): react_jsx_runtime.JSX.Element;
+declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): JSX.Element;
 
 type PullToRefreshProps = {
     children: ReactNode;
     onRefresh: () => void;
     refreshing?: boolean;
 };
-declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
+declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): JSX.Element;
+
+type ProductCardProps = {
+    image: string;
+    title: string;
+    price: string;
+    originalPrice?: string;
+    rating?: number;
+    reviewCount?: number;
+    badge?: string;
+    onPress?: () => void;
+    onAddToCart?: () => void;
+    variant?: 'vertical' | 'horizontal';
+};
+declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): JSX.Element;
+
+type PricingPlan = {
+    id: string;
+    name: string;
+    price: string;
+    period?: string;
+    description?: string;
+    features: {
+        label: string;
+        included: boolean;
+    }[];
+    popular?: boolean;
+    cta?: string;
+    trial?: string;
+};
+type PricingTableProps = {
+    plans: PricingPlan[];
+    selectedPlan?: string;
+    onSelectPlan?: (planId: string) => void;
+    annual?: boolean;
+    onToggleBilling?: (annual: boolean) => void;
+    onContinue?: () => void;
+    continueLabel?: string;
+    reassurance?: string;
+};
+declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling, onContinue, continueLabel, reassurance }: PricingTableProps): JSX.Element;
+
+type CountdownBannerProps = {
+    endTime?: Date;
+    minutes?: number;
+    label?: string;
+    onExpire?: () => void;
+    variant?: 'banner' | 'compact' | 'badge';
+};
+declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): JSX.Element | null;
+
+type TestimonialCardProps = {
+    quote: string;
+    author: string;
+    role?: string;
+    avatar?: string;
+    rating?: number;
+    variant?: 'card' | 'minimal' | 'featured';
+};
+declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): JSX.Element;
+
+type ConfirmDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    description?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    destructive?: boolean;
+    icon?: ReactNode;
+};
+declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): JSX.Element;
+
+type ChipProps = {
+    label: string;
+    selected?: boolean;
+    onPress?: () => void;
+    onRemove?: () => void;
+    variant?: 'filled' | 'outlined';
+    size?: 'sm' | 'md' | 'lg';
+    icon?: ReactNode;
+    color?: string;
+};
+type ChipGroupProps = {
+    chips: {
+        id: string;
+        label: string;
+        icon?: ReactNode;
+    }[];
+    selected?: string[];
+    onSelectionChange?: (selected: string[]) => void;
+    multiSelect?: boolean;
+    variant?: 'filled' | 'outlined';
+    size?: 'sm' | 'md' | 'lg';
+};
+declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): JSX.Element;
+declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): JSX.Element;
+
+type OTPInputProps = {
+    length?: number;
+    value?: string;
+    onChange?: (value: string) => void;
+    onComplete?: (code: string) => void;
+    error?: boolean;
+    autoFocus?: boolean;
+    secureEntry?: boolean;
+};
+declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): JSX.Element;
+
+type PasswordInputProps = {
+    value?: string;
+    onChangeText?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    size?: '$3' | '$4' | '$5';
+    strengthIndicator?: boolean;
+};
+declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): JSX.Element;
+
+type AvatarGroupProps = {
+    avatars: {
+        uri?: string;
+        name?: string;
+        color?: string;
+    }[];
+    max?: number;
+    size?: number;
+    overlap?: number;
+};
+declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): JSX.Element;
+
+type SwipeCardItem = {
+    id: string;
+    [key: string]: any;
+};
+type SwipeCardsProps<T extends SwipeCardItem> = {
+    items: T[];
+    renderCard: (item: T) => ReactNode;
+    onSwipeLeft?: (item: T) => void;
+    onSwipeRight?: (item: T) => void;
+    onEmpty?: () => void;
+    leftLabel?: string;
+    rightLabel?: string;
+    emptyMessage?: string;
+};
+declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): JSX.Element;
+
+type GlassCardProps = {
+    children: ReactNode;
+    intensity?: 'light' | 'medium' | 'heavy';
+    tint?: 'light' | 'dark';
+    borderRadius?: number | string;
+    padding?: number | string;
+    elevated?: boolean;
+};
+declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): JSX.Element;
+
+type DataTableColumn<T> = {
+    key: string;
+    header: string;
+    render?: (value: any, row: T) => ReactNode;
+    sortable?: boolean;
+    width?: number | string;
+};
+type DataTableProps<T extends Record<string, any>> = {
+    columns: DataTableColumn<T>[];
+    data: T[];
+    onRowPress?: (row: T) => void;
+    emptyMessage?: string;
+};
+declare function StatusBadge({ status }: {
+    status: string;
+}): JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, onRowPress, emptyMessage }: DataTableProps<T>): JSX.Element;
+
+type DatePickerProps = {
+    value?: Date;
+    onDateChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    startDay?: 0 | 1;
+    placeholder?: string;
+};
+declare function DatePicker({ value, onDateChange, minDate, maxDate, startDay }: DatePickerProps): JSX.Element;
+
+type EventCardProps = {
+    title: string;
+    subtitle?: string;
+    time?: string;
+    location?: string;
+    label?: string;
+    participants?: number;
+    maxParticipants?: number;
+    theme?: 'purple' | 'green' | 'blue' | 'orange' | 'red' | 'pink';
+    onPress?: () => void;
+    actions?: ReactNode;
+};
+declare function EventCard({ theme, ...props }: EventCardProps): JSX.Element;
+
+type PreferenceItem = {
+    type: 'toggle';
+    id: string;
+    title: string;
+    description?: string;
+    value: boolean;
+    onValueChange: (v: boolean) => void;
+} | {
+    type: 'select';
+    id: string;
+    title: string;
+    description?: string;
+    value: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    onValueChange: (v: string) => void;
+} | {
+    type: 'slider';
+    id: string;
+    title: string;
+    description?: string;
+    value: number;
+    min?: number;
+    max?: number;
+    onValueChange: (v: number) => void;
+} | {
+    type: 'action';
+    id: string;
+    title: string;
+    description?: string;
+    onPress: () => void;
+    destructive?: boolean;
+};
+type PreferenceSection = {
+    title: string;
+    description?: string;
+    items: PreferenceItem[];
+};
+type UserPreferencesProps = {
+    sections: PreferenceSection[];
+};
+declare function UserPreferences({ sections }: UserPreferencesProps): JSX.Element;
+
+type BlinkSelectItem = {
+    label: string;
+    value: string;
+};
+type BlinkSelectProps = {
+    items: BlinkSelectItem[];
+    value?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    label?: string;
+    size?: GetProps<typeof Select.Trigger>['size'];
+    disabled?: boolean;
+    width?: string | number;
+};
+declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): JSX.Element;
+
+type BlinkDialogProps = {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    trigger?: React__default.ReactNode;
+    title?: string;
+    description?: string;
+    children?: React__default.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    confirmTheme?: GetProps<typeof Button$1>['theme'];
+};
+declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): JSX.Element;
+
+type BlinkPopoverProps = {
+    trigger: React__default.ReactNode;
+    children: React__default.ReactNode;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    allowFlip?: boolean;
+    size?: string;
+};
+declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): JSX.Element;
+
+type ImmersiveMediaAction = {
+    id: string;
+    label?: string;
+    value?: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type ImmersiveMediaScreenProps = {
+    variant?: 'story' | 'reel' | 'sheet';
+    media: ReactNode;
+    title?: string;
+    subtitle?: string;
+    topLeft?: ReactNode;
+    topCenter?: ReactNode;
+    topRight?: ReactNode;
+    actions?: ImmersiveMediaAction[];
+    bottomMeta?: ReactNode;
+    inputPlaceholder?: string;
+    onInputPress?: () => void;
+    sheetContent?: ReactNode;
+};
+declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): JSX.Element;
+
+type FinanceMetric = {
+    label: string;
+    value: string;
+    change?: string;
+};
+type FinanceQuickAction = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onPress?: () => void;
+};
+type FinanceDashboardSection = {
+    id?: string;
+    title: string;
+    rows: Array<{
+        id: string;
+        title: string;
+        subtitle?: string;
+        value?: string;
+        leading?: ReactNode;
+    }>;
+};
+type FinanceDashboardProps = {
+    title?: string;
+    balanceLabel?: string;
+    balance: string;
+    rangeLabel?: string;
+    metrics?: FinanceMetric[];
+    quickActions?: FinanceQuickAction[];
+    sections?: FinanceDashboardSection[];
+    chartSlot?: ReactNode;
+    topRight?: ReactNode;
+};
+declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): JSX.Element;
 
-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 };
+export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, AppleLogo, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, BLINK_DESIGN_THEMES, BLINK_DESIGN_THEME_IDS, 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 BlinkColorPalette, type BlinkConfig, type BlinkDesignTheme, type BlinkDesignThemeId, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GitHubLogo, GlassCard, type GlassCardProps, GoogleLogo, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, MicrosoftLogo, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, getBlinkDesignTheme, getBlinkThemePalettes, showError, toast, useBlinkToast };