@delacour/react-native-ui 0.1.0-alpha.20260927112827 → 0.1.0-alpha.20260927215017

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@delacour/react-native-ui",
-	"version": "0.1.0-alpha.20260927112827",
+	"version": "0.1.0-alpha.20260927215017",
 	"description": "React Native UI components — Uniwind, Reanimated, Gesture Handler",
 	"type": "module",
 	"license": "MIT",
@@ -98,7 +98,7 @@
 	},
 	"peerDependencies": {
 		"@central-icons-react-native/round-outlined-radius-1-stroke-1.5": "^1.1",
-		"@delacour/react-native-charts": "0.1.0-alpha.20260927112827",
+		"@delacour/react-native-charts": "0.1.0-alpha.20260927215017",
 		"@gorhom/bottom-sheet": "^5.2.8",
 		"@legendapp/list": ">=3.3",
 		"expo-linear-gradient": ">=15",

package/src/components/alert/AGENTS.md

@@ -87,6 +87,11 @@ plus `Alert.Indicator`, `Alert.Content`, `Alert.Title`, `Alert.Description`,
   alert rather than part of what it says, and a red cross beside a red title
   reads as a second warning. It presses with `fade` — a spring on a glyph that
   small is a jitter — and carries `hitSlop={10}` to reach the 44-point target.
+- **`closeTestID` reaches the composed close control.** The root's own `testID`
+  names the alert's surface; the close part is a separate pressable with no id of its own
+  unless the root forwards one, so a flow or test could only find it by its label.
+  `closeTestID` is named like `closeAccessibilityLabel`, the other prop the root
+  passes through to it.
 - **Actions are the caller's.** `Alert.Action` is a wrapping row and styles
   nothing in it; a `Button` in there is sized and painted however the caller
   says. It wraps rather than overflowing, because two buttons and a long label

package/src/components/alert/alert.tsx

@@ -41,6 +41,8 @@ export type AlertProps = Omit<SurfaceProps, "variant" | "padding"> & {
 	onOpenChange?: (isOpen: boolean) => void;
 	/** Name a screen reader gives the dismiss control. Defaults to `Dismiss`. */
 	closeAccessibilityLabel?: string;
+	/** `testID` for the dismiss control, so a test or automation can press it. */
+	closeTestID?: string;
 	children?: ReactNode;
 };
 
@@ -53,6 +55,7 @@ function AlertRoot({
 	defaultOpen = true,
 	onOpenChange,
 	closeAccessibilityLabel,
+	closeTestID,
 	className,
 	children,
 	...props
@@ -90,7 +93,9 @@ function AlertRoot({
 				>
 					<IconDefaultsProvider value={iconDefaults}>
 						{children}
-						{isDismissible ? <AlertCloseButton accessibilityLabel={closeAccessibilityLabel} /> : null}
+						{isDismissible ? (
+							<AlertCloseButton accessibilityLabel={closeAccessibilityLabel} testID={closeTestID} />
+						) : null}
 					</IconDefaultsProvider>
 				</Surface>
 			</Animated.View>

package/src/components/badge/AGENTS.md

@@ -46,6 +46,11 @@ A compact label for status, category or count. Compound root plus `Badge.Label`,
   with `fade` rather than the root's `scale` — a spring on a glyph that small
   reads as a jitter. Reach for the part by hand only to place it somewhere other
   than last.
+- **`closeTestID` reaches the composed close control.** The root's own `testID`
+  names the badge; the close part is a separate pressable with no id of its own
+  unless the root forwards one, so a flow or test could only find it by its label.
+  `closeTestID` is named like `closeAccessibilityLabel`, the other prop the root
+  passes through to it.
 - **A size is padding, never a height.** `Text` respects OS font scaling, so a
   fixed height clips the label at a large accessibility step instead of growing
   with it — and unlike `h-button-*` or `h-navbar-row`, a badge lines up against

package/src/components/badge/badge.tsx

@@ -28,6 +28,8 @@ export type BadgeProps = Omit<PressableProps, "asChild" | "busy" | "children" |
 	onClose?: () => void;
 	/** Name a screen reader gives the dismiss control. Defaults to `Remove`. */
 	closeAccessibilityLabel?: string;
+	/** `testID` for the dismiss control, so a test or automation can press it. */
+	closeTestID?: string;
 	children?: ReactNode;
 };
 
@@ -38,6 +40,7 @@ function BadgeRoot({
 	isDisabled = false,
 	onClose,
 	closeAccessibilityLabel,
+	closeTestID,
 	onPress,
 	onLongPress,
 	haptic,
@@ -70,7 +73,9 @@ function BadgeRoot({
 		<IconDefaultsProvider value={iconDefaults}>
 			<TextClassProvider value={slots.label()}>
 				{content}
-				{onClose ? <BadgeCloseButton accessibilityLabel={closeAccessibilityLabel} onPress={onClose} /> : null}
+				{onClose ? (
+					<BadgeCloseButton accessibilityLabel={closeAccessibilityLabel} onPress={onClose} testID={closeTestID} />
+				) : null}
 			</TextClassProvider>
 		</IconDefaultsProvider>
 	);

package/src/components/chip/AGENTS.md

@@ -91,6 +91,11 @@ and `Chip.CloseButton`.
   action, labelled by `closeAccessibilityLabel`, that calls `onClose` —
   VoiceOver's Actions rotor, TalkBack's actions menu. A caller's own
   `accessibilityActions` are kept beside it.
+- **`closeTestID` reaches the composed close control.** The root's own `testID`
+  names the chip; the close part is a separate pressable with no id of its own
+  unless the root forwards one, so a flow or test could only find it by its label.
+  `closeTestID` is named like `closeAccessibilityLabel`, the other prop the root
+  passes through to it.
 - **`self-start` is Badge's, and beside a taller sibling in a row it top-aligns
   the chip.** It is what keeps a chip content-sized in a column, which is the
   common case; in a `flex-row items-center` holding something taller — a

package/src/components/chip/chip.tsx

@@ -40,6 +40,8 @@ export type ChipProps = Omit<PressableProps, "asChild" | "busy" | "children" | "
 	onClose?: () => void;
 	/** Name a screen reader gives the remove control. Defaults to `Remove`. */
 	closeAccessibilityLabel?: string;
+	/** `testID` for the remove control, so a test or automation can press it. */
+	closeTestID?: string;
 	children?: ReactNode;
 };
 
@@ -53,6 +55,7 @@ function ChipRoot({
 	isDisabled = false,
 	onClose,
 	closeAccessibilityLabel,
+	closeTestID,
 	onPress,
 	onLongPress,
 	haptic,
@@ -115,6 +118,7 @@ function ChipRoot({
 						accessibilityLabel={closeAccessibilityLabel}
 						importantForAccessibility={closeHidden ? "no-hide-descendants" : "auto"}
 						onPress={onClose}
+						testID={closeTestID}
 					/>
 				) : null}
 			</TextClassProvider>