@xaui/native 0.9.1-alpha.22 → 0.9.1-alpha.23
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-E3LXUXE7.js +451 -0
- package/dist/chunk-TIP3T7JJ.cjs +451 -0
- package/dist/components/alert/index.d.cts +2 -2
- package/dist/components/alert/index.d.ts +2 -2
- package/dist/components/button/index.d.cts +168 -168
- package/dist/components/button/index.d.ts +168 -168
- package/dist/components/card/index.d.cts +170 -170
- package/dist/components/card/index.d.ts +170 -170
- package/dist/components/chip/index.d.cts +169 -169
- package/dist/components/chip/index.d.ts +169 -169
- package/dist/components/input/index.cjs +14 -0
- package/dist/components/input/index.d.cts +213 -0
- package/dist/components/input/index.d.ts +213 -0
- package/dist/components/input/index.js +14 -0
- package/dist/components/typography/index.d.cts +3 -3
- package/dist/components/typography/index.d.ts +3 -3
- package/dist/components/view/index.d.cts +6 -6
- package/dist/components/view/index.d.ts +6 -6
- package/dist/{create-recipe-CbXika57.d.ts → create-recipe-C4JkINrA.d.ts} +14 -2
- package/dist/{create-recipe-jHlk434p.d.cts → create-recipe-dBN_ewZc.d.cts} +14 -2
- package/dist/index.cjs +17 -9
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +25 -17
- package/dist/system/index.d.cts +4 -4
- package/dist/system/index.d.ts +4 -4
- package/package.json +11 -1
|
@@ -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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
30
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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<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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
54
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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<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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
131
|
+
} & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
136
|
+
} & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
144
|
+
} & Omit<ViewStyleProps, "columnGap" | "flexDirection" | "flexWrap" | "gap" | "rowGap" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
149
|
+
} & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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" | "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 };
|
|
@@ -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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
30
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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<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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
54
|
+
} & Omit<ViewStyleProps, "flexDirection" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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<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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
131
|
+
} & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
136
|
+
} & Omit<ViewStyleProps, "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
144
|
+
} & Omit<ViewStyleProps, "columnGap" | "flexDirection" | "flexWrap" | "gap" | "rowGap" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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" | "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, "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "
|
|
149
|
+
} & Omit<ViewStyleProps, "width" | "pointerEvents" | "style" | "children" | "hitSlop" | "id" | "needsOffscreenAlphaCompositing" | "onLayout" | "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" | "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 };
|
|
@@ -7,8 +7,20 @@ import { ViewStyle, TextStyle } from 'react-native';
|
|
|
7
7
|
*/
|
|
8
8
|
type SlotStyle = ViewStyle & TextStyle;
|
|
9
9
|
type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
|
|
10
|
-
/**
|
|
11
|
-
|
|
10
|
+
/**
|
|
11
|
+
* The roles a variant consumes. The variant names tokens; `paint` says where they land.
|
|
12
|
+
*
|
|
13
|
+
* A role exists once a *state* needs the variant's own colour rather than a token named
|
|
14
|
+
* in the state function — `bgPressed` is what makes a pressed `Button` darken its own
|
|
15
|
+
* fill instead of taking a neutral wash, and `borderFocus` is the same thing for a field
|
|
16
|
+
* that has focus. Both also mean a raw `color` follows into that state, because
|
|
17
|
+
* `resolveTint` maps every declared role.
|
|
18
|
+
*
|
|
19
|
+
* **A state that reads a role must find it declared on every variant.** The merge is a
|
|
20
|
+
* shallow spread, so a `borderColor: colors.borderFocus` on a variant that names no
|
|
21
|
+
* `borderFocus` writes `undefined` over the colour `paint` had set.
|
|
22
|
+
*/
|
|
23
|
+
type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border' | 'borderFocus';
|
|
12
24
|
/** Token names per role — no colour value ever appears in a recipe. */
|
|
13
25
|
type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
|
|
14
26
|
/** The same roles resolved: theme colours, or the slices of a raw `color`. */
|
|
@@ -7,8 +7,20 @@ import { ViewStyle, TextStyle } from 'react-native';
|
|
|
7
7
|
*/
|
|
8
8
|
type SlotStyle = ViewStyle & TextStyle;
|
|
9
9
|
type SlotStyles<Slot extends string> = Partial<Record<Slot, SlotStyle>>;
|
|
10
|
-
/**
|
|
11
|
-
|
|
10
|
+
/**
|
|
11
|
+
* The roles a variant consumes. The variant names tokens; `paint` says where they land.
|
|
12
|
+
*
|
|
13
|
+
* A role exists once a *state* needs the variant's own colour rather than a token named
|
|
14
|
+
* in the state function — `bgPressed` is what makes a pressed `Button` darken its own
|
|
15
|
+
* fill instead of taking a neutral wash, and `borderFocus` is the same thing for a field
|
|
16
|
+
* that has focus. Both also mean a raw `color` follows into that state, because
|
|
17
|
+
* `resolveTint` maps every declared role.
|
|
18
|
+
*
|
|
19
|
+
* **A state that reads a role must find it declared on every variant.** The merge is a
|
|
20
|
+
* shallow spread, so a `borderColor: colors.borderFocus` on a variant that names no
|
|
21
|
+
* `borderFocus` writes `undefined` over the colour `paint` had set.
|
|
22
|
+
*/
|
|
23
|
+
type VariantRole = 'bg' | 'bgPressed' | 'fg' | 'border' | 'borderFocus';
|
|
12
24
|
/** Token names per role — no colour value ever appears in a recipe. */
|
|
13
25
|
type VariantTokens = Partial<Record<VariantRole, keyof XAUIColors>>;
|
|
14
26
|
/** The same roles resolved: theme colours, or the slices of a raw `color`. */
|
package/dist/index.cjs
CHANGED
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
+
var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
5
10
|
|
|
6
11
|
|
|
7
12
|
|
|
@@ -35,29 +40,26 @@ var _chunkI6PE5UUHcjs = require('./chunk-I6PE5UUH.cjs');
|
|
|
35
40
|
|
|
36
41
|
|
|
37
42
|
|
|
43
|
+
var _chunk6WW4CSPYcjs = require('./chunk-6WW4CSPY.cjs');
|
|
38
44
|
|
|
39
|
-
var _chunkRAWOJ3N3cjs = require('./chunk-RAWOJ3N3.cjs');
|
|
40
45
|
|
|
41
46
|
|
|
42
47
|
|
|
48
|
+
var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
43
49
|
|
|
44
50
|
|
|
45
51
|
|
|
46
|
-
var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
|
|
47
52
|
|
|
48
53
|
|
|
49
54
|
|
|
50
55
|
|
|
51
|
-
var _chunk6HXWQ5AUcjs = require('./chunk-6HXWQ5AU.cjs');
|
|
52
56
|
|
|
53
57
|
|
|
54
58
|
|
|
55
|
-
var _chunk6WW4CSPYcjs = require('./chunk-6WW4CSPY.cjs');
|
|
56
59
|
|
|
57
60
|
|
|
58
61
|
|
|
59
62
|
|
|
60
|
-
var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
61
63
|
|
|
62
64
|
|
|
63
65
|
|
|
@@ -67,32 +69,35 @@ var _chunkDXGQ43IVcjs = require('./chunk-DXGQ43IV.cjs');
|
|
|
67
69
|
|
|
68
70
|
|
|
69
71
|
|
|
72
|
+
var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
|
|
70
73
|
|
|
71
74
|
|
|
72
75
|
|
|
73
76
|
|
|
77
|
+
var _chunkTIP3T7JJcjs = require('./chunk-TIP3T7JJ.cjs');
|
|
74
78
|
|
|
75
79
|
|
|
76
80
|
|
|
77
81
|
|
|
82
|
+
var _chunkRAWOJ3N3cjs = require('./chunk-RAWOJ3N3.cjs');
|
|
78
83
|
|
|
79
84
|
|
|
80
85
|
|
|
86
|
+
var _chunkYXVKQMCKcjs = require('./chunk-YXVKQMCK.cjs');
|
|
81
87
|
|
|
82
88
|
|
|
83
89
|
|
|
84
|
-
var _chunkBH5DSJVXcjs = require('./chunk-BH5DSJVX.cjs');
|
|
85
90
|
|
|
86
91
|
|
|
87
92
|
|
|
88
|
-
var
|
|
93
|
+
var _chunk57SJ4LJFcjs = require('./chunk-57SJ4LJF.cjs');
|
|
89
94
|
|
|
90
95
|
|
|
91
96
|
|
|
92
97
|
|
|
93
98
|
|
|
94
99
|
|
|
95
|
-
var
|
|
100
|
+
var _chunkIBEX4XGVcjs = require('./chunk-IBEX4XGV.cjs');
|
|
96
101
|
|
|
97
102
|
|
|
98
103
|
|
|
@@ -231,4 +236,7 @@ function usePrevious(value) {
|
|
|
231
236
|
|
|
232
237
|
|
|
233
238
|
|
|
234
|
-
|
|
239
|
+
|
|
240
|
+
|
|
241
|
+
|
|
242
|
+
exports.Alert = _chunk4MHJOWM4cjs.Alert; exports.Button = _chunkVDRRD6GMcjs.Button; exports.CARD_BACKGROUND = _chunkBNWS26PXcjs.CARD_BACKGROUND; exports.Card = _chunkBNWS26PXcjs.Card; exports.Chip = _chunkI6PE5UUHcjs.Chip; exports.CloseButton = _chunk6WW4CSPYcjs.CloseButton; exports.Column = _chunkIBEX4XGVcjs.Column; exports.FEEDBACK_OVERLAY = _chunkBH5DSJVXcjs.FEEDBACK_OVERLAY; exports.Grid = _chunkIBEX4XGVcjs.Grid; exports.HIGHLIGHT_DURATION = _chunkBH5DSJVXcjs.HIGHLIGHT_DURATION; exports.HIGHLIGHT_OPACITY = _chunkBH5DSJVXcjs.HIGHLIGHT_OPACITY; exports.Icon = _chunkDXGQ43IVcjs.Icon; exports.IconContext = _chunkDXGQ43IVcjs.IconContext; exports.Input = _chunkTIP3T7JJcjs.Input; exports.PRESS_DURATION = _chunkBH5DSJVXcjs.PRESS_DURATION; exports.PRESS_SCALE = _chunkBH5DSJVXcjs.PRESS_SCALE; exports.Portal = _chunk6HXWQ5AUcjs.Portal; exports.PortalContext = _chunk6HXWQ5AUcjs.PortalContext; exports.PortalHost = _chunk6HXWQ5AUcjs.PortalHost; exports.PressableFeedback = _chunkBH5DSJVXcjs.PressableFeedback; exports.RIPPLE_CONFIRM_DURATION = _chunkBH5DSJVXcjs.RIPPLE_CONFIRM_DURATION; exports.RIPPLE_EXPAND_DURATION = _chunkBH5DSJVXcjs.RIPPLE_EXPAND_DURATION; exports.RIPPLE_FADE_IN = _chunkBH5DSJVXcjs.RIPPLE_FADE_IN; exports.RIPPLE_FADE_OUT = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT; exports.RIPPLE_FADE_OUT_DELAY = _chunkBH5DSJVXcjs.RIPPLE_FADE_OUT_DELAY; exports.RIPPLE_OPACITY = _chunkBH5DSJVXcjs.RIPPLE_OPACITY; exports.RIPPLE_START_SCALE = _chunkBH5DSJVXcjs.RIPPLE_START_SCALE; exports.Row = _chunkIBEX4XGVcjs.Row; exports.SCALE_REFERENCE_WIDTH = _chunkBH5DSJVXcjs.SCALE_REFERENCE_WIDTH; exports.Slot = _chunkHUZ4AUM2cjs.Slot; exports.Stack = _chunkIBEX4XGVcjs.Stack; exports.TextSpan = _chunkRAWOJ3N3cjs.TextSpan; exports.ThemeContext = _chunk57SJ4LJFcjs.ThemeContext; exports.Typography = _chunkRAWOJ3N3cjs.Typography; exports.XAUIProvider = _chunkGBPWTFTUcjs.XAUIProvider; exports.alertRecipe = _chunk4MHJOWM4cjs.alertRecipe; exports.buildRadius = _chunkGBPWTFTUcjs.buildRadius; exports.buildShadows = _chunkGBPWTFTUcjs.buildShadows; exports.buttonRecipe = _chunkVDRRD6GMcjs.buttonRecipe; exports.cardRecipe = _chunkBNWS26PXcjs.cardRecipe; exports.childrenToString = _chunkHUZ4AUM2cjs.childrenToString; exports.chipRecipe = _chunkI6PE5UUHcjs.chipRecipe; exports.closeButtonBase = _chunk6WW4CSPYcjs.closeButtonBase; exports.createRecipe = _chunkYXVKQMCKcjs.createRecipe; exports.createSlotContext = _chunkHUZ4AUM2cjs.createSlotContext; exports.createTheme = _chunkGBPWTFTUcjs.createTheme; exports.defaultTheme = _chunkGBPWTFTUcjs.defaultTheme; exports.deriveColors = _chunkGBPWTFTUcjs.deriveColors; exports.deriveTint = _chunk57SJ4LJFcjs.deriveTint; exports.inputRecipe = _chunkTIP3T7JJcjs.inputRecipe; exports.markBackground = _chunkBNWS26PXcjs.markBackground; exports.markOverlay = _chunkBH5DSJVXcjs.markOverlay; exports.mergeProps = _chunkHUZ4AUM2cjs.mergeProps; exports.mergeRefs = _chunkHUZ4AUM2cjs.mergeRefs; exports.palette = _chunkGBPWTFTUcjs.palette; exports.pressScaleFor = _chunkBH5DSJVXcjs.pressScaleFor; exports.primitives = _chunkGBPWTFTUcjs.primitives; exports.radiusAxis = _chunkYXVKQMCKcjs.radiusAxis; exports.resolveAnimation = _chunkBH5DSJVXcjs.resolveAnimation; exports.resolveSlotAnimation = _chunkBH5DSJVXcjs.resolveSlotAnimation; exports.rippleRadiusFor = _chunkBH5DSJVXcjs.rippleRadiusFor; exports.sourceKeys = _chunkGBPWTFTUcjs.sourceKeys; exports.tokens = _chunkGBPWTFTUcjs.tokens; exports.typographyRecipe = _chunkRAWOJ3N3cjs.typographyRecipe; exports.useAlert = _chunk4MHJOWM4cjs.useAlert; exports.useButton = _chunkVDRRD6GMcjs.useButton; exports.useCard = _chunkBNWS26PXcjs.useCard; exports.useChip = _chunkI6PE5UUHcjs.useChip; exports.useColorMode = _chunk57SJ4LJFcjs.useColorMode; exports.useControllableState = useControllableState; exports.useFeedback = _chunkBH5DSJVXcjs.useFeedback; exports.useGrid = _chunkIBEX4XGVcjs.useGrid; exports.useIconContext = _chunkDXGQ43IVcjs.useIconContext; exports.useInput = _chunkTIP3T7JJcjs.useInput; exports.useMergedRef = useMergedRef; exports.usePressState = _chunkBH5DSJVXcjs.usePressState; exports.usePrevious = usePrevious; exports.useStyleProps = _chunkHUZ4AUM2cjs.useStyleProps; exports.useThemeColor = _chunk57SJ4LJFcjs.useThemeColor; exports.useXAUITheme = _chunk57SJ4LJFcjs.useXAUITheme;
|
package/dist/index.d.cts
CHANGED
|
@@ -2,6 +2,7 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
|
|
|
2
2
|
export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.cjs';
|
|
3
3
|
export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.cjs';
|
|
4
4
|
export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.cjs';
|
|
5
|
+
export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.cjs';
|
|
5
6
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.cjs';
|
|
6
7
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.cjs';
|
|
7
8
|
import { RefCallback } from 'react';
|
|
@@ -10,7 +11,7 @@ export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGH
|
|
|
10
11
|
import { GestureResponderEvent } from 'react-native';
|
|
11
12
|
export { C as CloseButtonProps } from './close-button.type-CHsgZ3wO.cjs';
|
|
12
13
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-CF4KiMKl.cjs';
|
|
13
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-
|
|
14
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-dBN_ewZc.cjs';
|
|
14
15
|
export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.cjs';
|
|
15
16
|
export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.cjs';
|
|
16
17
|
export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.cjs';
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ export { Alert, AlertCloseProps, AlertContentProps, AlertContextValue, AlertDesc
|
|
|
2
2
|
export { Button, ButtonContextValue, ButtonIconProps, ButtonLabelProps, ButtonProps, ButtonSize, ButtonSlot, ButtonSpinnerProps, ButtonVariant, buttonRecipe, useButton } from './components/button/index.js';
|
|
3
3
|
export { CARD_BACKGROUND, Card, CardBackgroundProps, CardBodyProps, CardContextValue, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardSize, CardSlot, CardTitleProps, CardVariant, cardRecipe, markBackground, useCard } from './components/card/index.js';
|
|
4
4
|
export { Chip, ChipAvatarProps, ChipCloseProps, ChipContextValue, ChipDotProps, ChipIconProps, ChipLabelProps, ChipProps, ChipSize, ChipSlot, ChipVariant, chipRecipe, useChip } from './components/chip/index.js';
|
|
5
|
+
export { Input, InputContextValue, InputDescriptionProps, InputErrorProps, InputFieldProps, InputLabelPlacement, InputLabelProps, InputProps, InputSize, InputSlot, InputVariant, inputRecipe, useInput } from './components/input/index.js';
|
|
5
6
|
export { TextSpan, TextSpanProps, Typography, TypographyProps, TypographySlot, TypographyVariant, typographyRecipe } from './components/typography/index.js';
|
|
6
7
|
export { AxisProps, Column, ColumnProps, Grid, GridContextValue, GridItemProps, GridProps, Row, RowProps, Stack, StackItemProps, StackProps, useGrid } from './components/view/index.js';
|
|
7
8
|
import { RefCallback } from 'react';
|
|
@@ -10,7 +11,7 @@ export { AsChildProps, CloseButton, CloseButtonSlots, FEEDBACK_OVERLAY, HIGHLIGH
|
|
|
10
11
|
import { GestureResponderEvent } from 'react-native';
|
|
11
12
|
export { C as CloseButtonProps } from './close-button.type-BUYuoSt2.js';
|
|
12
13
|
export { I as IconComponentProps, a as IconContextValue, b as IconProps } from './icon.type-Dq4_qePa.js';
|
|
13
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-
|
|
14
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, f as SlotStyle, g as SlotStyles, h as StateName, i as States, j as StyleFn, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from './create-recipe-C4JkINrA.js';
|
|
14
15
|
export { D as DirectionalStyleKey, I as ImageStyleProps, S as StyleProps, T as TextStyleProps, V as ViewStyleProps } from './style-props.type-CfnoGEP7.js';
|
|
15
16
|
export { ColorModePreference, PaletteFamily, PaletteShade, ThemeContext, XAUIProvider, XAUIProviderProps, XAUITint, buildRadius, buildShadows, createTheme, defaultTheme, deriveColors, deriveTint, palette, primitives, sourceKeys, tokens, useColorMode, useThemeColor, useXAUITheme } from './theme/index.js';
|
|
16
17
|
export { C as ColorMode, F as FontSizeKey, b as FontWeightKey, R as RadiusKey, S as Size, a as XAUIColors, c as XAUIDerivedColors, d as XAUIPrimitiveColors, e as XAUIRadius, f as XAUIShadow, g as XAUISourceColors, X as XAUITheme, h as XAUIThemeConfig, i as XAUIThemeSet } from './theme.type-C2gNHpEx.js';
|
package/dist/index.js
CHANGED
|
@@ -1,3 +1,8 @@
|
|
|
1
|
+
import {
|
|
2
|
+
Portal,
|
|
3
|
+
PortalContext,
|
|
4
|
+
PortalHost
|
|
5
|
+
} from "./chunk-AKXG43S4.js";
|
|
1
6
|
import {
|
|
2
7
|
XAUIProvider,
|
|
3
8
|
buildRadius,
|
|
@@ -32,23 +37,6 @@ import {
|
|
|
32
37
|
chipRecipe,
|
|
33
38
|
useChip
|
|
34
39
|
} from "./chunk-AHL33YAO.js";
|
|
35
|
-
import {
|
|
36
|
-
TextSpan,
|
|
37
|
-
Typography,
|
|
38
|
-
typographyRecipe
|
|
39
|
-
} from "./chunk-2U6JR7BF.js";
|
|
40
|
-
import {
|
|
41
|
-
Column,
|
|
42
|
-
Grid,
|
|
43
|
-
Row,
|
|
44
|
-
Stack,
|
|
45
|
-
useGrid
|
|
46
|
-
} from "./chunk-OYZYWWJ6.js";
|
|
47
|
-
import {
|
|
48
|
-
Portal,
|
|
49
|
-
PortalContext,
|
|
50
|
-
PortalHost
|
|
51
|
-
} from "./chunk-AKXG43S4.js";
|
|
52
40
|
import {
|
|
53
41
|
CloseButton,
|
|
54
42
|
closeButtonBase
|
|
@@ -82,6 +70,16 @@ import {
|
|
|
82
70
|
usePressState,
|
|
83
71
|
warnDev
|
|
84
72
|
} from "./chunk-KM2TI5IC.js";
|
|
73
|
+
import {
|
|
74
|
+
Input,
|
|
75
|
+
inputRecipe,
|
|
76
|
+
useInput
|
|
77
|
+
} from "./chunk-E3LXUXE7.js";
|
|
78
|
+
import {
|
|
79
|
+
TextSpan,
|
|
80
|
+
Typography,
|
|
81
|
+
typographyRecipe
|
|
82
|
+
} from "./chunk-2U6JR7BF.js";
|
|
85
83
|
import {
|
|
86
84
|
createRecipe,
|
|
87
85
|
radiusAxis
|
|
@@ -93,6 +91,13 @@ import {
|
|
|
93
91
|
useThemeColor,
|
|
94
92
|
useXAUITheme
|
|
95
93
|
} from "./chunk-A3EGFI6T.js";
|
|
94
|
+
import {
|
|
95
|
+
Column,
|
|
96
|
+
Grid,
|
|
97
|
+
Row,
|
|
98
|
+
Stack,
|
|
99
|
+
useGrid
|
|
100
|
+
} from "./chunk-OYZYWWJ6.js";
|
|
96
101
|
import {
|
|
97
102
|
Slot,
|
|
98
103
|
childrenToString,
|
|
@@ -167,6 +172,7 @@ export {
|
|
|
167
172
|
HIGHLIGHT_OPACITY,
|
|
168
173
|
Icon,
|
|
169
174
|
IconContext,
|
|
175
|
+
Input,
|
|
170
176
|
PRESS_DURATION,
|
|
171
177
|
PRESS_SCALE,
|
|
172
178
|
Portal,
|
|
@@ -202,6 +208,7 @@ export {
|
|
|
202
208
|
defaultTheme,
|
|
203
209
|
deriveColors,
|
|
204
210
|
deriveTint,
|
|
211
|
+
inputRecipe,
|
|
205
212
|
markBackground,
|
|
206
213
|
markOverlay,
|
|
207
214
|
mergeProps,
|
|
@@ -225,6 +232,7 @@ export {
|
|
|
225
232
|
useFeedback,
|
|
226
233
|
useGrid,
|
|
227
234
|
useIconContext,
|
|
235
|
+
useInput,
|
|
228
236
|
useMergedRef,
|
|
229
237
|
usePressState,
|
|
230
238
|
usePrevious,
|
package/dist/system/index.d.cts
CHANGED
|
@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
|
|
|
5
5
|
import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-BA2C9sSz.cjs';
|
|
6
6
|
export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-BA2C9sSz.cjs';
|
|
7
7
|
import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.cjs';
|
|
8
|
-
import { j as StyleFn, f as SlotStyle } from '../create-recipe-
|
|
9
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-
|
|
8
|
+
import { j as StyleFn, f as SlotStyle } from '../create-recipe-dBN_ewZc.cjs';
|
|
9
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-dBN_ewZc.cjs';
|
|
10
10
|
export { C as CloseButtonProps } from '../close-button.type-CHsgZ3wO.cjs';
|
|
11
11
|
import { b as IconProps, a as IconContextValue } from '../icon.type-CF4KiMKl.cjs';
|
|
12
12
|
export { I as IconComponentProps } from '../icon.type-CF4KiMKl.cjs';
|
|
@@ -298,7 +298,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
|
|
|
298
298
|
* off — and it is the only shape that survives `asChild`, where the caller's own element
|
|
299
299
|
* is the pressable and there is no sibling for the primitive to inject.
|
|
300
300
|
*/
|
|
301
|
-
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "
|
|
301
|
+
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
|
|
302
302
|
isPressed?: boolean;
|
|
303
303
|
isDisabled?: boolean;
|
|
304
304
|
asChild?: boolean;
|
|
@@ -447,7 +447,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
|
|
|
447
447
|
baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
448
448
|
glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
449
449
|
style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
|
|
450
|
-
} & Omit<PressableFeedbackProps, "
|
|
450
|
+
} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
|
|
451
451
|
|
|
452
452
|
/** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
|
|
453
453
|
type CloseButtonSlots = {
|
package/dist/system/index.d.ts
CHANGED
|
@@ -5,8 +5,8 @@ import { ReactNode, Provider, Ref, RefCallback } from 'react';
|
|
|
5
5
|
import { S as SlotAnimation, F as FeedbackContext, a as AnimationProp, b as ResolvedAnimation, P as PressableFeedbackProps } from '../pressable-feedback.type-Bs4dQlGj.js';
|
|
6
6
|
export { A as AnimationConfig, R as RadiusStyle, c as RippleWave } from '../pressable-feedback.type-Bs4dQlGj.js';
|
|
7
7
|
import { R as RadiusKey, X as XAUITheme } from '../theme.type-C2gNHpEx.js';
|
|
8
|
-
import { j as StyleFn, f as SlotStyle } from '../create-recipe-
|
|
9
|
-
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-
|
|
8
|
+
import { j as StyleFn, f as SlotStyle } from '../create-recipe-C4JkINrA.js';
|
|
9
|
+
export { A as Axes, C as CompoundVariant, R as Recipe, b as RecipeConfig, a as ResolveArgs, d as ResolvedSelection, e as ResolvedStyles, S as Selection, g as SlotStyles, h as StateName, i as States, T as TintArgs, V as VariantColors, k as VariantRole, l as VariantTokens, c as createRecipe } from '../create-recipe-C4JkINrA.js';
|
|
10
10
|
export { C as CloseButtonProps } from '../close-button.type-BUYuoSt2.js';
|
|
11
11
|
import { b as IconProps, a as IconContextValue } from '../icon.type-Dq4_qePa.js';
|
|
12
12
|
export { I as IconComponentProps } from '../icon.type-Dq4_qePa.js';
|
|
@@ -298,7 +298,7 @@ declare function resolveSlotAnimation(override: SlotAnimation | undefined, enabl
|
|
|
298
298
|
* off — and it is the only shape that survives `asChild`, where the caller's own element
|
|
299
299
|
* is the pressable and there is no sibling for the primitive to inject.
|
|
300
300
|
*/
|
|
301
|
-
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "
|
|
301
|
+
declare const PressableFeedback: react.ForwardRefExoticComponent<Omit<react_native.PressableProps, "disabled" | "style" | "children"> & ViewStyleProps & {
|
|
302
302
|
isPressed?: boolean;
|
|
303
303
|
isDisabled?: boolean;
|
|
304
304
|
asChild?: boolean;
|
|
@@ -447,7 +447,7 @@ declare const CloseButton: react.ForwardRefExoticComponent<{
|
|
|
447
447
|
baseStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
448
448
|
glyphStyle?: react_native.StyleProp<react_native.ViewStyle>;
|
|
449
449
|
style?: react_native.StyleProp<react_native.ViewStyle> | ((state: react_native.PressableStateCallbackType) => react_native.StyleProp<react_native.ViewStyle>);
|
|
450
|
-
} & Omit<PressableFeedbackProps, "
|
|
450
|
+
} & Omit<PressableFeedbackProps, "isPressed" | "style" | "children"> & react.RefAttributes<View>>;
|
|
451
451
|
|
|
452
452
|
/** The two slots a component publishes for a `CloseButton`: its box and one cross bar. */
|
|
453
453
|
type CloseButtonSlots = {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xaui/native",
|
|
3
|
-
"version": "0.9.1-alpha.
|
|
3
|
+
"version": "0.9.1-alpha.23",
|
|
4
4
|
"description": "Composition-first React Native UI components with native animations powered by Reanimated",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -67,6 +67,16 @@
|
|
|
67
67
|
"default": "./dist/components/chip/index.cjs"
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
|
+
"./input": {
|
|
71
|
+
"import": {
|
|
72
|
+
"types": "./dist/components/input/index.d.ts",
|
|
73
|
+
"default": "./dist/components/input/index.js"
|
|
74
|
+
},
|
|
75
|
+
"require": {
|
|
76
|
+
"types": "./dist/components/input/index.d.cts",
|
|
77
|
+
"default": "./dist/components/input/index.cjs"
|
|
78
|
+
}
|
|
79
|
+
},
|
|
70
80
|
"./typography": {
|
|
71
81
|
"import": {
|
|
72
82
|
"types": "./dist/components/typography/index.d.ts",
|