@tamagui/select 1.0.1-beta.64 → 1.0.1-beta.67

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 (9) hide show
  1. package/dist/cjs/Select.js +19 -5
  2. package/dist/cjs/Select.js.map +2 -2
  3. package/dist/esm/Select.js +15 -3
  4. package/dist/esm/Select.js.map +2 -2
  5. package/dist/jsx/Select.js +15 -10
  6. package/package.json +10 -10
  7. package/src/Select.tsx +38 -51
  8. package/types/Select.d.ts +41 -76
  9. package/types/Select.d.ts.map +1 -1
package/src/Select.tsx CHANGED
@@ -49,7 +49,6 @@ import { Paragraph } from '@tamagui/text'
49
49
  // import { Primitive } from '@tamagui/react-primitive'
50
50
  // import type * as Radix from '@tamagui/react-primitive'
51
51
  import { useControllableState } from '@tamagui/use-controllable-state'
52
- // import { useLayoutEffect } from '@tamagui/react-use-layout-effect'
53
52
  // import { usePrevious } from '@tamagui/react-use-previous'
54
53
  // import { VisuallyHidden } from '@tamagui/core'
55
54
  // import { hideOthers } from 'aria-hidden'
@@ -91,6 +90,7 @@ const MIN_HEIGHT = 80
91
90
  const FALLBACK_THRESHOLD = 16
92
91
 
93
92
  interface SelectContextValue {
93
+ size?: SizeTokens
94
94
  value: any
95
95
  selectedIndex: number
96
96
  setSelectedIndex: (index: number) => void
@@ -168,6 +168,7 @@ export const SelectTrigger = React.forwardRef<GenericElement, SelectTriggerProps
168
168
  tabIndex={-1}
169
169
  borderWidth={1}
170
170
  componentName={TRIGGER_NAME}
171
+ size={context.size}
171
172
  // aria-controls={context.contentId}
172
173
  aria-expanded={context.open}
173
174
  aria-autocomplete="none"
@@ -214,6 +215,7 @@ const SelectValue = SelectValueFrame.extractable(
214
215
 
215
216
  return (
216
217
  <SelectValueFrame
218
+ size={context.size}
217
219
  ref={composedRefs}
218
220
  // we don't want events from the portalled `SelectValue` children to bubble
219
221
  // through the item they came from
@@ -245,23 +247,20 @@ export const SelectIcon = styled(XStack, {
245
247
 
246
248
  const CONTENT_NAME = 'SelectContent'
247
249
 
248
- type SelectContentElement = any
249
- type SelectContentProps = any
250
+ export type SelectContentProps = { children?: React.ReactNode }
250
251
 
251
- const SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(
252
- ({ children, __scopeSelect }: ScopedProps<SelectContentProps>, forwardedRef) => {
253
- const context = useSelectContext(CONTENT_NAME, __scopeSelect)
254
- return (
255
- <FloatingPortal>
256
- {context.open ? (
257
- <FloatingOverlay lockScroll>{children}</FloatingOverlay>
258
- ) : (
259
- <div style={{ display: 'none' }}>{children}</div>
260
- )}
261
- </FloatingPortal>
262
- )
263
- }
264
- )
252
+ const SelectContent = ({ children, __scopeSelect }: ScopedProps<SelectContentProps>) => {
253
+ const context = useSelectContext(CONTENT_NAME, __scopeSelect)
254
+ return (
255
+ <FloatingPortal>
256
+ {context.open ? (
257
+ <FloatingOverlay lockScroll>{children}</FloatingOverlay>
258
+ ) : (
259
+ <div style={{ display: 'none' }}>{children}</div>
260
+ )}
261
+ </FloatingPortal>
262
+ )
263
+ }
265
264
 
266
265
  /* -------------------------------------------------------------------------------------------------
267
266
  * SelectViewport
@@ -274,16 +273,13 @@ export const SelectViewportFrame = styled(ThemeableStack, {
274
273
  backgroundColor: '$background',
275
274
  elevate: true,
276
275
  overflow: 'hidden',
277
-
278
- // works on web just not typed
279
- // @ts-ignore
280
276
  userSelect: 'none',
281
277
 
282
278
  variants: {
283
279
  size: {
284
280
  '...size': (val, { tokens }) => {
285
281
  return {
286
- borderRadius: tokens.size[val] ?? val,
282
+ borderRadius: tokens.radius[val] ?? val,
287
283
  }
288
284
  },
289
285
  },
@@ -296,7 +292,7 @@ export const SelectViewportFrame = styled(ThemeableStack, {
296
292
 
297
293
  export type SelectViewportProps = GetProps<typeof SelectViewportFrame>
298
294
 
299
- const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(
295
+ export const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(
300
296
  (props: ScopedProps<SelectViewportProps>, forwardedRef) => {
301
297
  const { __scopeSelect, children, ...viewportProps } = props
302
298
  const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)
@@ -316,6 +312,7 @@ const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(
316
312
  <FloatingFocusManager context={context.floatingContext} preventTabbing>
317
313
  <div {...context.interactions.getFloatingProps()}>
318
314
  <SelectViewportFrame
315
+ size={context.size}
319
316
  data-radix-select-viewport=""
320
317
  // @ts-ignore
321
318
  role="presentation"
@@ -349,40 +346,16 @@ type SelectItemContextValue = {
349
346
  const [SelectItemContextProvider, useSelectItemContext] =
350
347
  createSelectContext<SelectItemContextValue>(ITEM_NAME)
351
348
 
352
- interface SelectItemProps extends YStackProps {
349
+ export interface SelectItemProps extends YStackProps {
353
350
  value: string
354
351
  index: number
355
352
  disabled?: boolean
356
353
  textValue?: string
357
354
  }
358
355
 
359
- // const SelectItemFrame = styled(YStack, {
360
- // name: ITEM_NAME,
361
- // tag: 'li',
362
- // // @ts-ignore
363
- // role: 'option',
364
- // width: '100%',
365
-
366
- // hoverStyle: {
367
- // backgroundColor: '$backgroundHover',
368
- // },
369
-
370
- // focusStyle: {
371
- // backgroundColor: '$backgroundFocus',
372
- // },
373
-
374
- // variants: {
375
- // size: {
376
- // '...size': getSelectItemSize,
377
- // },
378
- // },
379
-
380
- // defaultVariants: {
381
- // size: '$4',
382
- // },
383
- // })
384
-
385
- const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
356
+ // TODO styled(ListItem, { name: 'SelectItem' })
357
+
358
+ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
386
359
  (props: ScopedProps<SelectItemProps>, forwardedRef) => {
387
360
  const {
388
361
  __scopeSelect,
@@ -486,6 +459,7 @@ const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
486
459
  aria-disabled={disabled || undefined}
487
460
  data-disabled={disabled ? '' : undefined}
488
461
  tabIndex={disabled ? undefined : -1}
462
+ size={context.size}
489
463
  {...itemProps}
490
464
  {...selectItemProps}
491
465
  />
@@ -525,7 +499,12 @@ const SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(
525
499
 
526
500
  return (
527
501
  <>
528
- <SelectItemTextFrame id={itemContext.textId} {...itemTextProps} ref={composedRefs} />
502
+ <SelectItemTextFrame
503
+ size={context.size}
504
+ id={itemContext.textId}
505
+ {...itemTextProps}
506
+ ref={composedRefs}
507
+ />
529
508
 
530
509
  {/* Portal the select item text into the trigger value node */}
531
510
  {itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren
@@ -620,12 +599,14 @@ export type SelectLabelProps = ListItemProps
620
599
  const SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(
621
600
  (props: ScopedProps<SelectLabelProps>, forwardedRef) => {
622
601
  const { __scopeSelect, ...labelProps } = props
602
+ const context = useSelectContext(LABEL_NAME, __scopeSelect)
623
603
  const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)
624
604
  return (
625
605
  <ListItem
626
606
  componentName={LABEL_NAME}
627
607
  fontWeight="800"
628
608
  id={groupContext.id}
609
+ size={context.size}
629
610
  {...labelProps}
630
611
  // @ts-expect-error
631
612
  ref={forwardedRef}
@@ -794,6 +775,7 @@ export const SelectSeparator = styled(Separator, {
794
775
  * -----------------------------------------------------------------------------------------------*/
795
776
 
796
777
  export interface SelectProps {
778
+ id?: string
797
779
  children?: React.ReactNode
798
780
  value?: string
799
781
  defaultValue?: string
@@ -804,11 +786,14 @@ export interface SelectProps {
804
786
  dir?: Direction
805
787
  name?: string
806
788
  autoComplete?: string
789
+ size?: SizeTokens
807
790
  }
808
791
 
809
792
  export const Select = withStaticProperties(
810
793
  (props: ScopedProps<SelectProps>) => {
811
794
  const {
795
+ // TODO use id for focusing from label
796
+ id,
812
797
  __scopeSelect,
813
798
  children,
814
799
  open: openProp,
@@ -817,6 +802,7 @@ export const Select = withStaticProperties(
817
802
  value: valueProp,
818
803
  defaultValue,
819
804
  onValueChange,
805
+ size: sizeProp,
820
806
  dir,
821
807
  name,
822
808
  autoComplete,
@@ -1248,6 +1234,7 @@ export const Select = withStaticProperties(
1248
1234
 
1249
1235
  return (
1250
1236
  <SelectProvider
1237
+ size={sizeProp}
1251
1238
  scope={__scopeSelect}
1252
1239
  increaseHeight={increaseHeight}
1253
1240
  forceUpdate={forceUpdate}
package/types/Select.d.ts CHANGED
@@ -117,10 +117,13 @@ export declare const SelectIcon: import("@tamagui/core").TamaguiComponent<(Omit<
117
117
  } & ({} | {
118
118
  [x: string]: undefined;
119
119
  })>;
120
- export declare const SelectViewportFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
120
+ export declare type SelectContentProps = {
121
+ children?: React.ReactNode;
122
+ };
123
+ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
121
124
  readonly fullscreen?: boolean | undefined;
122
125
  readonly elevation?: SizeTokens | undefined;
123
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
126
+ } & {
124
127
  fontFamily?: unknown;
125
128
  backgrounded?: boolean | undefined;
126
129
  radiused?: boolean | undefined;
@@ -133,10 +136,12 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
133
136
  bordered?: number | boolean | undefined;
134
137
  transparent?: boolean | undefined;
135
138
  chromeless?: boolean | undefined;
139
+ }, "size"> & {
140
+ size?: SizeTokens | undefined;
136
141
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
137
142
  readonly fullscreen?: boolean | undefined;
138
143
  readonly elevation?: SizeTokens | undefined;
139
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
144
+ } & {
140
145
  fontFamily?: unknown;
141
146
  backgrounded?: boolean | undefined;
142
147
  radiused?: boolean | undefined;
@@ -149,10 +154,12 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
149
154
  bordered?: number | boolean | undefined;
150
155
  transparent?: boolean | undefined;
151
156
  chromeless?: boolean | undefined;
157
+ }, "size"> & {
158
+ size?: SizeTokens | undefined;
152
159
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
153
160
  readonly fullscreen?: boolean | undefined;
154
161
  readonly elevation?: SizeTokens | undefined;
155
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
162
+ } & {
156
163
  fontFamily?: unknown;
157
164
  backgrounded?: boolean | undefined;
158
165
  radiused?: boolean | undefined;
@@ -165,7 +172,9 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
165
172
  bordered?: number | boolean | undefined;
166
173
  transparent?: boolean | undefined;
167
174
  chromeless?: boolean | undefined;
168
- }>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
175
+ }, "size"> & {
176
+ size?: SizeTokens | undefined;
177
+ }>>, any, import("@tamagui/core").StackPropsBase, {
169
178
  readonly fullscreen?: boolean | undefined;
170
179
  readonly elevation?: SizeTokens | undefined;
171
180
  } & {
@@ -181,9 +190,11 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
181
190
  bordered?: number | boolean | undefined;
182
191
  transparent?: boolean | undefined;
183
192
  chromeless?: boolean | undefined;
184
- }, string | number> & {
185
- [x: string]: undefined;
186
- } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
193
+ } & {
194
+ size?: SizeTokens | undefined;
195
+ }>;
196
+ export declare type SelectViewportProps = GetProps<typeof SelectViewportFrame>;
197
+ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
187
198
  readonly fullscreen?: boolean | undefined;
188
199
  readonly elevation?: SizeTokens | undefined;
189
200
  } & {
@@ -199,9 +210,9 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
199
210
  bordered?: number | boolean | undefined;
200
211
  transparent?: boolean | undefined;
201
212
  chromeless?: boolean | undefined;
202
- }, string | number> & {
203
- [x: string]: undefined;
204
- }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
213
+ }, "size"> & {
214
+ size?: SizeTokens | undefined;
215
+ } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
205
216
  readonly fullscreen?: boolean | undefined;
206
217
  readonly elevation?: SizeTokens | undefined;
207
218
  } & {
@@ -217,9 +228,9 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
217
228
  bordered?: number | boolean | undefined;
218
229
  transparent?: boolean | undefined;
219
230
  chromeless?: boolean | undefined;
220
- }, string | number> & {
221
- [x: string]: undefined;
222
- }>>), any, import("@tamagui/core").StackPropsBase, {
231
+ }, "size"> & {
232
+ size?: SizeTokens | undefined;
233
+ }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
223
234
  readonly fullscreen?: boolean | undefined;
224
235
  readonly elevation?: SizeTokens | undefined;
225
236
  } & {
@@ -235,16 +246,16 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
235
246
  bordered?: number | boolean | undefined;
236
247
  transparent?: boolean | undefined;
237
248
  chromeless?: boolean | undefined;
238
- } & ({} | {
239
- [x: string]: undefined;
240
- })>;
241
- export declare type SelectViewportProps = GetProps<typeof SelectViewportFrame>;
242
- interface SelectItemProps extends YStackProps {
249
+ }, "size"> & {
250
+ size?: SizeTokens | undefined;
251
+ }>> & React.RefAttributes<TamaguiElement>>;
252
+ export interface SelectItemProps extends YStackProps {
243
253
  value: string;
244
254
  index: number;
245
255
  disabled?: boolean;
246
256
  textValue?: string;
247
257
  }
258
+ export declare const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<TamaguiElement>>;
248
259
  export declare type SelectLabelProps = ListItemProps;
249
260
  interface SelectScrollButtonProps extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {
250
261
  }
@@ -276,6 +287,7 @@ export declare const SelectSeparator: import("@tamagui/core").TamaguiComponent<(
276
287
  [x: string]: undefined;
277
288
  })>;
278
289
  export interface SelectProps {
290
+ id?: string;
279
291
  children?: React.ReactNode;
280
292
  value?: string;
281
293
  defaultValue?: string;
@@ -286,9 +298,10 @@ export interface SelectProps {
286
298
  dir?: Direction;
287
299
  name?: string;
288
300
  autoComplete?: string;
301
+ size?: SizeTokens;
289
302
  }
290
303
  export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element) & {
291
- Content: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<any>>;
304
+ Content: ({ children, __scopeSelect }: ScopedProps<SelectContentProps>) => JSX.Element;
292
305
  Group: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
293
306
  readonly fullscreen?: boolean | undefined;
294
307
  readonly elevation?: SizeTokens | undefined;
@@ -640,55 +653,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
640
653
  }>> & {
641
654
  placeholder?: React.ReactNode;
642
655
  }, string | number>) & React.RefAttributes<TamaguiElement>>;
643
- Viewport: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
644
- readonly fullscreen?: boolean | undefined;
645
- readonly elevation?: SizeTokens | undefined;
646
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
647
- fontFamily?: unknown;
648
- backgrounded?: boolean | undefined;
649
- radiused?: boolean | undefined;
650
- hoverable?: boolean | undefined;
651
- pressable?: boolean | undefined;
652
- focusable?: boolean | undefined;
653
- circular?: boolean | undefined;
654
- padded?: boolean | undefined;
655
- elevate?: boolean | undefined;
656
- bordered?: number | boolean | undefined;
657
- transparent?: boolean | undefined;
658
- chromeless?: boolean | undefined;
659
- } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
660
- readonly fullscreen?: boolean | undefined;
661
- readonly elevation?: SizeTokens | undefined;
662
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
663
- fontFamily?: unknown;
664
- backgrounded?: boolean | undefined;
665
- radiused?: boolean | undefined;
666
- hoverable?: boolean | undefined;
667
- pressable?: boolean | undefined;
668
- focusable?: boolean | undefined;
669
- circular?: boolean | undefined;
670
- padded?: boolean | undefined;
671
- elevate?: boolean | undefined;
672
- bordered?: number | boolean | undefined;
673
- transparent?: boolean | undefined;
674
- chromeless?: boolean | undefined;
675
- }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
676
- readonly fullscreen?: boolean | undefined;
677
- readonly elevation?: SizeTokens | undefined;
678
- }, "fontFamily" | "focusable" | "backgrounded" | "radiused" | "hoverable" | "pressable" | "circular" | "padded" | "elevate" | "bordered" | "transparent" | "chromeless"> & {
679
- fontFamily?: unknown;
680
- backgrounded?: boolean | undefined;
681
- radiused?: boolean | undefined;
682
- hoverable?: boolean | undefined;
683
- pressable?: boolean | undefined;
684
- focusable?: boolean | undefined;
685
- circular?: boolean | undefined;
686
- padded?: boolean | undefined;
687
- elevate?: boolean | undefined;
688
- bordered?: number | boolean | undefined;
689
- transparent?: boolean | undefined;
690
- chromeless?: boolean | undefined;
691
- }>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
656
+ Viewport: React.ForwardRefExoticComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
692
657
  readonly fullscreen?: boolean | undefined;
693
658
  readonly elevation?: SizeTokens | undefined;
694
659
  } & {
@@ -704,8 +669,8 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
704
669
  bordered?: number | boolean | undefined;
705
670
  transparent?: boolean | undefined;
706
671
  chromeless?: boolean | undefined;
707
- }, string | number> & {
708
- [x: string]: undefined;
672
+ }, "size"> & {
673
+ size?: SizeTokens | undefined;
709
674
  } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
710
675
  readonly fullscreen?: boolean | undefined;
711
676
  readonly elevation?: SizeTokens | undefined;
@@ -722,8 +687,8 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
722
687
  bordered?: number | boolean | undefined;
723
688
  transparent?: boolean | undefined;
724
689
  chromeless?: boolean | undefined;
725
- }, string | number> & {
726
- [x: string]: undefined;
690
+ }, "size"> & {
691
+ size?: SizeTokens | undefined;
727
692
  }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
728
693
  readonly fullscreen?: boolean | undefined;
729
694
  readonly elevation?: SizeTokens | undefined;
@@ -740,9 +705,9 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
740
705
  bordered?: number | boolean | undefined;
741
706
  transparent?: boolean | undefined;
742
707
  chromeless?: boolean | undefined;
743
- }, string | number> & {
744
- [x: string]: undefined;
745
- }>>, string | number>) & React.RefAttributes<TamaguiElement>>;
708
+ }, "size"> & {
709
+ size?: SizeTokens | undefined;
710
+ }>> & React.RefAttributes<TamaguiElement>>;
746
711
  };
747
712
  export { createSelectScope };
748
713
  //# sourceMappingURL=Select.d.ts.map
package/types/Select.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}