rn-css 1.8.10 → 1.8.12

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 (8) hide show
  1. package/dist/features.d.ts +2 -2
  2. package/dist/features.js +5 -5
  3. package/dist/index.d.ts +42 -42
  4. package/dist/styleComponent.d.ts +1 -1
  5. package/dist/styleComponent.js +3 -3
  6. package/package.json +1 -1
  7. package/src/features.tsx +4 -4
  8. package/src/styleComponent.tsx +5 -4
package/dist/features.d.ts CHANGED
@@ -9,9 +9,9 @@ export declare const useScreenSize: () => {
9
9
  vmax: number;
10
10
  };
11
11
  /** Hook that will apply the style reserved for hover state if needed */
12
- export declare const useHover: (onMouseEnter: ((event: MouseEvent) => void) | undefined, onMouseLeave: ((event: MouseEvent) => void | undefined) | undefined, needsHover: boolean) => {
12
+ export declare const useHover: (onMouseOver: ((event: MouseEvent) => void) | undefined, onMouseLeave: ((event: MouseEvent) => void | undefined) | undefined, needsHover: boolean) => {
13
13
  hover: boolean;
14
- onMouseEnter: ((event: MouseEvent) => void) | undefined;
14
+ onMouseOver: ((event: MouseEvent) => void) | undefined;
15
15
  onMouseLeave: ((event: MouseEvent) => void | undefined) | undefined;
16
16
  };
17
17
  /** Hook that will apply the style provided in the media queries */
package/dist/features.js CHANGED
@@ -18,19 +18,19 @@ const useScreenSize = () => {
18
18
  };
19
19
  exports.useScreenSize = useScreenSize;
20
20
  /** Hook that will apply the style reserved for hover state if needed */
21
- const useHover = (onMouseEnter, onMouseLeave, needsHover) => {
21
+ const useHover = (onMouseOver, onMouseLeave, needsHover) => {
22
22
  const [hover, setHover] = react_1.default.useState(false);
23
23
  const hoverStart = react_1.default.useMemo(() => needsHover ? (event) => {
24
- if (onMouseEnter)
25
- onMouseEnter(event);
24
+ if (onMouseOver)
25
+ onMouseOver(event);
26
26
  setHover(true);
27
- } : undefined, [needsHover, onMouseEnter]);
27
+ } : undefined, [needsHover, onMouseOver]);
28
28
  const hoverStop = react_1.default.useMemo(() => needsHover ? (event) => {
29
29
  if (onMouseLeave)
30
30
  onMouseLeave(event);
31
31
  setHover(false);
32
32
  } : undefined, [needsHover, onMouseLeave]);
33
- return { hover, onMouseEnter: hoverStart || onMouseEnter, onMouseLeave: hoverStop || onMouseLeave };
33
+ return { hover, onMouseOver: hoverStart || onMouseOver, onMouseLeave: hoverStop || onMouseLeave };
34
34
  };
35
35
  exports.useHover = useHover;
36
36
  /** Hook that will apply the style provided in the media queries */
package/dist/index.d.ts CHANGED
@@ -61,13 +61,13 @@ declare const styled: {
61
61
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
62
62
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
63
63
  children?: React.ReactNode;
64
- }, keyof Result> & Part & Partial<InitialProps & {
64
+ }, keyof Result> & Part & Partial<Pick<InitialProps & {
65
65
  rnCSS?: `${string};` | undefined;
66
66
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
67
67
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
68
68
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
69
69
  children?: React.ReactNode;
70
- }>> & React.RefAttributes<any>>;
70
+ }, Extract<"onLayout", keyof Result> | Extract<"children", keyof Result> | Extract<"rnCSS", keyof Result> | Extract<"onMouseEnter", keyof Result> | Extract<"onMouseLeave", keyof Result> | Extract<keyof InitialProps, keyof Result>>>> & React.RefAttributes<any>>;
71
71
  };
72
72
  ActivityIndicator: {
73
73
  <S_1>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_1 & RN.ActivityIndicatorProps & {
@@ -123,13 +123,13 @@ declare const styled: {
123
123
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
124
124
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
125
125
  children?: React.ReactNode;
126
- }, keyof Result_1> & Part_1 & Partial<RN.ActivityIndicatorProps & {
126
+ }, keyof Result_1> & Part_1 & Partial<Pick<RN.ActivityIndicatorProps & {
127
127
  rnCSS?: `${string};` | undefined;
128
128
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
129
129
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
130
130
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
131
131
  children?: React.ReactNode;
132
- }>> & React.RefAttributes<any>>;
132
+ }, Extract<"testID", keyof Result_1> | Extract<"color", keyof Result_1> | Extract<"removeClippedSubviews", keyof Result_1> | Extract<"onLayout", keyof Result_1> | Extract<"style", keyof Result_1> | Extract<"children", keyof Result_1> | Extract<"hitSlop", keyof Result_1> | Extract<"pointerEvents", keyof Result_1> | Extract<"nativeID", keyof Result_1> | Extract<"collapsable", keyof Result_1> | Extract<"needsOffscreenAlphaCompositing", keyof Result_1> | Extract<"renderToHardwareTextureAndroid", keyof Result_1> | Extract<"focusable", keyof Result_1> | Extract<"shouldRasterizeIOS", keyof Result_1> | Extract<"isTVSelectable", keyof Result_1> | Extract<"hasTVPreferredFocus", keyof Result_1> | Extract<"tvParallaxProperties", keyof Result_1> | Extract<"tvParallaxShiftDistanceX", keyof Result_1> | Extract<"tvParallaxShiftDistanceY", keyof Result_1> | Extract<"tvParallaxTiltAngle", keyof Result_1> | Extract<"tvParallaxMagnification", keyof Result_1> | Extract<"onStartShouldSetResponder", keyof Result_1> | Extract<"onMoveShouldSetResponder", keyof Result_1> | Extract<"onResponderEnd", keyof Result_1> | Extract<"onResponderGrant", keyof Result_1> | Extract<"onResponderReject", keyof Result_1> | Extract<"onResponderMove", keyof Result_1> | Extract<"onResponderRelease", keyof Result_1> | Extract<"onResponderStart", keyof Result_1> | Extract<"onResponderTerminationRequest", keyof Result_1> | Extract<"onResponderTerminate", keyof Result_1> | Extract<"onStartShouldSetResponderCapture", keyof Result_1> | Extract<"onMoveShouldSetResponderCapture", keyof Result_1> | Extract<"onTouchStart", keyof Result_1> | Extract<"onTouchMove", keyof Result_1> | Extract<"onTouchEnd", keyof Result_1> | Extract<"onTouchCancel", keyof Result_1> | Extract<"onTouchEndCapture", keyof Result_1> | Extract<"accessible", keyof Result_1> | Extract<"accessibilityActions", keyof Result_1> | Extract<"accessibilityLabel", keyof Result_1> | Extract<"accessibilityRole", keyof Result_1> | Extract<"accessibilityState", keyof Result_1> | Extract<"accessibilityHint", keyof Result_1> | Extract<"accessibilityValue", keyof Result_1> | Extract<"onAccessibilityAction", keyof Result_1> | Extract<"accessibilityLiveRegion", keyof Result_1> | Extract<"importantForAccessibility", keyof Result_1> | Extract<"accessibilityElementsHidden", keyof Result_1> | Extract<"accessibilityViewIsModal", keyof Result_1> | Extract<"onAccessibilityEscape", keyof Result_1> | Extract<"onAccessibilityTap", keyof Result_1> | Extract<"onMagicTap", keyof Result_1> | Extract<"accessibilityIgnoresInvertColors", keyof Result_1> | Extract<"rnCSS", keyof Result_1> | Extract<"onMouseEnter", keyof Result_1> | Extract<"onMouseLeave", keyof Result_1> | Extract<"animating", keyof Result_1> | Extract<"hidesWhenStopped", keyof Result_1> | Extract<"size", keyof Result_1>>>> & React.RefAttributes<any>>;
133
133
  };
134
134
  DrawerLayoutAndroid: {
135
135
  <S_2>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_2 & RN.DrawerLayoutAndroidProps & {
@@ -185,13 +185,13 @@ declare const styled: {
185
185
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
186
186
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
187
187
  children?: React.ReactNode;
188
- }, keyof Result_2> & Part_2 & Partial<RN.DrawerLayoutAndroidProps & {
188
+ }, keyof Result_2> & Part_2 & Partial<Pick<RN.DrawerLayoutAndroidProps & {
189
189
  rnCSS?: `${string};` | undefined;
190
190
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
191
191
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
192
192
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
193
193
  children?: React.ReactNode;
194
- }>> & React.RefAttributes<any>>;
194
+ }, Extract<"testID", keyof Result_2> | Extract<"removeClippedSubviews", keyof Result_2> | Extract<"onLayout", keyof Result_2> | Extract<"keyboardDismissMode", keyof Result_2> | Extract<"style", keyof Result_2> | Extract<"children", keyof Result_2> | Extract<"hitSlop", keyof Result_2> | Extract<"pointerEvents", keyof Result_2> | Extract<"nativeID", keyof Result_2> | Extract<"collapsable", keyof Result_2> | Extract<"needsOffscreenAlphaCompositing", keyof Result_2> | Extract<"renderToHardwareTextureAndroid", keyof Result_2> | Extract<"focusable", keyof Result_2> | Extract<"shouldRasterizeIOS", keyof Result_2> | Extract<"isTVSelectable", keyof Result_2> | Extract<"hasTVPreferredFocus", keyof Result_2> | Extract<"tvParallaxProperties", keyof Result_2> | Extract<"tvParallaxShiftDistanceX", keyof Result_2> | Extract<"tvParallaxShiftDistanceY", keyof Result_2> | Extract<"tvParallaxTiltAngle", keyof Result_2> | Extract<"tvParallaxMagnification", keyof Result_2> | Extract<"onStartShouldSetResponder", keyof Result_2> | Extract<"onMoveShouldSetResponder", keyof Result_2> | Extract<"onResponderEnd", keyof Result_2> | Extract<"onResponderGrant", keyof Result_2> | Extract<"onResponderReject", keyof Result_2> | Extract<"onResponderMove", keyof Result_2> | Extract<"onResponderRelease", keyof Result_2> | Extract<"onResponderStart", keyof Result_2> | Extract<"onResponderTerminationRequest", keyof Result_2> | Extract<"onResponderTerminate", keyof Result_2> | Extract<"onStartShouldSetResponderCapture", keyof Result_2> | Extract<"onMoveShouldSetResponderCapture", keyof Result_2> | Extract<"onTouchStart", keyof Result_2> | Extract<"onTouchMove", keyof Result_2> | Extract<"onTouchEnd", keyof Result_2> | Extract<"onTouchCancel", keyof Result_2> | Extract<"onTouchEndCapture", keyof Result_2> | Extract<"accessible", keyof Result_2> | Extract<"accessibilityActions", keyof Result_2> | Extract<"accessibilityLabel", keyof Result_2> | Extract<"accessibilityRole", keyof Result_2> | Extract<"accessibilityState", keyof Result_2> | Extract<"accessibilityHint", keyof Result_2> | Extract<"accessibilityValue", keyof Result_2> | Extract<"onAccessibilityAction", keyof Result_2> | Extract<"accessibilityLiveRegion", keyof Result_2> | Extract<"importantForAccessibility", keyof Result_2> | Extract<"accessibilityElementsHidden", keyof Result_2> | Extract<"accessibilityViewIsModal", keyof Result_2> | Extract<"onAccessibilityEscape", keyof Result_2> | Extract<"onAccessibilityTap", keyof Result_2> | Extract<"onMagicTap", keyof Result_2> | Extract<"accessibilityIgnoresInvertColors", keyof Result_2> | Extract<"rnCSS", keyof Result_2> | Extract<"onMouseEnter", keyof Result_2> | Extract<"onMouseLeave", keyof Result_2> | Extract<"drawerBackgroundColor", keyof Result_2> | Extract<"drawerLockMode", keyof Result_2> | Extract<"drawerPosition", keyof Result_2> | Extract<"drawerWidth", keyof Result_2> | Extract<"onDrawerClose", keyof Result_2> | Extract<"onDrawerOpen", keyof Result_2> | Extract<"onDrawerSlide", keyof Result_2> | Extract<"onDrawerStateChanged", keyof Result_2> | Extract<"renderNavigationView", keyof Result_2> | Extract<"statusBarBackgroundColor", keyof Result_2>>>> & React.RefAttributes<any>>;
195
195
  };
196
196
  Image: {
197
197
  <S_3>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_3 & RN.ImageProps & {
@@ -247,13 +247,13 @@ declare const styled: {
247
247
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
248
248
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
249
249
  children?: React.ReactNode;
250
- }, keyof Result_3> & Part_3 & Partial<RN.ImageProps & {
250
+ }, keyof Result_3> & Part_3 & Partial<Pick<RN.ImageProps & {
251
251
  rnCSS?: `${string};` | undefined;
252
252
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
253
253
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
254
254
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
255
255
  children?: React.ReactNode;
256
- }>> & React.RefAttributes<any>>;
256
+ }, Extract<"borderBottomLeftRadius", keyof Result_3> | Extract<"borderBottomRightRadius", keyof Result_3> | Extract<"borderRadius", keyof Result_3> | Extract<"borderTopLeftRadius", keyof Result_3> | Extract<"borderTopRightRadius", keyof Result_3> | Extract<"testID", keyof Result_3> | Extract<"height", keyof Result_3> | Extract<"width", keyof Result_3> | Extract<"resizeMode", keyof Result_3> | Extract<"onLayout", keyof Result_3> | Extract<"style", keyof Result_3> | Extract<"children", keyof Result_3> | Extract<"nativeID", keyof Result_3> | Extract<"accessible", keyof Result_3> | Extract<"accessibilityActions", keyof Result_3> | Extract<"accessibilityLabel", keyof Result_3> | Extract<"accessibilityRole", keyof Result_3> | Extract<"accessibilityState", keyof Result_3> | Extract<"accessibilityHint", keyof Result_3> | Extract<"accessibilityValue", keyof Result_3> | Extract<"onAccessibilityAction", keyof Result_3> | Extract<"accessibilityLiveRegion", keyof Result_3> | Extract<"importantForAccessibility", keyof Result_3> | Extract<"accessibilityElementsHidden", keyof Result_3> | Extract<"accessibilityViewIsModal", keyof Result_3> | Extract<"onAccessibilityEscape", keyof Result_3> | Extract<"onAccessibilityTap", keyof Result_3> | Extract<"onMagicTap", keyof Result_3> | Extract<"accessibilityIgnoresInvertColors", keyof Result_3> | Extract<"rnCSS", keyof Result_3> | Extract<"onMouseEnter", keyof Result_3> | Extract<"onMouseLeave", keyof Result_3> | Extract<"source", keyof Result_3> | Extract<"onError", keyof Result_3> | Extract<"onLoad", keyof Result_3> | Extract<"onLoadEnd", keyof Result_3> | Extract<"onLoadStart", keyof Result_3> | Extract<"progressiveRenderingEnabled", keyof Result_3> | Extract<"resizeMethod", keyof Result_3> | Extract<"loadingIndicatorSource", keyof Result_3> | Extract<"defaultSource", keyof Result_3> | Extract<"blurRadius", keyof Result_3> | Extract<"capInsets", keyof Result_3> | Extract<"onProgress", keyof Result_3> | Extract<"onPartialLoad", keyof Result_3> | Extract<"fadeDuration", keyof Result_3>>>> & React.RefAttributes<any>>;
257
257
  };
258
258
  ImageBackground: {
259
259
  <S_4>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_4 & RN.ImageBackgroundProps & {
@@ -309,13 +309,13 @@ declare const styled: {
309
309
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
310
310
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
311
311
  children?: React.ReactNode;
312
- }, keyof Result_4> & Part_4 & Partial<RN.ImageBackgroundProps & {
312
+ }, keyof Result_4> & Part_4 & Partial<Pick<RN.ImageBackgroundProps & {
313
313
  rnCSS?: `${string};` | undefined;
314
314
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
315
315
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
316
316
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
317
317
  children?: React.ReactNode;
318
- }>> & React.RefAttributes<any>>;
318
+ }, Extract<"borderBottomLeftRadius", keyof Result_4> | Extract<"borderBottomRightRadius", keyof Result_4> | Extract<"borderRadius", keyof Result_4> | Extract<"borderTopLeftRadius", keyof Result_4> | Extract<"borderTopRightRadius", keyof Result_4> | Extract<"testID", keyof Result_4> | Extract<"height", keyof Result_4> | Extract<"width", keyof Result_4> | Extract<"resizeMode", keyof Result_4> | Extract<"onLayout", keyof Result_4> | Extract<"style", keyof Result_4> | Extract<"children", keyof Result_4> | Extract<"nativeID", keyof Result_4> | Extract<"accessible", keyof Result_4> | Extract<"accessibilityActions", keyof Result_4> | Extract<"accessibilityLabel", keyof Result_4> | Extract<"accessibilityRole", keyof Result_4> | Extract<"accessibilityState", keyof Result_4> | Extract<"accessibilityHint", keyof Result_4> | Extract<"accessibilityValue", keyof Result_4> | Extract<"onAccessibilityAction", keyof Result_4> | Extract<"accessibilityLiveRegion", keyof Result_4> | Extract<"importantForAccessibility", keyof Result_4> | Extract<"accessibilityElementsHidden", keyof Result_4> | Extract<"accessibilityViewIsModal", keyof Result_4> | Extract<"onAccessibilityEscape", keyof Result_4> | Extract<"onAccessibilityTap", keyof Result_4> | Extract<"onMagicTap", keyof Result_4> | Extract<"accessibilityIgnoresInvertColors", keyof Result_4> | Extract<"rnCSS", keyof Result_4> | Extract<"onMouseEnter", keyof Result_4> | Extract<"onMouseLeave", keyof Result_4> | Extract<"source", keyof Result_4> | Extract<"onError", keyof Result_4> | Extract<"onLoad", keyof Result_4> | Extract<"onLoadEnd", keyof Result_4> | Extract<"onLoadStart", keyof Result_4> | Extract<"progressiveRenderingEnabled", keyof Result_4> | Extract<"resizeMethod", keyof Result_4> | Extract<"loadingIndicatorSource", keyof Result_4> | Extract<"defaultSource", keyof Result_4> | Extract<"blurRadius", keyof Result_4> | Extract<"capInsets", keyof Result_4> | Extract<"onProgress", keyof Result_4> | Extract<"onPartialLoad", keyof Result_4> | Extract<"fadeDuration", keyof Result_4> | Extract<"imageStyle", keyof Result_4> | Extract<"imageRef", keyof Result_4>>>> & React.RefAttributes<any>>;
319
319
  };
320
320
  KeyboardAvoidingView: {
321
321
  <S_5>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_5 & RN.KeyboardAvoidingViewProps & {
@@ -371,13 +371,13 @@ declare const styled: {
371
371
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
372
372
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
373
373
  children?: React.ReactNode;
374
- }, keyof Result_5> & Part_5 & Partial<RN.KeyboardAvoidingViewProps & {
374
+ }, keyof Result_5> & Part_5 & Partial<Pick<RN.KeyboardAvoidingViewProps & {
375
375
  rnCSS?: `${string};` | undefined;
376
376
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
377
377
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
378
378
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
379
379
  children?: React.ReactNode;
380
- }>> & React.RefAttributes<any>>;
380
+ }, Extract<"enabled", keyof Result_5> | Extract<"testID", keyof Result_5> | Extract<"removeClippedSubviews", keyof Result_5> | Extract<"onLayout", keyof Result_5> | Extract<"contentContainerStyle", keyof Result_5> | Extract<"style", keyof Result_5> | Extract<"children", keyof Result_5> | Extract<"hitSlop", keyof Result_5> | Extract<"pointerEvents", keyof Result_5> | Extract<"nativeID", keyof Result_5> | Extract<"collapsable", keyof Result_5> | Extract<"needsOffscreenAlphaCompositing", keyof Result_5> | Extract<"renderToHardwareTextureAndroid", keyof Result_5> | Extract<"focusable", keyof Result_5> | Extract<"shouldRasterizeIOS", keyof Result_5> | Extract<"isTVSelectable", keyof Result_5> | Extract<"hasTVPreferredFocus", keyof Result_5> | Extract<"tvParallaxProperties", keyof Result_5> | Extract<"tvParallaxShiftDistanceX", keyof Result_5> | Extract<"tvParallaxShiftDistanceY", keyof Result_5> | Extract<"tvParallaxTiltAngle", keyof Result_5> | Extract<"tvParallaxMagnification", keyof Result_5> | Extract<"onStartShouldSetResponder", keyof Result_5> | Extract<"onMoveShouldSetResponder", keyof Result_5> | Extract<"onResponderEnd", keyof Result_5> | Extract<"onResponderGrant", keyof Result_5> | Extract<"onResponderReject", keyof Result_5> | Extract<"onResponderMove", keyof Result_5> | Extract<"onResponderRelease", keyof Result_5> | Extract<"onResponderStart", keyof Result_5> | Extract<"onResponderTerminationRequest", keyof Result_5> | Extract<"onResponderTerminate", keyof Result_5> | Extract<"onStartShouldSetResponderCapture", keyof Result_5> | Extract<"onMoveShouldSetResponderCapture", keyof Result_5> | Extract<"onTouchStart", keyof Result_5> | Extract<"onTouchMove", keyof Result_5> | Extract<"onTouchEnd", keyof Result_5> | Extract<"onTouchCancel", keyof Result_5> | Extract<"onTouchEndCapture", keyof Result_5> | Extract<"accessible", keyof Result_5> | Extract<"accessibilityActions", keyof Result_5> | Extract<"accessibilityLabel", keyof Result_5> | Extract<"accessibilityRole", keyof Result_5> | Extract<"accessibilityState", keyof Result_5> | Extract<"accessibilityHint", keyof Result_5> | Extract<"accessibilityValue", keyof Result_5> | Extract<"onAccessibilityAction", keyof Result_5> | Extract<"accessibilityLiveRegion", keyof Result_5> | Extract<"importantForAccessibility", keyof Result_5> | Extract<"accessibilityElementsHidden", keyof Result_5> | Extract<"accessibilityViewIsModal", keyof Result_5> | Extract<"onAccessibilityEscape", keyof Result_5> | Extract<"onAccessibilityTap", keyof Result_5> | Extract<"onMagicTap", keyof Result_5> | Extract<"accessibilityIgnoresInvertColors", keyof Result_5> | Extract<"rnCSS", keyof Result_5> | Extract<"onMouseEnter", keyof Result_5> | Extract<"onMouseLeave", keyof Result_5> | Extract<"behavior", keyof Result_5> | Extract<"keyboardVerticalOffset", keyof Result_5>>>> & React.RefAttributes<any>>;
381
381
  };
382
382
  Modal: {
383
383
  <S_6>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_6 & RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
@@ -433,13 +433,13 @@ declare const styled: {
433
433
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
434
434
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
435
435
  children?: React.ReactNode;
436
- }, keyof Result_6> & Part_6 & Partial<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
436
+ }, keyof Result_6> & Part_6 & Partial<Pick<RN.ModalBaseProps & RN.ModalPropsIOS & RN.ModalPropsAndroid & RN.ViewProps & {
437
437
  rnCSS?: `${string};` | undefined;
438
438
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
439
439
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
440
440
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
441
441
  children?: React.ReactNode;
442
- }>> & React.RefAttributes<any>>;
442
+ }, Extract<"visible", keyof Result_6> | Extract<"testID", keyof Result_6> | Extract<"transparent", keyof Result_6> | Extract<"removeClippedSubviews", keyof Result_6> | Extract<"onLayout", keyof Result_6> | Extract<"style", keyof Result_6> | Extract<"children", keyof Result_6> | Extract<"hitSlop", keyof Result_6> | Extract<"pointerEvents", keyof Result_6> | Extract<"nativeID", keyof Result_6> | Extract<"collapsable", keyof Result_6> | Extract<"needsOffscreenAlphaCompositing", keyof Result_6> | Extract<"renderToHardwareTextureAndroid", keyof Result_6> | Extract<"focusable", keyof Result_6> | Extract<"shouldRasterizeIOS", keyof Result_6> | Extract<"isTVSelectable", keyof Result_6> | Extract<"hasTVPreferredFocus", keyof Result_6> | Extract<"tvParallaxProperties", keyof Result_6> | Extract<"tvParallaxShiftDistanceX", keyof Result_6> | Extract<"tvParallaxShiftDistanceY", keyof Result_6> | Extract<"tvParallaxTiltAngle", keyof Result_6> | Extract<"tvParallaxMagnification", keyof Result_6> | Extract<"onStartShouldSetResponder", keyof Result_6> | Extract<"onMoveShouldSetResponder", keyof Result_6> | Extract<"onResponderEnd", keyof Result_6> | Extract<"onResponderGrant", keyof Result_6> | Extract<"onResponderReject", keyof Result_6> | Extract<"onResponderMove", keyof Result_6> | Extract<"onResponderRelease", keyof Result_6> | Extract<"onResponderStart", keyof Result_6> | Extract<"onResponderTerminationRequest", keyof Result_6> | Extract<"onResponderTerminate", keyof Result_6> | Extract<"onStartShouldSetResponderCapture", keyof Result_6> | Extract<"onMoveShouldSetResponderCapture", keyof Result_6> | Extract<"onTouchStart", keyof Result_6> | Extract<"onTouchMove", keyof Result_6> | Extract<"onTouchEnd", keyof Result_6> | Extract<"onTouchCancel", keyof Result_6> | Extract<"onTouchEndCapture", keyof Result_6> | Extract<"accessible", keyof Result_6> | Extract<"accessibilityActions", keyof Result_6> | Extract<"accessibilityLabel", keyof Result_6> | Extract<"accessibilityRole", keyof Result_6> | Extract<"accessibilityState", keyof Result_6> | Extract<"accessibilityHint", keyof Result_6> | Extract<"accessibilityValue", keyof Result_6> | Extract<"onAccessibilityAction", keyof Result_6> | Extract<"accessibilityLiveRegion", keyof Result_6> | Extract<"importantForAccessibility", keyof Result_6> | Extract<"accessibilityElementsHidden", keyof Result_6> | Extract<"accessibilityViewIsModal", keyof Result_6> | Extract<"onAccessibilityEscape", keyof Result_6> | Extract<"onAccessibilityTap", keyof Result_6> | Extract<"onMagicTap", keyof Result_6> | Extract<"accessibilityIgnoresInvertColors", keyof Result_6> | Extract<"rnCSS", keyof Result_6> | Extract<"onMouseEnter", keyof Result_6> | Extract<"onMouseLeave", keyof Result_6> | Extract<"animated", keyof Result_6> | Extract<"animationType", keyof Result_6> | Extract<"onRequestClose", keyof Result_6> | Extract<"onShow", keyof Result_6> | Extract<"presentationStyle", keyof Result_6> | Extract<"supportedOrientations", keyof Result_6> | Extract<"onDismiss", keyof Result_6> | Extract<"onOrientationChange", keyof Result_6> | Extract<"hardwareAccelerated", keyof Result_6> | Extract<"statusBarTranslucent", keyof Result_6>>>> & React.RefAttributes<any>>;
443
443
  };
444
444
  NavigatorIOS: {
445
445
  <S_7>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_7 & RN.NavigatorIOSProps & {
@@ -495,13 +495,13 @@ declare const styled: {
495
495
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
496
496
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
497
497
  children?: React.ReactNode;
498
- }, keyof Result_7> & Part_7 & Partial<RN.NavigatorIOSProps & {
498
+ }, keyof Result_7> & Part_7 & Partial<Pick<RN.NavigatorIOSProps & {
499
499
  rnCSS?: `${string};` | undefined;
500
500
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
501
501
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
502
502
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
503
503
  children?: React.ReactNode;
504
- }>> & React.RefAttributes<any>>;
504
+ }, Extract<"onLayout", keyof Result_7> | Extract<"children", keyof Result_7> | Extract<"rnCSS", keyof Result_7> | Extract<"onMouseEnter", keyof Result_7> | Extract<"onMouseLeave", keyof Result_7> | Extract<"tintColor", keyof Result_7> | Extract<"style", keyof Result_7> | Extract<"barTintColor", keyof Result_7> | Extract<"initialRoute", keyof Result_7> | Extract<"itemWrapperStyle", keyof Result_7> | Extract<"interactivePopGestureEnabled", keyof Result_7> | Extract<"navigationBarHidden", keyof Result_7> | Extract<"shadowHidden", keyof Result_7> | Extract<"titleTextColor", keyof Result_7> | Extract<"translucent", keyof Result_7>>>> & React.RefAttributes<any>>;
505
505
  };
506
506
  ScrollView: {
507
507
  <S_8>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_8 & RN.ScrollViewProps & {
@@ -557,13 +557,13 @@ declare const styled: {
557
557
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
558
558
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
559
559
  children?: React.ReactNode;
560
- }, keyof Result_8> & Part_8 & Partial<RN.ScrollViewProps & {
560
+ }, keyof Result_8> & Part_8 & Partial<Pick<RN.ScrollViewProps & {
561
561
  rnCSS?: `${string};` | undefined;
562
562
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
563
563
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
564
564
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
565
565
  children?: React.ReactNode;
566
- }>> & React.RefAttributes<any>>;
566
+ }, Extract<"testID", keyof Result_8> | Extract<"keyboardShouldPersistTaps", keyof Result_8> | Extract<"horizontal", keyof Result_8> | Extract<"removeClippedSubviews", keyof Result_8> | Extract<"fadingEdgeLength", keyof Result_8> | Extract<"onLayout", keyof Result_8> | Extract<"contentContainerStyle", keyof Result_8> | Extract<"decelerationRate", keyof Result_8> | Extract<"invertStickyHeaders", keyof Result_8> | Extract<"keyboardDismissMode", keyof Result_8> | Extract<"onContentSizeChange", keyof Result_8> | Extract<"onScroll", keyof Result_8> | Extract<"onScrollBeginDrag", keyof Result_8> | Extract<"onScrollEndDrag", keyof Result_8> | Extract<"onMomentumScrollEnd", keyof Result_8> | Extract<"onMomentumScrollBegin", keyof Result_8> | Extract<"pagingEnabled", keyof Result_8> | Extract<"scrollEnabled", keyof Result_8> | Extract<"showsHorizontalScrollIndicator", keyof Result_8> | Extract<"showsVerticalScrollIndicator", keyof Result_8> | Extract<"stickyHeaderHiddenOnScroll", keyof Result_8> | Extract<"style", keyof Result_8> | Extract<"refreshControl", keyof Result_8> | Extract<"snapToInterval", keyof Result_8> | Extract<"snapToOffsets", keyof Result_8> | Extract<"snapToStart", keyof Result_8> | Extract<"snapToEnd", keyof Result_8> | Extract<"stickyHeaderIndices", keyof Result_8> | Extract<"disableIntervalMomentum", keyof Result_8> | Extract<"disableScrollViewPanResponder", keyof Result_8> | Extract<"StickyHeaderComponent", keyof Result_8> | Extract<"children", keyof Result_8> | Extract<"hitSlop", keyof Result_8> | Extract<"pointerEvents", keyof Result_8> | Extract<"nativeID", keyof Result_8> | Extract<"collapsable", keyof Result_8> | Extract<"needsOffscreenAlphaCompositing", keyof Result_8> | Extract<"renderToHardwareTextureAndroid", keyof Result_8> | Extract<"focusable", keyof Result_8> | Extract<"shouldRasterizeIOS", keyof Result_8> | Extract<"isTVSelectable", keyof Result_8> | Extract<"hasTVPreferredFocus", keyof Result_8> | Extract<"tvParallaxProperties", keyof Result_8> | Extract<"tvParallaxShiftDistanceX", keyof Result_8> | Extract<"tvParallaxShiftDistanceY", keyof Result_8> | Extract<"tvParallaxTiltAngle", keyof Result_8> | Extract<"tvParallaxMagnification", keyof Result_8> | Extract<"onStartShouldSetResponder", keyof Result_8> | Extract<"onMoveShouldSetResponder", keyof Result_8> | Extract<"onResponderEnd", keyof Result_8> | Extract<"onResponderGrant", keyof Result_8> | Extract<"onResponderReject", keyof Result_8> | Extract<"onResponderMove", keyof Result_8> | Extract<"onResponderRelease", keyof Result_8> | Extract<"onResponderStart", keyof Result_8> | Extract<"onResponderTerminationRequest", keyof Result_8> | Extract<"onResponderTerminate", keyof Result_8> | Extract<"onStartShouldSetResponderCapture", keyof Result_8> | Extract<"onMoveShouldSetResponderCapture", keyof Result_8> | Extract<"onTouchStart", keyof Result_8> | Extract<"onTouchMove", keyof Result_8> | Extract<"onTouchEnd", keyof Result_8> | Extract<"onTouchCancel", keyof Result_8> | Extract<"onTouchEndCapture", keyof Result_8> | Extract<"accessible", keyof Result_8> | Extract<"accessibilityActions", keyof Result_8> | Extract<"accessibilityLabel", keyof Result_8> | Extract<"accessibilityRole", keyof Result_8> | Extract<"accessibilityState", keyof Result_8> | Extract<"accessibilityHint", keyof Result_8> | Extract<"accessibilityValue", keyof Result_8> | Extract<"onAccessibilityAction", keyof Result_8> | Extract<"accessibilityLiveRegion", keyof Result_8> | Extract<"importantForAccessibility", keyof Result_8> | Extract<"accessibilityElementsHidden", keyof Result_8> | Extract<"accessibilityViewIsModal", keyof Result_8> | Extract<"onAccessibilityEscape", keyof Result_8> | Extract<"onAccessibilityTap", keyof Result_8> | Extract<"onMagicTap", keyof Result_8> | Extract<"accessibilityIgnoresInvertColors", keyof Result_8> | Extract<"alwaysBounceHorizontal", keyof Result_8> | Extract<"alwaysBounceVertical", keyof Result_8> | Extract<"automaticallyAdjustContentInsets", keyof Result_8> | Extract<"bounces", keyof Result_8> | Extract<"bouncesZoom", keyof Result_8> | Extract<"canCancelContentTouches", keyof Result_8> | Extract<"centerContent", keyof Result_8> | Extract<"contentInset", keyof Result_8> | Extract<"contentOffset", keyof Result_8> | Extract<"contentInsetAdjustmentBehavior", keyof Result_8> | Extract<"directionalLockEnabled", keyof Result_8> | Extract<"indicatorStyle", keyof Result_8> | Extract<"maintainVisibleContentPosition", keyof Result_8> | Extract<"maximumZoomScale", keyof Result_8> | Extract<"minimumZoomScale", keyof Result_8> | Extract<"onScrollAnimationEnd", keyof Result_8> | Extract<"pinchGestureEnabled", keyof Result_8> | Extract<"scrollEventThrottle", keyof Result_8> | Extract<"scrollIndicatorInsets", keyof Result_8> | Extract<"scrollToOverflowEnabled", keyof Result_8> | Extract<"scrollsToTop", keyof Result_8> | Extract<"snapToAlignment", keyof Result_8> | Extract<"onScrollToTop", keyof Result_8> | Extract<"zoomScale", keyof Result_8> | Extract<"endFillColor", keyof Result_8> | Extract<"scrollPerfTag", keyof Result_8> | Extract<"overScrollMode", keyof Result_8> | Extract<"nestedScrollEnabled", keyof Result_8> | Extract<"persistentScrollbar", keyof Result_8> | Extract<"rnCSS", keyof Result_8> | Extract<"onMouseEnter", keyof Result_8> | Extract<"onMouseLeave", keyof Result_8>>>> & React.RefAttributes<any>>;
567
567
  };
568
568
  SnapshotViewIOS: {
569
569
  <S_9>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_9 & RN.SnapshotViewIOSProps & {
@@ -619,13 +619,13 @@ declare const styled: {
619
619
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
620
620
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
621
621
  children?: React.ReactNode;
622
- }, keyof Result_9> & Part_9 & Partial<RN.SnapshotViewIOSProps & {
622
+ }, keyof Result_9> & Part_9 & Partial<Pick<RN.SnapshotViewIOSProps & {
623
623
  rnCSS?: `${string};` | undefined;
624
624
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
625
625
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
626
626
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
627
627
  children?: React.ReactNode;
628
- }>> & React.RefAttributes<any>>;
628
+ }, Extract<"testID", keyof Result_9> | Extract<"removeClippedSubviews", keyof Result_9> | Extract<"onLayout", keyof Result_9> | Extract<"style", keyof Result_9> | Extract<"children", keyof Result_9> | Extract<"hitSlop", keyof Result_9> | Extract<"pointerEvents", keyof Result_9> | Extract<"nativeID", keyof Result_9> | Extract<"collapsable", keyof Result_9> | Extract<"needsOffscreenAlphaCompositing", keyof Result_9> | Extract<"renderToHardwareTextureAndroid", keyof Result_9> | Extract<"focusable", keyof Result_9> | Extract<"shouldRasterizeIOS", keyof Result_9> | Extract<"isTVSelectable", keyof Result_9> | Extract<"hasTVPreferredFocus", keyof Result_9> | Extract<"tvParallaxProperties", keyof Result_9> | Extract<"tvParallaxShiftDistanceX", keyof Result_9> | Extract<"tvParallaxShiftDistanceY", keyof Result_9> | Extract<"tvParallaxTiltAngle", keyof Result_9> | Extract<"tvParallaxMagnification", keyof Result_9> | Extract<"onStartShouldSetResponder", keyof Result_9> | Extract<"onMoveShouldSetResponder", keyof Result_9> | Extract<"onResponderEnd", keyof Result_9> | Extract<"onResponderGrant", keyof Result_9> | Extract<"onResponderReject", keyof Result_9> | Extract<"onResponderMove", keyof Result_9> | Extract<"onResponderRelease", keyof Result_9> | Extract<"onResponderStart", keyof Result_9> | Extract<"onResponderTerminationRequest", keyof Result_9> | Extract<"onResponderTerminate", keyof Result_9> | Extract<"onStartShouldSetResponderCapture", keyof Result_9> | Extract<"onMoveShouldSetResponderCapture", keyof Result_9> | Extract<"onTouchStart", keyof Result_9> | Extract<"onTouchMove", keyof Result_9> | Extract<"onTouchEnd", keyof Result_9> | Extract<"onTouchCancel", keyof Result_9> | Extract<"onTouchEndCapture", keyof Result_9> | Extract<"accessible", keyof Result_9> | Extract<"accessibilityActions", keyof Result_9> | Extract<"accessibilityLabel", keyof Result_9> | Extract<"accessibilityRole", keyof Result_9> | Extract<"accessibilityState", keyof Result_9> | Extract<"accessibilityHint", keyof Result_9> | Extract<"accessibilityValue", keyof Result_9> | Extract<"onAccessibilityAction", keyof Result_9> | Extract<"accessibilityLiveRegion", keyof Result_9> | Extract<"importantForAccessibility", keyof Result_9> | Extract<"accessibilityElementsHidden", keyof Result_9> | Extract<"accessibilityViewIsModal", keyof Result_9> | Extract<"onAccessibilityEscape", keyof Result_9> | Extract<"onAccessibilityTap", keyof Result_9> | Extract<"onMagicTap", keyof Result_9> | Extract<"accessibilityIgnoresInvertColors", keyof Result_9> | Extract<"rnCSS", keyof Result_9> | Extract<"onMouseEnter", keyof Result_9> | Extract<"onMouseLeave", keyof Result_9> | Extract<"onSnapshotReady", keyof Result_9> | Extract<"testIdentifier", keyof Result_9>>>> & React.RefAttributes<any>>;
629
629
  };
630
630
  Switch: {
631
631
  <S_10>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_10 & RN.SwitchProps & {
@@ -681,13 +681,13 @@ declare const styled: {
681
681
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
682
682
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
683
683
  children?: React.ReactNode;
684
- }, keyof Result_10> & Part_10 & Partial<RN.SwitchProps & {
684
+ }, keyof Result_10> & Part_10 & Partial<Pick<RN.SwitchProps & {
685
685
  rnCSS?: `${string};` | undefined;
686
686
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
687
687
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
688
688
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
689
689
  children?: React.ReactNode;
690
- }>> & React.RefAttributes<any>>;
690
+ }, Extract<"testID", keyof Result_10> | Extract<"tintColor", keyof Result_10> | Extract<"value", keyof Result_10> | Extract<"removeClippedSubviews", keyof Result_10> | Extract<"onLayout", keyof Result_10> | Extract<"style", keyof Result_10> | Extract<"children", keyof Result_10> | Extract<"hitSlop", keyof Result_10> | Extract<"pointerEvents", keyof Result_10> | Extract<"nativeID", keyof Result_10> | Extract<"collapsable", keyof Result_10> | Extract<"needsOffscreenAlphaCompositing", keyof Result_10> | Extract<"renderToHardwareTextureAndroid", keyof Result_10> | Extract<"focusable", keyof Result_10> | Extract<"shouldRasterizeIOS", keyof Result_10> | Extract<"isTVSelectable", keyof Result_10> | Extract<"hasTVPreferredFocus", keyof Result_10> | Extract<"tvParallaxProperties", keyof Result_10> | Extract<"tvParallaxShiftDistanceX", keyof Result_10> | Extract<"tvParallaxShiftDistanceY", keyof Result_10> | Extract<"tvParallaxTiltAngle", keyof Result_10> | Extract<"tvParallaxMagnification", keyof Result_10> | Extract<"onStartShouldSetResponder", keyof Result_10> | Extract<"onMoveShouldSetResponder", keyof Result_10> | Extract<"onResponderEnd", keyof Result_10> | Extract<"onResponderGrant", keyof Result_10> | Extract<"onResponderReject", keyof Result_10> | Extract<"onResponderMove", keyof Result_10> | Extract<"onResponderRelease", keyof Result_10> | Extract<"onResponderStart", keyof Result_10> | Extract<"onResponderTerminationRequest", keyof Result_10> | Extract<"onResponderTerminate", keyof Result_10> | Extract<"onStartShouldSetResponderCapture", keyof Result_10> | Extract<"onMoveShouldSetResponderCapture", keyof Result_10> | Extract<"onTouchStart", keyof Result_10> | Extract<"onTouchMove", keyof Result_10> | Extract<"onTouchEnd", keyof Result_10> | Extract<"onTouchCancel", keyof Result_10> | Extract<"onTouchEndCapture", keyof Result_10> | Extract<"accessible", keyof Result_10> | Extract<"accessibilityActions", keyof Result_10> | Extract<"accessibilityLabel", keyof Result_10> | Extract<"accessibilityRole", keyof Result_10> | Extract<"accessibilityState", keyof Result_10> | Extract<"accessibilityHint", keyof Result_10> | Extract<"accessibilityValue", keyof Result_10> | Extract<"onAccessibilityAction", keyof Result_10> | Extract<"accessibilityLiveRegion", keyof Result_10> | Extract<"importantForAccessibility", keyof Result_10> | Extract<"accessibilityElementsHidden", keyof Result_10> | Extract<"accessibilityViewIsModal", keyof Result_10> | Extract<"onAccessibilityEscape", keyof Result_10> | Extract<"onAccessibilityTap", keyof Result_10> | Extract<"onMagicTap", keyof Result_10> | Extract<"accessibilityIgnoresInvertColors", keyof Result_10> | Extract<"rnCSS", keyof Result_10> | Extract<"onMouseEnter", keyof Result_10> | Extract<"onMouseLeave", keyof Result_10> | Extract<"thumbColor", keyof Result_10> | Extract<"trackColor", keyof Result_10> | Extract<"disabled", keyof Result_10> | Extract<"onChange", keyof Result_10> | Extract<"onValueChange", keyof Result_10> | Extract<"ios_backgroundColor", keyof Result_10> | Extract<"onTintColor", keyof Result_10> | Extract<"thumbTintColor", keyof Result_10>>>> & React.RefAttributes<any>>;
691
691
  };
692
692
  RecyclerViewBackedScrollView: {
693
693
  <S_11>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_11 & RN.RecyclerViewBackedScrollViewProps & {
@@ -743,13 +743,13 @@ declare const styled: {
743
743
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
744
744
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
745
745
  children?: React.ReactNode;
746
- }, keyof Result_11> & Part_11 & Partial<RN.RecyclerViewBackedScrollViewProps & {
746
+ }, keyof Result_11> & Part_11 & Partial<Pick<RN.RecyclerViewBackedScrollViewProps & {
747
747
  rnCSS?: `${string};` | undefined;
748
748
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
749
749
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
750
750
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
751
751
  children?: React.ReactNode;
752
- }>> & React.RefAttributes<any>>;
752
+ }, Extract<"testID", keyof Result_11> | Extract<"keyboardShouldPersistTaps", keyof Result_11> | Extract<"horizontal", keyof Result_11> | Extract<"removeClippedSubviews", keyof Result_11> | Extract<"fadingEdgeLength", keyof Result_11> | Extract<"onLayout", keyof Result_11> | Extract<"contentContainerStyle", keyof Result_11> | Extract<"decelerationRate", keyof Result_11> | Extract<"invertStickyHeaders", keyof Result_11> | Extract<"keyboardDismissMode", keyof Result_11> | Extract<"onContentSizeChange", keyof Result_11> | Extract<"onScroll", keyof Result_11> | Extract<"onScrollBeginDrag", keyof Result_11> | Extract<"onScrollEndDrag", keyof Result_11> | Extract<"onMomentumScrollEnd", keyof Result_11> | Extract<"onMomentumScrollBegin", keyof Result_11> | Extract<"pagingEnabled", keyof Result_11> | Extract<"scrollEnabled", keyof Result_11> | Extract<"showsHorizontalScrollIndicator", keyof Result_11> | Extract<"showsVerticalScrollIndicator", keyof Result_11> | Extract<"stickyHeaderHiddenOnScroll", keyof Result_11> | Extract<"style", keyof Result_11> | Extract<"refreshControl", keyof Result_11> | Extract<"snapToInterval", keyof Result_11> | Extract<"snapToOffsets", keyof Result_11> | Extract<"snapToStart", keyof Result_11> | Extract<"snapToEnd", keyof Result_11> | Extract<"stickyHeaderIndices", keyof Result_11> | Extract<"disableIntervalMomentum", keyof Result_11> | Extract<"disableScrollViewPanResponder", keyof Result_11> | Extract<"StickyHeaderComponent", keyof Result_11> | Extract<"children", keyof Result_11> | Extract<"hitSlop", keyof Result_11> | Extract<"pointerEvents", keyof Result_11> | Extract<"nativeID", keyof Result_11> | Extract<"collapsable", keyof Result_11> | Extract<"needsOffscreenAlphaCompositing", keyof Result_11> | Extract<"renderToHardwareTextureAndroid", keyof Result_11> | Extract<"focusable", keyof Result_11> | Extract<"shouldRasterizeIOS", keyof Result_11> | Extract<"isTVSelectable", keyof Result_11> | Extract<"hasTVPreferredFocus", keyof Result_11> | Extract<"tvParallaxProperties", keyof Result_11> | Extract<"tvParallaxShiftDistanceX", keyof Result_11> | Extract<"tvParallaxShiftDistanceY", keyof Result_11> | Extract<"tvParallaxTiltAngle", keyof Result_11> | Extract<"tvParallaxMagnification", keyof Result_11> | Extract<"onStartShouldSetResponder", keyof Result_11> | Extract<"onMoveShouldSetResponder", keyof Result_11> | Extract<"onResponderEnd", keyof Result_11> | Extract<"onResponderGrant", keyof Result_11> | Extract<"onResponderReject", keyof Result_11> | Extract<"onResponderMove", keyof Result_11> | Extract<"onResponderRelease", keyof Result_11> | Extract<"onResponderStart", keyof Result_11> | Extract<"onResponderTerminationRequest", keyof Result_11> | Extract<"onResponderTerminate", keyof Result_11> | Extract<"onStartShouldSetResponderCapture", keyof Result_11> | Extract<"onMoveShouldSetResponderCapture", keyof Result_11> | Extract<"onTouchStart", keyof Result_11> | Extract<"onTouchMove", keyof Result_11> | Extract<"onTouchEnd", keyof Result_11> | Extract<"onTouchCancel", keyof Result_11> | Extract<"onTouchEndCapture", keyof Result_11> | Extract<"accessible", keyof Result_11> | Extract<"accessibilityActions", keyof Result_11> | Extract<"accessibilityLabel", keyof Result_11> | Extract<"accessibilityRole", keyof Result_11> | Extract<"accessibilityState", keyof Result_11> | Extract<"accessibilityHint", keyof Result_11> | Extract<"accessibilityValue", keyof Result_11> | Extract<"onAccessibilityAction", keyof Result_11> | Extract<"accessibilityLiveRegion", keyof Result_11> | Extract<"importantForAccessibility", keyof Result_11> | Extract<"accessibilityElementsHidden", keyof Result_11> | Extract<"accessibilityViewIsModal", keyof Result_11> | Extract<"onAccessibilityEscape", keyof Result_11> | Extract<"onAccessibilityTap", keyof Result_11> | Extract<"onMagicTap", keyof Result_11> | Extract<"accessibilityIgnoresInvertColors", keyof Result_11> | Extract<"alwaysBounceHorizontal", keyof Result_11> | Extract<"alwaysBounceVertical", keyof Result_11> | Extract<"automaticallyAdjustContentInsets", keyof Result_11> | Extract<"bounces", keyof Result_11> | Extract<"bouncesZoom", keyof Result_11> | Extract<"canCancelContentTouches", keyof Result_11> | Extract<"centerContent", keyof Result_11> | Extract<"contentInset", keyof Result_11> | Extract<"contentOffset", keyof Result_11> | Extract<"contentInsetAdjustmentBehavior", keyof Result_11> | Extract<"directionalLockEnabled", keyof Result_11> | Extract<"indicatorStyle", keyof Result_11> | Extract<"maintainVisibleContentPosition", keyof Result_11> | Extract<"maximumZoomScale", keyof Result_11> | Extract<"minimumZoomScale", keyof Result_11> | Extract<"onScrollAnimationEnd", keyof Result_11> | Extract<"pinchGestureEnabled", keyof Result_11> | Extract<"scrollEventThrottle", keyof Result_11> | Extract<"scrollIndicatorInsets", keyof Result_11> | Extract<"scrollToOverflowEnabled", keyof Result_11> | Extract<"scrollsToTop", keyof Result_11> | Extract<"snapToAlignment", keyof Result_11> | Extract<"onScrollToTop", keyof Result_11> | Extract<"zoomScale", keyof Result_11> | Extract<"endFillColor", keyof Result_11> | Extract<"scrollPerfTag", keyof Result_11> | Extract<"overScrollMode", keyof Result_11> | Extract<"nestedScrollEnabled", keyof Result_11> | Extract<"persistentScrollbar", keyof Result_11> | Extract<"rnCSS", keyof Result_11> | Extract<"onMouseEnter", keyof Result_11> | Extract<"onMouseLeave", keyof Result_11>>>> & React.RefAttributes<any>>;
753
753
  };
754
754
  RefreshControl: {
755
755
  <S_12>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_12 & RN.RefreshControlProps & {
@@ -805,13 +805,13 @@ declare const styled: {
805
805
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
806
806
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
807
807
  children?: React.ReactNode;
808
- }, keyof Result_12> & Part_12 & Partial<RN.RefreshControlProps & {
808
+ }, keyof Result_12> & Part_12 & Partial<Pick<RN.RefreshControlProps & {
809
809
  rnCSS?: `${string};` | undefined;
810
810
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
811
811
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
812
812
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
813
813
  children?: React.ReactNode;
814
- }>> & React.RefAttributes<any>>;
814
+ }, Extract<"enabled", keyof Result_12> | Extract<"testID", keyof Result_12> | Extract<"tintColor", keyof Result_12> | Extract<"onRefresh", keyof Result_12> | Extract<"refreshing", keyof Result_12> | Extract<"removeClippedSubviews", keyof Result_12> | Extract<"onLayout", keyof Result_12> | Extract<"progressViewOffset", keyof Result_12> | Extract<"style", keyof Result_12> | Extract<"children", keyof Result_12> | Extract<"hitSlop", keyof Result_12> | Extract<"pointerEvents", keyof Result_12> | Extract<"nativeID", keyof Result_12> | Extract<"collapsable", keyof Result_12> | Extract<"needsOffscreenAlphaCompositing", keyof Result_12> | Extract<"renderToHardwareTextureAndroid", keyof Result_12> | Extract<"focusable", keyof Result_12> | Extract<"shouldRasterizeIOS", keyof Result_12> | Extract<"isTVSelectable", keyof Result_12> | Extract<"hasTVPreferredFocus", keyof Result_12> | Extract<"tvParallaxProperties", keyof Result_12> | Extract<"tvParallaxShiftDistanceX", keyof Result_12> | Extract<"tvParallaxShiftDistanceY", keyof Result_12> | Extract<"tvParallaxTiltAngle", keyof Result_12> | Extract<"tvParallaxMagnification", keyof Result_12> | Extract<"onStartShouldSetResponder", keyof Result_12> | Extract<"onMoveShouldSetResponder", keyof Result_12> | Extract<"onResponderEnd", keyof Result_12> | Extract<"onResponderGrant", keyof Result_12> | Extract<"onResponderReject", keyof Result_12> | Extract<"onResponderMove", keyof Result_12> | Extract<"onResponderRelease", keyof Result_12> | Extract<"onResponderStart", keyof Result_12> | Extract<"onResponderTerminationRequest", keyof Result_12> | Extract<"onResponderTerminate", keyof Result_12> | Extract<"onStartShouldSetResponderCapture", keyof Result_12> | Extract<"onMoveShouldSetResponderCapture", keyof Result_12> | Extract<"onTouchStart", keyof Result_12> | Extract<"onTouchMove", keyof Result_12> | Extract<"onTouchEnd", keyof Result_12> | Extract<"onTouchCancel", keyof Result_12> | Extract<"onTouchEndCapture", keyof Result_12> | Extract<"accessible", keyof Result_12> | Extract<"accessibilityActions", keyof Result_12> | Extract<"accessibilityLabel", keyof Result_12> | Extract<"accessibilityRole", keyof Result_12> | Extract<"accessibilityState", keyof Result_12> | Extract<"accessibilityHint", keyof Result_12> | Extract<"accessibilityValue", keyof Result_12> | Extract<"onAccessibilityAction", keyof Result_12> | Extract<"accessibilityLiveRegion", keyof Result_12> | Extract<"importantForAccessibility", keyof Result_12> | Extract<"accessibilityElementsHidden", keyof Result_12> | Extract<"accessibilityViewIsModal", keyof Result_12> | Extract<"onAccessibilityEscape", keyof Result_12> | Extract<"onAccessibilityTap", keyof Result_12> | Extract<"onMagicTap", keyof Result_12> | Extract<"accessibilityIgnoresInvertColors", keyof Result_12> | Extract<"rnCSS", keyof Result_12> | Extract<"onMouseEnter", keyof Result_12> | Extract<"onMouseLeave", keyof Result_12> | Extract<"title", keyof Result_12> | Extract<"size", keyof Result_12> | Extract<"titleColor", keyof Result_12> | Extract<"colors", keyof Result_12> | Extract<"progressBackgroundColor", keyof Result_12>>>> & React.RefAttributes<any>>;
815
815
  };
816
816
  SafeAreaView: {
817
817
  <S_13>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_13 & RN.ViewProps & {
@@ -867,13 +867,13 @@ declare const styled: {
867
867
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
868
868
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
869
869
  children?: React.ReactNode;
870
- }, keyof Result_13> & Part_13 & Partial<RN.ViewProps & {
870
+ }, keyof Result_13> & Part_13 & Partial<Pick<RN.ViewProps & {
871
871
  rnCSS?: `${string};` | undefined;
872
872
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
873
873
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
874
874
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
875
875
  children?: React.ReactNode;
876
- }>> & React.RefAttributes<any>>;
876
+ }, Extract<"testID", keyof Result_13> | Extract<"removeClippedSubviews", keyof Result_13> | Extract<"onLayout", keyof Result_13> | Extract<"style", keyof Result_13> | Extract<"children", keyof Result_13> | Extract<"hitSlop", keyof Result_13> | Extract<"pointerEvents", keyof Result_13> | Extract<"nativeID", keyof Result_13> | Extract<"collapsable", keyof Result_13> | Extract<"needsOffscreenAlphaCompositing", keyof Result_13> | Extract<"renderToHardwareTextureAndroid", keyof Result_13> | Extract<"focusable", keyof Result_13> | Extract<"shouldRasterizeIOS", keyof Result_13> | Extract<"isTVSelectable", keyof Result_13> | Extract<"hasTVPreferredFocus", keyof Result_13> | Extract<"tvParallaxProperties", keyof Result_13> | Extract<"tvParallaxShiftDistanceX", keyof Result_13> | Extract<"tvParallaxShiftDistanceY", keyof Result_13> | Extract<"tvParallaxTiltAngle", keyof Result_13> | Extract<"tvParallaxMagnification", keyof Result_13> | Extract<"onStartShouldSetResponder", keyof Result_13> | Extract<"onMoveShouldSetResponder", keyof Result_13> | Extract<"onResponderEnd", keyof Result_13> | Extract<"onResponderGrant", keyof Result_13> | Extract<"onResponderReject", keyof Result_13> | Extract<"onResponderMove", keyof Result_13> | Extract<"onResponderRelease", keyof Result_13> | Extract<"onResponderStart", keyof Result_13> | Extract<"onResponderTerminationRequest", keyof Result_13> | Extract<"onResponderTerminate", keyof Result_13> | Extract<"onStartShouldSetResponderCapture", keyof Result_13> | Extract<"onMoveShouldSetResponderCapture", keyof Result_13> | Extract<"onTouchStart", keyof Result_13> | Extract<"onTouchMove", keyof Result_13> | Extract<"onTouchEnd", keyof Result_13> | Extract<"onTouchCancel", keyof Result_13> | Extract<"onTouchEndCapture", keyof Result_13> | Extract<"accessible", keyof Result_13> | Extract<"accessibilityActions", keyof Result_13> | Extract<"accessibilityLabel", keyof Result_13> | Extract<"accessibilityRole", keyof Result_13> | Extract<"accessibilityState", keyof Result_13> | Extract<"accessibilityHint", keyof Result_13> | Extract<"accessibilityValue", keyof Result_13> | Extract<"onAccessibilityAction", keyof Result_13> | Extract<"accessibilityLiveRegion", keyof Result_13> | Extract<"importantForAccessibility", keyof Result_13> | Extract<"accessibilityElementsHidden", keyof Result_13> | Extract<"accessibilityViewIsModal", keyof Result_13> | Extract<"onAccessibilityEscape", keyof Result_13> | Extract<"onAccessibilityTap", keyof Result_13> | Extract<"onMagicTap", keyof Result_13> | Extract<"accessibilityIgnoresInvertColors", keyof Result_13> | Extract<"rnCSS", keyof Result_13> | Extract<"onMouseEnter", keyof Result_13> | Extract<"onMouseLeave", keyof Result_13>>>> & React.RefAttributes<any>>;
877
877
  };
878
878
  Text: {
879
879
  <S_14>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_14 & RN.TextProps & {
@@ -929,13 +929,13 @@ declare const styled: {
929
929
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
930
930
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
931
931
  children?: React.ReactNode;
932
- }, keyof Result_14> & Part_14 & Partial<RN.TextProps & {
932
+ }, keyof Result_14> & Part_14 & Partial<Pick<RN.TextProps & {
933
933
  rnCSS?: `${string};` | undefined;
934
934
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
935
935
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
936
936
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
937
937
  children?: React.ReactNode;
938
- }>> & React.RefAttributes<any>>;
938
+ }, Extract<"testID", keyof Result_14> | Extract<"onLayout", keyof Result_14> | Extract<"style", keyof Result_14> | Extract<"children", keyof Result_14> | Extract<"nativeID", keyof Result_14> | Extract<"accessible", keyof Result_14> | Extract<"accessibilityActions", keyof Result_14> | Extract<"accessibilityLabel", keyof Result_14> | Extract<"accessibilityRole", keyof Result_14> | Extract<"accessibilityState", keyof Result_14> | Extract<"accessibilityHint", keyof Result_14> | Extract<"accessibilityValue", keyof Result_14> | Extract<"onAccessibilityAction", keyof Result_14> | Extract<"accessibilityLiveRegion", keyof Result_14> | Extract<"importantForAccessibility", keyof Result_14> | Extract<"accessibilityElementsHidden", keyof Result_14> | Extract<"accessibilityViewIsModal", keyof Result_14> | Extract<"onAccessibilityEscape", keyof Result_14> | Extract<"onAccessibilityTap", keyof Result_14> | Extract<"onMagicTap", keyof Result_14> | Extract<"accessibilityIgnoresInvertColors", keyof Result_14> | Extract<"rnCSS", keyof Result_14> | Extract<"onMouseEnter", keyof Result_14> | Extract<"onMouseLeave", keyof Result_14> | Extract<"allowFontScaling", keyof Result_14> | Extract<"ellipsizeMode", keyof Result_14> | Extract<"lineBreakMode", keyof Result_14> | Extract<"numberOfLines", keyof Result_14> | Extract<"onTextLayout", keyof Result_14> | Extract<"onPress", keyof Result_14> | Extract<"onPressIn", keyof Result_14> | Extract<"onPressOut", keyof Result_14> | Extract<"onLongPress", keyof Result_14> | Extract<"maxFontSizeMultiplier", keyof Result_14> | Extract<"adjustsFontSizeToFit", keyof Result_14> | Extract<"minimumFontScale", keyof Result_14> | Extract<"suppressHighlighting", keyof Result_14> | Extract<"selectable", keyof Result_14> | Extract<"selectionColor", keyof Result_14> | Extract<"textBreakStrategy", keyof Result_14> | Extract<"dataDetectorType", keyof Result_14> | Extract<"android_hyphenationFrequency", keyof Result_14>>>> & React.RefAttributes<any>>;
939
939
  };
940
940
  TextInput: {
941
941
  <S_15>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_15 & RN.TextInputProps & {
@@ -991,13 +991,13 @@ declare const styled: {
991
991
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
992
992
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
993
993
  children?: React.ReactNode;
994
- }, keyof Result_15> & Part_15 & Partial<RN.TextInputProps & {
994
+ }, keyof Result_15> & Part_15 & Partial<Pick<RN.TextInputProps & {
995
995
  rnCSS?: `${string};` | undefined;
996
996
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
997
997
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
998
998
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
999
999
  children?: React.ReactNode;
1000
- }>> & React.RefAttributes<any>>;
1000
+ }, Extract<"testID", keyof Result_15> | Extract<"textAlign", keyof Result_15> | Extract<"textAlignVertical", keyof Result_15> | Extract<"value", keyof Result_15> | Extract<"removeClippedSubviews", keyof Result_15> | Extract<"onLayout", keyof Result_15> | Extract<"onContentSizeChange", keyof Result_15> | Extract<"onScroll", keyof Result_15> | Extract<"scrollEnabled", keyof Result_15> | Extract<"style", keyof Result_15> | Extract<"children", keyof Result_15> | Extract<"hitSlop", keyof Result_15> | Extract<"pointerEvents", keyof Result_15> | Extract<"nativeID", keyof Result_15> | Extract<"collapsable", keyof Result_15> | Extract<"needsOffscreenAlphaCompositing", keyof Result_15> | Extract<"renderToHardwareTextureAndroid", keyof Result_15> | Extract<"focusable", keyof Result_15> | Extract<"shouldRasterizeIOS", keyof Result_15> | Extract<"isTVSelectable", keyof Result_15> | Extract<"hasTVPreferredFocus", keyof Result_15> | Extract<"tvParallaxProperties", keyof Result_15> | Extract<"tvParallaxShiftDistanceX", keyof Result_15> | Extract<"tvParallaxShiftDistanceY", keyof Result_15> | Extract<"tvParallaxTiltAngle", keyof Result_15> | Extract<"tvParallaxMagnification", keyof Result_15> | Extract<"onStartShouldSetResponder", keyof Result_15> | Extract<"onMoveShouldSetResponder", keyof Result_15> | Extract<"onResponderEnd", keyof Result_15> | Extract<"onResponderGrant", keyof Result_15> | Extract<"onResponderReject", keyof Result_15> | Extract<"onResponderMove", keyof Result_15> | Extract<"onResponderRelease", keyof Result_15> | Extract<"onResponderStart", keyof Result_15> | Extract<"onResponderTerminationRequest", keyof Result_15> | Extract<"onResponderTerminate", keyof Result_15> | Extract<"onStartShouldSetResponderCapture", keyof Result_15> | Extract<"onMoveShouldSetResponderCapture", keyof Result_15> | Extract<"onTouchStart", keyof Result_15> | Extract<"onTouchMove", keyof Result_15> | Extract<"onTouchEnd", keyof Result_15> | Extract<"onTouchCancel", keyof Result_15> | Extract<"onTouchEndCapture", keyof Result_15> | Extract<"accessible", keyof Result_15> | Extract<"accessibilityActions", keyof Result_15> | Extract<"accessibilityLabel", keyof Result_15> | Extract<"accessibilityRole", keyof Result_15> | Extract<"accessibilityState", keyof Result_15> | Extract<"accessibilityHint", keyof Result_15> | Extract<"accessibilityValue", keyof Result_15> | Extract<"onAccessibilityAction", keyof Result_15> | Extract<"accessibilityLiveRegion", keyof Result_15> | Extract<"importantForAccessibility", keyof Result_15> | Extract<"accessibilityElementsHidden", keyof Result_15> | Extract<"accessibilityViewIsModal", keyof Result_15> | Extract<"onAccessibilityEscape", keyof Result_15> | Extract<"onAccessibilityTap", keyof Result_15> | Extract<"onMagicTap", keyof Result_15> | Extract<"accessibilityIgnoresInvertColors", keyof Result_15> | Extract<"rnCSS", keyof Result_15> | Extract<"onMouseEnter", keyof Result_15> | Extract<"onMouseLeave", keyof Result_15> | Extract<"onChange", keyof Result_15> | Extract<"allowFontScaling", keyof Result_15> | Extract<"numberOfLines", keyof Result_15> | Extract<"onPressIn", keyof Result_15> | Extract<"onPressOut", keyof Result_15> | Extract<"maxFontSizeMultiplier", keyof Result_15> | Extract<"selectionColor", keyof Result_15> | Extract<"textBreakStrategy", keyof Result_15> | Extract<"autoCapitalize", keyof Result_15> | Extract<"autoCorrect", keyof Result_15> | Extract<"autoFocus", keyof Result_15> | Extract<"blurOnSubmit", keyof Result_15> | Extract<"caretHidden", keyof Result_15> | Extract<"contextMenuHidden", keyof Result_15> | Extract<"defaultValue", keyof Result_15> | Extract<"editable", keyof Result_15> | Extract<"keyboardType", keyof Result_15> | Extract<"maxLength", keyof Result_15> | Extract<"multiline", keyof Result_15> | Extract<"onBlur", keyof Result_15> | Extract<"onChangeText", keyof Result_15> | Extract<"onEndEditing", keyof Result_15> | Extract<"onFocus", keyof Result_15> | Extract<"onSelectionChange", keyof Result_15> | Extract<"onSubmitEditing", keyof Result_15> | Extract<"onTextInput", keyof Result_15> | Extract<"onKeyPress", keyof Result_15> | Extract<"placeholder", keyof Result_15> | Extract<"placeholderTextColor", keyof Result_15> | Extract<"returnKeyType", keyof Result_15> | Extract<"secureTextEntry", keyof Result_15> | Extract<"selectTextOnFocus", keyof Result_15> | Extract<"selection", keyof Result_15> | Extract<"inputAccessoryViewID", keyof Result_15> | Extract<"clearButtonMode", keyof Result_15> | Extract<"clearTextOnFocus", keyof Result_15> | Extract<"dataDetectorTypes", keyof Result_15> | Extract<"enablesReturnKeyAutomatically", keyof Result_15> | Extract<"keyboardAppearance", keyof Result_15> | Extract<"passwordRules", keyof Result_15> | Extract<"rejectResponderTermination", keyof Result_15> | Extract<"selectionState", keyof Result_15> | Extract<"spellCheck", keyof Result_15> | Extract<"textContentType", keyof Result_15> | Extract<"autoComplete", keyof Result_15> | Extract<"importantForAutofill", keyof Result_15> | Extract<"disableFullscreenUI", keyof Result_15> | Extract<"inlineImageLeft", keyof Result_15> | Extract<"inlineImagePadding", keyof Result_15> | Extract<"returnKeyLabel", keyof Result_15> | Extract<"underlineColorAndroid", keyof Result_15> | Extract<"showSoftInputOnFocus", keyof Result_15>>>> & React.RefAttributes<any>>;
1001
1001
  };
1002
1002
  TouchableHighlight: {
1003
1003
  <S_16>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_16 & RN.TouchableHighlightProps & {
@@ -1053,13 +1053,13 @@ declare const styled: {
1053
1053
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1054
1054
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1055
1055
  children?: React.ReactNode;
1056
- }, keyof Result_16> & Part_16 & Partial<RN.TouchableHighlightProps & {
1056
+ }, keyof Result_16> & Part_16 & Partial<Pick<RN.TouchableHighlightProps & {
1057
1057
  rnCSS?: `${string};` | undefined;
1058
1058
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1059
1059
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1060
1060
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1061
1061
  children?: React.ReactNode;
1062
- }>> & React.RefAttributes<any>>;
1062
+ }, Extract<"testID", keyof Result_16> | Extract<"onLayout", keyof Result_16> | Extract<"style", keyof Result_16> | Extract<"children", keyof Result_16> | Extract<"hitSlop", keyof Result_16> | Extract<"accessible", keyof Result_16> | Extract<"accessibilityActions", keyof Result_16> | Extract<"accessibilityLabel", keyof Result_16> | Extract<"accessibilityRole", keyof Result_16> | Extract<"accessibilityState", keyof Result_16> | Extract<"accessibilityHint", keyof Result_16> | Extract<"accessibilityValue", keyof Result_16> | Extract<"onAccessibilityAction", keyof Result_16> | Extract<"accessibilityLiveRegion", keyof Result_16> | Extract<"importantForAccessibility", keyof Result_16> | Extract<"accessibilityElementsHidden", keyof Result_16> | Extract<"accessibilityViewIsModal", keyof Result_16> | Extract<"onAccessibilityEscape", keyof Result_16> | Extract<"onAccessibilityTap", keyof Result_16> | Extract<"onMagicTap", keyof Result_16> | Extract<"accessibilityIgnoresInvertColors", keyof Result_16> | Extract<"rnCSS", keyof Result_16> | Extract<"onMouseEnter", keyof Result_16> | Extract<"onMouseLeave", keyof Result_16> | Extract<"disabled", keyof Result_16> | Extract<"onPress", keyof Result_16> | Extract<"onPressIn", keyof Result_16> | Extract<"onPressOut", keyof Result_16> | Extract<"onLongPress", keyof Result_16> | Extract<"onBlur", keyof Result_16> | Extract<"onFocus", keyof Result_16> | Extract<"activeOpacity", keyof Result_16> | Extract<"onHideUnderlay", keyof Result_16> | Extract<"onShowUnderlay", keyof Result_16> | Extract<"underlayColor", keyof Result_16> | Extract<"delayLongPress", keyof Result_16> | Extract<"delayPressIn", keyof Result_16> | Extract<"delayPressOut", keyof Result_16> | Extract<"pressRetentionOffset", keyof Result_16> | Extract<"touchSoundDisabled", keyof Result_16>>>> & React.RefAttributes<any>>;
1063
1063
  };
1064
1064
  TouchableNativeFeedback: {
1065
1065
  <S_17>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_17 & RN.TouchableNativeFeedbackProps & {
@@ -1115,13 +1115,13 @@ declare const styled: {
1115
1115
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1116
1116
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1117
1117
  children?: React.ReactNode;
1118
- }, keyof Result_17> & Part_17 & Partial<RN.TouchableNativeFeedbackProps & {
1118
+ }, keyof Result_17> & Part_17 & Partial<Pick<RN.TouchableNativeFeedbackProps & {
1119
1119
  rnCSS?: `${string};` | undefined;
1120
1120
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1121
1121
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1122
1122
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1123
1123
  children?: React.ReactNode;
1124
- }>> & React.RefAttributes<any>>;
1124
+ }, Extract<"testID", keyof Result_17> | Extract<"background", keyof Result_17> | Extract<"onLayout", keyof Result_17> | Extract<"style", keyof Result_17> | Extract<"children", keyof Result_17> | Extract<"hitSlop", keyof Result_17> | Extract<"hasTVPreferredFocus", keyof Result_17> | Extract<"accessible", keyof Result_17> | Extract<"accessibilityActions", keyof Result_17> | Extract<"accessibilityLabel", keyof Result_17> | Extract<"accessibilityRole", keyof Result_17> | Extract<"accessibilityState", keyof Result_17> | Extract<"accessibilityHint", keyof Result_17> | Extract<"accessibilityValue", keyof Result_17> | Extract<"onAccessibilityAction", keyof Result_17> | Extract<"accessibilityLiveRegion", keyof Result_17> | Extract<"importantForAccessibility", keyof Result_17> | Extract<"accessibilityElementsHidden", keyof Result_17> | Extract<"accessibilityViewIsModal", keyof Result_17> | Extract<"onAccessibilityEscape", keyof Result_17> | Extract<"onAccessibilityTap", keyof Result_17> | Extract<"onMagicTap", keyof Result_17> | Extract<"accessibilityIgnoresInvertColors", keyof Result_17> | Extract<"rnCSS", keyof Result_17> | Extract<"onMouseEnter", keyof Result_17> | Extract<"onMouseLeave", keyof Result_17> | Extract<"disabled", keyof Result_17> | Extract<"onPress", keyof Result_17> | Extract<"onPressIn", keyof Result_17> | Extract<"onPressOut", keyof Result_17> | Extract<"onLongPress", keyof Result_17> | Extract<"onBlur", keyof Result_17> | Extract<"onFocus", keyof Result_17> | Extract<"delayLongPress", keyof Result_17> | Extract<"delayPressIn", keyof Result_17> | Extract<"delayPressOut", keyof Result_17> | Extract<"pressRetentionOffset", keyof Result_17> | Extract<"touchSoundDisabled", keyof Result_17> | Extract<"useForeground", keyof Result_17> | Extract<"nextFocusDown", keyof Result_17> | Extract<"nextFocusForward", keyof Result_17> | Extract<"nextFocusLeft", keyof Result_17> | Extract<"nextFocusRight", keyof Result_17> | Extract<"nextFocusUp", keyof Result_17>>>> & React.RefAttributes<any>>;
1125
1125
  };
1126
1126
  TouchableOpacity: {
1127
1127
  <S_18>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_18 & RN.TouchableOpacityProps & {
@@ -1177,13 +1177,13 @@ declare const styled: {
1177
1177
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1178
1178
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1179
1179
  children?: React.ReactNode;
1180
- }, keyof Result_18> & Part_18 & Partial<RN.TouchableOpacityProps & {
1180
+ }, keyof Result_18> & Part_18 & Partial<Pick<RN.TouchableOpacityProps & {
1181
1181
  rnCSS?: `${string};` | undefined;
1182
1182
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1183
1183
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1184
1184
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1185
1185
  children?: React.ReactNode;
1186
- }>> & React.RefAttributes<any>>;
1186
+ }, Extract<"testID", keyof Result_18> | Extract<"onLayout", keyof Result_18> | Extract<"style", keyof Result_18> | Extract<"children", keyof Result_18> | Extract<"hitSlop", keyof Result_18> | Extract<"hasTVPreferredFocus", keyof Result_18> | Extract<"tvParallaxProperties", keyof Result_18> | Extract<"accessible", keyof Result_18> | Extract<"accessibilityActions", keyof Result_18> | Extract<"accessibilityLabel", keyof Result_18> | Extract<"accessibilityRole", keyof Result_18> | Extract<"accessibilityState", keyof Result_18> | Extract<"accessibilityHint", keyof Result_18> | Extract<"accessibilityValue", keyof Result_18> | Extract<"onAccessibilityAction", keyof Result_18> | Extract<"accessibilityLiveRegion", keyof Result_18> | Extract<"importantForAccessibility", keyof Result_18> | Extract<"accessibilityElementsHidden", keyof Result_18> | Extract<"accessibilityViewIsModal", keyof Result_18> | Extract<"onAccessibilityEscape", keyof Result_18> | Extract<"onAccessibilityTap", keyof Result_18> | Extract<"onMagicTap", keyof Result_18> | Extract<"accessibilityIgnoresInvertColors", keyof Result_18> | Extract<"rnCSS", keyof Result_18> | Extract<"onMouseEnter", keyof Result_18> | Extract<"onMouseLeave", keyof Result_18> | Extract<"disabled", keyof Result_18> | Extract<"onPress", keyof Result_18> | Extract<"onPressIn", keyof Result_18> | Extract<"onPressOut", keyof Result_18> | Extract<"onLongPress", keyof Result_18> | Extract<"onBlur", keyof Result_18> | Extract<"onFocus", keyof Result_18> | Extract<"activeOpacity", keyof Result_18> | Extract<"delayLongPress", keyof Result_18> | Extract<"delayPressIn", keyof Result_18> | Extract<"delayPressOut", keyof Result_18> | Extract<"pressRetentionOffset", keyof Result_18> | Extract<"touchSoundDisabled", keyof Result_18> | Extract<"nextFocusDown", keyof Result_18> | Extract<"nextFocusForward", keyof Result_18> | Extract<"nextFocusLeft", keyof Result_18> | Extract<"nextFocusRight", keyof Result_18> | Extract<"nextFocusUp", keyof Result_18>>>> & React.RefAttributes<any>>;
1187
1187
  };
1188
1188
  TouchableWithoutFeedback: {
1189
1189
  <S_19>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_19 & RN.TouchableWithoutFeedbackProps & {
@@ -1239,13 +1239,13 @@ declare const styled: {
1239
1239
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1240
1240
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1241
1241
  children?: React.ReactNode;
1242
- }, keyof Result_19> & Part_19 & Partial<RN.TouchableWithoutFeedbackProps & {
1242
+ }, keyof Result_19> & Part_19 & Partial<Pick<RN.TouchableWithoutFeedbackProps & {
1243
1243
  rnCSS?: `${string};` | undefined;
1244
1244
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1245
1245
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1246
1246
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1247
1247
  children?: React.ReactNode;
1248
- }>> & React.RefAttributes<any>>;
1248
+ }, Extract<"testID", keyof Result_19> | Extract<"onLayout", keyof Result_19> | Extract<"style", keyof Result_19> | Extract<"children", keyof Result_19> | Extract<"hitSlop", keyof Result_19> | Extract<"accessible", keyof Result_19> | Extract<"accessibilityActions", keyof Result_19> | Extract<"accessibilityLabel", keyof Result_19> | Extract<"accessibilityRole", keyof Result_19> | Extract<"accessibilityState", keyof Result_19> | Extract<"accessibilityHint", keyof Result_19> | Extract<"accessibilityValue", keyof Result_19> | Extract<"onAccessibilityAction", keyof Result_19> | Extract<"accessibilityLiveRegion", keyof Result_19> | Extract<"importantForAccessibility", keyof Result_19> | Extract<"accessibilityElementsHidden", keyof Result_19> | Extract<"accessibilityViewIsModal", keyof Result_19> | Extract<"onAccessibilityEscape", keyof Result_19> | Extract<"onAccessibilityTap", keyof Result_19> | Extract<"onMagicTap", keyof Result_19> | Extract<"accessibilityIgnoresInvertColors", keyof Result_19> | Extract<"rnCSS", keyof Result_19> | Extract<"onMouseEnter", keyof Result_19> | Extract<"onMouseLeave", keyof Result_19> | Extract<"disabled", keyof Result_19> | Extract<"onPress", keyof Result_19> | Extract<"onPressIn", keyof Result_19> | Extract<"onPressOut", keyof Result_19> | Extract<"onLongPress", keyof Result_19> | Extract<"onBlur", keyof Result_19> | Extract<"onFocus", keyof Result_19> | Extract<"delayLongPress", keyof Result_19> | Extract<"delayPressIn", keyof Result_19> | Extract<"delayPressOut", keyof Result_19> | Extract<"pressRetentionOffset", keyof Result_19> | Extract<"touchSoundDisabled", keyof Result_19>>>> & React.RefAttributes<any>>;
1249
1249
  };
1250
1250
  View: {
1251
1251
  <S_13>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_13 & RN.ViewProps & {
@@ -1301,13 +1301,13 @@ declare const styled: {
1301
1301
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1302
1302
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1303
1303
  children?: React.ReactNode;
1304
- }, keyof Result_13> & Part_13 & Partial<RN.ViewProps & {
1304
+ }, keyof Result_13> & Part_13 & Partial<Pick<RN.ViewProps & {
1305
1305
  rnCSS?: `${string};` | undefined;
1306
1306
  onMouseEnter?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1307
1307
  onMouseLeave?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
1308
1308
  onLayout?: ((event: RN.LayoutChangeEvent) => void) | undefined;
1309
1309
  children?: React.ReactNode;
1310
- }>> & React.RefAttributes<any>>;
1310
+ }, Extract<"testID", keyof Result_13> | Extract<"removeClippedSubviews", keyof Result_13> | Extract<"onLayout", keyof Result_13> | Extract<"style", keyof Result_13> | Extract<"children", keyof Result_13> | Extract<"hitSlop", keyof Result_13> | Extract<"pointerEvents", keyof Result_13> | Extract<"nativeID", keyof Result_13> | Extract<"collapsable", keyof Result_13> | Extract<"needsOffscreenAlphaCompositing", keyof Result_13> | Extract<"renderToHardwareTextureAndroid", keyof Result_13> | Extract<"focusable", keyof Result_13> | Extract<"shouldRasterizeIOS", keyof Result_13> | Extract<"isTVSelectable", keyof Result_13> | Extract<"hasTVPreferredFocus", keyof Result_13> | Extract<"tvParallaxProperties", keyof Result_13> | Extract<"tvParallaxShiftDistanceX", keyof Result_13> | Extract<"tvParallaxShiftDistanceY", keyof Result_13> | Extract<"tvParallaxTiltAngle", keyof Result_13> | Extract<"tvParallaxMagnification", keyof Result_13> | Extract<"onStartShouldSetResponder", keyof Result_13> | Extract<"onMoveShouldSetResponder", keyof Result_13> | Extract<"onResponderEnd", keyof Result_13> | Extract<"onResponderGrant", keyof Result_13> | Extract<"onResponderReject", keyof Result_13> | Extract<"onResponderMove", keyof Result_13> | Extract<"onResponderRelease", keyof Result_13> | Extract<"onResponderStart", keyof Result_13> | Extract<"onResponderTerminationRequest", keyof Result_13> | Extract<"onResponderTerminate", keyof Result_13> | Extract<"onStartShouldSetResponderCapture", keyof Result_13> | Extract<"onMoveShouldSetResponderCapture", keyof Result_13> | Extract<"onTouchStart", keyof Result_13> | Extract<"onTouchMove", keyof Result_13> | Extract<"onTouchEnd", keyof Result_13> | Extract<"onTouchCancel", keyof Result_13> | Extract<"onTouchEndCapture", keyof Result_13> | Extract<"accessible", keyof Result_13> | Extract<"accessibilityActions", keyof Result_13> | Extract<"accessibilityLabel", keyof Result_13> | Extract<"accessibilityRole", keyof Result_13> | Extract<"accessibilityState", keyof Result_13> | Extract<"accessibilityHint", keyof Result_13> | Extract<"accessibilityValue", keyof Result_13> | Extract<"onAccessibilityAction", keyof Result_13> | Extract<"accessibilityLiveRegion", keyof Result_13> | Extract<"importantForAccessibility", keyof Result_13> | Extract<"accessibilityElementsHidden", keyof Result_13> | Extract<"accessibilityViewIsModal", keyof Result_13> | Extract<"onAccessibilityEscape", keyof Result_13> | Extract<"onAccessibilityTap", keyof Result_13> | Extract<"onMagicTap", keyof Result_13> | Extract<"accessibilityIgnoresInvertColors", keyof Result_13> | Extract<"rnCSS", keyof Result_13> | Extract<"onMouseEnter", keyof Result_13> | Extract<"onMouseLeave", keyof Result_13>>>> & React.RefAttributes<any>>;
1311
1311
  };
1312
1312
  FlatList: {
1313
1313
  <S_20>(chunks: TemplateStringsArray, ...functs: ((string | number | boolean | import("./types").CompleteStyle | null | undefined) | ((arg: S_20 & RN.FlatListProps<any> & {
package/dist/styleComponent.d.ts CHANGED
@@ -26,7 +26,7 @@ declare const styled: <StyleType, InitialProps extends {
26
26
  <S>(chunks: TemplateStringsArray, ...functs: (Primitive | Functs<S & Props>)[]): React.ForwardRefExoticComponent<Props & S & {
27
27
  ref?: React.Ref<any> | undefined;
28
28
  }>;
29
- attrs<Part, Result extends Partial<Props & Part> = Partial<Props & Part>>(opts: Result | ((props: Props & Part) => Result)): (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Props & Part>)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<Props, keyof Result> & Part & Partial<Props>> & React.RefAttributes<any>>;
29
+ attrs<Part, Result extends Partial<Props & Part> = Partial<Props & Part>>(opts: Result | ((props: Props & Part) => Result)): (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Props & Part>)[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<Omit<Props, keyof Result> & Part & Partial<Pick<Props, Extract<keyof Props, keyof Result>>>> & React.RefAttributes<any>>;
30
30
  };
31
31
  export default styled;
32
32
  export declare const styledFlatList: {
package/dist/styleComponent.js CHANGED
@@ -65,7 +65,7 @@ const styled = (Component) => {
65
65
  needsHover: !!rnStyle.hover
66
66
  }), [css, rnStyle.hover]);
67
67
  // Handle hover
68
- const { onMouseEnter, onMouseLeave, hover } = (0, features_1.useHover)(props.onMouseEnter, props.onMouseLeave, needsHover);
68
+ const { onMouseOver, onMouseLeave, hover } = (0, features_1.useHover)(props.onMouseEnter, props.onMouseLeave, needsHover);
69
69
  const tempStyle = react_1.default.useMemo(() => {
70
70
  const style = { ...rnStyle };
71
71
  delete style.media;
@@ -111,12 +111,12 @@ const styled = (Component) => {
111
111
  return { style: getStyle(hash, style), hash };
112
112
  }, [finalStyle, units]);
113
113
  const newProps = react_1.default.useMemo(() => {
114
- const newProps = { style: [styleConvertedFromCSS, props.style], onMouseEnter, onMouseLeave, onLayout };
114
+ const newProps = { style: [styleConvertedFromCSS, props.style], onMouseOver, onMouseLeave, onLayout };
115
115
  if (finalStyle.textOverflow === 'ellipsis') {
116
116
  Object.assign(newProps, { numberOfLines: 1 });
117
117
  }
118
118
  return newProps;
119
- }, [finalStyle.textOverflow, onLayout, onMouseEnter, onMouseLeave, props.style, styleConvertedFromCSS]);
119
+ }, [finalStyle.textOverflow, onLayout, onMouseOver, onMouseLeave, props.style, styleConvertedFromCSS]);
120
120
  react_1.default.useEffect(() => () => removeStyle(hash), [hash]);
121
121
  // em !== parentEm alone is a bit dangerous as the component would rerender when the font size change
122
122
  if (em !== parentEm || finalStyle.fontSize !== undefined) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rn-css",
3
- "version": "1.8.10",
3
+ "version": "1.8.12",
4
4
  "scripts": {
5
5
  "test": "jest",
6
6
  "prepare": "tsc",
package/src/features.tsx CHANGED
@@ -14,17 +14,17 @@ export const useScreenSize = () => {
14
14
  }
15
15
 
16
16
  /** Hook that will apply the style reserved for hover state if needed */
17
- export const useHover = (onMouseEnter: undefined | ((event: MouseEvent) => void), onMouseLeave: undefined | ((event: MouseEvent) => void | undefined), needsHover: boolean) => {
17
+ export const useHover = (onMouseOver: undefined | ((event: MouseEvent) => void), onMouseLeave: undefined | ((event: MouseEvent) => void | undefined), needsHover: boolean) => {
18
18
  const [hover, setHover] = React.useState(false)
19
19
  const hoverStart = React.useMemo(() => needsHover ? (event: MouseEvent) => {
20
- if (onMouseEnter) onMouseEnter(event)
20
+ if (onMouseOver) onMouseOver(event)
21
21
  setHover(true)
22
- } : undefined, [needsHover, onMouseEnter])
22
+ } : undefined, [needsHover, onMouseOver])
23
23
  const hoverStop = React.useMemo(() => needsHover ? (event: MouseEvent) => {
24
24
  if (onMouseLeave) onMouseLeave(event)
25
25
  setHover(false)
26
26
  } : undefined, [needsHover, onMouseLeave])
27
- return { hover, onMouseEnter: hoverStart || onMouseEnter, onMouseLeave: hoverStop || onMouseLeave }
27
+ return { hover, onMouseOver: hoverStart || onMouseOver, onMouseLeave: hoverStop || onMouseLeave }
28
28
  }
29
29
 
30
30
  /** Hook that will apply the style provided in the media queries */
package/src/styleComponent.tsx CHANGED
@@ -59,6 +59,7 @@ function removeStyle (hash: string) {
59
59
  styleMap[hash].usage--
60
60
  if (styleMap[hash].usage <= 0) delete styleMap[hash]
61
61
  }
62
+
62
63
  const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }, Props extends InitialProps & OptionalProps = InitialProps & OptionalProps>(Component: React.ComponentType<InitialProps>) => {
63
64
  const styledComponent = <S, >(chunks: TemplateStringsArray, ...functs: (Primitive | Functs<S & Props>)[]) => {
64
65
  const ForwardRefComponent = React.forwardRef<any, S & Props>((props: S & Props, ref) => {
@@ -77,7 +78,7 @@ const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }
77
78
  }), [css, rnStyle.hover])
78
79
 
79
80
  // Handle hover
80
- const { onMouseEnter, onMouseLeave, hover } = useHover(props.onMouseEnter, props.onMouseLeave, needsHover)
81
+ const { onMouseOver, onMouseLeave, hover } = useHover(props.onMouseEnter, props.onMouseLeave, needsHover)
81
82
  const tempStyle = React.useMemo<Style>(() => {
82
83
  const style = { ...rnStyle }
83
84
  delete style.media
@@ -126,12 +127,12 @@ const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }
126
127
  return { style: getStyle<CompleteStyle>(hash, style), hash }
127
128
  }, [finalStyle, units])
128
129
  const newProps = React.useMemo(() => {
129
- const newProps = { style: [styleConvertedFromCSS as StyleType, props.style], onMouseEnter, onMouseLeave, onLayout }
130
+ const newProps = { style: [styleConvertedFromCSS as StyleType, props.style], onMouseOver, onMouseLeave, onLayout }
130
131
  if (finalStyle.textOverflow === 'ellipsis') {
131
132
  Object.assign(newProps, { numberOfLines: 1 })
132
133
  }
133
134
  return newProps
134
- }, [finalStyle.textOverflow, onLayout, onMouseEnter, onMouseLeave, props.style, styleConvertedFromCSS])
135
+ }, [finalStyle.textOverflow, onLayout, onMouseOver, onMouseLeave, props.style, styleConvertedFromCSS])
135
136
 
136
137
  React.useEffect(() => () => removeStyle(hash), [hash])
137
138
 
@@ -152,7 +153,7 @@ const styled = <StyleType, InitialProps extends { style?: StyleProp<StyleType> }
152
153
  styledComponent.attrs = <Part, Result extends Partial<Props & Part> = Partial<Props & Part>>(opts: Result | ((props: Props & Part) => Result)) => (chunks: TemplateStringsArray, ...functs: (Primitive | Functs<Props & Part>)[]) => {
153
154
  const ComponentWithAttrs = styledComponent(chunks, ...functs)
154
155
  // We need to limit the props control to only Result https://www.typescriptlang.org/play?#code/GYVwdgxgLglg9mABBATgUwIZTQUQB7ZgAmaRAwnALYAOAPAAopzUDOAfABQU0BciH1Jqz6NmLAJSIAvG0QYwAT0kBvAFCJkCFlET5CJYt2rT+gsSKETpstRo3ooIFEiMDL49YgC+nvWmL+5FTUAHRYUCgsJrQASmgsIAA2OmgEgVH0GCiwGIkMlmyc4ZF8cQnJkjKItnYQWjqMaHVgwDAA5k5YpEYmbua6eBCJICT5YgA0iGVJUGyVNp52iA5OLsEcyiFbZqyTW2FQESxeHks+SyvOiI3NrR0oXUE0nufLaI5XfgGGwao+qqBILAEIgen1hNVENhtHxtCgYGA2pNtApEmhYREEW1vCpPJckDsWH9VM1tNd0Ld2j0pMh0F0viQntQuMFxAcjhsofEoHwAORwADWvJxqhuCDurmUiBRaL50KgwpOQA
155
- const ForwardRefComponent = React.forwardRef<any, Omit<Props, keyof Result> & Part & Partial<Props>>((props, ref) => {
156
+ const ForwardRefComponent = React.forwardRef<any, Omit<Props, keyof Result> & Part & Partial<Pick<Props, Extract<keyof Props, keyof Result>>>>((props, ref) => {
156
157
  const attrs = (opts instanceof Function) ? opts(props as Props & Part) : opts
157
158
  return <ComponentWithAttrs ref={ref} {...(props as Props & Part)} {...attrs} />
158
159
  })