@blinkdotnew/mobile-ui 2.0.0-alpha.5 → 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 +330 -30
  2. package/dist/index.d.ts +330 -30
  3. package/dist/index.js +980 -157
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +932 -136
  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;
@@ -197,6 +196,129 @@ type BadgeProps = {
197
196
  };
198
197
  declare function Badge({ children, variant }: BadgeProps): react_jsx_runtime.JSX.Element;
199
198
 
199
+ declare const ICONS: {
200
+ readonly home: "⌂";
201
+ readonly search: "⌕";
202
+ readonly back: "‹";
203
+ readonly forward: "›";
204
+ readonly close: "✕";
205
+ readonly menu: "☰";
206
+ readonly more: "⋯";
207
+ readonly plus: "+";
208
+ readonly minus: "−";
209
+ readonly check: "✓";
210
+ readonly star: "★";
211
+ readonly starOutline: "☆";
212
+ readonly heart: "♥";
213
+ readonly heartOutline: "♡";
214
+ readonly share: "⤴";
215
+ readonly edit: "✎";
216
+ readonly trash: "⌫";
217
+ readonly copy: "⎘";
218
+ readonly chat: "💬";
219
+ readonly mail: "✉";
220
+ readonly bell: "🔔";
221
+ readonly bellOff: "🔕";
222
+ readonly send: "➤";
223
+ readonly play: "▶";
224
+ readonly pause: "⏸";
225
+ readonly camera: "📷";
226
+ readonly image: "🖼";
227
+ readonly info: "ℹ";
228
+ readonly warning: "⚠";
229
+ readonly error: "✕";
230
+ readonly success: "✓";
231
+ readonly loading: "⟳";
232
+ readonly user: "👤";
233
+ readonly users: "👥";
234
+ readonly settings: "⚙";
235
+ readonly lock: "🔒";
236
+ readonly unlock: "🔓";
237
+ readonly arrowUp: "↑";
238
+ readonly arrowDown: "↓";
239
+ readonly arrowLeft: "←";
240
+ readonly arrowRight: "→";
241
+ readonly chevronUp: "⌃";
242
+ readonly chevronDown: "⌄";
243
+ readonly chevronLeft: "‹";
244
+ readonly chevronRight: "›";
245
+ };
246
+ type IconName = keyof typeof ICONS;
247
+ type IconProps = {
248
+ name: IconName;
249
+ size?: number;
250
+ color?: string;
251
+ };
252
+ declare function Icon({ name, size, color }: IconProps): react_jsx_runtime.JSX.Element;
253
+
254
+ type BlinkAccordionItem = {
255
+ id: string;
256
+ title: string;
257
+ content: ReactNode;
258
+ };
259
+ type BlinkAccordionProps = {
260
+ items: BlinkAccordionItem[];
261
+ defaultOpen?: string[];
262
+ allowMultiple?: boolean;
263
+ };
264
+ declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): react_jsx_runtime.JSX.Element;
265
+
266
+ type BlinkTabItem = {
267
+ key: string;
268
+ label: string;
269
+ };
270
+ type BlinkTabsProps = {
271
+ tabs: BlinkTabItem[];
272
+ activeTab?: string;
273
+ onTabChange?: (key: string) => void;
274
+ variant?: 'underline' | 'pill';
275
+ };
276
+ declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): react_jsx_runtime.JSX.Element;
277
+
278
+ type BlinkToggleOption = {
279
+ value: string;
280
+ label: string;
281
+ };
282
+ type BlinkToggleGroupProps = {
283
+ options: BlinkToggleOption[];
284
+ value: string;
285
+ onValueChange: (value: string) => void;
286
+ size?: 'sm' | 'md' | 'lg';
287
+ };
288
+ declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react_jsx_runtime.JSX.Element;
289
+
290
+ type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
291
+ type BlinkToastData = {
292
+ id: string;
293
+ message: string;
294
+ variant?: BlinkToastVariant;
295
+ duration?: number;
296
+ };
297
+ type BlinkToastContextType = {
298
+ show: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
299
+ };
300
+ declare const toast: (message: string, variant?: BlinkToastVariant, duration?: number) => void;
301
+ declare function BlinkToastProvider({ children }: {
302
+ children: ReactNode;
303
+ }): react_jsx_runtime.JSX.Element;
304
+ declare function useBlinkToast(): BlinkToastContextType;
305
+
306
+ type FormFieldProps = {
307
+ label?: string;
308
+ error?: string;
309
+ helperText?: string;
310
+ required?: boolean;
311
+ children: ReactNode;
312
+ };
313
+ declare function FormField({ label, error, helperText, required, children }: FormFieldProps): react_jsx_runtime.JSX.Element;
314
+
315
+ type TooltipProps = {
316
+ content: string;
317
+ children: ReactNode;
318
+ side?: 'top' | 'bottom' | 'left' | 'right';
319
+ };
320
+ declare function BlinkTooltip({ content, children, side }: TooltipProps): react_jsx_runtime.JSX.Element;
321
+
200
322
  type StepPageProps = {
201
323
  title: string;
202
324
  description?: string;
@@ -205,7 +327,7 @@ type StepPageProps = {
205
327
  };
206
328
  declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): react_jsx_runtime.JSX.Element;
207
329
 
208
- 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, {
209
331
  elevation?: number | tamagui.SizeTokens | undefined;
210
332
  inset?: number | tamagui.SizeTokens | {
211
333
  top?: number;
@@ -247,6 +369,25 @@ type KeyboardStickyFooterProps = {
247
369
  };
248
370
  declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): react_jsx_runtime.JSX.Element;
249
371
 
372
+ type SafeAreaProps = {
373
+ children: ReactNode;
374
+ edges?: ('top' | 'bottom' | 'left' | 'right')[];
375
+ };
376
+ declare function SafeArea({ children, edges }: SafeAreaProps): react_jsx_runtime.JSX.Element;
377
+
378
+ type GridProps = {
379
+ children: ReactNode;
380
+ columns?: number;
381
+ gap?: string;
382
+ };
383
+ type ContainerProps = {
384
+ children: ReactNode;
385
+ maxWidth?: number;
386
+ centered?: boolean;
387
+ };
388
+ declare function Grid({ children, columns, gap }: GridProps): react_jsx_runtime.JSX.Element;
389
+ declare function Container({ children, maxWidth, centered }: ContainerProps): react_jsx_runtime.JSX.Element;
390
+
250
391
  type PlanOption = {
251
392
  id: string;
252
393
  name: string;
@@ -338,4 +479,163 @@ type ProfileHeaderProps = {
338
479
  };
339
480
  declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): react_jsx_runtime.JSX.Element;
340
481
 
341
- export { 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, ChatBubble, type ChatBubbleProps, type ChatMessage, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, Image, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, PageContainer, PageMainContainer, PaywallScreen, type PaywallScreenProps, type PlanOption, Pressable, ProfileHeader, type ProfileHeaderProps, ScreenLayout, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, StepPageLayout, type StepPageProps, SubHeading, blinkConfig, dialogConfirm, showError };
482
+ type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
483
+ type AppHeaderProps = {
484
+ title: string;
485
+ subtitle?: string;
486
+ variant?: AppHeaderVariant;
487
+ onBack?: () => void;
488
+ avatar?: string;
489
+ left?: React.ReactNode;
490
+ right?: React.ReactNode;
491
+ transparent?: boolean;
492
+ borderless?: boolean;
493
+ };
494
+ declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react_jsx_runtime.JSX.Element;
495
+
496
+ type BottomSheetProps = {
497
+ open: boolean;
498
+ onOpenChange: (open: boolean) => void;
499
+ title?: string;
500
+ children: ReactNode;
501
+ snapPoints?: number[];
502
+ dismissOnSnapToBottom?: boolean;
503
+ showHandle?: boolean;
504
+ showClose?: boolean;
505
+ };
506
+ declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose }: BottomSheetProps): react_jsx_runtime.JSX.Element;
507
+
508
+ type AuthProvider = {
509
+ id: string;
510
+ name: string;
511
+ icon?: ReactNode;
512
+ };
513
+ type LoginScreenProps = {
514
+ title?: string;
515
+ subtitle?: string;
516
+ logo?: ReactNode;
517
+ providers?: AuthProvider[];
518
+ onProviderPress?: (id: string) => void;
519
+ showEmailForm?: boolean;
520
+ onEmailSubmit?: (email: string, password: string) => void;
521
+ onForgotPassword?: () => void;
522
+ onCreateAccount?: () => void;
523
+ onTerms?: () => void;
524
+ onPrivacy?: () => void;
525
+ loading?: boolean;
526
+ };
527
+ declare function LoginScreen({ title, subtitle, logo, providers, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading }: LoginScreenProps): react_jsx_runtime.JSX.Element;
528
+
529
+ type TabBarItem = {
530
+ id: string;
531
+ label: string;
532
+ icon?: React.ReactNode;
533
+ };
534
+ type TabBarProps = {
535
+ tabs: TabBarItem[];
536
+ activeTab: string;
537
+ onTabPress: (id: string) => void;
538
+ showLabels?: boolean;
539
+ };
540
+ declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): react_jsx_runtime.JSX.Element;
541
+
542
+ type SearchBarProps = {
543
+ value: string;
544
+ onChangeText: (text: string) => void;
545
+ placeholder?: string;
546
+ onFilter?: () => void;
547
+ onCancel?: () => void;
548
+ autoFocus?: boolean;
549
+ };
550
+ declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): react_jsx_runtime.JSX.Element;
551
+
552
+ type FABProps = {
553
+ icon?: ReactNode;
554
+ label?: string;
555
+ onPress: () => void;
556
+ position?: 'bottom-right' | 'bottom-center' | 'bottom-left';
557
+ size?: 'sm' | 'md' | 'lg';
558
+ };
559
+ declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): react_jsx_runtime.JSX.Element;
560
+
561
+ type ActionSheetItem = {
562
+ id: string;
563
+ label: string;
564
+ icon?: ReactNode;
565
+ destructive?: boolean;
566
+ };
567
+ type ActionSheetProps = {
568
+ open: boolean;
569
+ onOpenChange: (open: boolean) => void;
570
+ title?: string;
571
+ items: ActionSheetItem[];
572
+ onSelect: (id: string) => void;
573
+ cancelLabel?: string;
574
+ };
575
+ declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel }: ActionSheetProps): react_jsx_runtime.JSX.Element;
576
+
577
+ type SkeletonProps = {
578
+ width?: number | string;
579
+ height?: number;
580
+ borderRadius?: number;
581
+ variant?: 'text' | 'circular' | 'rectangular';
582
+ };
583
+ declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): react_jsx_runtime.JSX.Element;
584
+
585
+ type NotificationBannerProps = {
586
+ title: string;
587
+ message?: string;
588
+ variant?: 'info' | 'success' | 'warning' | 'error';
589
+ onPress?: () => void;
590
+ onDismiss?: () => void;
591
+ icon?: ReactNode;
592
+ };
593
+ declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): react_jsx_runtime.JSX.Element;
594
+
595
+ type ProgressStepsProps = {
596
+ steps: string[];
597
+ currentStep: number;
598
+ variant?: 'dots' | 'bar' | 'numbered';
599
+ };
600
+ declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): react_jsx_runtime.JSX.Element;
601
+
602
+ type SwipeAction = {
603
+ id: string;
604
+ label: string;
605
+ color: string;
606
+ onPress: () => void;
607
+ };
608
+ type SwipeableRowProps = {
609
+ children: ReactNode;
610
+ leftActions?: SwipeAction[];
611
+ rightActions?: SwipeAction[];
612
+ };
613
+ declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): react_jsx_runtime.JSX.Element;
614
+
615
+ type MediaCardProps = {
616
+ image: string;
617
+ title: string;
618
+ subtitle?: string;
619
+ overlay?: 'gradient' | 'dark' | 'none';
620
+ aspectRatio?: number;
621
+ onPress?: () => void;
622
+ badge?: string;
623
+ };
624
+ declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): react_jsx_runtime.JSX.Element;
625
+
626
+ type CarouselProps = {
627
+ children: ReactNode;
628
+ gap?: string;
629
+ snapToInterval?: number;
630
+ showIndicators?: boolean;
631
+ };
632
+ declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): react_jsx_runtime.JSX.Element;
633
+
634
+ type PullToRefreshProps = {
635
+ children: ReactNode;
636
+ onRefresh: () => void;
637
+ refreshing?: boolean;
638
+ };
639
+ declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react_jsx_runtime.JSX.Element;
640
+
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 };