@kanso-labs/react-native-kanso-ui 0.0.0-stage → 0.1.1

package/dist/components/radio-group/index.js

@@ -0,0 +1,597 @@
+import { useTheme } from "../../theme/scope.js";
+import { composeStyles, themedStyles } from "../../theme/styles.js";
+import { useTypeRole } from "../../typography/roles.js";
+import { withOpacity } from "../../theme/color.js";
+import { hitSlop, usePressFeedback } from "../../press/index.js";
+import { controlStylesOf } from "../../control/styles.js";
+import { ControlLabel, ControlMessage, describedBy, messageOf } from "../../control/index.js";
+import { c } from "react/compiler-runtime";
+import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
+import { createContext, use, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";
+import { useRadioGroupState } from "react-stately/useRadioGroupState";
+//#region src/components/radio-group/index.tsx
+const RING_SIZE = 20;
+const RING_RULE = 2;
+const DOT_SIZE = 10;
+const LAYERS = {
+	selected: {
+		hover: "primary",
+		pressed: "onSurface"
+	},
+	unselected: {
+		hover: "onSurface",
+		pressed: "primary"
+	}
+};
+const RadioGroupContext = createContext(null);
+const styles = StyleSheet.create({
+	dot: {
+		height: DOT_SIZE,
+		width: DOT_SIZE
+	},
+	ring: {
+		alignItems: "center",
+		borderWidth: RING_RULE,
+		height: RING_SIZE,
+		justifyContent: "center",
+		width: RING_SIZE
+	},
+	shrink: { flexShrink: 1 }
+});
+const groupStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) => StyleSheet.create({
+	dot: { borderRadius: radii.circle },
+	items: { flexDirection: "column" },
+	itemsHorizontal: {
+		columnGap: spacing.lg,
+		flexDirection: "row",
+		flexWrap: "wrap"
+	},
+	label: { color: colors.onSurfaceVariant },
+	labelDisabled: { color: withOpacity(colors.onSurface, stateLayerOpacity.disabledContent) },
+	labelError: { color: colors.error },
+	message: { color: colors.onSurfaceVariant },
+	messageError: { color: colors.error },
+	messageLine: { marginTop: spacing.xs },
+	ring: { borderRadius: radii.circle },
+	root: {
+		flexDirection: "column",
+		rowGap: spacing.xs
+	}
+}));
+/**
+* The colour the ring and the dot are drawn in. Hover, press and focus darken
+* only an unselected ring, and only one a press can change.
+*/
+function colorOf({ colors, stateLayerOpacity }, { active, isDisabled, isSelected }) {
+	if (isDisabled) return withOpacity(colors.onSurface, stateLayerOpacity.disabledContent);
+	if (isSelected) return colors.primary;
+	return active ? colors.onSurface : colors.onSurfaceVariant;
+}
+/**
+* How the group is described by the line under it. On the web it points at
+* the line with `aria-describedby`, as web's group does. iOS and Android
+* focus the buttons rather than the group, so there the line is left where a
+* screen reader reaches it in order, after the last button.
+*/
+function lineOf(id, message) {
+	return Platform.OS === "web" && message !== void 0 ? { "aria-describedby": id } : void 0;
+}
+/**
+* One option of a `RadioGroup`, with its label and optionally a description
+* under it. It names the entry it stands for with `value`; the selection is
+* the group's, so a `Radio` is only ever drawn inside one.
+*
+* A screen reader hears it as a radio button named by its label, checked or
+* not, followed by the line under it. A press anywhere on the button or the
+* label selects it, and the row takes presses over the 48dp target the page
+* asks of the button. `style`, `ref` and `testID` land on the view holding
+* the row and the line under it, which is the element a layout positions.
+*/
+function Radio(t0) {
+	const $ = c(104);
+	let ariaLabel;
+	let children;
+	let description;
+	let props;
+	let style;
+	let t1;
+	let value;
+	if ($[0] !== t0) {
+		({"aria-label": ariaLabel, children, description, isDisabled: t1, style, value, ...props} = t0);
+		$[0] = t0;
+		$[1] = ariaLabel;
+		$[2] = children;
+		$[3] = description;
+		$[4] = props;
+		$[5] = style;
+		$[6] = t1;
+		$[7] = value;
+	} else {
+		ariaLabel = $[1];
+		children = $[2];
+		description = $[3];
+		props = $[4];
+		style = $[5];
+		t1 = $[6];
+		value = $[7];
+	}
+	const ownDisabled = t1 === void 0 ? false : t1;
+	const theme = useTheme();
+	const group = use(RadioGroupContext);
+	const messageId = useId();
+	if (group === null) throw new Error("A Radio is drawn inside a RadioGroup, which holds its selection.");
+	const { colors, radii } = theme;
+	const { horizontal, state } = group;
+	const isDisabled = ownDisabled || state.isDisabled;
+	const isSelected = state.selectedValue === value;
+	const interactive = !isDisabled && !state.isReadOnly;
+	const tone = isSelected ? "selected" : "unselected";
+	const t2 = colors[LAYERS[tone].hover];
+	let t3;
+	if ($[8] !== radii.circle) {
+		t3 = { borderRadius: radii.circle };
+		$[8] = radii.circle;
+		$[9] = t3;
+	} else t3 = $[9];
+	const t4 = !interactive;
+	const t5 = colors[LAYERS[tone].pressed];
+	let t6;
+	if ($[10] !== t2 || $[11] !== t3 || $[12] !== t4 || $[13] !== t5) {
+		t6 = {
+			color: t2,
+			corners: t3,
+			disabled: t4,
+			disc: 40,
+			pressedColor: t5
+		};
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	const feedback = usePressFeedback(t6);
+	const active = feedback.hovered || feedback.pressed || feedback.ring !== void 0;
+	let t7;
+	if ($[15] !== active || $[16] !== isDisabled || $[17] !== isSelected || $[18] !== theme) {
+		t7 = colorOf(theme, {
+			active,
+			isDisabled,
+			isSelected
+		});
+		$[15] = active;
+		$[16] = isDisabled;
+		$[17] = isSelected;
+		$[18] = theme;
+		$[19] = t7;
+	} else t7 = $[19];
+	const color = t7;
+	const ring = useRingColor(color);
+	let T0;
+	let T1;
+	let T2;
+	let T3;
+	let t10;
+	let t11;
+	let t12;
+	let t13;
+	let t14;
+	let t15;
+	let t16;
+	let t17;
+	let t18;
+	let t19;
+	let t20;
+	let t21;
+	let t22;
+	let t8;
+	let t9;
+	if ($[20] !== ariaLabel || $[21] !== color || $[22] !== description || $[23] !== feedback.handlers || $[24] !== feedback.layer || $[25] !== feedback.ring || $[26] !== horizontal || $[27] !== isDisabled || $[28] !== isSelected || $[29] !== messageId || $[30] !== props || $[31] !== ring || $[32] !== state || $[33] !== style || $[34] !== theme || $[35] !== value) {
+		const own = groupStylesOf(theme);
+		T3 = View;
+		t21 = props;
+		const t23 = horizontal ? styles.shrink : void 0;
+		if ($[55] !== style || $[56] !== t23) {
+			t22 = composeStyles(t23, style);
+			$[55] = style;
+			$[56] = t23;
+			$[57] = t22;
+		} else t22 = $[57];
+		T2 = Pressable;
+		t12 = isSelected;
+		t13 = ariaLabel;
+		t14 = "radio";
+		if ($[58] !== description || $[59] !== messageId) {
+			t15 = describedBy(messageId, messageOf(description, void 0));
+			$[58] = description;
+			$[59] = messageId;
+			$[60] = t15;
+		} else t15 = $[60];
+		t16 = feedback.handlers;
+		t17 = isDisabled;
+		if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+			t18 = hitSlop(40, 40);
+			$[61] = t18;
+		} else t18 = $[61];
+		if ($[62] !== state || $[63] !== value) {
+			t19 = selectOf(state, value);
+			$[62] = state;
+			$[63] = value;
+			$[64] = t19;
+		} else t19 = $[64];
+		let t24;
+		if ($[65] !== theme) {
+			t24 = controlStylesOf(theme);
+			$[65] = theme;
+			$[66] = t24;
+		} else t24 = $[66];
+		t20 = t24.row;
+		T1 = View;
+		if ($[67] !== feedback.ring || $[68] !== theme) {
+			t10 = composeStyles(controlStylesOf(theme).disc, feedback.ring);
+			$[67] = feedback.ring;
+			$[68] = theme;
+			$[69] = t10;
+		} else t10 = $[69];
+		t11 = feedback.layer;
+		T0 = Animated.View;
+		t8 = composeStyles(styles.ring, own.ring, ring);
+		t9 = isSelected ? /* @__PURE__ */ jsx(View, { style: composeStyles(styles.dot, own.dot, { backgroundColor: color }) }) : null;
+		$[20] = ariaLabel;
+		$[21] = color;
+		$[22] = description;
+		$[23] = feedback.handlers;
+		$[24] = feedback.layer;
+		$[25] = feedback.ring;
+		$[26] = horizontal;
+		$[27] = isDisabled;
+		$[28] = isSelected;
+		$[29] = messageId;
+		$[30] = props;
+		$[31] = ring;
+		$[32] = state;
+		$[33] = style;
+		$[34] = theme;
+		$[35] = value;
+		$[36] = T0;
+		$[37] = T1;
+		$[38] = T2;
+		$[39] = T3;
+		$[40] = t10;
+		$[41] = t11;
+		$[42] = t12;
+		$[43] = t13;
+		$[44] = t14;
+		$[45] = t15;
+		$[46] = t16;
+		$[47] = t17;
+		$[48] = t18;
+		$[49] = t19;
+		$[50] = t20;
+		$[51] = t21;
+		$[52] = t22;
+		$[53] = t8;
+		$[54] = t9;
+	} else {
+		T0 = $[36];
+		T1 = $[37];
+		T2 = $[38];
+		T3 = $[39];
+		t10 = $[40];
+		t11 = $[41];
+		t12 = $[42];
+		t13 = $[43];
+		t14 = $[44];
+		t15 = $[45];
+		t16 = $[46];
+		t17 = $[47];
+		t18 = $[48];
+		t19 = $[49];
+		t20 = $[50];
+		t21 = $[51];
+		t22 = $[52];
+		t8 = $[53];
+		t9 = $[54];
+	}
+	let t23;
+	if ($[70] !== T0 || $[71] !== t8 || $[72] !== t9) {
+		t23 = /* @__PURE__ */ jsx(T0, {
+			style: t8,
+			children: t9
+		});
+		$[70] = T0;
+		$[71] = t8;
+		$[72] = t9;
+		$[73] = t23;
+	} else t23 = $[73];
+	let t24;
+	if ($[74] !== T1 || $[75] !== t10 || $[76] !== t11 || $[77] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(T1, {
+			style: t10,
+			children: [t11, t23]
+		});
+		$[74] = T1;
+		$[75] = t10;
+		$[76] = t11;
+		$[77] = t23;
+		$[78] = t24;
+	} else t24 = $[78];
+	let t25;
+	if ($[79] !== children || $[80] !== isDisabled) {
+		t25 = /* @__PURE__ */ jsx(ControlLabel, {
+			isDisabled,
+			children
+		});
+		$[79] = children;
+		$[80] = isDisabled;
+		$[81] = t25;
+	} else t25 = $[81];
+	let t26;
+	if ($[82] !== T2 || $[83] !== t12 || $[84] !== t13 || $[85] !== t14 || $[86] !== t15 || $[87] !== t16 || $[88] !== t17 || $[89] !== t18 || $[90] !== t19 || $[91] !== t20 || $[92] !== t24 || $[93] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(T2, {
+			"aria-checked": t12,
+			"aria-label": t13,
+			role: t14,
+			...t15,
+			...t16,
+			disabled: t17,
+			hitSlop: t18,
+			onPress: t19,
+			style: t20,
+			children: [t24, t25]
+		});
+		$[82] = T2;
+		$[83] = t12;
+		$[84] = t13;
+		$[85] = t14;
+		$[86] = t15;
+		$[87] = t16;
+		$[88] = t17;
+		$[89] = t18;
+		$[90] = t19;
+		$[91] = t20;
+		$[92] = t24;
+		$[93] = t25;
+		$[94] = t26;
+	} else t26 = $[94];
+	let t27;
+	if ($[95] !== description || $[96] !== messageId) {
+		t27 = /* @__PURE__ */ jsx(ControlMessage, {
+			description,
+			id: messageId
+		});
+		$[95] = description;
+		$[96] = messageId;
+		$[97] = t27;
+	} else t27 = $[97];
+	let t28;
+	if ($[98] !== T3 || $[99] !== t21 || $[100] !== t22 || $[101] !== t26 || $[102] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(T3, {
+			...t21,
+			style: t22,
+			children: [t26, t27]
+		});
+		$[98] = T3;
+		$[99] = t21;
+		$[100] = t22;
+		$[101] = t26;
+		$[102] = t27;
+		$[103] = t28;
+	} else t28 = $[103];
+	return t28;
+}
+/**
+* A labelled set of radio buttons with one selected value between them. The
+* value is React Stately's, as web's is: pass `value` with `onChange` to
+* control it, or `defaultValue` to let the group keep its own, and each
+* `Radio` inside names the entry it stands for. Disabled, read-only and the
+* error state reach every button from here, and `orientation="horizontal"`
+* lays the buttons along a line.
+*
+* ```tsx
+* <RadioGroup defaultValue="first" label="Label">
+*   <Radio value="first">First item</Radio>
+*   <Radio value="second">Second item</Radio>
+* </RadioGroup>
+* ```
+*
+* A screen reader hears it as a radio group named by its label. On the web
+* the line under it describes the group, as web's does; on iOS and Android
+* it is read after the buttons, where it sits. `style`, `ref` and `testID`
+* land on the group as a whole, which is the element a layout positions.
+*/
+function RadioGroup(t0) {
+	const $ = c(52);
+	let children;
+	let defaultValue;
+	let description;
+	let error;
+	let label;
+	let onChange;
+	let props;
+	let style;
+	let t1;
+	let t2;
+	let t3;
+	let value;
+	if ($[0] !== t0) {
+		({children, defaultValue, description, error, isDisabled: t1, isReadOnly: t2, label, onChange, orientation: t3, style, value, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = defaultValue;
+		$[3] = description;
+		$[4] = error;
+		$[5] = label;
+		$[6] = onChange;
+		$[7] = props;
+		$[8] = style;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = value;
+	} else {
+		children = $[1];
+		defaultValue = $[2];
+		description = $[3];
+		error = $[4];
+		label = $[5];
+		onChange = $[6];
+		props = $[7];
+		style = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		value = $[12];
+	}
+	const isDisabled = t1 === void 0 ? false : t1;
+	const isReadOnly = t2 === void 0 ? false : t2;
+	const orientation = t3 === void 0 ? "vertical" : t3;
+	const theme = useTheme();
+	let t4;
+	if ($[13] !== defaultValue || $[14] !== isDisabled || $[15] !== isReadOnly || $[16] !== onChange || $[17] !== orientation || $[18] !== value) {
+		t4 = {
+			defaultValue,
+			isDisabled,
+			isReadOnly,
+			onChange,
+			orientation,
+			value
+		};
+		$[13] = defaultValue;
+		$[14] = isDisabled;
+		$[15] = isReadOnly;
+		$[16] = onChange;
+		$[17] = orientation;
+		$[18] = value;
+		$[19] = t4;
+	} else t4 = $[19];
+	const state = useRadioGroupState(t4);
+	const labelId = useId();
+	const messageId = useId();
+	const labelRole = useTypeRole("labelLarge");
+	const messageRole = useTypeRole("bodySmall");
+	let t5;
+	if ($[20] !== children || $[21] !== description || $[22] !== error || $[23] !== isDisabled || $[24] !== label || $[25] !== labelId || $[26] !== labelRole || $[27] !== messageId || $[28] !== messageRole || $[29] !== orientation || $[30] !== props || $[31] !== state || $[32] !== style || $[33] !== theme) {
+		const own = groupStylesOf(theme);
+		const horizontal = orientation === "horizontal";
+		let t6;
+		if ($[35] !== horizontal || $[36] !== state) {
+			t6 = {
+				horizontal,
+				state
+			};
+			$[35] = horizontal;
+			$[36] = state;
+			$[37] = t6;
+		} else t6 = $[37];
+		const context = t6;
+		const invalid = error !== void 0;
+		let T0;
+		let message;
+		let t10;
+		let t7;
+		let t8;
+		let t9;
+		if ($[38] !== description || $[39] !== error || $[40] !== labelId || $[41] !== messageId || $[42] !== props) {
+			message = messageOf(description, error);
+			T0 = View;
+			t7 = props;
+			t8 = labelId;
+			t9 = "radiogroup";
+			t10 = lineOf(messageId, message);
+			$[38] = description;
+			$[39] = error;
+			$[40] = labelId;
+			$[41] = messageId;
+			$[42] = props;
+			$[43] = T0;
+			$[44] = message;
+			$[45] = t10;
+			$[46] = t7;
+			$[47] = t8;
+			$[48] = t9;
+		} else {
+			T0 = $[43];
+			message = $[44];
+			t10 = $[45];
+			t7 = $[46];
+			t8 = $[47];
+			t9 = $[48];
+		}
+		let t11;
+		if ($[49] !== children || $[50] !== context) {
+			t11 = /* @__PURE__ */ jsx(RadioGroupContext, {
+				value: context,
+				children
+			});
+			$[49] = children;
+			$[50] = context;
+			$[51] = t11;
+		} else t11 = $[51];
+		t5 = /* @__PURE__ */ jsxs(T0, {
+			...t7,
+			"aria-labelledby": t8,
+			role: t9,
+			...t10,
+			style: composeStyles(own.root, style),
+			children: [
+				/* @__PURE__ */ jsx(Text, {
+					id: labelId,
+					style: composeStyles(labelRole, own.label, isDisabled ? own.labelDisabled : void 0, invalid ? own.labelError : void 0),
+					children: label
+				}),
+				/* @__PURE__ */ jsx(View, {
+					style: composeStyles(own.items, horizontal ? own.itemsHorizontal : void 0),
+					children: t11
+				}),
+				message === void 0 ? null : /* @__PURE__ */ jsx(View, {
+					style: own.messageLine,
+					children: /* @__PURE__ */ jsx(Text, {
+						id: messageId,
+						style: composeStyles(messageRole, own.message, invalid ? own.messageError : void 0),
+						children: message
+					})
+				})
+			]
+		});
+		$[20] = children;
+		$[21] = description;
+		$[22] = error;
+		$[23] = isDisabled;
+		$[24] = label;
+		$[25] = labelId;
+		$[26] = labelRole;
+		$[27] = messageId;
+		$[28] = messageRole;
+		$[29] = orientation;
+		$[30] = props;
+		$[31] = state;
+		$[32] = style;
+		$[33] = theme;
+		$[34] = t5;
+	} else t5 = $[34];
+	return t5;
+}
+function selectOf(state, value) {
+	return () => {
+		state.setSelectedValue(value);
+	};
+}
+function useRingColor(color) {
+	const { motion } = useTheme();
+	const reduceMotion = useReducedMotion();
+	const timing = {
+		duration: motion.durationShort2,
+		easing: Easing.bezier(...motion.easingStandard)
+	};
+	return useAnimatedStyle(() => {
+		"worklet";
+		return { borderColor: reduceMotion ? color : withTiming(color, timing) };
+	});
+}
+//#endregion
+export { Radio, RadioGroup };
+
+//# sourceMappingURL=index.js.map

package/dist/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ReactNode","Ref","StyleProp","TextStyle","ViewProps","ViewStyle","AnimatedStyle","RadioGroupState","createContext","use","useId","useMemo","Text","NativeText","Platform","Pressable","StyleSheet","View","Animated","Easing","useAnimatedStyle","useReducedMotion","withTiming","useRadioGroupState","ResolvedTheme","ControlLabel","ControlMessage","describedBy","LAYER_SIZE","messageOf","controlStylesOf","hitSlop","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","RadioGroupContextValue","horizontal","state","RadioGroupOrientation","RadioGroupProps","Omit","children","defaultValue","description","error","isDisabled","isReadOnly","label","onChange","value","orientation","ref","style","RadioProps","Tone","RING_SIZE","RING_RULE","DOT_SIZE","LAYERS","Readonly","Record","hover","pressed","selected","unselected","RadioGroupContext","styles","create","dot","height","width","ring","alignItems","borderWidth","justifyContent","shrink","flexShrink","groupStylesOf","colors","radii","spacing","stateLayerOpacity","borderRadius","circle","items","flexDirection","itemsHorizontal","columnGap","lg","flexWrap","color","onSurfaceVariant","labelDisabled","onSurface","disabledContent","labelError","message","messageError","messageLine","marginTop","xs","root","rowGap","colorOf","active","isSelected","primary","lineOf","id","OS","undefined","Radio","t0","$","_c","ariaLabel","props","t1","ownDisabled","theme","group","messageId","Error","selectedValue","interactive","tone","t2","t3","t4","t5","t6","corners","disabled","disc","pressedColor","feedback","hovered","t7","useRingColor","T0","T1","T2","T3","t10","t11","t12","t13","t14","t15","t16","t17","t18","t19","t20","t21","t22","t8","t9","handlers","layer","own","t23","Symbol","for","selectOf","t24","row","backgroundColor","t25","t26","t27","t28","RadioGroup","labelId","labelRole","messageRole","context","invalid","setSelectedValue","motion","reduceMotion","timing","duration","durationShort2","easing","bezier","easingStandard","borderColor","_c","NativeText"],"sources":["../../../src/components/radio-group/index.tsx"],"sourcesContent":["import type { ReactNode, Ref } from 'react'\nimport type { StyleProp, TextStyle, ViewProps, ViewStyle } from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { RadioGroupState } from 'react-stately/useRadioGroupState'\n\nimport { createContext, use, useId, useMemo } from 'react'\nimport {\n  Text as NativeText,\n  Platform,\n  Pressable,\n  StyleSheet,\n  View,\n} from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  withTiming,\n} from 'react-native-reanimated'\nimport { useRadioGroupState } from 'react-stately/useRadioGroupState'\n\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport {\n  ControlLabel,\n  ControlMessage,\n  describedBy,\n  LAYER_SIZE,\n  messageOf,\n} from '../../control'\nimport { controlStylesOf } from '../../control/styles'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { withOpacity } from '../../theme/color'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// The radio button page, as kanso-ui's Radio draws it: a 20dp ring inside a\n// 40dp state layer, with a 48dp target. Unselected, the ring is 2dp of on\n// surface variant that turns on surface while hovered, pressed or focused;\n// selected, the ring and the 10dp dot inside it are primary. Disabled is on\n// surface at the disabled opacity for both. The state layer is on surface over\n// an unselected button and primary over a selected one while hovered, and the\n// two swap once pressed. The page draws no error state for the button itself:\n// an invalid group says so through its label and message, and the buttons\n// keep their colours.\n//\n// The ring eases between its colours over the motion tokens' short duration\n// on the standard curve, as web's transition does, and at once for a reader\n// who asks the device for reduced motion. The dot arrives with the selection,\n// as web's does.\n//\n// Two components from one module, since neither means anything without the\n// other: a radio button is a member of a group, and the group is what holds\n// the value. The group hands its React Stately state to its buttons through\n// context. Each button's row, label and the line under it are src/control's,\n// as Checkbox's are.\n//\n// The group is a column: its label in label large, the buttons, and the line\n// under them, 4dp apart, with the line a further 4dp down, as web's field\n// chrome sets them out. The label is on surface variant, error while the\n// group has one, and on surface at the disabled opacity while disabled.\n\ntype RadioGroupContextValue = {\n  readonly horizontal: boolean\n  readonly state: RadioGroupState\n}\n\n/** Which way a `RadioGroup` lays out its buttons. */\ntype RadioGroupOrientation = 'horizontal' | 'vertical'\n\ntype RadioGroupProps = Omit<ViewProps, 'children' | 'style'> & {\n  /** The radio buttons, each with a `value` of its own. */\n  readonly children?: ReactNode\n  /** The value selected at first, when the group keeps its own state. */\n  readonly defaultValue?: null | string\n  /**\n   * A hint under the group. Replaced by `error` when there is one, so the\n   * two never stack.\n   */\n  readonly description?: string\n  /**\n   * The problem with the current selection, in words. Its presence is what\n   * puts the group in its error state: the message and the label's colour\n   * both follow from it.\n   */\n  readonly error?: string\n  /**\n   * Draws every button disabled, and takes no presses.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Shows the selection without letting a press change it.\n   * @default false\n   */\n  readonly isReadOnly?: boolean\n  /**\n   * What the group is for. Required rather than optional: a set of radio\n   * buttons with no name is a set a screen reader cannot introduce.\n   */\n  readonly label: string\n  /** Called with the newly selected value whenever a press changes it. */\n  readonly onChange?: (value: string) => void\n  /**\n   * Lays the buttons one under another, or along a line that wraps.\n   * @default 'vertical'\n   */\n  readonly orientation?: RadioGroupOrientation\n  readonly ref?: Ref<View>\n  readonly style?: StyleProp<ViewStyle>\n  /**\n   * The selected value, for a call site holding the state itself with\n   * `onChange`. `null` selects nothing.\n   */\n  readonly value?: null | string\n}\n\ntype RadioProps = Omit<ViewProps, 'children' | 'style'> & {\n  /**\n   * The label, beside the button. A button that a row labels some other way\n   * leaves it out and passes `aria-label` instead.\n   */\n  readonly children?: ReactNode\n  /** A hint under the label, read with the button. */\n  readonly description?: string\n  /**\n   * Draws this button disabled, and takes no presses on it.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<View>\n  readonly style?: StyleProp<ViewStyle>\n  /** The entry this button stands for, which the group reports when chosen. */\n  readonly value: string\n}\n\ntype Tone = 'selected' | 'unselected'\n\n// The ring's side and rule, and the dot's side, from the page.\nconst RING_SIZE = 20\nconst RING_RULE = 2\nconst DOT_SIZE = 10\n\n// The state layer's colour roles, hovered or focused and pressed. The two\n// swap once pressed.\nconst LAYERS: Readonly<\n  Record<\n    Tone,\n    {\n      readonly hover: keyof ResolvedTheme['colors']\n      readonly pressed: keyof ResolvedTheme['colors']\n    }\n  >\n> = {\n  selected: { hover: 'primary', pressed: 'onSurface' },\n  unselected: { hover: 'onSurface', pressed: 'primary' },\n}\n\nconst RadioGroupContext = createContext<null | RadioGroupContextValue>(null)\n\nconst styles = StyleSheet.create({\n  dot: {\n    height: DOT_SIZE,\n    width: DOT_SIZE,\n  },\n  ring: {\n    alignItems: 'center',\n    borderWidth: RING_RULE,\n    height: RING_SIZE,\n    justifyContent: 'center',\n    width: RING_SIZE,\n  },\n  // A button along a line gives up width before it widens the line, so a\n  // label longer than the line breaks inside it.\n  shrink: {\n    flexShrink: 1,\n  },\n})\n\nconst groupStylesOf = themedStyles(\n  ({ colors, radii, spacing, stateLayerOpacity }) =>\n    StyleSheet.create({\n      dot: {\n        borderRadius: radii.circle,\n      },\n      // The group's buttons, one under another.\n      items: {\n        flexDirection: 'column',\n      },\n      // Along a line instead, 16dp apart, wrapping when the line runs out.\n      itemsHorizontal: {\n        columnGap: spacing.lg,\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      },\n      label: {\n        color: colors.onSurfaceVariant,\n      },\n      labelDisabled: {\n        color: withOpacity(colors.onSurface, stateLayerOpacity.disabledContent),\n      },\n      labelError: {\n        color: colors.error,\n      },\n      message: {\n        color: colors.onSurfaceVariant,\n      },\n      messageError: {\n        color: colors.error,\n      },\n      messageLine: {\n        marginTop: spacing.xs,\n      },\n      ring: {\n        borderRadius: radii.circle,\n      },\n      root: {\n        flexDirection: 'column',\n        rowGap: spacing.xs,\n      },\n    }),\n)\n\n/**\n * The colour the ring and the dot are drawn in. Hover, press and focus darken\n * only an unselected ring, and only one a press can change.\n */\nfunction colorOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  {\n    active,\n    isDisabled,\n    isSelected,\n  }: {\n    readonly active: boolean\n    readonly isDisabled: boolean\n    readonly isSelected: boolean\n  },\n) {\n  if (isDisabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n  }\n\n  if (isSelected) {\n    return colors.primary\n  }\n\n  return active ? colors.onSurface : colors.onSurfaceVariant\n}\n\n/**\n * How the group is described by the line under it. On the web it points at\n * the line with `aria-describedby`, as web's group does. iOS and Android\n * focus the buttons rather than the group, so there the line is left where a\n * screen reader reaches it in order, after the last button.\n */\nfunction lineOf(id: string, message: string | undefined) {\n  return Platform.OS === 'web' && message !== undefined\n    ? { 'aria-describedby': id }\n    : undefined\n}\n\n/**\n * One option of a `RadioGroup`, with its label and optionally a description\n * under it. It names the entry it stands for with `value`; the selection is\n * the group's, so a `Radio` is only ever drawn inside one.\n *\n * A screen reader hears it as a radio button named by its label, checked or\n * not, followed by the line under it. A press anywhere on the button or the\n * label selects it, and the row takes presses over the 48dp target the page\n * asks of the button. `style`, `ref` and `testID` land on the view holding\n * the row and the line under it, which is the element a layout positions.\n */\nfunction Radio({\n  'aria-label': ariaLabel,\n  children,\n  description,\n  isDisabled: ownDisabled = false,\n  style,\n  value,\n  ...props\n}: RadioProps) {\n  const theme = useTheme()\n  const group = use(RadioGroupContext)\n  const messageId = useId()\n\n  if (group === null) {\n    throw new Error(\n      'A Radio is drawn inside a RadioGroup, which holds its selection.',\n    )\n  }\n\n  const { colors, radii } = theme\n  const { horizontal, state } = group\n  const isDisabled = ownDisabled || state.isDisabled\n  const isSelected = state.selectedValue === value\n  const interactive = !isDisabled && !state.isReadOnly\n  const tone: Tone = isSelected ? 'selected' : 'unselected'\n\n  const feedback = usePressFeedback({\n    color: colors[LAYERS[tone].hover],\n    corners: { borderRadius: radii.circle },\n    disabled: !interactive,\n    disc: LAYER_SIZE,\n    pressedColor: colors[LAYERS[tone].pressed],\n  })\n  const active =\n    feedback.hovered || feedback.pressed || feedback.ring !== undefined\n  const color = colorOf(theme, { active, isDisabled, isSelected })\n  const ring = useRingColor(color)\n  const own = groupStylesOf(theme)\n\n  return (\n    <View\n      {...props}\n      style={composeStyles<ViewStyle>(\n        horizontal ? styles.shrink : undefined,\n        style,\n      )}\n    >\n      <Pressable\n        aria-checked={isSelected}\n        aria-label={ariaLabel}\n        role=\"radio\"\n        {...describedBy(messageId, messageOf(description, undefined))}\n        {...feedback.handlers}\n        disabled={isDisabled}\n        hitSlop={hitSlop(LAYER_SIZE, LAYER_SIZE)}\n        onPress={selectOf(state, value)}\n        style={controlStylesOf(theme).row}\n      >\n        <View\n          style={composeStyles<ViewStyle>(\n            controlStylesOf(theme).disc,\n            feedback.ring,\n          )}\n        >\n          {feedback.layer}\n          <Animated.View\n            style={composeStyles<AnimatedStyle<ViewStyle>>(\n              styles.ring,\n              own.ring,\n              ring,\n            )}\n          >\n            {isSelected ? (\n              <View\n                style={composeStyles<ViewStyle>(styles.dot, own.dot, {\n                  backgroundColor: color,\n                })}\n              />\n            ) : null}\n          </Animated.View>\n        </View>\n        <ControlLabel isDisabled={isDisabled}>{children}</ControlLabel>\n      </Pressable>\n      <ControlMessage description={description} id={messageId} />\n    </View>\n  )\n}\n\n/**\n * A labelled set of radio buttons with one selected value between them. The\n * value is React Stately's, as web's is: pass `value` with `onChange` to\n * control it, or `defaultValue` to let the group keep its own, and each\n * `Radio` inside names the entry it stands for. Disabled, read-only and the\n * error state reach every button from here, and `orientation=\"horizontal\"`\n * lays the buttons along a line.\n *\n * ```tsx\n * <RadioGroup defaultValue=\"first\" label=\"Label\">\n *   <Radio value=\"first\">First item</Radio>\n *   <Radio value=\"second\">Second item</Radio>\n * </RadioGroup>\n * ```\n *\n * A screen reader hears it as a radio group named by its label. On the web\n * the line under it describes the group, as web's does; on iOS and Android\n * it is read after the buttons, where it sits. `style`, `ref` and `testID`\n * land on the group as a whole, which is the element a layout positions.\n */\nfunction RadioGroup({\n  children,\n  defaultValue,\n  description,\n  error,\n  isDisabled = false,\n  isReadOnly = false,\n  label,\n  onChange,\n  orientation = 'vertical',\n  style,\n  value,\n  ...props\n}: RadioGroupProps) {\n  const theme = useTheme()\n  const state = useRadioGroupState({\n    defaultValue,\n    isDisabled,\n    isReadOnly,\n    onChange,\n    orientation,\n    value,\n  })\n  const labelId = useId()\n  const messageId = useId()\n  const labelRole = useTypeRole('labelLarge')\n  const messageRole = useTypeRole('bodySmall')\n\n  const own = groupStylesOf(theme)\n  const horizontal = orientation === 'horizontal'\n  const context = useMemo(() => ({ horizontal, state }), [horizontal, state])\n  const invalid = error !== undefined\n  const message = messageOf(description, error)\n\n  return (\n    <View\n      {...props}\n      aria-labelledby={labelId}\n      role=\"radiogroup\"\n      {...lineOf(messageId, message)}\n      style={composeStyles<ViewStyle>(own.root, style)}\n    >\n      <NativeText\n        id={labelId}\n        style={composeStyles<TextStyle>(\n          labelRole,\n          own.label,\n          isDisabled ? own.labelDisabled : undefined,\n          invalid ? own.labelError : undefined,\n        )}\n      >\n        {label}\n      </NativeText>\n      <View\n        style={composeStyles<ViewStyle>(\n          own.items,\n          horizontal ? own.itemsHorizontal : undefined,\n        )}\n      >\n        <RadioGroupContext value={context}>{children}</RadioGroupContext>\n      </View>\n      {message === undefined ? null : (\n        <View style={own.messageLine}>\n          <NativeText\n            id={messageId}\n            style={composeStyles<TextStyle>(\n              messageRole,\n              own.message,\n              invalid ? own.messageError : undefined,\n            )}\n          >\n            {message}\n          </NativeText>\n        </View>\n      )}\n    </View>\n  )\n}\n\n// A press's selection. Built by a call rather than declared in the\n// component, which is what react-perf's jsx-no-new-function-as-prop is after;\n// the React Compiler memoises the result on its inputs.\nfunction selectOf(state: RadioGroupState, value: string) {\n  return () => {\n    state.setSelectedValue(value)\n  }\n}\n\n// The ring's colour, eased to as the state changes.\nfunction useRingColor(color: string) {\n  const { motion } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const timing = {\n    duration: motion.durationShort2,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n\n  return useAnimatedStyle(() => {\n    'worklet'\n    return {\n      borderColor: reduceMotion ? color : withTiming(color, timing),\n    }\n  })\n}\n\nexport { Radio, RadioGroup }\nexport type { RadioGroupOrientation, RadioGroupProps, RadioProps }\n"],"mappings":"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"}