@blinkdotnew/mobile-ui 2.0.0 → 2.0.1

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 (3) hide show
  1. package/dist/index.d.mts +120 -107
  2. package/dist/index.d.ts +120 -107
  3. package/package.json +12 -11
package/dist/index.d.mts CHANGED
@@ -2,9 +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';
5
7
  import * as _tamagui_core from '@tamagui/core';
6
- import * as React$1 from 'react';
7
- import React__default, { ReactNode } from 'react';
8
+ import * as _tamagui_web from '@tamagui/web';
8
9
  import * as react_native from 'react-native';
9
10
  export * from '@tamagui/lucide-icons';
10
11
 
@@ -75,17 +76,29 @@ declare const BLINK_DESIGN_THEME_IDS: BlinkDesignThemeId[];
75
76
  */
76
77
  declare function getBlinkDesignTheme(themeId: BlinkDesignThemeId): BlinkDesignTheme | undefined;
77
78
 
78
- declare const Button: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
79
+ declare const Button: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps & tamagui.TextContextStyles & {
79
80
  textProps?: Partial<tamagui.SizableTextProps>;
80
81
  noTextWrap?: boolean;
81
- } & _tamagui_core.ThemeableProps & {
82
- icon?: any;
83
- iconAfter?: any;
82
+ } & _tamagui_web.ThemeableProps & {
83
+ icon?: react.JSX.Element | react.FunctionComponent<{
84
+ color?: any;
85
+ size?: any;
86
+ }> | ((props: {
87
+ color?: any;
88
+ size?: any;
89
+ }) => any) | null;
90
+ iconAfter?: react.JSX.Element | react.FunctionComponent<{
91
+ color?: any;
92
+ size?: any;
93
+ }> | ((props: {
94
+ color?: any;
95
+ size?: any;
96
+ }) => any) | null;
84
97
  scaleIcon?: number;
85
98
  spaceFlex?: number | boolean;
86
99
  scaleSpace?: number;
87
100
  unstyled?: boolean;
88
- }, _tamagui_core.StackStyleBase, {
101
+ }, _tamagui_web.StackStyleBase, {
89
102
  size?: number | "lg" | "md" | "sm" | tamagui.SizeTokens | undefined;
90
103
  disabled?: boolean | undefined;
91
104
  elevation?: number | tamagui.SizeTokens | undefined;
@@ -110,10 +123,10 @@ declare const Button: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.
110
123
  padded?: boolean | undefined;
111
124
  chromeless?: boolean | "all" | undefined;
112
125
  fullWidth?: boolean | undefined;
113
- }, _tamagui_core.StaticConfigPublic>;
126
+ }, _tamagui_web.StaticConfigPublic>;
114
127
  type ButtonProps = GetProps<typeof Button>;
115
128
 
116
- declare const BlinkText: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
129
+ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
117
130
  size?: tamagui.FontSizeTokens | undefined;
118
131
  bold?: boolean | undefined;
119
132
  variant?: "body" | "display" | "h1" | "h2" | "h3" | "h4" | "bodySmall" | "caption" | "small" | undefined;
@@ -121,46 +134,46 @@ declare const BlinkText: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamag
121
134
  center?: boolean | undefined;
122
135
  muted?: boolean | undefined;
123
136
  secondary?: boolean | undefined;
124
- }, _tamagui_core.StaticConfigPublic>;
137
+ }, _tamagui_web.StaticConfigPublic>;
125
138
  type BlinkTextProps = GetProps<typeof BlinkText>;
126
139
 
127
- declare const CardFrame: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
140
+ declare const CardFrame: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
128
141
  size?: "lg" | "md" | "sm" | undefined;
129
142
  variant?: "outlined" | "flat" | "elevated" | undefined;
130
143
  pressable?: boolean | undefined;
131
- }, _tamagui_core.StaticConfigPublic>;
144
+ }, _tamagui_web.StaticConfigPublic>;
132
145
  type CardProps = GetProps<typeof CardFrame>;
133
- declare const Card: React$1.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_core.StackStyleBase | "variant" | "pressable"> & _tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & {
146
+ declare const Card: react.ForwardRefExoticComponent<Omit<_tamagui_core.RNTamaguiViewNonStyleProps, "size" | keyof _tamagui_web.StackStyleBase | "variant" | "pressable"> & _tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
134
147
  size?: "lg" | "md" | "sm" | undefined;
135
148
  variant?: "outlined" | "flat" | "elevated" | undefined;
136
149
  pressable?: boolean | undefined;
137
- } & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>> & _tamagui_core.WithPseudoProps<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase> & {
150
+ } & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>> & _tamagui_web.WithPseudoProps<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase> & {
138
151
  size?: "lg" | "md" | "sm" | undefined;
139
152
  variant?: "outlined" | "flat" | "elevated" | undefined;
140
153
  pressable?: boolean | undefined;
141
- } & _tamagui_core.WithShorthands<_tamagui_core.WithThemeValues<_tamagui_core.StackStyleBase>>> & _tamagui_core.WithMediaProps<_tamagui_core.WithThemeShorthandsAndPseudos<_tamagui_core.StackStyleBase, {
154
+ } & _tamagui_web.WithShorthands<_tamagui_web.WithThemeValues<_tamagui_web.StackStyleBase>>> & _tamagui_web.WithMediaProps<_tamagui_web.WithThemeShorthandsAndPseudos<_tamagui_web.StackStyleBase, {
142
155
  size?: "lg" | "md" | "sm" | undefined;
143
156
  variant?: "outlined" | "flat" | "elevated" | undefined;
144
157
  pressable?: boolean | undefined;
145
- }>> & React$1.RefAttributes<tamagui.TamaguiElement>> & _tamagui_core.StaticComponentObject<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
158
+ }>> & react.RefAttributes<tamagui.TamaguiElement>> & _tamagui_web.StaticComponentObject<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
146
159
  size?: "lg" | "md" | "sm" | undefined;
147
160
  variant?: "outlined" | "flat" | "elevated" | undefined;
148
161
  pressable?: boolean | undefined;
149
- }, _tamagui_core.StaticConfigPublic> & Omit<_tamagui_core.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
150
- __tama: [_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
162
+ }, _tamagui_web.StaticConfigPublic> & Omit<_tamagui_web.StaticConfigPublic, "staticConfig" | "extractable" | "styleable"> & {
163
+ __tama: [_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
151
164
  size?: "lg" | "md" | "sm" | undefined;
152
165
  variant?: "outlined" | "flat" | "elevated" | undefined;
153
166
  pressable?: boolean | undefined;
154
- }, _tamagui_core.StaticConfigPublic];
167
+ }, _tamagui_web.StaticConfigPublic];
155
168
  } & {
156
- Header: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
157
- Content: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
158
- Footer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
169
+ Header: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
170
+ Content: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
171
+ Footer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
159
172
  };
160
173
 
161
- declare const InputField: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, react_native.TextInput, _tamagui_core.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_core.TextStylePropsBase & {
162
- readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
163
- readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_core.ThemeValueFallbackColor, "unset"> | undefined;
174
+ declare const InputField: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, react_native.TextInput, _tamagui_web.TamaguiComponentPropsBaseBase & react_native.TextInputProps & tamagui.InputExtraProps, _tamagui_web.TextStylePropsBase & {
175
+ readonly placeholderTextColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
176
+ readonly selectionColor?: Omit<tamagui.ColorTokens | _tamagui_web.ThemeValueFallbackColor, "unset"> | undefined;
164
177
  }, {
165
178
  size?: tamagui.SizeTokens | undefined;
166
179
  disabled?: boolean | undefined;
@@ -173,13 +186,13 @@ declare const InputField: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, reac
173
186
  readonly placeholderTextColor: "color";
174
187
  readonly selectionColor: "color";
175
188
  };
176
- } & _tamagui_core.StaticConfigPublic>;
189
+ } & _tamagui_web.StaticConfigPublic>;
177
190
  type InputProps = GetProps<typeof InputField> & {
178
191
  label?: string;
179
192
  error?: string;
180
193
  hint?: string;
181
194
  };
182
- declare function Input({ label, error, hint, ...props }: InputProps): JSX.Element;
195
+ declare function Input({ label, error, hint, ...props }: InputProps): react.JSX.Element;
183
196
 
184
197
  type SimpleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
185
198
  type AvatarProps = {
@@ -187,17 +200,17 @@ type AvatarProps = {
187
200
  name?: string;
188
201
  size?: number | SimpleSize;
189
202
  };
190
- declare const Avatar: React$1.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => JSX.Element>;
203
+ declare const Avatar: react.MemoExoticComponent<({ uri, name, size: sizeIn }: AvatarProps) => react.JSX.Element>;
191
204
 
192
- declare const SubHeading: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_core.TextStylePropsBase, {
205
+ declare const SubHeading: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiTextElement, tamagui.TextNonStyleProps, _tamagui_web.TextStylePropsBase, {
193
206
  size?: tamagui.FontSizeTokens | undefined;
194
207
  unstyled?: boolean | undefined;
195
- }, _tamagui_core.StaticConfigPublic>;
208
+ }, _tamagui_web.StaticConfigPublic>;
196
209
  declare function SepHeading({ children }: {
197
210
  children: ReactNode;
198
- }): JSX.Element;
211
+ }): react.JSX.Element;
199
212
 
200
- declare const PageContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
213
+ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
201
214
  elevation?: number | tamagui.SizeTokens | undefined;
202
215
  inset?: number | tamagui.SizeTokens | {
203
216
  top?: number;
@@ -206,8 +219,8 @@ declare const PageContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, t
206
219
  right?: number;
207
220
  } | null | undefined;
208
221
  fullscreen?: boolean | undefined;
209
- }, _tamagui_core.StaticConfigPublic>;
210
- declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
222
+ }, _tamagui_web.StaticConfigPublic>;
223
+ declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
211
224
  elevation?: number | tamagui.SizeTokens | undefined;
212
225
  inset?: number | tamagui.SizeTokens | {
213
226
  top?: number;
@@ -216,20 +229,20 @@ declare const PageMainContainer: tamagui.TamaguiComponent<_tamagui_core.TamaDefe
216
229
  right?: number;
217
230
  } | null | undefined;
218
231
  fullscreen?: boolean | undefined;
219
- }, _tamagui_core.StaticConfigPublic>;
232
+ }, _tamagui_web.StaticConfigPublic>;
220
233
 
221
234
  declare function DialogProvider({ children }: {
222
235
  children: ReactNode;
223
- }): JSX.Element;
236
+ }): react.JSX.Element;
224
237
  declare const showError: (error: unknown, title?: string) => void;
225
238
  declare const dialogConfirm: (props: {
226
239
  title?: string;
227
240
  description?: string;
228
241
  }) => Promise<boolean>;
229
242
 
230
- declare const Pressable: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {}, _tamagui_core.StaticConfigPublic>;
243
+ declare const Pressable: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {}, _tamagui_web.StaticConfigPublic>;
231
244
 
232
- 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"> & {
245
+ 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"> & {
233
246
  borderRadius?: tamagui.RadiusTokens;
234
247
  }, "style" | "onLayout" | "height" | "width" | "resizeMode"> & {
235
248
  width?: string | number | tamagui.SizeTokens | tamagui.ThemeValueFallback;
@@ -237,13 +250,13 @@ declare const Image: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, unknown,
237
250
  src?: string | (react_native.ImageSourcePropType | undefined);
238
251
  resizeMode?: react_native.ImageResizeMode | undefined;
239
252
  objectFit?: React.CSSProperties["objectFit"];
240
- } & 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>;
253
+ } & 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_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>;
241
254
 
242
255
  type BadgeProps = {
243
256
  children: ReactNode;
244
257
  variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
245
258
  };
246
- declare function Badge({ children, variant }: BadgeProps): JSX.Element;
259
+ declare function Badge({ children, variant }: BadgeProps): react.JSX.Element;
247
260
 
248
261
  declare const ICONS: {
249
262
  readonly home: "⌂";
@@ -298,7 +311,7 @@ type IconProps = {
298
311
  size?: number;
299
312
  color?: string;
300
313
  };
301
- declare function Icon({ name, size, color }: IconProps): JSX.Element;
314
+ declare function Icon({ name, size, color }: IconProps): react.JSX.Element;
302
315
 
303
316
  type BlinkAccordionItem = {
304
317
  id: string;
@@ -310,7 +323,7 @@ type BlinkAccordionProps = {
310
323
  defaultOpen?: string[];
311
324
  allowMultiple?: boolean;
312
325
  };
313
- declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): JSX.Element;
326
+ declare function BlinkAccordion({ items, defaultOpen, allowMultiple }: BlinkAccordionProps): react.JSX.Element;
314
327
 
315
328
  type BlinkTabItem = {
316
329
  key: string;
@@ -322,7 +335,7 @@ type BlinkTabsProps = {
322
335
  onTabChange?: (key: string) => void;
323
336
  variant?: 'underline' | 'pill';
324
337
  };
325
- declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): JSX.Element;
338
+ declare function BlinkTabs({ tabs, activeTab, onTabChange, variant }: BlinkTabsProps): react.JSX.Element;
326
339
 
327
340
  type BlinkToggleOption = {
328
341
  value: string;
@@ -334,7 +347,7 @@ type BlinkToggleGroupProps = {
334
347
  onValueChange: (value: string) => void;
335
348
  size?: 'sm' | 'md' | 'lg';
336
349
  };
337
- declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): JSX.Element;
350
+ declare function BlinkToggleGroup({ options, value, onValueChange, size }: BlinkToggleGroupProps): react.JSX.Element;
338
351
 
339
352
  type BlinkToastVariant = 'default' | 'success' | 'error' | 'warning';
340
353
  type BlinkToastData = {
@@ -355,7 +368,7 @@ type BlinkToastContextType = {
355
368
  declare const toast: (title: string, options?: BlinkToastOptions | BlinkToastVariant) => void;
356
369
  declare function BlinkToastProvider({ children }: {
357
370
  children: ReactNode;
358
- }): JSX.Element;
371
+ }): react.JSX.Element;
359
372
  declare function useBlinkToast(): BlinkToastContextType;
360
373
 
361
374
  type FormFieldProps = {
@@ -365,29 +378,29 @@ type FormFieldProps = {
365
378
  required?: boolean;
366
379
  children: ReactNode;
367
380
  };
368
- declare function FormField({ label, error, helperText, required, children }: FormFieldProps): JSX.Element;
381
+ declare function FormField({ label, error, helperText, required, children }: FormFieldProps): react.JSX.Element;
369
382
 
370
383
  type TooltipProps = {
371
384
  content: string;
372
385
  children: ReactNode;
373
386
  side?: 'top' | 'bottom' | 'left' | 'right';
374
387
  };
375
- declare function BlinkTooltip({ content, children, side }: TooltipProps): JSX.Element;
388
+ declare function BlinkTooltip({ content, children, side }: TooltipProps): react.JSX.Element;
376
389
 
377
390
  declare function GoogleLogo({ size }: {
378
391
  size?: number;
379
- }): JSX.Element;
392
+ }): react.JSX.Element;
380
393
  declare function AppleLogo({ size, color }: {
381
394
  size?: number;
382
395
  color?: string;
383
- }): JSX.Element;
396
+ }): react.JSX.Element;
384
397
  declare function GitHubLogo({ size, color }: {
385
398
  size?: number;
386
399
  color?: string;
387
- }): JSX.Element;
400
+ }): react.JSX.Element;
388
401
  declare function MicrosoftLogo({ size }: {
389
402
  size?: number;
390
- }): JSX.Element;
403
+ }): react.JSX.Element;
391
404
 
392
405
  type StepPageProps = {
393
406
  title: string;
@@ -395,9 +408,9 @@ type StepPageProps = {
395
408
  children: ReactNode;
396
409
  bottom?: ReactNode;
397
410
  };
398
- declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): JSX.Element;
411
+ declare function StepPageLayout({ title, description, children, bottom }: StepPageProps): react.JSX.Element;
399
412
 
400
- declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_core.StackStyleBase, {
413
+ declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_web.TamaDefer, tamagui.TamaguiElement, _tamagui_core.RNTamaguiViewNonStyleProps, _tamagui_web.StackStyleBase, {
401
414
  elevation?: number | tamagui.SizeTokens | undefined;
402
415
  inset?: number | tamagui.SizeTokens | {
403
416
  top?: number;
@@ -409,7 +422,7 @@ declare const ScreenLayout: tamagui.TamaguiComponent<_tamagui_core.TamaDefer, ta
409
422
  padded?: boolean | undefined;
410
423
  centered?: boolean | undefined;
411
424
  safe?: boolean | undefined;
412
- }, _tamagui_core.StaticConfigPublic>;
425
+ }, _tamagui_web.StaticConfigPublic>;
413
426
 
414
427
  type SectionProps = {
415
428
  title?: string;
@@ -417,7 +430,7 @@ type SectionProps = {
417
430
  children: ReactNode;
418
431
  gap?: GetProps<typeof YStack>['gap'];
419
432
  };
420
- declare function Section({ title, description, children, gap }: SectionProps): JSX.Element;
433
+ declare function Section({ title, description, children, gap }: SectionProps): react.JSX.Element;
421
434
 
422
435
  type ListItemProps = {
423
436
  icon?: ReactNode;
@@ -426,24 +439,24 @@ type ListItemProps = {
426
439
  right?: ReactNode;
427
440
  onPress?: () => void;
428
441
  };
429
- declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): JSX.Element;
442
+ declare function ListItem({ icon, title, subtitle, right, onPress }: ListItemProps): react.JSX.Element;
430
443
 
431
444
  type DividerProps = {
432
445
  label?: string;
433
446
  };
434
- declare function Divider({ label }: DividerProps): JSX.Element;
447
+ declare function Divider({ label }: DividerProps): react.JSX.Element;
435
448
 
436
449
  type KeyboardStickyFooterProps = {
437
450
  children: ReactNode;
438
451
  offset?: number;
439
452
  };
440
- declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): JSX.Element;
453
+ declare function KeyboardStickyFooter({ children, offset }: KeyboardStickyFooterProps): react.JSX.Element;
441
454
 
442
455
  type SafeAreaProps = {
443
456
  children: ReactNode;
444
457
  edges?: ('top' | 'bottom' | 'left' | 'right')[];
445
458
  };
446
- declare function SafeArea({ children, edges }: SafeAreaProps): JSX.Element;
459
+ declare function SafeArea({ children, edges }: SafeAreaProps): react.JSX.Element;
447
460
 
448
461
  type GridProps = {
449
462
  children: ReactNode;
@@ -456,8 +469,8 @@ type ContainerProps = {
456
469
  centered?: boolean;
457
470
  padding?: string;
458
471
  };
459
- declare function Grid({ children, columns, gap }: GridProps): JSX.Element;
460
- declare function Container({ children, maxWidth, centered, padding }: ContainerProps): JSX.Element;
472
+ declare function Grid({ children, columns, gap }: GridProps): react.JSX.Element;
473
+ declare function Container({ children, maxWidth, centered, padding }: ContainerProps): react.JSX.Element;
461
474
 
462
475
  type PlanOption = {
463
476
  id: string;
@@ -522,7 +535,7 @@ type PaywallScreenProps = {
522
535
  label: string;
523
536
  }[];
524
537
  };
525
- 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;
538
+ 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): react.JSX.Element;
526
539
 
527
540
  type OnboardingVariant = 'default' | 'calm-gradient' | 'card-tilt' | 'editorial' | 'selection-step' | 'permission-prompt';
528
541
  type OnboardingStep = {
@@ -546,7 +559,7 @@ type OnboardingCarouselProps = {
546
559
  nextLabel?: string;
547
560
  footerSlot?: ReactNode;
548
561
  };
549
- declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): JSX.Element;
562
+ declare function OnboardingCarousel({ steps, variant, brand, topLeading, onComplete, onSkip, completeLabel, skipLabel, nextLabel, footerSlot, }: OnboardingCarouselProps): react.JSX.Element;
550
563
 
551
564
  type ChatMessage = {
552
565
  id: string;
@@ -560,7 +573,7 @@ type ChatBubbleProps = {
560
573
  message: ChatMessage;
561
574
  showAvatar?: boolean;
562
575
  };
563
- declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): JSX.Element;
576
+ declare function ChatBubble({ message, showAvatar }: ChatBubbleProps): react.JSX.Element;
564
577
 
565
578
  type SettingsItem = {
566
579
  id: string;
@@ -581,7 +594,7 @@ type SettingsScreenProps = {
581
594
  sections: SettingsSection[];
582
595
  header?: ReactNode;
583
596
  };
584
- declare function SettingsScreen({ sections, header }: SettingsScreenProps): JSX.Element;
597
+ declare function SettingsScreen({ sections, header }: SettingsScreenProps): react.JSX.Element;
585
598
 
586
599
  type EmptyStateProps = {
587
600
  icon?: ReactNode;
@@ -590,7 +603,7 @@ type EmptyStateProps = {
590
603
  actionLabel?: string;
591
604
  onAction?: () => void;
592
605
  };
593
- declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): JSX.Element;
606
+ declare function EmptyState({ icon, title, description, actionLabel, onAction }: EmptyStateProps): react.JSX.Element;
594
607
 
595
608
  type ProfileHeaderProps = {
596
609
  name: string;
@@ -602,7 +615,7 @@ type ProfileHeaderProps = {
602
615
  }[];
603
616
  actions?: ReactNode;
604
617
  };
605
- declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): JSX.Element;
618
+ declare function ProfileHeader({ name, subtitle, avatar, stats, actions }: ProfileHeaderProps): react.JSX.Element;
606
619
 
607
620
  type AppHeaderVariant = 'simple' | 'back' | 'profile' | 'centered';
608
621
  type AppHeaderProps = {
@@ -616,7 +629,7 @@ type AppHeaderProps = {
616
629
  transparent?: boolean;
617
630
  borderless?: boolean;
618
631
  };
619
- declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): JSX.Element;
632
+ declare function AppHeader({ title, subtitle, variant, onBack, avatar, left, right, transparent, borderless }: AppHeaderProps): react.JSX.Element;
620
633
 
621
634
  type BottomSheetProps = {
622
635
  open: boolean;
@@ -629,7 +642,7 @@ type BottomSheetProps = {
629
642
  showClose?: boolean;
630
643
  zIndex?: number;
631
644
  };
632
- declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): JSX.Element;
645
+ declare function BottomSheet({ open, onOpenChange, title, children, snapPoints, dismissOnSnapToBottom, showHandle, showClose, zIndex }: BottomSheetProps): react.JSX.Element;
633
646
 
634
647
  type AuthProviderBrand = 'google' | 'apple' | 'github' | 'microsoft' | 'custom';
635
648
  type LoginScreenVariant = 'default' | 'editorial' | 'centered-card';
@@ -659,7 +672,7 @@ type LoginScreenProps = {
659
672
  onPrivacy?: () => void;
660
673
  loading?: boolean;
661
674
  };
662
- declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): JSX.Element;
675
+ declare function LoginScreen({ variant, title, subtitle, logo, providers, hero, backgroundSlot, footerSlot, providerButtonStyle, onProviderPress, showEmailForm, onEmailSubmit, onForgotPassword, onCreateAccount, onTerms, onPrivacy, loading, }: LoginScreenProps): react.JSX.Element;
663
676
 
664
677
  type TabBarItem = {
665
678
  id: string;
@@ -672,7 +685,7 @@ type TabBarProps = {
672
685
  onTabPress: (id: string) => void;
673
686
  showLabels?: boolean;
674
687
  };
675
- declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): JSX.Element;
688
+ declare function TabBar({ tabs, activeTab, onTabPress, showLabels }: TabBarProps): react.JSX.Element;
676
689
 
677
690
  type SearchBarProps = {
678
691
  value: string;
@@ -682,7 +695,7 @@ type SearchBarProps = {
682
695
  onCancel?: () => void;
683
696
  autoFocus?: boolean;
684
697
  };
685
- declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): JSX.Element;
698
+ declare function SearchBar({ value, onChangeText, placeholder, onFilter, onCancel, autoFocus }: SearchBarProps): react.JSX.Element;
686
699
 
687
700
  type FABProps = {
688
701
  icon?: ReactNode;
@@ -691,7 +704,7 @@ type FABProps = {
691
704
  position?: 'bottom-right' | 'bottom-center' | 'bottom-left';
692
705
  size?: 'sm' | 'md' | 'lg';
693
706
  };
694
- declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): JSX.Element;
707
+ declare function FloatingActionButton({ icon, label, onPress, position, size }: FABProps): react.JSX.Element;
695
708
 
696
709
  type ActionSheetItem = {
697
710
  id: string;
@@ -708,7 +721,7 @@ type ActionSheetProps = {
708
721
  cancelLabel?: string;
709
722
  zIndex?: number;
710
723
  };
711
- declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): JSX.Element;
724
+ declare function ActionSheet({ open, onOpenChange, title, items, onSelect, cancelLabel, zIndex }: ActionSheetProps): react.JSX.Element;
712
725
 
713
726
  type SkeletonProps = {
714
727
  width?: number | string;
@@ -716,7 +729,7 @@ type SkeletonProps = {
716
729
  borderRadius?: number;
717
730
  variant?: 'text' | 'circular' | 'rectangular';
718
731
  };
719
- declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): JSX.Element;
732
+ declare function Skeleton({ width, height, borderRadius, variant }: SkeletonProps): react.JSX.Element;
720
733
 
721
734
  type NotificationBannerProps = {
722
735
  title: string;
@@ -726,14 +739,14 @@ type NotificationBannerProps = {
726
739
  onDismiss?: () => void;
727
740
  icon?: ReactNode;
728
741
  };
729
- declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): JSX.Element;
742
+ declare function NotificationBanner({ title, message, variant, onPress, onDismiss, icon }: NotificationBannerProps): react.JSX.Element;
730
743
 
731
744
  type ProgressStepsProps = {
732
745
  steps: string[];
733
746
  currentStep: number;
734
747
  variant?: 'dots' | 'bar' | 'numbered';
735
748
  };
736
- declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): JSX.Element;
749
+ declare function ProgressSteps({ steps, currentStep, variant }: ProgressStepsProps): react.JSX.Element;
737
750
 
738
751
  type SwipeAction = {
739
752
  id: string;
@@ -746,7 +759,7 @@ type SwipeableRowProps = {
746
759
  leftActions?: SwipeAction[];
747
760
  rightActions?: SwipeAction[];
748
761
  };
749
- declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): JSX.Element;
762
+ declare function SwipeableRow({ children, leftActions, rightActions }: SwipeableRowProps): react.JSX.Element;
750
763
 
751
764
  type MediaCardProps = {
752
765
  image: string;
@@ -757,7 +770,7 @@ type MediaCardProps = {
757
770
  onPress?: () => void;
758
771
  badge?: string;
759
772
  };
760
- declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): JSX.Element;
773
+ declare function MediaCard({ image, title, subtitle, overlay, aspectRatio, onPress, badge }: MediaCardProps): react.JSX.Element;
761
774
 
762
775
  type CarouselProps = {
763
776
  children: ReactNode;
@@ -765,14 +778,14 @@ type CarouselProps = {
765
778
  snapToInterval?: number;
766
779
  showIndicators?: boolean;
767
780
  };
768
- declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): JSX.Element;
781
+ declare function Carousel({ children, gap, snapToInterval, showIndicators }: CarouselProps): react.JSX.Element;
769
782
 
770
783
  type PullToRefreshProps = {
771
784
  children: ReactNode;
772
785
  onRefresh: () => void;
773
786
  refreshing?: boolean;
774
787
  };
775
- declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): JSX.Element;
788
+ declare function PullToRefresh({ children, onRefresh, refreshing }: PullToRefreshProps): react.JSX.Element;
776
789
 
777
790
  type ProductCardProps = {
778
791
  image: string;
@@ -786,7 +799,7 @@ type ProductCardProps = {
786
799
  onAddToCart?: () => void;
787
800
  variant?: 'vertical' | 'horizontal';
788
801
  };
789
- declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): JSX.Element;
802
+ declare function ProductCard({ image, title, price, originalPrice, rating, reviewCount, badge, onPress, onAddToCart, variant }: ProductCardProps): react.JSX.Element;
790
803
 
791
804
  type PricingPlan = {
792
805
  id: string;
@@ -812,7 +825,7 @@ type PricingTableProps = {
812
825
  continueLabel?: string;
813
826
  reassurance?: string;
814
827
  };
815
- declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling, onContinue, continueLabel, reassurance }: PricingTableProps): JSX.Element;
828
+ declare function PricingTable({ plans, selectedPlan, onSelectPlan, annual, onToggleBilling, onContinue, continueLabel, reassurance }: PricingTableProps): react.JSX.Element;
816
829
 
817
830
  type CountdownBannerProps = {
818
831
  endTime?: Date;
@@ -821,7 +834,7 @@ type CountdownBannerProps = {
821
834
  onExpire?: () => void;
822
835
  variant?: 'banner' | 'compact' | 'badge';
823
836
  };
824
- declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): JSX.Element | null;
837
+ declare function CountdownBanner({ endTime, minutes, label, onExpire, variant }: CountdownBannerProps): react.JSX.Element | null;
825
838
 
826
839
  type TestimonialCardProps = {
827
840
  quote: string;
@@ -831,7 +844,7 @@ type TestimonialCardProps = {
831
844
  rating?: number;
832
845
  variant?: 'card' | 'minimal' | 'featured';
833
846
  };
834
- declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): JSX.Element;
847
+ declare function TestimonialCard({ quote, author, role, avatar, rating, variant }: TestimonialCardProps): react.JSX.Element;
835
848
 
836
849
  type ConfirmDialogProps = {
837
850
  open: boolean;
@@ -845,7 +858,7 @@ type ConfirmDialogProps = {
845
858
  destructive?: boolean;
846
859
  icon?: ReactNode;
847
860
  };
848
- declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): JSX.Element;
861
+ declare function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel, cancelLabel, onConfirm, onCancel, destructive, icon, }: ConfirmDialogProps): react.JSX.Element;
849
862
 
850
863
  type ChipProps = {
851
864
  label: string;
@@ -869,8 +882,8 @@ type ChipGroupProps = {
869
882
  variant?: 'filled' | 'outlined';
870
883
  size?: 'sm' | 'md' | 'lg';
871
884
  };
872
- declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): JSX.Element;
873
- declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): JSX.Element;
885
+ declare function Chip({ label, selected, onPress, onRemove, variant, size, icon, color }: ChipProps): react.JSX.Element;
886
+ declare function ChipGroup({ chips, selected, onSelectionChange, multiSelect, variant, size }: ChipGroupProps): react.JSX.Element;
874
887
 
875
888
  type OTPInputProps = {
876
889
  length?: number;
@@ -881,7 +894,7 @@ type OTPInputProps = {
881
894
  autoFocus?: boolean;
882
895
  secureEntry?: boolean;
883
896
  };
884
- declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): JSX.Element;
897
+ declare function OTPInput({ length, value, onChange, onComplete, error, autoFocus, secureEntry }: OTPInputProps): react.JSX.Element;
885
898
 
886
899
  type PasswordInputProps = {
887
900
  value?: string;
@@ -892,7 +905,7 @@ type PasswordInputProps = {
892
905
  size?: '$3' | '$4' | '$5';
893
906
  strengthIndicator?: boolean;
894
907
  };
895
- declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): JSX.Element;
908
+ declare function PasswordInput({ value, onChangeText, placeholder, label, error, size, strengthIndicator }: PasswordInputProps): react.JSX.Element;
896
909
 
897
910
  type AvatarGroupProps = {
898
911
  avatars: {
@@ -904,7 +917,7 @@ type AvatarGroupProps = {
904
917
  size?: number;
905
918
  overlap?: number;
906
919
  };
907
- declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): JSX.Element;
920
+ declare function AvatarGroup({ avatars, max, size, overlap }: AvatarGroupProps): react.JSX.Element;
908
921
 
909
922
  type SwipeCardItem = {
910
923
  id: string;
@@ -920,7 +933,7 @@ type SwipeCardsProps<T extends SwipeCardItem> = {
920
933
  rightLabel?: string;
921
934
  emptyMessage?: string;
922
935
  };
923
- declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): JSX.Element;
936
+ declare function SwipeCards<T extends SwipeCardItem>({ items, renderCard, onSwipeLeft, onSwipeRight, onEmpty, leftLabel, rightLabel, emptyMessage, }: SwipeCardsProps<T>): react.JSX.Element;
924
937
 
925
938
  type GlassCardProps = {
926
939
  children: ReactNode;
@@ -930,7 +943,7 @@ type GlassCardProps = {
930
943
  padding?: number | string;
931
944
  elevated?: boolean;
932
945
  };
933
- declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): JSX.Element;
946
+ declare function GlassCard({ children, intensity, tint, borderRadius, padding, elevated, }: GlassCardProps): react.JSX.Element;
934
947
 
935
948
  type DataTableColumn<T> = {
936
949
  key: string;
@@ -947,8 +960,8 @@ type DataTableProps<T extends Record<string, any>> = {
947
960
  };
948
961
  declare function StatusBadge({ status }: {
949
962
  status: string;
950
- }): JSX.Element;
951
- declare function DataTable<T extends Record<string, any>>({ columns, data, onRowPress, emptyMessage }: DataTableProps<T>): JSX.Element;
963
+ }): react.JSX.Element;
964
+ declare function DataTable<T extends Record<string, any>>({ columns, data, onRowPress, emptyMessage }: DataTableProps<T>): react.JSX.Element;
952
965
 
953
966
  type DatePickerProps = {
954
967
  value?: Date;
@@ -958,7 +971,7 @@ type DatePickerProps = {
958
971
  startDay?: 0 | 1;
959
972
  placeholder?: string;
960
973
  };
961
- declare function DatePicker({ value, onDateChange, minDate, maxDate, startDay }: DatePickerProps): JSX.Element;
974
+ declare function DatePicker({ value, onDateChange, minDate, maxDate, startDay }: DatePickerProps): react.JSX.Element;
962
975
 
963
976
  type EventCardProps = {
964
977
  title: string;
@@ -972,7 +985,7 @@ type EventCardProps = {
972
985
  onPress?: () => void;
973
986
  actions?: ReactNode;
974
987
  };
975
- declare function EventCard({ theme, ...props }: EventCardProps): JSX.Element;
988
+ declare function EventCard({ theme, ...props }: EventCardProps): react.JSX.Element;
976
989
 
977
990
  type PreferenceItem = {
978
991
  type: 'toggle';
@@ -1017,7 +1030,7 @@ type PreferenceSection = {
1017
1030
  type UserPreferencesProps = {
1018
1031
  sections: PreferenceSection[];
1019
1032
  };
1020
- declare function UserPreferences({ sections }: UserPreferencesProps): JSX.Element;
1033
+ declare function UserPreferences({ sections }: UserPreferencesProps): react.JSX.Element;
1021
1034
 
1022
1035
  type BlinkSelectItem = {
1023
1036
  label: string;
@@ -1033,31 +1046,31 @@ type BlinkSelectProps = {
1033
1046
  disabled?: boolean;
1034
1047
  width?: string | number;
1035
1048
  };
1036
- declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): JSX.Element;
1049
+ declare function BlinkSelect({ items, value, onValueChange, placeholder, label, size, disabled, width, }: BlinkSelectProps): react__default.JSX.Element;
1037
1050
 
1038
1051
  type BlinkDialogProps = {
1039
1052
  open?: boolean;
1040
1053
  onOpenChange?: (open: boolean) => void;
1041
- trigger?: React__default.ReactNode;
1054
+ trigger?: react__default.ReactNode;
1042
1055
  title?: string;
1043
1056
  description?: string;
1044
- children?: React__default.ReactNode;
1057
+ children?: react__default.ReactNode;
1045
1058
  confirmLabel?: string;
1046
1059
  cancelLabel?: string;
1047
1060
  onConfirm?: () => void;
1048
1061
  onCancel?: () => void;
1049
1062
  confirmTheme?: GetProps<typeof Button$1>['theme'];
1050
1063
  };
1051
- declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): JSX.Element;
1064
+ declare function BlinkDialog({ open, onOpenChange, trigger, title, description, children, confirmLabel, cancelLabel, onConfirm, onCancel, confirmTheme, }: BlinkDialogProps): react__default.JSX.Element;
1052
1065
 
1053
1066
  type BlinkPopoverProps = {
1054
- trigger: React__default.ReactNode;
1055
- children: React__default.ReactNode;
1067
+ trigger: react__default.ReactNode;
1068
+ children: react__default.ReactNode;
1056
1069
  placement?: 'top' | 'bottom' | 'left' | 'right';
1057
1070
  allowFlip?: boolean;
1058
1071
  size?: string;
1059
1072
  };
1060
- declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): JSX.Element;
1073
+ declare function BlinkPopover({ trigger, children, placement, allowFlip, size, }: BlinkPopoverProps): react__default.JSX.Element;
1061
1074
 
1062
1075
  type ImmersiveMediaAction = {
1063
1076
  id: string;
@@ -1080,7 +1093,7 @@ type ImmersiveMediaScreenProps = {
1080
1093
  onInputPress?: () => void;
1081
1094
  sheetContent?: ReactNode;
1082
1095
  };
1083
- declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): JSX.Element;
1096
+ declare function ImmersiveMediaScreen({ variant, media, title, subtitle, topLeft, topCenter, topRight, actions, bottomMeta, inputPlaceholder, onInputPress, sheetContent, }: ImmersiveMediaScreenProps): react.JSX.Element;
1084
1097
 
1085
1098
  type FinanceMetric = {
1086
1099
  label: string;
@@ -1115,6 +1128,6 @@ type FinanceDashboardProps = {
1115
1128
  chartSlot?: ReactNode;
1116
1129
  topRight?: ReactNode;
1117
1130
  };
1118
- declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): JSX.Element;
1131
+ declare function FinanceDashboard({ title, balanceLabel, balance, rangeLabel, metrics, quickActions, sections, chartSlot, topRight, }: FinanceDashboardProps): react.JSX.Element;
1119
1132
 
1120
1133
  export { ActionSheet, type ActionSheetItem, type ActionSheetProps, AppHeader, type AppHeaderProps, type AppHeaderVariant, AppleLogo, type AuthProvider, type AuthProviderBrand, AvatarGroup, type AvatarGroupProps, BLINK_DESIGN_THEMES, BLINK_DESIGN_THEME_IDS, Badge, type BadgeProps, BlinkAccordion, type BlinkAccordionItem, type BlinkAccordionProps, Avatar as BlinkAvatar, type AvatarProps as BlinkAvatarProps, Button as BlinkButton, type ButtonProps as BlinkButtonProps, Card as BlinkCard, type CardProps as BlinkCardProps, type BlinkColorPalette, type BlinkConfig, type BlinkDesignTheme, type BlinkDesignThemeId, BlinkDialog, type BlinkDialogProps, Input as BlinkInput, type InputProps as BlinkInputProps, BlinkPopover, type BlinkPopoverProps, BlinkSelect, type BlinkSelectItem, type BlinkSelectProps, type BlinkTabItem, BlinkTabs, type BlinkTabsProps, BlinkText, type BlinkTextProps, type BlinkToastContextType, type BlinkToastData, type BlinkToastOptions, BlinkToastProvider, type BlinkToastVariant, BlinkToggleGroup, type BlinkToggleGroupProps, type BlinkToggleOption, BlinkTooltip, BottomSheet, type BottomSheetProps, Carousel, type CarouselProps, ChatBubble, type ChatBubbleProps, type ChatMessage, Chip, ChipGroup, type ChipGroupProps, type ChipProps, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, CountdownBanner, type CountdownBannerProps, DataTable, type DataTableColumn, type DataTableProps, DatePicker, type DatePickerProps, DialogProvider, Divider, type DividerProps, EmptyState, type EmptyStateProps, EventCard, type EventCardProps, type FABProps, FinanceDashboard, type FinanceDashboardProps, type FinanceDashboardSection, type FinanceMetric, type FinanceQuickAction, FloatingActionButton, FormField, type FormFieldProps, GitHubLogo, GlassCard, type GlassCardProps, GoogleLogo, Grid, type GridProps, ICONS, Icon, type IconName, type IconProps, Image, type ImmersiveMediaAction, ImmersiveMediaScreen, type ImmersiveMediaScreenProps, KeyboardStickyFooter, type KeyboardStickyFooterProps, ListItem, type ListItemProps, LoginScreen, type LoginScreenProps, type LoginScreenVariant, MediaCard, type MediaCardProps, MicrosoftLogo, NotificationBanner, type NotificationBannerProps, OTPInput, type OTPInputProps, OnboardingCarousel, type OnboardingCarouselProps, type OnboardingStep, type OnboardingVariant, PageContainer, PageMainContainer, PasswordInput, type PasswordInputProps, type PaywallComparisonRow, type PaywallCreator, type PaywallFeature, PaywallScreen, type PaywallScreenProps, type PaywallTestimonial, type PaywallVariant, type PlanOption, type PreferenceItem, type PreferenceSection, Pressable, type PricingPlan, PricingTable, type PricingTableProps, ProductCard, type ProductCardProps, ProfileHeader, type ProfileHeaderProps, ProgressSteps, type ProgressStepsProps, PullToRefresh, type PullToRefreshProps, SafeArea, type SafeAreaProps, ScreenLayout, SearchBar, type SearchBarProps, Section, type SectionProps, SepHeading, type SettingsItem, SettingsScreen, type SettingsScreenProps, type SettingsSection, Skeleton, type SkeletonProps, StatusBadge, StepPageLayout, type StepPageProps, SubHeading, type SwipeAction, type SwipeCardItem, SwipeCards, type SwipeCardsProps, SwipeableRow, type SwipeableRowProps, TabBar, type TabBarItem, type TabBarProps, TestimonialCard, type TestimonialCardProps, type TooltipProps, UserPreferences, type UserPreferencesProps, blinkConfig, dialogConfirm, getBlinkDesignTheme, getBlinkThemePalettes, showError, toast, useBlinkToast };