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

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