@xaui/native 0.9.1-alpha.20 → 0.9.1-alpha.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{chunk-RMLFMRWL.js → chunk-2U6JR7BF.js} +5 -5
- package/dist/{chunk-N7C4UNUL.js → chunk-3JATAB7S.js} +23 -1
- package/dist/chunk-4MHJOWM4.cjs +364 -0
- package/dist/{chunk-2WMVDMFV.cjs → chunk-6HXWQ5AU.cjs} +2 -2
- package/dist/chunk-6WW4CSPY.cjs +82 -0
- package/dist/chunk-AHL33YAO.js +425 -0
- package/dist/{chunk-XHZBXYVU.js → chunk-AKXG43S4.js} +1 -1
- package/dist/{chunk-A4VD4MHK.cjs → chunk-BH5DSJVX.cjs} +100 -133
- package/dist/chunk-BNWS26PX.cjs +449 -0
- package/dist/chunk-DXGQ43IV.cjs +68 -0
- package/dist/{chunk-4EPS7UBO.js → chunk-FNQF4KQV.js} +20 -97
- package/dist/chunk-FTCTTBLG.js +449 -0
- package/dist/chunk-FVP5FUVS.js +68 -0
- package/dist/{chunk-BHTFIZTQ.cjs → chunk-GBPWTFTU.cjs} +11 -11
- package/dist/{chunk-MWXE7D4L.js → chunk-GG2WWCBK.js} +11 -11
- package/dist/{chunk-EVXZGNPA.cjs → chunk-HUZ4AUM2.cjs} +98 -98
- package/dist/chunk-I6PE5UUH.cjs +425 -0
- package/dist/{chunk-33QILJJH.cjs → chunk-IBEX4XGV.cjs} +11 -11
- package/dist/{chunk-WXAME7KB.js → chunk-KM2TI5IC.js} +126 -159
- package/dist/chunk-OGC4RKE3.js +364 -0
- package/dist/{chunk-JXLRHKCQ.js → chunk-OYZYWWJ6.js} +1 -1
- package/dist/{chunk-EXX6ATAS.js → chunk-PMO62QK4.js} +101 -101
- package/dist/{chunk-UBA6AEY6.cjs → chunk-RAWOJ3N3.cjs} +8 -8
- package/dist/{chunk-6ARON3XT.cjs → chunk-VDRRD6GM.cjs} +31 -110
- package/dist/{chunk-UVO4GFSW.cjs → chunk-YXVKQMCK.cjs} +23 -1
- package/dist/chunk-ZQ3JSWRO.js +82 -0
- package/dist/close-button.type-BUYuoSt2.d.ts +36 -0
- package/dist/close-button.type-CHsgZ3wO.d.cts +36 -0
- package/dist/components/alert/index.cjs +17 -0
- package/dist/components/alert/index.d.cts +169 -0
- package/dist/components/alert/index.d.ts +169 -0
- package/dist/components/alert/index.js +17 -0
- package/dist/components/button/index.cjs +6 -5
- package/dist/components/button/index.d.cts +193 -243
- package/dist/components/button/index.d.ts +193 -243
- package/dist/components/button/index.js +5 -4
- package/dist/components/card/index.cjs +19 -0
- package/dist/components/card/index.d.cts +620 -0
- package/dist/components/card/index.d.ts +620 -0
- package/dist/components/card/index.js +19 -0
- package/dist/components/chip/index.cjs +17 -0
- package/dist/components/chip/index.d.cts +608 -0
- package/dist/components/chip/index.d.ts +608 -0
- package/dist/components/chip/index.js +17 -0
- package/dist/components/typography/index.cjs +4 -4
- package/dist/components/typography/index.d.cts +4 -4
- package/dist/components/typography/index.d.ts +4 -4
- package/dist/components/typography/index.js +3 -3
- package/dist/components/view/index.cjs +3 -3
- package/dist/components/view/index.d.cts +7 -7
- package/dist/components/view/index.d.ts +7 -7
- package/dist/components/view/index.js +2 -2
- package/dist/{create-recipe-CPXFo2rk.d.ts → create-recipe-CbXika57.d.ts} +7 -1
- package/dist/{create-recipe-C0XXjuow.d.cts → create-recipe-jHlk434p.d.cts} +7 -1
- package/dist/icon.type-CF4KiMKl.d.cts +73 -0
- package/dist/icon.type-Dq4_qePa.d.ts +73 -0
- package/dist/index.cjs +49 -11
- package/dist/index.d.cts +9 -4
- package/dist/index.d.ts +9 -4
- package/dist/index.js +71 -33
- package/dist/{pressable-feedback.type-BwkKLQlX.d.ts → pressable-feedback.type-BA2C9sSz.d.cts} +4 -72
- package/dist/{pressable-feedback.type-1K8YEOb8.d.cts → pressable-feedback.type-Bs4dQlGj.d.ts} +4 -72
- package/dist/{style-props.type-B1BG5TCm.d.cts → style-props.type-CfnoGEP7.d.cts} +1 -1
- package/dist/{style-props.type-B1BG5TCm.d.ts → style-props.type-CfnoGEP7.d.ts} +1 -1
- package/dist/system/index.cjs +16 -6
- package/dist/system/index.d.cts +174 -98
- package/dist/system/index.d.ts +174 -98
- package/dist/system/index.js +20 -10
- package/dist/theme/index.cjs +2 -2
- package/dist/theme/index.d.cts +11 -11
- package/dist/theme/index.d.ts +11 -11
- package/dist/theme/index.js +1 -1
- package/package.json +31 -1
|
@@ -2,8 +2,8 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
|
-
import { T as TextStyleProps } from '../../style-props.type-
|
|
6
|
-
import { R as Recipe } from '../../create-recipe-
|
|
5
|
+
import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-jHlk434p.cjs';
|
|
7
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.cjs';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -76,7 +76,7 @@ declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.Text
|
|
|
76
76
|
asChild?: boolean;
|
|
77
77
|
style?: react_native.StyleProp<react_native.TextStyle>;
|
|
78
78
|
children?: react.ReactNode;
|
|
79
|
-
} & Omit<TextStyleProps, "
|
|
79
|
+
} & Omit<TextStyleProps, "variant" | "color" | "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
82
|
* A fragment of text, styled apart from the text around it.
|
|
@@ -101,7 +101,7 @@ declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextPr
|
|
|
101
101
|
asChild?: boolean;
|
|
102
102
|
style?: react_native.StyleProp<react_native.TextStyle>;
|
|
103
103
|
children?: react.ReactNode;
|
|
104
|
-
} & Omit<TextStyleProps, "
|
|
104
|
+
} & Omit<TextStyleProps, "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
|
|
105
105
|
|
|
106
106
|
/** Every role produces the same one slot, so the recipe's style functions share a shape. */
|
|
107
107
|
type StyleFn = (theme: XAUITheme) => Record<TypographySlot, TextStyle>;
|
|
@@ -2,8 +2,8 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { TextProps, StyleProp, TextStyle, Text } from 'react-native';
|
|
5
|
-
import { T as TextStyleProps } from '../../style-props.type-
|
|
6
|
-
import { R as Recipe } from '../../create-recipe-
|
|
5
|
+
import { T as TextStyleProps } from '../../style-props.type-CfnoGEP7.js';
|
|
6
|
+
import { R as Recipe } from '../../create-recipe-CbXika57.js';
|
|
7
7
|
import { X as XAUITheme } from '../../theme.type-C2gNHpEx.js';
|
|
8
8
|
|
|
9
9
|
/**
|
|
@@ -76,7 +76,7 @@ declare const Typography: react.ForwardRefExoticComponent<Omit<react_native.Text
|
|
|
76
76
|
asChild?: boolean;
|
|
77
77
|
style?: react_native.StyleProp<react_native.TextStyle>;
|
|
78
78
|
children?: react.ReactNode;
|
|
79
|
-
} & Omit<TextStyleProps, "
|
|
79
|
+
} & Omit<TextStyleProps, "variant" | "color" | "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
|
|
80
80
|
|
|
81
81
|
/**
|
|
82
82
|
* A fragment of text, styled apart from the text around it.
|
|
@@ -101,7 +101,7 @@ declare const TextSpan: react.ForwardRefExoticComponent<Omit<react_native.TextPr
|
|
|
101
101
|
asChild?: boolean;
|
|
102
102
|
style?: react_native.StyleProp<react_native.TextStyle>;
|
|
103
103
|
children?: react.ReactNode;
|
|
104
|
-
} & Omit<TextStyleProps, "
|
|
104
|
+
} & Omit<TextStyleProps, "style" | "children" | "id" | "onLayout" | "pointerEvents" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "onPress" | "onPressIn" | "onPressOut" | "onLongPress" | "maxFontSizeMultiplier" | "minimumFontScale" | "pressRetentionOffset" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "suppressHighlighting" | "lineBreakStrategyIOS" | "disabled" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency"> & react.RefAttributes<Text>>;
|
|
105
105
|
|
|
106
106
|
/** Every role produces the same one slot, so the recipe's style functions share a shape. */
|
|
107
107
|
type StyleFn = (theme: XAUITheme) => Record<TypographySlot, TextStyle>;
|
|
@@ -2,10 +2,10 @@ import {
|
|
|
2
2
|
TextSpan,
|
|
3
3
|
Typography,
|
|
4
4
|
typographyRecipe
|
|
5
|
-
} from "../../chunk-
|
|
6
|
-
import "../../chunk-
|
|
7
|
-
import "../../chunk-EXX6ATAS.js";
|
|
5
|
+
} from "../../chunk-2U6JR7BF.js";
|
|
6
|
+
import "../../chunk-3JATAB7S.js";
|
|
8
7
|
import "../../chunk-A3EGFI6T.js";
|
|
8
|
+
import "../../chunk-PMO62QK4.js";
|
|
9
9
|
import "../../chunk-GGW42MY4.js";
|
|
10
10
|
export {
|
|
11
11
|
TextSpan,
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
var
|
|
8
|
-
require('../../chunk-
|
|
7
|
+
var _chunkIBEX4XGVcjs = require('../../chunk-IBEX4XGV.cjs');
|
|
8
|
+
require('../../chunk-HUZ4AUM2.cjs');
|
|
9
9
|
require('../../chunk-MC7SY2QH.cjs');
|
|
10
10
|
|
|
11
11
|
|
|
@@ -13,4 +13,4 @@ require('../../chunk-MC7SY2QH.cjs');
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
exports.Column =
|
|
16
|
+
exports.Column = _chunkIBEX4XGVcjs.Column; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.Row = _chunkIBEX4XGVcjs.Row; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.useGrid = _chunkIBEX4XGVcjs.useGrid;
|
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
5
|
-
import { V as ViewStyleProps } from '../../style-props.type-
|
|
5
|
+
import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.cjs';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A horizontal axis.
|
|
@@ -27,7 +27,7 @@ declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps,
|
|
|
27
27
|
asChild?: boolean;
|
|
28
28
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
29
29
|
children?: react.ReactNode;
|
|
30
|
-
} & Omit<ViewStyleProps, "
|
|
30
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "asChild"> & react.RefAttributes<View>>;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
* A vertical axis.
|
|
@@ -51,7 +51,7 @@ declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProp
|
|
|
51
51
|
asChild?: boolean;
|
|
52
52
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
53
53
|
children?: react.ReactNode;
|
|
54
|
-
} & Omit<ViewStyleProps, "
|
|
54
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "asChild"> & react.RefAttributes<View>>;
|
|
55
55
|
|
|
56
56
|
type GridContextValue = {
|
|
57
57
|
/**
|
|
@@ -128,12 +128,12 @@ declare const Stack: react.ForwardRefExoticComponent<Omit<react_native.ViewProps
|
|
|
128
128
|
asChild?: boolean;
|
|
129
129
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
130
130
|
children?: react.ReactNode;
|
|
131
|
-
} & Omit<ViewStyleProps, "
|
|
131
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild"> & react.RefAttributes<react_native.View>> & {
|
|
132
132
|
Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
133
133
|
asChild?: boolean;
|
|
134
134
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
135
135
|
children?: react.ReactNode;
|
|
136
|
-
} & Omit<ViewStyleProps, "
|
|
136
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild"> & react.RefAttributes<react_native.View>>;
|
|
137
137
|
};
|
|
138
138
|
/** Every child is a cell; `Item` is the one that spans more than a column. */
|
|
139
139
|
declare const Grid: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
@@ -141,12 +141,12 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<react_native.ViewProps,
|
|
|
141
141
|
gap?: number;
|
|
142
142
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
143
143
|
children?: react.ReactNode;
|
|
144
|
-
} & Omit<ViewStyleProps, "
|
|
144
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexWrap" | "columns"> & react.RefAttributes<react_native.View>> & {
|
|
145
145
|
Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
146
146
|
span?: number;
|
|
147
147
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
148
148
|
children?: react.ReactNode;
|
|
149
|
-
} & Omit<ViewStyleProps, "
|
|
149
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "width" | "span"> & react.RefAttributes<react_native.View>>;
|
|
150
150
|
};
|
|
151
151
|
|
|
152
152
|
export { type AxisProps, Column, type ColumnProps, Grid, type GridContextValue, type GridItemProps, type GridProps, Row, type RowProps, Stack, type StackItemProps, type StackProps, useGrid };
|
|
@@ -2,7 +2,7 @@ import * as react from 'react';
|
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import * as react_native from 'react-native';
|
|
4
4
|
import { View, ViewProps, StyleProp, ViewStyle } from 'react-native';
|
|
5
|
-
import { V as ViewStyleProps } from '../../style-props.type-
|
|
5
|
+
import { V as ViewStyleProps } from '../../style-props.type-CfnoGEP7.js';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* A horizontal axis.
|
|
@@ -27,7 +27,7 @@ declare const Row: react.ForwardRefExoticComponent<Omit<react_native.ViewProps,
|
|
|
27
27
|
asChild?: boolean;
|
|
28
28
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
29
29
|
children?: react.ReactNode;
|
|
30
|
-
} & Omit<ViewStyleProps, "
|
|
30
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "asChild"> & react.RefAttributes<View>>;
|
|
31
31
|
|
|
32
32
|
/**
|
|
33
33
|
* A vertical axis.
|
|
@@ -51,7 +51,7 @@ declare const Column: react.ForwardRefExoticComponent<Omit<react_native.ViewProp
|
|
|
51
51
|
asChild?: boolean;
|
|
52
52
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
53
53
|
children?: react.ReactNode;
|
|
54
|
-
} & Omit<ViewStyleProps, "
|
|
54
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "asChild"> & react.RefAttributes<View>>;
|
|
55
55
|
|
|
56
56
|
type GridContextValue = {
|
|
57
57
|
/**
|
|
@@ -128,12 +128,12 @@ declare const Stack: react.ForwardRefExoticComponent<Omit<react_native.ViewProps
|
|
|
128
128
|
asChild?: boolean;
|
|
129
129
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
130
130
|
children?: react.ReactNode;
|
|
131
|
-
} & Omit<ViewStyleProps, "
|
|
131
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild"> & react.RefAttributes<react_native.View>> & {
|
|
132
132
|
Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
133
133
|
asChild?: boolean;
|
|
134
134
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
135
135
|
children?: react.ReactNode;
|
|
136
|
-
} & Omit<ViewStyleProps, "
|
|
136
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "asChild"> & react.RefAttributes<react_native.View>>;
|
|
137
137
|
};
|
|
138
138
|
/** Every child is a cell; `Item` is the one that spans more than a column. */
|
|
139
139
|
declare const Grid: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
@@ -141,12 +141,12 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<react_native.ViewProps,
|
|
|
141
141
|
gap?: number;
|
|
142
142
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
143
143
|
children?: react.ReactNode;
|
|
144
|
-
} & Omit<ViewStyleProps, "
|
|
144
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "flexDirection" | "rowGap" | "gap" | "columnGap" | "flexWrap" | "columns"> & react.RefAttributes<react_native.View>> & {
|
|
145
145
|
Item: react.ForwardRefExoticComponent<Omit<react_native.ViewProps, "style"> & {
|
|
146
146
|
span?: number;
|
|
147
147
|
style?: react_native.StyleProp<react_native.ViewStyle>;
|
|
148
148
|
children?: react.ReactNode;
|
|
149
|
-
} & Omit<ViewStyleProps, "
|
|
149
|
+
} & Omit<ViewStyleProps, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "testID" | "nativeID" | "collapsable" | "collapsableChildren" | "onBlur" | "onFocus" | "renderToHardwareTextureAndroid" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "aria-label" | "accessibilityRole" | "accessibilityState" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "accessibilityHint" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onAccessibilityAction" | "importantForAccessibility" | "aria-hidden" | "aria-modal" | "role" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "screenReaderFocusable" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityRespondsToUserInteraction" | "width" | "span"> & react.RefAttributes<react_native.View>>;
|
|
150
150
|
};
|
|
151
151
|
|
|
152
152
|
export { type AxisProps, Column, type ColumnProps, Grid, type GridContextValue, type GridItemProps, type GridProps, Row, type RowProps, Stack, type StackItemProps, type StackProps, useGrid };
|
|
@@ -41,7 +41,13 @@ type RecipeConfig<Slot extends string, Variant extends string, A extends Axes<Sl
|
|
|
41
41
|
/** Where the variant's colours land — written once, and it holds for every variant. */
|
|
42
42
|
paint?: StyleFn<Slot>;
|
|
43
43
|
variants?: A;
|
|
44
|
-
|
|
44
|
+
/**
|
|
45
|
+
* `NoInfer` for the same reason `defaultVariants` needs it: a `when` clause **selects**
|
|
46
|
+
* from the variants `variantTokens` declared, it does not declare one. Without it a
|
|
47
|
+
* recipe whose only compound is `{ when: { variant: 'default' } }` narrows `Variant` to
|
|
48
|
+
* that single literal, and every other variant becomes a type error at the call site.
|
|
49
|
+
*/
|
|
50
|
+
compoundVariants?: ReadonlyArray<CompoundVariant<Slot, NoInfer<Variant>, A>>;
|
|
45
51
|
states?: Partial<Record<StateName, StyleFn<Slot>>>;
|
|
46
52
|
/**
|
|
47
53
|
* `NoInfer`, because this is the one place a single variant name appears on its own:
|
|
@@ -41,7 +41,13 @@ type RecipeConfig<Slot extends string, Variant extends string, A extends Axes<Sl
|
|
|
41
41
|
/** Where the variant's colours land — written once, and it holds for every variant. */
|
|
42
42
|
paint?: StyleFn<Slot>;
|
|
43
43
|
variants?: A;
|
|
44
|
-
|
|
44
|
+
/**
|
|
45
|
+
* `NoInfer` for the same reason `defaultVariants` needs it: a `when` clause **selects**
|
|
46
|
+
* from the variants `variantTokens` declared, it does not declare one. Without it a
|
|
47
|
+
* recipe whose only compound is `{ when: { variant: 'default' } }` narrows `Variant` to
|
|
48
|
+
* that single literal, and every other variant becomes a type error at the call site.
|
|
49
|
+
*/
|
|
50
|
+
compoundVariants?: ReadonlyArray<CompoundVariant<Slot, NoInfer<Variant>, A>>;
|
|
45
51
|
states?: Partial<Record<StateName, StyleFn<Slot>>>;
|
|
46
52
|
/**
|
|
47
53
|
* `NoInfer`, because this is the one place a single variant name appears on its own:
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { ComponentType, ReactNode } from 'react';
|
|
2
|
+
import { ImageSourcePropType, StyleProp, ImageStyle } from 'react-native';
|
|
3
|
+
import { I as ImageStyleProps } from './style-props.type-CfnoGEP7.cjs';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* The props Lucide, Ionicons and `react-native-vector-icons` all accept — the shape
|
|
7
|
+
* `as` is handed. It is a convention rather than an interface anyone published, which is
|
|
8
|
+
* exactly why `Icon` exists: without it every call site computes the two values by hand.
|
|
9
|
+
*/
|
|
10
|
+
type IconComponentProps = {
|
|
11
|
+
size?: number;
|
|
12
|
+
color?: string;
|
|
13
|
+
};
|
|
14
|
+
/** What every form takes, and the only lever the two non-rendering ones have. */
|
|
15
|
+
type IconBase = {
|
|
16
|
+
/** Overrides what the surrounding slot asked for. */
|
|
17
|
+
size?: number;
|
|
18
|
+
/** A raw value (R7), never a token. Overrides the slot's. */
|
|
19
|
+
color?: string;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* An icon component — `size` and `color` are injected into it.
|
|
23
|
+
*
|
|
24
|
+
* No style props and no `style`: we do not render this node, the third party does, and
|
|
25
|
+
* there is no published interface that says it would accept either. Wrapping it in a view
|
|
26
|
+
* to make them work would add a level of depth to every icon in the library.
|
|
27
|
+
*/
|
|
28
|
+
type IconAsProps = IconBase & {
|
|
29
|
+
as: ComponentType<IconComponentProps>;
|
|
30
|
+
children?: never;
|
|
31
|
+
source?: never;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* A raw `react-native-svg` element, cloned with the resolved size and colour.
|
|
35
|
+
*
|
|
36
|
+
* No style props and no `style` either: the node is the caller's own element, and they can
|
|
37
|
+
* style it where they wrote it.
|
|
38
|
+
*/
|
|
39
|
+
type IconChildrenProps = IconBase & {
|
|
40
|
+
as?: never;
|
|
41
|
+
children: ReactNode;
|
|
42
|
+
source?: never;
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* An image, tinted with the resolved colour — **the one form that carries R14**, because
|
|
46
|
+
* it is the one where we render the node.
|
|
47
|
+
*/
|
|
48
|
+
type IconSourceProps = IconBase & ImageStyleProps & {
|
|
49
|
+
as?: never;
|
|
50
|
+
children?: never;
|
|
51
|
+
source: ImageSourcePropType;
|
|
52
|
+
style?: StyleProp<ImageStyle>;
|
|
53
|
+
};
|
|
54
|
+
/**
|
|
55
|
+
* Three forms, and the type says which one you are in.
|
|
56
|
+
*
|
|
57
|
+
* The union is what makes R14's boundary checkable rather than merely documented. When
|
|
58
|
+
* every form declared the style props, `<Icon as={Trash2} marginEnd={8} />` compiled and
|
|
59
|
+
* did nothing at all — the prop was dropped on the two forms that do not render the node,
|
|
60
|
+
* silently, and only a comment said so. Now it is a compile error that points at `size`
|
|
61
|
+
* and `color`, which are the levers those forms actually have.
|
|
62
|
+
*
|
|
63
|
+
* It also makes the three mutually exclusive, which they always were at runtime: `as`
|
|
64
|
+
* wins over children, and children over `source`.
|
|
65
|
+
*/
|
|
66
|
+
type IconProps = IconAsProps | IconChildrenProps | IconSourceProps;
|
|
67
|
+
/** What a component root publishes so the icons inside it need no props at all. */
|
|
68
|
+
type IconContextValue = {
|
|
69
|
+
size?: number;
|
|
70
|
+
color?: string;
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
export type { IconComponentProps as I, IconContextValue as a, IconProps as b };
|