@blinkdotnew/mobile-ui 2.0.0-alpha.15 → 2.0.0-alpha.17
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.
- package/dist/index.d.mts +132 -122
- package/dist/index.d.ts +132 -122
- package/dist/index.js +722 -684
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +719 -695
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -2,11 +2,10 @@ import * as tamagui from 'tamagui';
|
|
|
2
2
|
import { TamaguiInternalConfig, GetProps, YStack, Select, Button as Button$1 } from 'tamagui';
|
|
3
3
|
export { Accordion, Adapt, AlertDialog, Anchor, AnimatePresence, Article, Aside, Avatar, TamaguiProvider as BlinkProvider, Button, Card, Checkbox, Circle, ColorTokens, Dialog, EnsureFlexed, Fieldset, Footer, Form, Frame, GetProps, Group, H1, H2, H3, H4, H5, H6, Header, Heading, Input, Label, Main, Nav, Paragraph, Popover, Portal, PortalHost, PortalItem, PortalProvider, Progress, RadioGroup, ScrollView, Select, Separator, Sheet, SizableStack, SizableText, SizeTokens, Slider, Spacer, Spinner, Square, Stack, Switch, Tabs, Image as TamaguiImage, ListItem as TamaguiListItem, TamaguiProvider, Text, TextArea, Theme, ThemeTokens, ThemeableStack, ToggleGroup, Tooltip, TooltipSimple, Unspaced, View, VisuallyHidden, XGroup, XStack, YGroup, YStack, ZStack, addTheme, composeEventHandlers, composeRefs, createFont, createMedia, createStyledContext, createTamagui, createTheme, createTokens, createVariable, getConfig, getToken, getTokenValue, getTokens, isClient, isWeb, replaceTheme, styled, updateTheme, useComposedRefs, useControllableState, useDebounce, useDebounceValue, useDidFinishSSR, useEvent, useForceUpdate, useIsPresent, useIsomorphicLayoutEffect, useMedia, usePresence, useTheme, useThemeName, useWindowDimensions, withStaticProperties } from 'tamagui';
|
|
4
4
|
export { defaultConfig as tamaguiDefaultConfig } from '@tamagui/config/v5';
|
|
5
|
-
import * as react from 'react';
|
|
6
|
-
import react__default, { ReactNode } from 'react';
|
|
7
5
|
import * as _tamagui_core from '@tamagui/core';
|
|
8
|
-
import * as
|
|
9
|
-
import
|
|
6
|
+
import * as React$1 from 'react';
|
|
7
|
+
import React__default, { ReactNode } from 'react';
|
|
8
|
+
import * as react_native from 'react-native';
|
|
10
9
|
|
|
11
10
|
declare const blinkConfig: TamaguiInternalConfig;
|
|
12
11
|
type BlinkConfig = typeof blinkConfig;
|
|
@@ -15,39 +14,27 @@ declare module 'tamagui' {
|
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
16
|
|
|
18
|
-
declare const Button: tamagui.TamaguiComponent<
|
|
17
|
+
declare const Button: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
|
|
19
18
|
textProps?: Partial<tamagui.SizableTextProps>;
|
|
20
19
|
noTextWrap?: boolean;
|
|
21
|
-
} &
|
|
22
|
-
icon?:
|
|
23
|
-
|
|
24
|
-
size?: any;
|
|
25
|
-
}> | ((props: {
|
|
26
|
-
color?: any;
|
|
27
|
-
size?: any;
|
|
28
|
-
}) => any) | null;
|
|
29
|
-
iconAfter?: react.JSX.Element | react.FunctionComponent<{
|
|
30
|
-
color?: any;
|
|
31
|
-
size?: any;
|
|
32
|
-
}> | ((props: {
|
|
33
|
-
color?: any;
|
|
34
|
-
size?: any;
|
|
35
|
-
}) => any) | null;
|
|
20
|
+
} & _tamagui_core.ThemeableProps & {
|
|
21
|
+
icon?: any;
|
|
22
|
+
iconAfter?: any;
|
|
36
23
|
scaleIcon?: number;
|
|
37
24
|
spaceFlex?: number | boolean;
|
|
38
25
|
scaleSpace?: number;
|
|
39
26
|
unstyled?: boolean;
|
|
40
|
-
},
|
|
27
|
+
}, _tamagui_core.StackStyleBase, {
|
|
41
28
|
size?: number | "lg" | "md" | "sm" | tamagui.SizeTokens | undefined;
|
|
42
29
|
disabled?: boolean | undefined;
|
|
43
30
|
elevation?: number | tamagui.SizeTokens | undefined;
|
|
44
|
-
variant?: "transparent" | "default" | "primary" | "outlined" | "floating" | "destructive" | undefined;
|
|
45
31
|
inset?: number | tamagui.SizeTokens | {
|
|
46
32
|
top?: number;
|
|
47
33
|
bottom?: number;
|
|
48
34
|
left?: number;
|
|
49
35
|
right?: number;
|
|
50
36
|
} | null | undefined;
|
|
37
|
+
variant?: "transparent" | "default" | "primary" | "outlined" | "floating" | "destructive" | undefined;
|
|
51
38
|
unstyled?: boolean | undefined;
|
|
52
39
|
transparent?: boolean | undefined;
|
|
53
40
|
fullscreen?: boolean | undefined;
|
|
@@ -62,10 +49,10 @@ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, _tam
|
|
|
62
49
|
padded?: boolean | undefined;
|
|
63
50
|
chromeless?: boolean | "all" | undefined;
|
|
64
51
|
fullWidth?: boolean | undefined;
|
|
65
|
-
},
|
|
52
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
66
53
|
type ButtonProps = GetProps<typeof Button>;
|
|
67
54
|
|
|
68
|
-
declare const BlinkText: tamagui.TamaguiComponent<
|
|
55
|
+
declare const BlinkText: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
|
|
69
56
|
size?: tamagui.FontSizeTokens | undefined;
|
|
70
57
|
bold?: boolean | undefined;
|
|
71
58
|
variant?: "body" | "display" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "small" | undefined;
|
|
@@ -73,46 +60,46 @@ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any, t
|
|
|
73
60
|
center?: boolean | undefined;
|
|
74
61
|
muted?: boolean | undefined;
|
|
75
62
|
secondary?: boolean | undefined;
|
|
76
|
-
},
|
|
63
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
77
64
|
type BlinkTextProps = GetProps<typeof BlinkText>;
|
|
78
65
|
|
|
79
|
-
declare const CardFrame: tamagui.TamaguiComponent<
|
|
66
|
+
declare const CardFrame: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
80
67
|
size?: "lg" | "md" | "sm" | undefined;
|
|
81
68
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
82
69
|
pressable?: boolean | undefined;
|
|
83
|
-
},
|
|
70
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
84
71
|
type CardProps = GetProps<typeof CardFrame>;
|
|
85
|
-
declare const Card:
|
|
72
|
+
declare const Card: React$1.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_core.StackStyleBase | "variant" | "pressable"> & _tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & {
|
|
86
73
|
size?: "lg" | "md" | "sm" | undefined;
|
|
87
74
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
88
75
|
pressable?: boolean | undefined;
|
|
89
|
-
} &
|
|
76
|
+
} & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>> & _tamagui_core.WithPseudoProps<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & {
|
|
90
77
|
size?: "lg" | "md" | "sm" | undefined;
|
|
91
78
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
92
79
|
pressable?: boolean | undefined;
|
|
93
|
-
} &
|
|
80
|
+
} & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>>> & _tamagui_core.WithMediaProps<_tamagui_core.WithThemeShorthandsAndPseudos<_tamagui_core.StackStyleBase, {
|
|
94
81
|
size?: "lg" | "md" | "sm" | undefined;
|
|
95
82
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
96
83
|
pressable?: boolean | undefined;
|
|
97
|
-
}>> &
|
|
84
|
+
}>> & React$1.RefAttributes<tamagui.TamaguiElement>> & _tamagui_core.StaticComponentObject<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
98
85
|
size?: "lg" | "md" | "sm" | undefined;
|
|
99
86
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
100
87
|
pressable?: boolean | undefined;
|
|
101
|
-
},
|
|
102
|
-
__tama: [
|
|
88
|
+
}, _tamagui_core.StaticConfigPublic> & Omit<_tamagui_core.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
|
|
89
|
+
__tama: [_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
103
90
|
size?: "lg" | "md" | "sm" | undefined;
|
|
104
91
|
variant?: "outlined" | "flat" | "elevated" | undefined;
|
|
105
92
|
pressable?: boolean | undefined;
|
|
106
|
-
},
|
|
93
|
+
}, _tamagui_core.StaticConfigPublic];
|
|
107
94
|
} & {
|
|
108
|
-
Header: tamagui.TamaguiComponent<
|
|
109
|
-
Content: tamagui.TamaguiComponent<
|
|
110
|
-
Footer: tamagui.TamaguiComponent<
|
|
95
|
+
Header: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
|
|
96
|
+
Content: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
|
|
97
|
+
Footer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
|
|
111
98
|
};
|
|
112
99
|
|
|
113
|
-
declare const InputField: tamagui.TamaguiComponent<
|
|
114
|
-
readonly placeholderTextColor?: Omit<tamagui.ColorTokens |
|
|
115
|
-
readonly selectionColor?: Omit<tamagui.ColorTokens |
|
|
100
|
+
declare const InputField: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, react_native.TextInput, _tamagui_core.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_core.TextStylePropsBase & {
|
|
101
|
+
readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
|
|
102
|
+
readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
|
|
116
103
|
}, {
|
|
117
104
|
size?: tamagui.SizeTokens | undefined;
|
|
118
105
|
disabled?: boolean | undefined;
|
|
@@ -125,13 +112,13 @@ declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, TextI
|
|
|
125
112
|
readonly placeholderTextColor: "color";
|
|
126
113
|
readonly selectionColor: "color";
|
|
127
114
|
};
|
|
128
|
-
} &
|
|
115
|
+
} & _tamagui_core.StaticConfigPublic>;
|
|
129
116
|
type InputProps = GetProps<typeof InputField> & {
|
|
130
117
|
label?: string;
|
|
131
118
|
error?: string;
|
|
132
119
|
hint?: string;
|
|
133
120
|
};
|
|
134
|
-
declare function Input({ label, error, hint, ...props }: InputProps):
|
|
121
|
+
declare function Input({ label, error, hint, ...props }: InputProps): JSX.Element;
|
|
135
122
|
|
|
136
123
|
type SimpleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
137
124
|
type AvatarProps = {
|
|
@@ -139,17 +126,17 @@ type AvatarProps = {
|
|
|
139
126
|
name?: string;
|
|
140
127
|
size?: number | SimpleSize;
|
|
141
128
|
};
|
|
142
|
-
declare const Avatar:
|
|
129
|
+
declare const Avatar: React$1.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => JSX.Element>;
|
|
143
130
|
|
|
144
|
-
declare const SubHeading: tamagui.TamaguiComponent<
|
|
131
|
+
declare const SubHeading: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
|
|
145
132
|
size?: tamagui.FontSizeTokens | undefined;
|
|
146
133
|
unstyled?: boolean | undefined;
|
|
147
|
-
},
|
|
134
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
148
135
|
declare function SepHeading({ children }: {
|
|
149
136
|
children: ReactNode;
|
|
150
|
-
}):
|
|
137
|
+
}): JSX.Element;
|
|
151
138
|
|
|
152
|
-
declare const PageContainer: tamagui.TamaguiComponent<
|
|
139
|
+
declare const PageContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
153
140
|
elevation?: number | tamagui.SizeTokens | undefined;
|
|
154
141
|
inset?: number | tamagui.SizeTokens | {
|
|
155
142
|
top?: number;
|
|
@@ -158,8 +145,8 @@ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, an
|
|
|
158
145
|
right?: number;
|
|
159
146
|
} | null | undefined;
|
|
160
147
|
fullscreen?: boolean | undefined;
|
|
161
|
-
},
|
|
162
|
-
declare const PageMainContainer: tamagui.TamaguiComponent<
|
|
148
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
149
|
+
declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
163
150
|
elevation?: number | tamagui.SizeTokens | undefined;
|
|
164
151
|
inset?: number | tamagui.SizeTokens | {
|
|
165
152
|
top?: number;
|
|
@@ -168,34 +155,34 @@ declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer
|
|
|
168
155
|
right?: number;
|
|
169
156
|
} | null | undefined;
|
|
170
157
|
fullscreen?: boolean | undefined;
|
|
171
|
-
},
|
|
158
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
172
159
|
|
|
173
160
|
declare function DialogProvider({ children }: {
|
|
174
161
|
children: ReactNode;
|
|
175
|
-
}):
|
|
162
|
+
}): JSX.Element;
|
|
176
163
|
declare const showError: (error: unknown, title?: string) => void;
|
|
177
164
|
declare const dialogConfirm: (props: {
|
|
178
165
|
title?: string;
|
|
179
166
|
description?: string;
|
|
180
167
|
}) => Promise<boolean>;
|
|
181
168
|
|
|
182
|
-
declare const Pressable: tamagui.TamaguiComponent<
|
|
169
|
+
declare const Pressable: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
|
|
183
170
|
|
|
184
|
-
declare const Image: tamagui.TamaguiComponent<
|
|
171
|
+
declare const Image: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, unknown, _tamagui_core.TamaguiComponentPropsBaseBase & Omit<Omit<_tamagui_core.GetFinalProps<_tamagui_core.TamaguiComponentPropsBaseBase & react_native.ImageProps, _tamagui_core.StackStyleBase, {}>, "borderRadius"> & {
|
|
185
172
|
borderRadius?: tamagui.RadiusTokens;
|
|
186
|
-
}, "style" | "onLayout" | "
|
|
173
|
+
}, "style" | "onLayout" | "height" | "width" | "resizeMode"> & {
|
|
187
174
|
width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
|
|
188
175
|
height?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
|
|
189
|
-
src?: string |
|
|
190
|
-
resizeMode?:
|
|
176
|
+
src?: string | (react_native.ImageSourcePropType | undefined);
|
|
177
|
+
resizeMode?: react_native.ImageResizeMode | undefined;
|
|
191
178
|
objectFit?: React.CSSProperties["objectFit"];
|
|
192
|
-
} & Omit<tamagui.StackProps, string | number |
|
|
179
|
+
} & Omit<tamagui.StackProps, "theme" | "debug" | "space" | "zIndex" | "bottom" | "backgroundColor" | "content" | "alignContent" | "flexGrow" | "alignItems" | "justifyContent" | "left" | "margin" | "maxHeight" | "maxWidth" | "marginBottom" | "minHeight" | "minWidth" | "marginLeft" | "marginRight" | "marginTop" | "marginHorizontal" | "marginVertical" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingHorizontal" | "paddingVertical" | "right" | "borderRadius" | "userSelect" | "alignSelf" | "flexShrink" | "top" | "transform" | "background" | "borderColor" | "outlineColor" | "shadowColor" | "hitSlop" | "pointerEvents" | "display" | "children" | "target" | "htmlFor" | "asChild" | "dangerouslySetInnerHTML" | "disabled" | "className" | "themeShallow" | "themeInverse" | "id" | "tag" | "group" | "untilMeasured" | "componentName" | "tabIndex" | "role" | "disableOptimization" | "forceStyle" | "disableClassName" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "x" | "y" | "perspective" | "scale" | "scaleX" | "scaleY" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "transition" | "textWrap" | "contain" | "touchAction" | "cursor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "scrollbarWidth" | "transformOrigin" | "filter" | "mixBlendMode" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundRepeat" | "backgroundSize" | "backgroundClip" | "backgroundBlendMode" | "backgroundAttachment" | "clipPath" | "caretColor" | "transformStyle" | "mask" | "maskImage" | "textEmphasis" | "borderImage" | "float" | "overflowBlock" | "overflowInline" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridTemplateColumns" | "gridTemplateAreas" | "backdropFilter" | "containerType" | "blockSize" | "inlineSize" | "minBlockSize" | "maxBlockSize" | "objectFit" | "verticalAlign" | "minInlineSize" | "maxInlineSize" | "borderInlineColor" | "borderInlineStartColor" | "borderInlineEndColor" | "borderBlockWidth" | "borderBlockStartWidth" | "borderBlockEndWidth" | "borderInlineWidth" | "borderInlineStartWidth" | "borderInlineEndWidth" | "borderBlockStyle" | "borderBlockStartStyle" | "borderBlockEndStyle" | "borderInlineStyle" | "borderInlineStartStyle" | "borderInlineEndStyle" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "insetBlock" | "insetBlockStart" | "insetBlockEnd" | "insetInline" | "insetInlineStart" | "insetInlineEnd" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "animatePresence" | "passThrough" | "backfaceVisibility" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "isolation" | "boxShadow" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "end" | "flex" | "flexBasis" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexWrap" | "height" | "marginEnd" | "marginStart" | "overflow" | "paddingEnd" | "paddingStart" | "position" | "start" | "width" | "direction" | "inset" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transformMatrix" | "rotation" | "translateX" | "translateY" | `$${string}` | `$${number}` | _tamagui_core.GroupMediaKeys | `$theme-${string}` | `$theme-${number}` | keyof _tamagui_core.WithPseudoProps<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>>> | "source" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "resizeMode" | "resizeMethod" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "fadeDuration">, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
|
|
193
180
|
|
|
194
181
|
type BadgeProps = {
|
|
195
182
|
children: ReactNode;
|
|
196
183
|
variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
197
184
|
};
|
|
198
|
-
declare function Badge({ children, variant }: BadgeProps):
|
|
185
|
+
declare function Badge({ children, variant }: BadgeProps): JSX.Element;
|
|
199
186
|
|
|
200
187
|
declare const ICONS: {
|
|
201
188
|
readonly home: "⌂";
|
|
@@ -250,7 +237,7 @@ type IconProps = {
|
|
|
250
237
|
size?: number;
|
|
251
238
|
color?: string;
|
|
252
239
|
};
|
|
253
|
-
declare function Icon({ name, size, color }: IconProps):
|
|
240
|
+
declare function Icon({ name, size, color }: IconProps): JSX.Element;
|
|
254
241
|
|
|
255
242
|
type BlinkAccordionItem = {
|
|
256
243
|
id: string;
|
|
@@ -262,7 +249,7 @@ type BlinkAccordionProps = {
|
|
|
262
249
|
defaultOpen?: string[];
|
|
263
250
|
allowMultiple?: boolean;
|
|
264
251
|
};
|
|
265
|
-
declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps):
|
|
252
|
+
declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): JSX.Element;
|
|
266
253
|
|
|
267
254
|
type BlinkTabItem = {
|
|
268
255
|
key: string;
|
|
@@ -274,7 +261,7 @@ type BlinkTabsProps = {
|
|
|
274
261
|
onTabChange?: (key: string) => void;
|
|
275
262
|
variant?: 'underline' | 'pill';
|
|
276
263
|
};
|
|
277
|
-
declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps):
|
|
264
|
+
declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): JSX.Element;
|
|
278
265
|
|
|
279
266
|
type BlinkToggleOption = {
|
|
280
267
|
value: string;
|
|
@@ -286,7 +273,7 @@ type BlinkToggleGroupProps = {
|
|
|
286
273
|
onValueChange: (value: string) => void;
|
|
287
274
|
size?: 'sm' | 'md' | 'lg';
|
|
288
275
|
};
|
|
289
|
-
declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps):
|
|
276
|
+
declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): JSX.Element;
|
|
290
277
|
|
|
291
278
|
type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
|
|
292
279
|
type BlinkToastData = {
|
|
@@ -307,7 +294,7 @@ type BlinkToastContextType = {
|
|
|
307
294
|
declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
|
|
308
295
|
declare function BlinkToastProvider({ children }: {
|
|
309
296
|
children: ReactNode;
|
|
310
|
-
}):
|
|
297
|
+
}): JSX.Element;
|
|
311
298
|
declare function useBlinkToast(): BlinkToastContextType;
|
|
312
299
|
|
|
313
300
|
type FormFieldProps = {
|
|
@@ -317,14 +304,29 @@ type FormFieldProps = {
|
|
|
317
304
|
required?: boolean;
|
|
318
305
|
children: ReactNode;
|
|
319
306
|
};
|
|
320
|
-
declare function FormField({ label, error, helperText, required, children }: FormFieldProps):
|
|
307
|
+
declare function FormField({ label, error, helperText, required, children }: FormFieldProps): JSX.Element;
|
|
321
308
|
|
|
322
309
|
type TooltipProps = {
|
|
323
310
|
content: string;
|
|
324
311
|
children: ReactNode;
|
|
325
312
|
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
326
313
|
};
|
|
327
|
-
declare function BlinkTooltip({ content, children, side }: TooltipProps):
|
|
314
|
+
declare function BlinkTooltip({ content, children, side }: TooltipProps): JSX.Element;
|
|
315
|
+
|
|
316
|
+
declare function GoogleLogo({ size }: {
|
|
317
|
+
size?: number;
|
|
318
|
+
}): JSX.Element;
|
|
319
|
+
declare function AppleLogo({ size, color }: {
|
|
320
|
+
size?: number;
|
|
321
|
+
color?: string;
|
|
322
|
+
}): JSX.Element;
|
|
323
|
+
declare function GitHubLogo({ size, color }: {
|
|
324
|
+
size?: number;
|
|
325
|
+
color?: string;
|
|
326
|
+
}): JSX.Element;
|
|
327
|
+
declare function MicrosoftLogo({ size }: {
|
|
328
|
+
size?: number;
|
|
329
|
+
}): JSX.Element;
|
|
328
330
|
|
|
329
331
|
type StepPageProps = {
|
|
330
332
|
title: string;
|
|
@@ -332,9 +334,9 @@ type StepPageProps = {
|
|
|
332
334
|
children: ReactNode;
|
|
333
335
|
bottom?: ReactNode;
|
|
334
336
|
};
|
|
335
|
-
declare function StepPageLayout({ title, description, children, bottom }: StepPageProps):
|
|
337
|
+
declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): JSX.Element;
|
|
336
338
|
|
|
337
|
-
declare const ScreenLayout: tamagui.TamaguiComponent<
|
|
339
|
+
declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
|
|
338
340
|
elevation?: number | tamagui.SizeTokens | undefined;
|
|
339
341
|
inset?: number | tamagui.SizeTokens | {
|
|
340
342
|
top?: number;
|
|
@@ -346,7 +348,7 @@ declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, any
|
|
|
346
348
|
padded?: boolean | undefined;
|
|
347
349
|
centered?: boolean | undefined;
|
|
348
350
|
safe?: boolean | undefined;
|
|
349
|
-
},
|
|
351
|
+
}, _tamagui_core.StaticConfigPublic>;
|
|
350
352
|
|
|
351
353
|
type SectionProps = {
|
|
352
354
|
title?: string;
|
|
@@ -354,7 +356,7 @@ type SectionProps = {
|
|
|
354
356
|
children: ReactNode;
|
|
355
357
|
gap?: GetProps<typeof YStack>['gap'];
|
|
356
358
|
};
|
|
357
|
-
declare function Section({ title, description, children, gap }: SectionProps):
|
|
359
|
+
declare function Section({ title, description, children, gap }: SectionProps): JSX.Element;
|
|
358
360
|
|
|
359
361
|
type ListItemProps = {
|
|
360
362
|
icon?: ReactNode;
|
|
@@ -363,24 +365,24 @@ type ListItemProps = {
|
|
|
363
365
|
right?: ReactNode;
|
|
364
366
|
onPress?: () => void;
|
|
365
367
|
};
|
|
366
|
-
declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps):
|
|
368
|
+
declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): JSX.Element;
|
|
367
369
|
|
|
368
370
|
type DividerProps = {
|
|
369
371
|
label?: string;
|
|
370
372
|
};
|
|
371
|
-
declare function Divider({ label }: DividerProps):
|
|
373
|
+
declare function Divider({ label }: DividerProps): JSX.Element;
|
|
372
374
|
|
|
373
375
|
type KeyboardStickyFooterProps = {
|
|
374
376
|
children: ReactNode;
|
|
375
377
|
offset?: number;
|
|
376
378
|
};
|
|
377
|
-
declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps):
|
|
379
|
+
declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): JSX.Element;
|
|
378
380
|
|
|
379
381
|
type SafeAreaProps = {
|
|
380
382
|
children: ReactNode;
|
|
381
383
|
edges?: ('top' | 'bottom' | 'left' | 'right')[];
|
|
382
384
|
};
|
|
383
|
-
declare function SafeArea({ children, edges }: SafeAreaProps):
|
|
385
|
+
declare function SafeArea({ children, edges }: SafeAreaProps): JSX.Element;
|
|
384
386
|
|
|
385
387
|
type GridProps = {
|
|
386
388
|
children: ReactNode;
|
|
@@ -393,8 +395,8 @@ type ContainerProps = {
|
|
|
393
395
|
centered?: boolean;
|
|
394
396
|
padding?: string;
|
|
395
397
|
};
|
|
396
|
-
declare function Grid({ children, columns, gap }: GridProps):
|
|
397
|
-
declare function Container({ children, maxWidth, centered, padding }: ContainerProps):
|
|
398
|
+
declare function Grid({ children, columns, gap }: GridProps): JSX.Element;
|
|
399
|
+
declare function Container({ children, maxWidth, centered, padding }: ContainerProps): JSX.Element;
|
|
398
400
|
|
|
399
401
|
type PlanOption = {
|
|
400
402
|
id: string;
|
|
@@ -454,8 +456,12 @@ type PaywallScreenProps = {
|
|
|
454
456
|
creator?: PaywallCreator;
|
|
455
457
|
topSlot?: ReactNode;
|
|
456
458
|
footerSlot?: ReactNode;
|
|
459
|
+
trustBadges?: {
|
|
460
|
+
icon?: ReactNode;
|
|
461
|
+
label: string;
|
|
462
|
+
}[];
|
|
457
463
|
};
|
|
458
|
-
declare function PaywallScreen({ variant, eyebrow, title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, comparisonRows, testimonials, creator, topSlot, footerSlot, }: PaywallScreenProps):
|
|
464
|
+
declare function PaywallScreen({ variant, eyebrow, title, subtitle, features, plans, selectedPlan, onSelectPlan, onContinue, onClose, onRestore, onTerms, onPrivacy, continueLabel, reassurance, hero, socialProof, countdownMinutes, badge, comparisonRows, testimonials, creator, topSlot, footerSlot, trustBadges, }: PaywallScreenProps): JSX.Element;
|
|
459
465
|
|
|
460
466
|
type OnboardingVariant = 'default' | 'calm-gradient' | 'card-tilt' | 'editorial' | 'selection-step' | 'permission-prompt';
|
|
461
467
|
type OnboardingStep = {
|
|
@@ -479,7 +485,7 @@ type OnboardingCarouselProps = {
|
|
|
479
485
|
nextLabel?: string;
|
|
480
486
|
footerSlot?: ReactNode;
|
|
481
487
|
};
|
|
482
|
-
declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps):
|
|
488
|
+
declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): JSX.Element;
|
|
483
489
|
|
|
484
490
|
type ChatMessage = {
|
|
485
491
|
id: string;
|
|
@@ -493,7 +499,7 @@ type ChatBubbleProps = {
|
|
|
493
499
|
message: ChatMessage;
|
|
494
500
|
showAvatar?: boolean;
|
|
495
501
|
};
|
|
496
|
-
declare function ChatBubble({ message, showAvatar }: ChatBubbleProps):
|
|
502
|
+
declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): JSX.Element;
|
|
497
503
|
|
|
498
504
|
type SettingsItem = {
|
|
499
505
|
id: string;
|
|
@@ -514,7 +520,7 @@ type SettingsScreenProps = {
|
|
|
514
520
|
sections: SettingsSection[];
|
|
515
521
|
header?: ReactNode;
|
|
516
522
|
};
|
|
517
|
-
declare function SettingsScreen({ sections, header }: SettingsScreenProps):
|
|
523
|
+
declare function SettingsScreen({ sections, header }: SettingsScreenProps): JSX.Element;
|
|
518
524
|
|
|
519
525
|
type EmptyStateProps = {
|
|
520
526
|
icon?: ReactNode;
|
|
@@ -523,7 +529,7 @@ type EmptyStateProps = {
|
|
|
523
529
|
actionLabel?: string;
|
|
524
530
|
onAction?: () => void;
|
|
525
531
|
};
|
|
526
|
-
declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps):
|
|
532
|
+
declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): JSX.Element;
|
|
527
533
|
|
|
528
534
|
type ProfileHeaderProps = {
|
|
529
535
|
name: string;
|
|
@@ -535,7 +541,7 @@ type ProfileHeaderProps = {
|
|
|
535
541
|
}[];
|
|
536
542
|
actions?: ReactNode;
|
|
537
543
|
};
|
|
538
|
-
declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps):
|
|
544
|
+
declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): JSX.Element;
|
|
539
545
|
|
|
540
546
|
type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
|
|
541
547
|
type AppHeaderProps = {
|
|
@@ -549,7 +555,7 @@ type AppHeaderProps = {
|
|
|
549
555
|
transparent?: boolean;
|
|
550
556
|
borderless?: boolean;
|
|
551
557
|
};
|
|
552
|
-
declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps):
|
|
558
|
+
declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): JSX.Element;
|
|
553
559
|
|
|
554
560
|
type BottomSheetProps = {
|
|
555
561
|
open: boolean;
|
|
@@ -562,7 +568,7 @@ type BottomSheetProps = {
|
|
|
562
568
|
showClose?: boolean;
|
|
563
569
|
zIndex?: number;
|
|
564
570
|
};
|
|
565
|
-
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps):
|
|
571
|
+
declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): JSX.Element;
|
|
566
572
|
|
|
567
573
|
type AuthProviderBrand = 'google' | 'apple' | 'github' | 'microsoft' | 'custom';
|
|
568
574
|
type LoginScreenVariant = 'default' | 'editorial' | 'centered-card';
|
|
@@ -592,7 +598,7 @@ type LoginScreenProps = {
|
|
|
592
598
|
onPrivacy?: () => void;
|
|
593
599
|
loading?: boolean;
|
|
594
600
|
};
|
|
595
|
-
declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps):
|
|
601
|
+
declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): JSX.Element;
|
|
596
602
|
|
|
597
603
|
type TabBarItem = {
|
|
598
604
|
id: string;
|
|
@@ -605,7 +611,7 @@ type TabBarProps = {
|
|
|
605
611
|
onTabPress: (id: string) => void;
|
|
606
612
|
showLabels?: boolean;
|
|
607
613
|
};
|
|
608
|
-
declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps):
|
|
614
|
+
declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): JSX.Element;
|
|
609
615
|
|
|
610
616
|
type SearchBarProps = {
|
|
611
617
|
value: string;
|
|
@@ -615,7 +621,7 @@ type SearchBarProps = {
|
|
|
615
621
|
onCancel?: () => void;
|
|
616
622
|
autoFocus?: boolean;
|
|
617
623
|
};
|
|
618
|
-
declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps):
|
|
624
|
+
declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): JSX.Element;
|
|
619
625
|
|
|
620
626
|
type FABProps = {
|
|
621
627
|
icon?: ReactNode;
|
|
@@ -624,7 +630,7 @@ type FABProps = {
|
|
|
624
630
|
position?: 'bottom-right' | 'bottom-center' | 'bottom-left';
|
|
625
631
|
size?: 'sm' | 'md' | 'lg';
|
|
626
632
|
};
|
|
627
|
-
declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps):
|
|
633
|
+
declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): JSX.Element;
|
|
628
634
|
|
|
629
635
|
type ActionSheetItem = {
|
|
630
636
|
id: string;
|
|
@@ -641,7 +647,7 @@ type ActionSheetProps = {
|
|
|
641
647
|
cancelLabel?: string;
|
|
642
648
|
zIndex?: number;
|
|
643
649
|
};
|
|
644
|
-
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps):
|
|
650
|
+
declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): JSX.Element;
|
|
645
651
|
|
|
646
652
|
type SkeletonProps = {
|
|
647
653
|
width?: number | string;
|
|
@@ -649,7 +655,7 @@ type SkeletonProps = {
|
|
|
649
655
|
borderRadius?: number;
|
|
650
656
|
variant?: 'text' | 'circular' | 'rectangular';
|
|
651
657
|
};
|
|
652
|
-
declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps):
|
|
658
|
+
declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): JSX.Element;
|
|
653
659
|
|
|
654
660
|
type NotificationBannerProps = {
|
|
655
661
|
title: string;
|
|
@@ -659,14 +665,14 @@ type NotificationBannerProps = {
|
|
|
659
665
|
onDismiss?: () => void;
|
|
660
666
|
icon?: ReactNode;
|
|
661
667
|
};
|
|
662
|
-
declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps):
|
|
668
|
+
declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): JSX.Element;
|
|
663
669
|
|
|
664
670
|
type ProgressStepsProps = {
|
|
665
671
|
steps: string[];
|
|
666
672
|
currentStep: number;
|
|
667
673
|
variant?: 'dots' | 'bar' | 'numbered';
|
|
668
674
|
};
|
|
669
|
-
declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps):
|
|
675
|
+
declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): JSX.Element;
|
|
670
676
|
|
|
671
677
|
type SwipeAction = {
|
|
672
678
|
id: string;
|
|
@@ -679,7 +685,7 @@ type SwipeableRowProps = {
|
|
|
679
685
|
leftActions?: SwipeAction[];
|
|
680
686
|
rightActions?: SwipeAction[];
|
|
681
687
|
};
|
|
682
|
-
declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps):
|
|
688
|
+
declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): JSX.Element;
|
|
683
689
|
|
|
684
690
|
type MediaCardProps = {
|
|
685
691
|
image: string;
|
|
@@ -690,7 +696,7 @@ type MediaCardProps = {
|
|
|
690
696
|
onPress?: () => void;
|
|
691
697
|
badge?: string;
|
|
692
698
|
};
|
|
693
|
-
declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps):
|
|
699
|
+
declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): JSX.Element;
|
|
694
700
|
|
|
695
701
|
type CarouselProps = {
|
|
696
702
|
children: ReactNode;
|
|
@@ -698,14 +704,14 @@ type CarouselProps = {
|
|
|
698
704
|
snapToInterval?: number;
|
|
699
705
|
showIndicators?: boolean;
|
|
700
706
|
};
|
|
701
|
-
declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps):
|
|
707
|
+
declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): JSX.Element;
|
|
702
708
|
|
|
703
709
|
type PullToRefreshProps = {
|
|
704
710
|
children: ReactNode;
|
|
705
711
|
onRefresh: () => void;
|
|
706
712
|
refreshing?: boolean;
|
|
707
713
|
};
|
|
708
|
-
declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps):
|
|
714
|
+
declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): JSX.Element;
|
|
709
715
|
|
|
710
716
|
type ProductCardProps = {
|
|
711
717
|
image: string;
|
|
@@ -719,7 +725,7 @@ type ProductCardProps = {
|
|
|
719
725
|
onAddToCart?: () => void;
|
|
720
726
|
variant?: 'vertical' | 'horizontal';
|
|
721
727
|
};
|
|
722
|
-
declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps):
|
|
728
|
+
declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): JSX.Element;
|
|
723
729
|
|
|
724
730
|
type PricingPlan = {
|
|
725
731
|
id: string;
|
|
@@ -733,6 +739,7 @@ type PricingPlan = {
|
|
|
733
739
|
}[];
|
|
734
740
|
popular?: boolean;
|
|
735
741
|
cta?: string;
|
|
742
|
+
trial?: string;
|
|
736
743
|
};
|
|
737
744
|
type PricingTableProps = {
|
|
738
745
|
plans: PricingPlan[];
|
|
@@ -740,8 +747,11 @@ type PricingTableProps = {
|
|
|
740
747
|
onSelectPlan?: (planId: string) => void;
|
|
741
748
|
annual?: boolean;
|
|
742
749
|
onToggleBilling?: (annual: boolean) => void;
|
|
750
|
+
onContinue?: () => void;
|
|
751
|
+
continueLabel?: string;
|
|
752
|
+
reassurance?: string;
|
|
743
753
|
};
|
|
744
|
-
declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling }: PricingTableProps):
|
|
754
|
+
declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling, onContinue, continueLabel, reassurance }: PricingTableProps): JSX.Element;
|
|
745
755
|
|
|
746
756
|
type CountdownBannerProps = {
|
|
747
757
|
endTime?: Date;
|
|
@@ -750,7 +760,7 @@ type CountdownBannerProps = {
|
|
|
750
760
|
onExpire?: () => void;
|
|
751
761
|
variant?: 'banner' | 'compact' | 'badge';
|
|
752
762
|
};
|
|
753
|
-
declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps):
|
|
763
|
+
declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): JSX.Element | null;
|
|
754
764
|
|
|
755
765
|
type TestimonialCardProps = {
|
|
756
766
|
quote: string;
|
|
@@ -760,7 +770,7 @@ type TestimonialCardProps = {
|
|
|
760
770
|
rating?: number;
|
|
761
771
|
variant?: 'card' | 'minimal' | 'featured';
|
|
762
772
|
};
|
|
763
|
-
declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps):
|
|
773
|
+
declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): JSX.Element;
|
|
764
774
|
|
|
765
775
|
type ConfirmDialogProps = {
|
|
766
776
|
open: boolean;
|
|
@@ -774,7 +784,7 @@ type ConfirmDialogProps = {
|
|
|
774
784
|
destructive?: boolean;
|
|
775
785
|
icon?: ReactNode;
|
|
776
786
|
};
|
|
777
|
-
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps):
|
|
787
|
+
declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): JSX.Element;
|
|
778
788
|
|
|
779
789
|
type ChipProps = {
|
|
780
790
|
label: string;
|
|
@@ -798,8 +808,8 @@ type ChipGroupProps = {
|
|
|
798
808
|
variant?: 'filled' | 'outlined';
|
|
799
809
|
size?: 'sm' | 'md' | 'lg';
|
|
800
810
|
};
|
|
801
|
-
declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps):
|
|
802
|
-
declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps):
|
|
811
|
+
declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): JSX.Element;
|
|
812
|
+
declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): JSX.Element;
|
|
803
813
|
|
|
804
814
|
type OTPInputProps = {
|
|
805
815
|
length?: number;
|
|
@@ -810,7 +820,7 @@ type OTPInputProps = {
|
|
|
810
820
|
autoFocus?: boolean;
|
|
811
821
|
secureEntry?: boolean;
|
|
812
822
|
};
|
|
813
|
-
declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps):
|
|
823
|
+
declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): JSX.Element;
|
|
814
824
|
|
|
815
825
|
type PasswordInputProps = {
|
|
816
826
|
value?: string;
|
|
@@ -821,7 +831,7 @@ type PasswordInputProps = {
|
|
|
821
831
|
size?: '$3' | '$4' | '$5';
|
|
822
832
|
strengthIndicator?: boolean;
|
|
823
833
|
};
|
|
824
|
-
declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps):
|
|
834
|
+
declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): JSX.Element;
|
|
825
835
|
|
|
826
836
|
type AvatarGroupProps = {
|
|
827
837
|
avatars: {
|
|
@@ -833,7 +843,7 @@ type AvatarGroupProps = {
|
|
|
833
843
|
size?: number;
|
|
834
844
|
overlap?: number;
|
|
835
845
|
};
|
|
836
|
-
declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps):
|
|
846
|
+
declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): JSX.Element;
|
|
837
847
|
|
|
838
848
|
type SwipeCardItem = {
|
|
839
849
|
id: string;
|
|
@@ -849,7 +859,7 @@ type SwipeCardsProps<T extends SwipeCardItem> = {
|
|
|
849
859
|
rightLabel?: string;
|
|
850
860
|
emptyMessage?: string;
|
|
851
861
|
};
|
|
852
|
-
declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>):
|
|
862
|
+
declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): JSX.Element;
|
|
853
863
|
|
|
854
864
|
type GlassCardProps = {
|
|
855
865
|
children: ReactNode;
|
|
@@ -859,7 +869,7 @@ type GlassCardProps = {
|
|
|
859
869
|
padding?: number | string;
|
|
860
870
|
elevated?: boolean;
|
|
861
871
|
};
|
|
862
|
-
declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps):
|
|
872
|
+
declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): JSX.Element;
|
|
863
873
|
|
|
864
874
|
type DataTableColumn<T> = {
|
|
865
875
|
key: string;
|
|
@@ -876,8 +886,8 @@ type DataTableProps<T extends Record<string, any>> = {
|
|
|
876
886
|
};
|
|
877
887
|
declare function StatusBadge({ status }: {
|
|
878
888
|
status: string;
|
|
879
|
-
}):
|
|
880
|
-
declare function DataTable<T extends Record<string, any>>({ columns, data, onRowPress, emptyMessage }: DataTableProps<T>):
|
|
889
|
+
}): JSX.Element;
|
|
890
|
+
declare function DataTable<T extends Record<string, any>>({ columns, data, onRowPress, emptyMessage }: DataTableProps<T>): JSX.Element;
|
|
881
891
|
|
|
882
892
|
type DatePickerProps = {
|
|
883
893
|
value?: Date;
|
|
@@ -887,7 +897,7 @@ type DatePickerProps = {
|
|
|
887
897
|
startDay?: 0 | 1;
|
|
888
898
|
placeholder?: string;
|
|
889
899
|
};
|
|
890
|
-
declare function DatePicker({ value, onDateChange, minDate, maxDate, startDay }: DatePickerProps):
|
|
900
|
+
declare function DatePicker({ value, onDateChange, minDate, maxDate, startDay }: DatePickerProps): JSX.Element;
|
|
891
901
|
|
|
892
902
|
type EventCardProps = {
|
|
893
903
|
title: string;
|
|
@@ -901,7 +911,7 @@ type EventCardProps = {
|
|
|
901
911
|
onPress?: () => void;
|
|
902
912
|
actions?: ReactNode;
|
|
903
913
|
};
|
|
904
|
-
declare function EventCard({ theme, ...props }: EventCardProps):
|
|
914
|
+
declare function EventCard({ theme, ...props }: EventCardProps): JSX.Element;
|
|
905
915
|
|
|
906
916
|
type PreferenceItem = {
|
|
907
917
|
type: 'toggle';
|
|
@@ -946,7 +956,7 @@ type PreferenceSection = {
|
|
|
946
956
|
type UserPreferencesProps = {
|
|
947
957
|
sections: PreferenceSection[];
|
|
948
958
|
};
|
|
949
|
-
declare function UserPreferences({ sections }: UserPreferencesProps):
|
|
959
|
+
declare function UserPreferences({ sections }: UserPreferencesProps): JSX.Element;
|
|
950
960
|
|
|
951
961
|
type BlinkSelectItem = {
|
|
952
962
|
label: string;
|
|
@@ -962,31 +972,31 @@ type BlinkSelectProps = {
|
|
|
962
972
|
disabled?: boolean;
|
|
963
973
|
width?: string | number;
|
|
964
974
|
};
|
|
965
|
-
declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps):
|
|
975
|
+
declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): JSX.Element;
|
|
966
976
|
|
|
967
977
|
type BlinkDialogProps = {
|
|
968
978
|
open?: boolean;
|
|
969
979
|
onOpenChange?: (open: boolean) => void;
|
|
970
|
-
trigger?:
|
|
980
|
+
trigger?: React__default.ReactNode;
|
|
971
981
|
title?: string;
|
|
972
982
|
description?: string;
|
|
973
|
-
children?:
|
|
983
|
+
children?: React__default.ReactNode;
|
|
974
984
|
confirmLabel?: string;
|
|
975
985
|
cancelLabel?: string;
|
|
976
986
|
onConfirm?: () => void;
|
|
977
987
|
onCancel?: () => void;
|
|
978
988
|
confirmTheme?: GetProps<typeof Button$1>['theme'];
|
|
979
989
|
};
|
|
980
|
-
declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps):
|
|
990
|
+
declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): JSX.Element;
|
|
981
991
|
|
|
982
992
|
type BlinkPopoverProps = {
|
|
983
|
-
trigger:
|
|
984
|
-
children:
|
|
993
|
+
trigger: React__default.ReactNode;
|
|
994
|
+
children: React__default.ReactNode;
|
|
985
995
|
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
986
996
|
allowFlip?: boolean;
|
|
987
997
|
size?: string;
|
|
988
998
|
};
|
|
989
|
-
declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps):
|
|
999
|
+
declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): JSX.Element;
|
|
990
1000
|
|
|
991
1001
|
type ImmersiveMediaAction = {
|
|
992
1002
|
id: string;
|
|
@@ -1009,7 +1019,7 @@ type ImmersiveMediaScreenProps = {
|
|
|
1009
1019
|
onInputPress?: () => void;
|
|
1010
1020
|
sheetContent?: ReactNode;
|
|
1011
1021
|
};
|
|
1012
|
-
declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps):
|
|
1022
|
+
declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): JSX.Element;
|
|
1013
1023
|
|
|
1014
1024
|
type FinanceMetric = {
|
|
1015
1025
|
label: string;
|
|
@@ -1044,6 +1054,6 @@ type FinanceDashboardProps = {
|
|
|
1044
1054
|
chartSlot?: ReactNode;
|
|
1045
1055
|
topRight?: ReactNode;
|
|
1046
1056
|
};
|
|
1047
|
-
declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps):
|
|
1057
|
+
declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): JSX.Element;
|
|
1048
1058
|
|
|
1049
|
-
export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, 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, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GlassCard, type GlassCardProps, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
|
|
1059
|
+
export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, AppleLogo, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, 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, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GitHubLogo, GlassCard, type GlassCardProps, GoogleLogo, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, MicrosoftLogo, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, showError, toast, useBlinkToast };
|