@blinkdotnew/mobile-ui 2.0.0-alpha.6 → 2.0.0-alpha.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +75 -84
  2. package/dist/index.d.ts +75 -84
  3. package/dist/index.js +331 -553
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +421 -642
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -1
package/dist/index.d.mts CHANGED
@@ -1,12 +1,12 @@
1
1
  import * as tamagui from 'tamagui';
2
2
  import { TamaguiInternalConfig, GetProps, YStack } from 'tamagui';
3
- export { AlertDialog, Avatar, Button, Card, Checkbox, Circle, ColorTokens, Dialog, GetProps, H1, H2, H3, H4, H5, H6, Input, Label, Paragraph, Popover, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableText, SizeTokens, Slider, Spinner, Switch, Image as TamaguiImage, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, Tooltip, View, XStack, YStack, ZStack, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
3
+ export { Accordion, Adapt, AlertDialog, Anchor, Avatar, 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, styled, useMedia, useTheme, useThemeName, withStaticProperties } from 'tamagui';
4
+ export { Toast, ToastProps, ToastProvider, ToastProviderProps, ToastViewport, ToastViewportProps, useToastController, useToastState } from '@tamagui/toast';
4
5
  import * as react from 'react';
5
6
  import { ReactNode } from 'react';
6
7
  import * as _tamagui_core from '@tamagui/core';
7
8
  import * as _tamagui_web from '@tamagui/web';
8
9
  import * as react_jsx_runtime from 'react/jsx-runtime';
9
- import * as react_native from 'react-native';
10
10
 
11
11
  declare const blinkConfig: TamaguiInternalConfig;
12
12
  type BlinkConfig = typeof blinkConfig;
@@ -15,7 +15,7 @@ declare module 'tamagui' {
15
15
  }
16
16
  }
17
17
 
18
- declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
18
+ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
19
19
  textProps?: Partial<tamagui.SizableTextProps>;
20
20
  noTextWrap?: boolean;
21
21
  } & _tamagui_web.ThemeableProps & {
@@ -38,7 +38,7 @@ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.T
38
38
  scaleSpace?: number;
39
39
  unstyled?: boolean;
40
40
  }, _tamagui_web.StackStyleBase, {
41
- size?: number | "sm" | "md" | "lg" | tamagui.SizeTokens | undefined;
41
+ size?: number | "lg" | "md" | "sm" | tamagui.SizeTokens | undefined;
42
42
  disabled?: boolean | undefined;
43
43
  elevation?: number | tamagui.SizeTokens | undefined;
44
44
  variant?: "transparent" | "default" | "primary" | "outlined" | "floating" | "destructive" | undefined;
@@ -65,7 +65,7 @@ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.T
65
65
  }, _tamagui_web.StaticConfigPublic>;
66
66
  type ButtonProps = GetProps<typeof Button>;
67
67
 
68
- declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
68
+ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
69
69
  size?: tamagui.FontSizeTokens | undefined;
70
70
  bold?: boolean | undefined;
71
71
  variant?: "body" | "display" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "small" | undefined;
@@ -76,41 +76,41 @@ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagu
76
76
  }, _tamagui_web.StaticConfigPublic>;
77
77
  type BlinkTextProps = GetProps<typeof BlinkText>;
78
78
 
79
- declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
80
- size?: "sm" | "md" | "lg" | undefined;
79
+ declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
80
+ size?: "lg" | "md" | "sm" | undefined;
81
81
  variant?: "outlined" | "flat" | "elevated" | undefined;
82
82
  pressable?: boolean | undefined;
83
83
  }, _tamagui_web.StaticConfigPublic>;
84
84
  type CardProps = GetProps<typeof CardFrame>;
85
- declare const Card: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_web.StackStyleBase | "variant" | "pressable"> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
86
- size?: "sm" | "md" | "lg" | undefined;
85
+ declare const Card: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, keyof _tamagui_web.StackStyleBase> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
86
+ size?: "lg" | "md" | "sm" | undefined;
87
87
  variant?: "outlined" | "flat" | "elevated" | undefined;
88
88
  pressable?: boolean | undefined;
89
89
  } & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>> & _tamagui_web.WithPseudoProps<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
90
- size?: "sm" | "md" | "lg" | undefined;
90
+ size?: "lg" | "md" | "sm" | undefined;
91
91
  variant?: "outlined" | "flat" | "elevated" | undefined;
92
92
  pressable?: boolean | undefined;
93
93
  } & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>>> & _tamagui_web.WithMediaProps<_tamagui_web.WithThemeShorthandsAndPseudos<_tamagui_web.StackStyleBase, {
94
- size?: "sm" | "md" | "lg" | undefined;
94
+ size?: "lg" | "md" | "sm" | undefined;
95
95
  variant?: "outlined" | "flat" | "elevated" | undefined;
96
96
  pressable?: boolean | undefined;
97
- }>> & react.RefAttributes<tamagui.TamaguiElement>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
98
- size?: "sm" | "md" | "lg" | undefined;
97
+ }>> & react.RefAttributes<any>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
98
+ size?: "lg" | "md" | "sm" | undefined;
99
99
  variant?: "outlined" | "flat" | "elevated" | undefined;
100
100
  pressable?: boolean | undefined;
101
101
  }, _tamagui_web.StaticConfigPublic> & Omit<_tamagui_web.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
102
- __tama: [_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
103
- size?: "sm" | "md" | "lg" | undefined;
102
+ __tama: [_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
103
+ size?: "lg" | "md" | "sm" | undefined;
104
104
  variant?: "outlined" | "flat" | "elevated" | undefined;
105
105
  pressable?: boolean | undefined;
106
106
  }, _tamagui_web.StaticConfigPublic];
107
107
  } & {
108
- Header: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
109
- Content: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
110
- Footer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
108
+ Header: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
109
+ Content: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
110
+ Footer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
111
111
  };
112
112
 
113
- declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, react_native.TextInput, _tamagui_web.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_web.TextStylePropsBase & {
113
+ declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, TextInput, any, _tamagui_web.TextStylePropsBase & {
114
114
  readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
115
115
  readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
116
116
  }, {
@@ -141,7 +141,7 @@ type AvatarProps = {
141
141
  };
142
142
  declare const Avatar: react.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => react_jsx_runtime.JSX.Element>;
143
143
 
144
- declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
144
+ declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
145
145
  size?: tamagui.FontSizeTokens | undefined;
146
146
  unstyled?: boolean | undefined;
147
147
  }, _tamagui_web.StaticConfigPublic>;
@@ -149,7 +149,7 @@ declare function SepHeading({ children }: {
149
149
  children: ReactNode;
150
150
  }): react_jsx_runtime.JSX.Element;
151
151
 
152
- declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
152
+ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
153
153
  elevation?: number | tamagui.SizeTokens | undefined;
154
154
  inset?: number | tamagui.SizeTokens | {
155
155
  top?: number;
@@ -159,7 +159,7 @@ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, ta
159
159
  } | null | undefined;
160
160
  fullscreen?: boolean | undefined;
161
161
  }, _tamagui_web.StaticConfigPublic>;
162
- declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
162
+ declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
163
163
  elevation?: number | tamagui.SizeTokens | undefined;
164
164
  inset?: number | tamagui.SizeTokens | {
165
165
  top?: number;
@@ -179,17 +179,17 @@ declare const dialogConfirm: (props: {
179
179
  description?: string;
180
180
  }) => Promise<boolean>;
181
181
 
182
- declare const Pressable: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
182
+ declare const Pressable: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
183
183
 
184
- 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"> & {
184
+ declare const Image: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, unknown, _tamagui_web.TamaguiComponentPropsBaseBase & Omit<Omit<_tamagui_web.GetFinalProps<any, _tamagui_web.StackStyleBase, {}>, "borderRadius"> & {
185
185
  borderRadius?: tamagui.RadiusTokens;
186
- }, "style" | "onLayout" | "height" | "width" | "resizeMode"> & {
186
+ }, "style" | "onLayout" | "width" | "height" | "resizeMode"> & {
187
187
  width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
188
188
  height?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
189
- src?: string | (react_native.ImageSourcePropType | undefined);
190
- resizeMode?: react_native.ImageResizeMode | undefined;
189
+ src?: string | any;
190
+ resizeMode?: any;
191
191
  objectFit?: React.CSSProperties["objectFit"];
192
- } & 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>;
192
+ } & Omit<tamagui.StackProps, string | number | symbol>, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
193
193
 
194
194
  type BadgeProps = {
195
195
  children: ReactNode;
@@ -252,58 +252,57 @@ type IconProps = {
252
252
  };
253
253
  declare function Icon({ name, size, color }: IconProps): react_jsx_runtime.JSX.Element;
254
254
 
255
- type AccordionItem = {
255
+ type BlinkAccordionItem = {
256
256
  id: string;
257
257
  title: string;
258
258
  content: ReactNode;
259
259
  };
260
- type AccordionProps = {
261
- items: AccordionItem[];
262
- defaultOpen?: string;
260
+ type BlinkAccordionProps = {
261
+ items: BlinkAccordionItem[];
262
+ defaultOpen?: string[];
263
263
  allowMultiple?: boolean;
264
264
  };
265
- declare function Accordion({ items, defaultOpen, allowMultiple }: AccordionProps): react_jsx_runtime.JSX.Element;
265
+ declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): react_jsx_runtime.JSX.Element;
266
266
 
267
- type TabItem = {
268
- id: string;
267
+ type BlinkTabItem = {
268
+ key: string;
269
269
  label: string;
270
- content: ReactNode;
271
270
  };
272
- type TabsProps = {
273
- tabs: TabItem[];
271
+ type BlinkTabsProps = {
272
+ tabs: BlinkTabItem[];
274
273
  activeTab?: string;
275
- onTabChange?: (tabId: string) => void;
274
+ onTabChange?: (key: string) => void;
276
275
  variant?: 'underline' | 'pill';
277
276
  };
278
- declare function Tabs({ tabs, activeTab, onTabChange, variant }: TabsProps): react_jsx_runtime.JSX.Element;
277
+ declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): react_jsx_runtime.JSX.Element;
279
278
 
280
- type ToggleOption = {
281
- id: string;
279
+ type BlinkToggleOption = {
280
+ value: string;
282
281
  label: string;
283
282
  };
284
- type ToggleGroupProps = {
285
- options: ToggleOption[];
283
+ type BlinkToggleGroupProps = {
284
+ options: BlinkToggleOption[];
286
285
  value: string;
287
286
  onValueChange: (value: string) => void;
288
287
  size?: 'sm' | 'md' | 'lg';
289
288
  };
290
- declare function ToggleGroup({ options, value, onValueChange, size }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
289
+ declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react_jsx_runtime.JSX.Element;
291
290
 
292
- type ToastVariant = 'default' | 'success' | 'error' | 'warning';
293
- type ToastData = {
291
+ type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
292
+ type BlinkToastData = {
294
293
  id: string;
295
294
  message: string;
296
- variant?: ToastVariant;
295
+ variant?: BlinkToastVariant;
297
296
  duration?: number;
298
297
  };
299
- type ToastContextType = {
300
- show: (message: string, variant?: ToastVariant, duration?: number) => void;
298
+ type BlinkToastContextType = {
299
+ show: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
301
300
  };
302
- declare const toast: (message: string, variant?: ToastVariant, duration?: number) => void;
303
- declare function ToastProvider({ children }: {
301
+ declare const toast: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
302
+ declare function BlinkToastProvider({ children }: {
304
303
  children: ReactNode;
305
304
  }): react_jsx_runtime.JSX.Element;
306
- declare function useToast(): ToastContextType;
305
+ declare function useBlinkToast(): BlinkToastContextType;
307
306
 
308
307
  type FormFieldProps = {
309
308
  label?: string;
@@ -329,7 +328,7 @@ type StepPageProps = {
329
328
  };
330
329
  declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): react_jsx_runtime.JSX.Element;
331
330
 
332
- declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
331
+ declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
333
332
  elevation?: number | tamagui.SizeTokens | undefined;
334
333
  inset?: number | tamagui.SizeTokens | {
335
334
  top?: number;
@@ -379,45 +378,37 @@ declare function SafeArea({ children, edges }: SafeAreaProps): react_jsx_runtime
379
378
 
380
379
  type GridProps = {
381
380
  children: ReactNode;
382
- columns?: 2 | 3 | 4;
383
- gap?: '$2' | '$3' | '$4';
381
+ columns?: number;
382
+ gap?: string;
384
383
  };
385
- declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
386
384
  type ContainerProps = {
387
385
  children: ReactNode;
388
386
  maxWidth?: number;
389
387
  centered?: boolean;
388
+ padding?: string;
390
389
  };
391
- declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
390
+ declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
391
+ declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react_jsx_runtime.JSX.Element;
392
392
 
393
393
  type PlanOption = {
394
394
  id: string;
395
395
  name: string;
396
396
  price: string;
397
397
  period: string;
398
- pricePerWeek?: string;
399
- savings?: string;
398
+ features: string[];
400
399
  popular?: boolean;
401
- trial?: string;
402
400
  };
403
401
  type PaywallScreenProps = {
404
402
  title?: string;
405
403
  subtitle?: string;
406
- features?: string[];
407
404
  plans: PlanOption[];
408
405
  selectedPlan?: string;
409
406
  onSelectPlan?: (planId: string) => void;
410
407
  onContinue?: () => void;
411
- onClose?: () => void;
412
408
  onRestore?: () => void;
413
- onTerms?: () => void;
414
- onPrivacy?: () => void;
415
409
  continueLabel?: string;
416
- reassurance?: string;
417
- hero?: ReactNode;
418
- socialProof?: string;
419
410
  };
420
- declare function PaywallScreen({ title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
411
+ declare function PaywallScreen({ title, subtitle, plans, selectedPlan, onSelectPlan, onContinue, onRestore, continueLabel, }: PaywallScreenProps): react_jsx_runtime.JSX.Element;
421
412
 
422
413
  type OnboardingStep = {
423
414
  title: string;
@@ -497,12 +488,12 @@ type AppHeaderProps = {
497
488
  variant?: AppHeaderVariant;
498
489
  onBack?: () => void;
499
490
  avatar?: string;
500
- left?: ReactNode;
501
- right?: ReactNode;
491
+ left?: React.ReactNode;
492
+ right?: React.ReactNode;
502
493
  transparent?: boolean;
503
494
  borderless?: boolean;
504
495
  };
505
- declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless, }: AppHeaderProps): react_jsx_runtime.JSX.Element;
496
+ declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react_jsx_runtime.JSX.Element;
506
497
 
507
498
  type BottomSheetProps = {
508
499
  open: boolean;
@@ -514,7 +505,7 @@ type BottomSheetProps = {
514
505
  showHandle?: boolean;
515
506
  showClose?: boolean;
516
507
  };
517
- declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, }: BottomSheetProps): react_jsx_runtime.JSX.Element;
508
+ declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
518
509
 
519
510
  type AuthProvider = {
520
511
  id: string;
@@ -526,7 +517,7 @@ type LoginScreenProps = {
526
517
  subtitle?: string;
527
518
  logo?: ReactNode;
528
519
  providers?: AuthProvider[];
529
- onProviderPress?: (providerId: string) => void;
520
+ onProviderPress?: (id: string) => void;
530
521
  showEmailForm?: boolean;
531
522
  onEmailSubmit?: (email: string, password: string) => void;
532
523
  onForgotPassword?: () => void;
@@ -535,17 +526,17 @@ type LoginScreenProps = {
535
526
  onPrivacy?: () => void;
536
527
  loading?: boolean;
537
528
  };
538
- declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): react_jsx_runtime.JSX.Element;
529
+ declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }: LoginScreenProps): react_jsx_runtime.JSX.Element;
539
530
 
540
531
  type TabBarItem = {
541
532
  id: string;
542
533
  label: string;
543
- icon?: ReactNode;
534
+ icon?: React.ReactNode;
544
535
  };
545
536
  type TabBarProps = {
546
537
  tabs: TabBarItem[];
547
538
  activeTab: string;
548
- onTabPress: (tabId: string) => void;
539
+ onTabPress: (id: string) => void;
549
540
  showLabels?: boolean;
550
541
  };
551
542
  declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): react_jsx_runtime.JSX.Element;
@@ -580,10 +571,10 @@ type ActionSheetProps = {
580
571
  onOpenChange: (open: boolean) => void;
581
572
  title?: string;
582
573
  items: ActionSheetItem[];
583
- onSelect: (itemId: string) => void;
574
+ onSelect: (id: string) => void;
584
575
  cancelLabel?: string;
585
576
  };
586
- declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, }: ActionSheetProps): react_jsx_runtime.JSX.Element;
577
+ declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
587
578
 
588
579
  type SkeletonProps = {
589
580
  width?: number | string;
@@ -601,7 +592,7 @@ type NotificationBannerProps = {
601
592
  onDismiss?: () => void;
602
593
  icon?: ReactNode;
603
594
  };
604
- declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon, }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
595
+ declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
605
596
 
606
597
  type ProgressStepsProps = {
607
598
  steps: string[];
@@ -632,11 +623,11 @@ type MediaCardProps = {
632
623
  onPress?: () => void;
633
624
  badge?: string;
634
625
  };
635
- declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge, }: MediaCardProps): react_jsx_runtime.JSX.Element;
626
+ declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): react_jsx_runtime.JSX.Element;
636
627
 
637
628
  type CarouselProps = {
638
629
  children: ReactNode;
639
- gap?: '$2' | '$3' | '$4';
630
+ gap?: string;
640
631
  snapToInterval?: number;
641
632
  showIndicators?: boolean;
642
633
  };
@@ -644,9 +635,9 @@ declare function Carousel({ children, gap, snapToInterval, showIndicators }: Car
644
635
 
645
636
  type PullToRefreshProps = {
646
637
  children: ReactNode;
647
- onRefresh: () => Promise<void>;
638
+ onRefresh: () => void;
648
639
  refreshing?: boolean;
649
640
  };
650
641
  declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
651
642
 
652
- export { Accordion, type AccordionItem, type AccordionProps, ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, Badge, type BadgeProps, 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, BlinkText, type BlinkTextProps, 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 TabItem, Tabs, type TabsProps, type ToastContextType, type ToastData, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupProps, type ToggleOption, type TooltipProps, blinkConfig, dialogConfirm, showError, toast, useToast };
643
+ 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, 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 };