@kanso-labs/react-native-kanso-ui 0.11.24 → 0.11.25

package/dist/components/segmented-button/index.js

@@ -139,6 +139,21 @@ function cornersOf(radius, first, last) {
 		borderTopStartRadius: first ? radius : 0
 	};
 }
+/**
+* Whether a glyph would cut a label: some segment that could draw one has a
+* label wider than what is left of the segment once its rules, the 8dp of
+* padding it always keeps and the glyph's room are taken out. Only a segment
+* that could draw a glyph counts, since a long label beside a slot it never
+* fills is no reason for its neighbours to drop theirs. False until the
+* segments are laid out.
+*/
+function crowdedOf(segments, labels, places, showSelectedIcon, { spacing }) {
+	return segments.some(({ props }, index) => {
+		const label = labels.get(props.id);
+		const place = places.get(props.id);
+		return hasLabel(props.children) && reservesGlyph(props, showSelectedIcon) && label !== void 0 && place !== void 0 && label + GLYPH_SIZE + spacing.sm > place.width - ruleOf(index) - RULE_WIDTH - spacing.sm * 2;
+	});
+}
 function hasLabel(children) {
 	return children !== void 0 && children !== null && children !== false && children !== "";
 }
@@ -331,7 +346,7 @@ function samePlace(known, place) {
 * `style`, `ref` and `testID` land on the track.
 */
 function SegmentedButton(t0) {
-	const $ = c(80);
+	const $ = c(82);
 	let children;
 	let defaultSelectedKeys;
 	let disallowEmptySelection;
@@ -418,6 +433,7 @@ function SegmentedButton(t0) {
 	const [opening, setOpening] = useState(chosen);
 	if (opening !== void 0 && opening !== chosen) setOpening(void 0);
 	const basis = basisOf(segments, labels, showSelectedIcon, theme);
+	const crowded = crowdedOf(segments, labels, places, showSelectedIcon, theme);
 	let t9;
 	if ($[22] !== setPlaces) {
 		t9 = (key, place) => {
@@ -427,10 +443,11 @@ function SegmentedButton(t0) {
 		$[23] = t9;
 	} else t9 = $[23];
 	let t10;
-	if ($[24] !== basis || $[25] !== opening || $[26] !== places || $[27] !== segments.length || $[28] !== selectionMode || $[29] !== showSelectedIcon || $[30] !== state || $[31] !== t9) {
+	if ($[24] !== basis || $[25] !== crowded || $[26] !== opening || $[27] !== places || $[28] !== segments.length || $[29] !== selectionMode || $[30] !== showSelectedIcon || $[31] !== state || $[32] !== t9) {
 		t10 = {
 			basis,
 			count: segments.length,
+			crowded,
 			onPlace: t9,
 			opening,
 			places,
@@ -439,15 +456,16 @@ function SegmentedButton(t0) {
 			state
 		};
 		$[24] = basis;
-		$[25] = opening;
-		$[26] = places;
-		$[27] = segments.length;
-		$[28] = selectionMode;
-		$[29] = showSelectedIcon;
-		$[30] = state;
-		$[31] = t9;
-		$[32] = t10;
-	} else t10 = $[32];
+		$[25] = crowded;
+		$[26] = opening;
+		$[27] = places;
+		$[28] = segments.length;
+		$[29] = selectionMode;
+		$[30] = showSelectedIcon;
+		$[31] = state;
+		$[32] = t9;
+		$[33] = t10;
+	} else t10 = $[33];
 	const context = t10;
 	let T0;
 	let t11;
@@ -455,81 +473,82 @@ function SegmentedButton(t0) {
 	let t13;
 	let t14;
 	let t15;
-	if ($[33] !== chosen || $[34] !== held || $[35] !== isDisabled || $[36] !== places || $[37] !== props || $[38] !== segments || $[39] !== showSelectedIcon || $[40] !== single || $[41] !== style || $[42] !== theme) {
+	if ($[34] !== chosen || $[35] !== crowded || $[36] !== held || $[37] !== isDisabled || $[38] !== places || $[39] !== props || $[40] !== segments || $[41] !== showSelectedIcon || $[42] !== single || $[43] !== style || $[44] !== theme) {
 		let t16;
-		if ($[49] !== chosen || $[50] !== held) {
+		if ($[51] !== chosen || $[52] !== held) {
 			t16 = (t17) => {
 				const { props: own } = t17;
 				return own.id === (chosen ?? held);
 			};
-			$[49] = chosen;
-			$[50] = held;
-			$[51] = t16;
-		} else t16 = $[51];
+			$[51] = chosen;
+			$[52] = held;
+			$[53] = t16;
+		} else t16 = $[53];
 		const segment = segments.find(t16);
 		T0 = View;
-		if ($[52] !== theme) {
+		if ($[54] !== theme) {
 			t11 = reachOf(theme);
-			$[52] = theme;
-			$[53] = t11;
-		} else t11 = $[53];
+			$[54] = theme;
+			$[55] = t11;
+		} else t11 = $[55];
 		t12 = single ? "radiogroup" : "toolbar";
 		t13 = props;
-		if ($[54] !== style || $[55] !== theme) {
+		if ($[56] !== style || $[57] !== theme) {
 			t14 = composeStyles(stylesOf(theme).track, style);
-			$[54] = style;
-			$[55] = theme;
-			$[56] = t14;
-		} else t14 = $[56];
+			$[56] = style;
+			$[57] = theme;
+			$[58] = t14;
+		} else t14 = $[58];
 		t15 = single ? /* @__PURE__ */ jsx(Indicator, {
-			color: containerOf(theme, isDisabled || segment?.props.isDisabled === true, showSelectedIcon && hasLabel(segment?.props.children)),
+			color: containerOf(theme, isDisabled || segment?.props.isDisabled === true, showSelectedIcon && !crowded && hasLabel(segment?.props.children)),
 			place: segment === void 0 ? void 0 : places.get(segment.props.id),
 			selected: segment === void 0 ? void 0 : chosen
 		}) : null;
-		$[33] = chosen;
-		$[34] = held;
-		$[35] = isDisabled;
-		$[36] = places;
-		$[37] = props;
-		$[38] = segments;
-		$[39] = showSelectedIcon;
-		$[40] = single;
-		$[41] = style;
-		$[42] = theme;
-		$[43] = T0;
-		$[44] = t11;
-		$[45] = t12;
-		$[46] = t13;
-		$[47] = t14;
-		$[48] = t15;
+		$[34] = chosen;
+		$[35] = crowded;
+		$[36] = held;
+		$[37] = isDisabled;
+		$[38] = places;
+		$[39] = props;
+		$[40] = segments;
+		$[41] = showSelectedIcon;
+		$[42] = single;
+		$[43] = style;
+		$[44] = theme;
+		$[45] = T0;
+		$[46] = t11;
+		$[47] = t12;
+		$[48] = t13;
+		$[49] = t14;
+		$[50] = t15;
 	} else {
-		T0 = $[43];
-		t11 = $[44];
-		t12 = $[45];
-		t13 = $[46];
-		t14 = $[47];
-		t15 = $[48];
+		T0 = $[45];
+		t11 = $[46];
+		t12 = $[47];
+		t13 = $[48];
+		t14 = $[49];
+		t15 = $[50];
 	}
 	let t16;
-	if ($[57] !== segments) {
+	if ($[59] !== segments) {
 		t16 = segments.map(_temp);
-		$[57] = segments;
-		$[58] = t16;
-	} else t16 = $[58];
+		$[59] = segments;
+		$[60] = t16;
+	} else t16 = $[60];
 	let t17;
-	if ($[59] !== context || $[60] !== t16) {
+	if ($[61] !== context || $[62] !== t16) {
 		t17 = /* @__PURE__ */ jsx(GroupContext, {
 			value: context,
 			children: t16
 		});
-		$[59] = context;
-		$[60] = t16;
-		$[61] = t17;
-	} else t17 = $[61];
+		$[61] = context;
+		$[62] = t16;
+		$[63] = t17;
+	} else t17 = $[63];
 	let t18;
-	if ($[62] !== role || $[63] !== segments || $[64] !== setLabels) {
+	if ($[64] !== role || $[65] !== segments || $[66] !== setLabels) {
 		let t19;
-		if ($[66] !== role || $[67] !== setLabels) {
+		if ($[68] !== role || $[69] !== setLabels) {
 			t19 = (t20) => {
 				const { props: own_0 } = t20;
 				return hasLabel(own_0.children) ? /* @__PURE__ */ jsx(Text, {
@@ -539,28 +558,28 @@ function SegmentedButton(t0) {
 					children: own_0.children
 				}, own_0.id) : null;
 			};
-			$[66] = role;
-			$[67] = setLabels;
-			$[68] = t19;
-		} else t19 = $[68];
+			$[68] = role;
+			$[69] = setLabels;
+			$[70] = t19;
+		} else t19 = $[70];
 		t18 = segments.map(t19);
-		$[62] = role;
-		$[63] = segments;
-		$[64] = setLabels;
-		$[65] = t18;
-	} else t18 = $[65];
+		$[64] = role;
+		$[65] = segments;
+		$[66] = setLabels;
+		$[67] = t18;
+	} else t18 = $[67];
 	let t19;
-	if ($[69] !== t18) {
+	if ($[71] !== t18) {
 		t19 = /* @__PURE__ */ jsx(View, {
 			"aria-hidden": true,
 			style: styles.measurer,
 			children: t18
 		});
-		$[69] = t18;
-		$[70] = t19;
-	} else t19 = $[70];
+		$[71] = t18;
+		$[72] = t19;
+	} else t19 = $[72];
 	let t20;
-	if ($[71] !== T0 || $[72] !== t11 || $[73] !== t12 || $[74] !== t13 || $[75] !== t14 || $[76] !== t15 || $[77] !== t17 || $[78] !== t19) {
+	if ($[73] !== T0 || $[74] !== t11 || $[75] !== t12 || $[76] !== t13 || $[77] !== t14 || $[78] !== t15 || $[79] !== t17 || $[80] !== t19) {
 		t20 = /* @__PURE__ */ jsxs(T0, {
 			hitSlop: t11,
 			role: t12,
@@ -572,16 +591,16 @@ function SegmentedButton(t0) {
 				t19
 			]
 		});
-		$[71] = T0;
-		$[72] = t11;
-		$[73] = t12;
-		$[74] = t13;
-		$[75] = t14;
-		$[76] = t15;
-		$[77] = t17;
-		$[78] = t19;
-		$[79] = t20;
-	} else t20 = $[79];
+		$[73] = T0;
+		$[74] = t11;
+		$[75] = t12;
+		$[76] = t13;
+		$[77] = t14;
+		$[78] = t15;
+		$[79] = t17;
+		$[80] = t19;
+		$[81] = t20;
+	} else t20 = $[81];
 	return t20;
 }
 /**
@@ -665,7 +684,6 @@ function SegmentedButtonSegment(t0) {
 	const selected = state?.selectedKeys.has(id) ?? false;
 	const disabled = ownDisabled || state?.isDisabled === true;
 	const labelled = hasLabel(children);
-	const marked = showSelectedIcon && labelled;
 	let t3;
 	if ($[17] !== children || $[18] !== icon || $[19] !== id || $[20] !== showSelectedIcon) {
 		t3 = reservesGlyph({
@@ -680,14 +698,16 @@ function SegmentedButtonSegment(t0) {
 		$[21] = t3;
 	} else t3 = $[21];
 	const reserves = t3;
-	const glyph = selected && marked ? CHECK : icon ?? null;
+	const crowded = group?.crowded ?? false;
+	const checks = showSelectedIcon && labelled && !crowded;
+	const glyph = selected && checks ? CHECK : (crowded && labelled ? void 0 : icon) ?? null;
 	const drawn = glyph !== null;
 	const first = index === 0;
 	const last = index === (group?.count ?? 0) - 1;
 	const { radii, spacing } = theme;
 	const content = contentOf(theme, {
 		disabled,
-		marked,
+		marked: checks,
 		selected
 	});
 	const corners = cornersOf(radii.pill, first, last);
@@ -831,7 +851,7 @@ function SegmentedButtonSegment(t0) {
 		onPress: t8,
 		style: t9,
 		children: [
-			/* @__PURE__ */ jsx(Animated.View, { style: composeStyles(styles.ownIndicator, corners, { backgroundColor: containerOf(theme, disabled, marked) }, motion.fill) }),
+			/* @__PURE__ */ jsx(Animated.View, { style: composeStyles(styles.ownIndicator, corners, { backgroundColor: containerOf(theme, disabled, checks) }, motion.fill) }),
 			t10,
 			t15,
 			t16,

package/dist/components/segmented-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactElement","ReactNode","Ref","GestureResponderEvent","LayoutChangeEvent","PressableProps","StyleProp","TextStyle","ViewProps","ViewStyle","AnimatedStyle","Key","ToggleGroupState","Children","createContext","Fragment","isValidElement","use","useLayoutEffect","useMemo","useRef","useState","Text","NativeText","Pressable","StyleSheet","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useToggleGroupState","IconStyle","ResolvedTheme","toggleState","CheckGlyph","IconStyleContext","hitSlop","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","GroupContextValue","basis","count","onPlace","key","place","Place","opening","places","ReadonlyMap","selectionMode","SelectionMode","showSelectedIcon","state","LabelledBy","width","x","SegmentedButtonProps","Omit","children","defaultSelectedKeys","Iterable","disallowEmptySelection","isDisabled","onSelectionChange","keys","Set","ref","selectedKeys","style","SegmentedButtonSegmentProps","disableRipple","icon","id","GLYPH_SIZE","RULE_WIDTH","CHECK","GroupContext","IndexContext","styles","create","glyph","alignItems","flexShrink","height","justifyContent","glyphSlot","overflow","indicator","bottom","position","start","top","label","minWidth","measurer","opacity","pointerEvents","ownIndicator","end","spacer","flexDirection","stylesOf","colors","radii","sizing","spacing","clip","borderRadius","pill","first","borderStartWidth","segment","borderColor","outline","borderWidth","minHeight","controlSm","paddingHorizontal","sm","track","alignSelf","maxWidth","reachOf","basisOf","segments","labels","index","props","entries","labelled","hasLabel","get","undefined","content","reservesGlyph","Math","max","md","ruleOf","containerOf","stateLayerOpacity","disabled","marked","onSurface","disabledContainer","secondaryContainer","secondary","contentOf","selected","disabledContent","onSecondaryContainer","onSecondary","cornersOf","radius","last","Pick","borderBottomEndRadius","borderBottomStartRadius","borderTopEndRadius","borderTopStartRadius","iconStyleOf","color","size","Indicator","t0","$","_c","theme","motion","reduceMotion","rest","setRest","shift","shown","drawnAt","drawn","offset","abs","t1","durationMedium1","easingEmphasized","slide","duration","easing","bezier","current","set","from","moves","t2","motionStyle","transform","translateX","t3","t4","t5","Symbol","for","restThen","t6","t7","backgroundColor","t8","t9","measureThen","setLabels","update","event","nativeEvent","layout","Map","placeThen","onLayout","samePlace","known","SegmentedButton","role","single","segmentsOf","setPlaces","at","chosen","held","setHeld","setOpening","t10","length","context","T0","t11","t12","t13","t14","t15","t16","t17","own","find","map","_temp","t18","t19","t20","own_0","each","SegmentedButtonSegment","onBlur","onFocus","onHoverIn","onHoverOut","onPress","onPressIn","onPressOut","ownHitSlop","ownDisabled","group","several","has","reserves","corners","give","reserve","leading","leadingFloor","trailing","room","useSegmentMotion","fades","filled","feedback","handlers","toggleThen","flexGrow","ring","layer","slot","gap","fill","toArray","flatMap","child","type","toggleKey","timing","durationShort2","easingStandard","Segment","_c","NativeText"],"sources":["../../../src/components/segmented-button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactElement, ReactNode, Ref } from 'react'\nimport type {\n  GestureResponderEvent,\n  LayoutChangeEvent,\n  PressableProps,\n  StyleProp,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { Key } from 'react-stately'\nimport type { ToggleGroupState } from 'react-stately/useToggleGroupState'\n\nimport {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  use,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Text as NativeText, Pressable, StyleSheet, View } from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { useToggleGroupState } from 'react-stately/useToggleGroupState'\n\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { toggleState } from '../../button'\nimport { CheckGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\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 segmented buttons page's outlined segmented button, as kanso-ui's\n// SegmentedButton draws it: two to five segments joined into one outlined\n// track, of which one or several are chosen. A segment is Button's default\n// size and type role, a 40dp container with a label-large label, which is\n// what that page gives too.\n//\n// What a screen reader hears follows the selection mode, as on web. Choosing\n// one is a radio group, so the track is a `radiogroup` and each segment a\n// `radio` reporting whether it is checked. Choosing several is a `toolbar` of\n// buttons, each reporting whether it is selected through `toggleState`, as a\n// toggle Button does. The selection is React Stately's toggle group state, as\n// web's is React Aria's, and in a set that chooses one, the chosen segment\n// stays chosen when pressed again unless `disallowEmptySelection` is `false`.\n//\n// **The segments are one track.** Each carries the page's 1dp outline, and\n// each after the first drops its leading edge, so neighbours share one rule.\n// The outer ends take the page's fully rounded shape and the joins are\n// square. Every segment is the same width, as wide as the widest one asks\n// for: the labels are measured off screen, and each segment is handed the\n// widest one's width, so a track squeezed into less room shares it out\n// equally. The track is as wide as that, and never wider than what\n// holds it.\n//\n// **A chosen segment draws a check** in the page's 18dp icon slot, in place\n// of its `icon`. `showSelectedIcon={false}` turns it off, and the chosen\n// segment then takes the secondary role with its label on it, since the\n// page's own chosen container is too faint to say which is chosen by itself.\n// A segment with an icon and no label keeps its icon when chosen, and takes\n// the secondary role too. Every segment that could draw the slot keeps room\n// for it whether or not it does, split either side of the label while\n// nothing is drawn, so the track never changes width with the choice. That\n// room gives way before the label does: a squeezed segment gives back the\n// room first, then 4dp of its 12dp padding, and only then cuts its label\n// short with an ellipsis. The slot and the room around it ease over\n// `durationShort2` on the standard curve, and the check opens from its\n// centre.\n//\n// **The chosen container moves.** In a set that chooses one it is a view of\n// the track's own, behind the segments, so the labels and the rules are\n// drawn over it, and it slides between segments over `durationMedium1` on the\n// emphasized curve. It is drawn inside the track's outline, so it takes the\n// rounded shape at either end and square corners between. It can only be\n// placed once the segments are laid out, so until the choice first moves, the\n// segment the set opened on draws a container of its own in the same place.\n// Without it, the chosen label would stand on the bare surface in the frames\n// before that layout, which is unreadable where no check marks it, since its\n// colour is then the one meant for the secondary role. In a set that chooses\n// several there is no one segment for it to be at, so each segment fades its\n// own in and out where it is, over `durationShort2`. Both happen at once\n// under reduced motion.\n//\n// The state layer, the ripple and the focus ring are src/press's, in the\n// label's colour, over the chosen container. A segment's target reaches 4dp\n// above and below the 40dp track, to the page's 48dp, and not across, since\n// the segments sit flush.\n//\n// **Disabled is the page's colour at an opacity, translucent**, as a\n// button's is: the label on-surface at `disabledContent`, and the rule and a\n// chosen segment's container on-surface at `disabledContainer`.\n//\n// Two departures from web. The arrow keys do not move between the segments\n// or choose one: each segment is a stop of its own for a hardware keyboard,\n// and activating it there chooses it. And a label cut short has no `title` to\n// show it whole, which a screen reader does not need, since it reads all of\n// it.\n\n/** What the set reads from the segments, and a segment from the set. */\ntype GroupContextValue = {\n  /** The basis each segment takes, once every label is measured. */\n  readonly basis: number | undefined\n  readonly count: number\n  /** Records where a segment was laid out, for the chosen container. */\n  readonly onPlace: (key: Key, place: Place) => void\n  /**\n   * The segment a set that chooses one opened on, until the choice first\n   * moves, which draws the chosen container itself meanwhile.\n   */\n  readonly opening: Key | undefined\n  readonly places: ReadonlyMap<Key, Place>\n  readonly selectionMode: SelectionMode\n  readonly showSelectedIcon: boolean\n  readonly state: ToggleGroupState\n}\n\n/** A name for the set: its own label, or the id of what labels it. */\ntype LabelledBy =\n  | { readonly 'aria-label': string; readonly 'aria-labelledby'?: string }\n  | { readonly 'aria-label'?: string; readonly 'aria-labelledby': string }\n\n/** Where a segment was laid out in the track. */\ntype Place = {\n  readonly width: number\n  readonly x: number\n}\n\ntype SegmentedButtonProps = LabelledBy &\n  Omit<ViewProps, 'aria-label' | 'aria-labelledby' | 'children' | 'style'> & {\n    /** The segments, each a `SegmentedButton.Segment` with an `id`. */\n    readonly children?: ReactNode\n    /** The keys chosen at first, when the set keeps its own selection. */\n    readonly defaultSelectedKeys?: Iterable<Key>\n    /**\n     * Whether the chosen segment stays chosen when it is pressed again. On\n     * by default while one is chosen, since a radio group always holds a\n     * choice; `false` lets a press clear it. Off by default while several\n     * may be, where any of them can be turned off.\n     * @default true while one is chosen, false while several may be\n     */\n    readonly disallowEmptySelection?: boolean\n    /**\n     * Disables every segment.\n     * @default false\n     */\n    readonly isDisabled?: boolean\n    /** Called with the chosen keys when the choice changes. */\n    readonly onSelectionChange?: (keys: Set<Key>) => void\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /** The chosen keys, when the call site holds the selection. */\n    readonly selectedKeys?: Iterable<Key>\n    /**\n     * Whether one segment is chosen at a time, or several.\n     * @default 'single'\n     */\n    readonly selectionMode?: SelectionMode\n    /**\n     * Whether a chosen segment draws a check before its label, as the page\n     * has it. `false` leaves the segment's own icon in place while chosen,\n     * and draws the chosen segment on the stronger secondary container.\n     * @default true\n     */\n    readonly showSelectedIcon?: boolean\n    readonly style?: StyleProp<ViewStyle>\n  }\n\ntype SegmentedButtonSegmentProps = Omit<\n  PressableProps,\n  'children' | 'disabled' | 'id' | 'style'\n> & {\n  /** The segment's label. */\n  readonly children?: ReactNode\n  /**\n   * Draws no press ripple. The hover and pressed state layers are unaffected.\n   * @default false\n   */\n  readonly disableRipple?: boolean\n  /**\n   * An icon before the label, in the page's 18dp slot, which hands it the\n   * label's colour and its size through `useIconStyle()`. Replaced by the\n   * check while the segment is chosen, unless the set turns that off.\n   *\n   * Given with no label, the icon is the segment, centred in it and kept\n   * while chosen; name the segment with `aria-label` then.\n   */\n  readonly icon?: ReactNode\n  /** The key the selection reports the segment by. */\n  readonly id: Key\n  /**\n   * Disables the segment alone.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\ntype SelectionMode = 'multiple' | 'single'\n\n// The page's 18dp icon slot, and the room a segment keeps for it: the slot\n// and the 8dp gap between it and the label. A literal, as on web: the theme\n// has no scale for icon sizes.\nconst GLYPH_SIZE = 18\n\n// The rule every segment draws.\nconst RULE_WIDTH = 1\n\nconst CHECK = <CheckGlyph />\n\nconst GroupContext = createContext<GroupContextValue | null>(null)\n\n// Where in the track a segment sits, which decides its corners and its rule.\nconst IndexContext = createContext(0)\n\nconst styles = StyleSheet.create({\n  // A glyph sized rather than filling its slot, so a slot part way through\n  // opening clips it instead of squashing it.\n  glyph: {\n    alignItems: 'center',\n    flexShrink: 0,\n    height: GLYPH_SIZE,\n    justifyContent: 'center',\n    width: GLYPH_SIZE,\n  },\n  // Opens from its centre, so the check wipes out from the middle rather\n  // than arriving at full size.\n  glyphSlot: {\n    alignItems: 'center',\n    flexShrink: 0,\n    height: GLYPH_SIZE,\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n  // The chosen container of a set that chooses one: the track's own view,\n  // behind the segments, at the start of the track and moved from there to\n  // the chosen segment.\n  indicator: {\n    bottom: 0,\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // A label holds its width while the spacers beside it give theirs back,\n  // and is cut short only at the width it is handed.\n  label: {\n    flexShrink: 0,\n    minWidth: 0,\n  },\n  // The labels measured off screen, at their own widths, for the basis.\n  measurer: {\n    alignItems: 'flex-start',\n    opacity: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // A segment's own chosen container, inside its rule: in a set that chooses\n  // several, and in the segment a set that chooses one opened on.\n  ownIndicator: {\n    bottom: 0,\n    end: 0,\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // Either side of the label, holding the room a glyph needs, given back\n  // before the label is cut.\n  spacer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 1,\n    justifyContent: 'flex-end',\n  },\n})\n\nconst stylesOf = themedStyles(({ colors, radii, sizing, spacing }) =>\n  StyleSheet.create({\n    // What the chosen container of a set that chooses one is drawn in: the\n    // track's own outline, so the container takes an end's rounded shape at\n    // either end and square corners between, wherever it is.\n    clip: {\n      borderRadius: radii.pill,\n      bottom: 0,\n      end: 0,\n      overflow: 'hidden',\n      pointerEvents: 'none',\n      position: 'absolute',\n      start: 0,\n      top: 0,\n    },\n    // The first segment draws the leading rule the others leave to it.\n    first: {\n      borderStartWidth: RULE_WIDTH,\n    },\n    segment: {\n      alignItems: 'center',\n      borderColor: colors.outline,\n      borderStartWidth: 0,\n      borderWidth: RULE_WIDTH,\n      flexDirection: 'row',\n      flexShrink: 1,\n      justifyContent: 'center',\n      minHeight: sizing.controlSm,\n      minWidth: 0,\n      paddingHorizontal: spacing.sm,\n    },\n    // As wide as what is in it and never wider than what holds it, from the\n    // start edge.\n    track: {\n      alignSelf: 'flex-start',\n      flexDirection: 'row',\n      maxWidth: '100%',\n    },\n  }),\n)\n\n// The track reaches as far as its segments' targets, since iOS and Android\n// hand a touch to a view only once its parent has taken it.\nconst reachOf = themedStyles(({ sizing }) => hitSlop(sizing.controlSm))\n\n/**\n * The width every segment takes: the widest one's, which is its label, its\n * padding, the room it keeps for a glyph and its rule. Undefined until every\n * label has been measured.\n */\nfunction basisOf(\n  segments: readonly ReactElement<SegmentedButtonSegmentProps>[],\n  labels: ReadonlyMap<Key, number>,\n  showSelectedIcon: boolean,\n  { spacing }: ResolvedTheme,\n): number | undefined {\n  let basis = 0\n\n  for (const [index, { props }] of segments.entries()) {\n    const labelled = hasLabel(props.children)\n    const label = labels.get(props.id)\n\n    if (labelled && label === undefined) {\n      return undefined\n    }\n\n    const content = labelled\n      ? (label ?? 0) +\n        (reservesGlyph(props, showSelectedIcon) ? GLYPH_SIZE + spacing.sm : 0)\n      : props.icon === undefined\n        ? 0\n        : GLYPH_SIZE\n\n    basis = Math.max(\n      basis,\n      content + spacing.md * 2 + ruleOf(index) + RULE_WIDTH,\n    )\n  }\n\n  return basis\n}\n\n/**\n * The chosen container's colour: the page's secondary container, the\n * stronger secondary where no check marks the choice, and on-surface at the\n * disabled opacity while the segment is disabled.\n */\nfunction containerOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  disabled: boolean,\n  marked: boolean,\n): string {\n  if (disabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContainer)\n  }\n  return marked ? colors.secondaryContainer : colors.secondary\n}\n\n/**\n * The label's colour, which the glyph, the state layer and the ripple take\n * too.\n */\nfunction contentOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  {\n    disabled,\n    marked,\n    selected,\n  }: {\n    readonly disabled: boolean\n    readonly marked: boolean\n    readonly selected: boolean\n  },\n): string {\n  if (disabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n  }\n  if (!selected) {\n    return colors.onSurface\n  }\n  return marked ? colors.onSecondaryContainer : colors.onSecondary\n}\n\n/** A segment's corners: rounded at the ends of the track, square between. */\nfunction cornersOf(\n  radius: number,\n  first: boolean,\n  last: boolean,\n): Pick<\n  ViewStyle,\n  | 'borderBottomEndRadius'\n  | 'borderBottomStartRadius'\n  | 'borderTopEndRadius'\n  | 'borderTopStartRadius'\n> {\n  return {\n    borderBottomEndRadius: last ? radius : 0,\n    borderBottomStartRadius: first ? radius : 0,\n    borderTopEndRadius: last ? radius : 0,\n    borderTopStartRadius: first ? radius : 0,\n  }\n}\n\n// Whether a segment has a label, rather than an icon alone. An empty string\n// and a `false` from a condition at the call site are no label either.\nfunction hasLabel(children: ReactNode) {\n  return (\n    children !== undefined &&\n    children !== null &&\n    children !== false &&\n    children !== ''\n  )\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: GLYPH_SIZE }\n}\n\n/**\n * The chosen container of a set that chooses one, which slides to the\n * segment chosen from the one chosen before it, fades in where nothing was\n * chosen, and fades out where nothing now is.\n */\nfunction Indicator({\n  color,\n  place,\n  selected,\n}: {\n  readonly color: string\n  readonly place: Place | undefined\n  readonly selected: Key | undefined\n}) {\n  const theme = useTheme()\n  const { motion } = theme\n  const reduceMotion = useReducedMotion()\n  // Where the container rests before it is moved: the start of the track,\n  // which is its right end under a right-to-left layout, so that where it\n  // rests there depends on how wide it is. It is only read at the width it\n  // was measured at, which keeps a resize from drawing it a frame out of\n  // place.\n  const [rest, setRest] = useState<Place | undefined>(undefined)\n  const shift = useSharedValue(0)\n  const shown = useSharedValue(0)\n  // The key the container was last drawn at, and whether it has been drawn\n  // at all, which tells a choice made on a set already drawn from the first\n  // one the set opens with.\n  const drawnAt = useRef<Key | undefined>(undefined)\n  const drawn = useRef(false)\n\n  const offset =\n    place === undefined ||\n    rest === undefined ||\n    Math.abs(rest.width - place.width) >= 1\n      ? undefined\n      : place.x - rest.x\n\n  useLayoutEffect(() => {\n    const slide = {\n      duration: motion.durationMedium1,\n      easing: Easing.bezier(...motion.easingEmphasized),\n    }\n\n    if (selected === undefined) {\n      if (drawnAt.current !== undefined) {\n        shown.set(reduceMotion ? 0 : withTiming(0, slide))\n      }\n      drawnAt.current = undefined\n      return\n    }\n\n    if (offset === undefined) {\n      return\n    }\n\n    const from = drawnAt.current\n    // A move from another segment slides; a layout that moved under the\n    // same choice, or a choice from nothing, is drawn where it lands.\n    const moves = from !== undefined && from !== selected && !reduceMotion\n\n    shift.set(moves ? withTiming(offset, slide) : offset)\n\n    if (from === undefined) {\n      shown.set(drawn.current && !reduceMotion ? withTiming(1, slide) : 1)\n    }\n\n    drawnAt.current = selected\n    drawn.current = true\n  }, [motion, offset, reduceMotion, selected, shift, shown])\n\n  const motionStyle = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      opacity: shown.get(),\n      transform: [{ translateX: shift.get() }],\n    }\n  })\n\n  return (\n    <View style={stylesOf(theme).clip}>\n      <Animated.View\n        onLayout={restThen(setRest)}\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.indicator,\n          { backgroundColor: color, width: place?.width ?? 0 },\n          motionStyle,\n        )}\n      />\n    </View>\n  )\n}\n\n/**\n * Records a label's width off screen, for the basis. Built by a call rather\n * than written inline at the prop, which is what react-perf's\n * jsx-no-new-function-as-prop is after; the React Compiler memoises the\n * result on its inputs.\n */\nfunction measureThen(\n  setLabels: (\n    update: (labels: ReadonlyMap<Key, number>) => ReadonlyMap<Key, number>,\n  ) => void,\n  key: Key,\n) {\n  return (event: LayoutChangeEvent) => {\n    const { width } = event.nativeEvent.layout\n\n    setLabels((labels) =>\n      labels.get(key) === width ? labels : new Map(labels).set(key, width),\n    )\n  }\n}\n\n/**\n * Records where a segment was laid out, then calls the call site's own\n * `onLayout`.\n */\nfunction placeThen(\n  onPlace: (key: Key, place: Place) => void,\n  key: Key,\n  onLayout: PressableProps['onLayout'],\n) {\n  return (event: LayoutChangeEvent) => {\n    const { width, x } = event.nativeEvent.layout\n\n    onPlace(key, { width, x })\n    onLayout?.(event)\n  }\n}\n\n// Whether a segment can ever draw a glyph, and so keeps room for one: a set\n// that draws the check, or an icon of its own. A segment that never needs\n// the slot keeps no room for it, which would be dead space in every segment.\nfunction reservesGlyph(\n  { children, icon }: SegmentedButtonSegmentProps,\n  showSelectedIcon: boolean,\n) {\n  return (showSelectedIcon && hasLabel(children)) || icon !== undefined\n}\n\n/** Records where the chosen container rests before it is moved. */\nfunction restThen(setRest: (rest: Place) => void) {\n  return (event: LayoutChangeEvent) => {\n    const { width, x } = event.nativeEvent.layout\n\n    setRest({ width, x })\n  }\n}\n\n// The leading rule only the first segment draws.\nfunction ruleOf(index: number) {\n  return index === 0 ? RULE_WIDTH : 0\n}\n\nfunction samePlace(known: Place | undefined, place: Place) {\n  return (\n    known !== undefined && known.width === place.width && known.x === place.x\n  )\n}\n\n/**\n * A row of two to five joined segments, of which one, or with\n * `selectionMode=\"multiple\"` several, is chosen. Pass `selectedKeys` with\n * `onSelectionChange` to hold the choice, or `defaultSelectedKeys` to let the\n * set keep its own. Give every segment an `id`, which is the key the choice\n * is reported by.\n *\n * ```tsx\n * <SegmentedButton aria-label=\"Label\" defaultSelectedKeys={['first']}>\n *   <SegmentedButton.Segment id=\"first\">First item</SegmentedButton.Segment>\n *   <SegmentedButton.Segment id=\"second\">Second item</SegmentedButton.Segment>\n * </SegmentedButton>\n * ```\n *\n * Name the set with `aria-label` or `aria-labelledby`, one of which the\n * props require. Choosing one is announced as a radio group, and choosing\n * several as a toolbar of buttons that each say whether they are selected.\n *\n * `style`, `ref` and `testID` land on the track.\n */\nfunction SegmentedButton({\n  children,\n  defaultSelectedKeys,\n  disallowEmptySelection,\n  isDisabled = false,\n  onSelectionChange,\n  selectedKeys,\n  selectionMode = 'single',\n  showSelectedIcon = true,\n  style,\n  ...props\n}: SegmentedButtonProps) {\n  const theme = useTheme()\n  const role = useTypeRole('labelLarge')\n  const single = selectionMode === 'single'\n  const state = useToggleGroupState({\n    defaultSelectedKeys,\n    disallowEmptySelection: disallowEmptySelection ?? single,\n    isDisabled,\n    onSelectionChange,\n    selectedKeys,\n    selectionMode,\n  })\n  const segments = segmentsOf(children)\n  const [labels, setLabels] = useState<ReadonlyMap<Key, number>>(new Map())\n  const [places, setPlaces] = useState<ReadonlyMap<Key, Place>>(new Map())\n\n  // The segment the chosen container is at in a set that chooses one, or\n  // was last at, which it fades out at once the choice is cleared.\n  const chosen = [...state.selectedKeys].at(0)\n  const [held, setHeld] = useState(chosen)\n  if (chosen !== undefined && chosen !== held) {\n    setHeld(chosen)\n  }\n  // The segment the set opened on, until the choice first moves, which draws\n  // the chosen container itself while the track's waits on the layout.\n  const [opening, setOpening] = useState(chosen)\n  if (opening !== undefined && opening !== chosen) {\n    setOpening(undefined)\n  }\n\n  const basis = basisOf(segments, labels, showSelectedIcon, theme)\n  const context = useMemo(\n    () => ({\n      basis,\n      count: segments.length,\n      onPlace: (key: Key, place: Place) => {\n        setPlaces((current) =>\n          samePlace(current.get(key), place)\n            ? current\n            : new Map(current).set(key, place),\n        )\n      },\n      opening,\n      places,\n      selectionMode,\n      showSelectedIcon,\n      state,\n    }),\n    [\n      basis,\n      opening,\n      places,\n      segments.length,\n      selectionMode,\n      setPlaces,\n      showSelectedIcon,\n      state,\n    ],\n  )\n\n  const segment = segments.find(({ props: own }) => own.id === (chosen ?? held))\n\n  return (\n    <View\n      hitSlop={reachOf(theme)}\n      role={single ? 'radiogroup' : 'toolbar'}\n      {...props}\n      style={composeStyles<ViewStyle>(stylesOf(theme).track, style)}\n    >\n      {single ? (\n        <Indicator\n          color={containerOf(\n            theme,\n            isDisabled || segment?.props.isDisabled === true,\n            showSelectedIcon && hasLabel(segment?.props.children),\n          )}\n          place={\n            segment === undefined ? undefined : places.get(segment.props.id)\n          }\n          selected={segment === undefined ? undefined : chosen}\n        />\n      ) : null}\n      <GroupContext value={context}>\n        {segments.map((each, at) => (\n          <IndexContext key={each.props.id} value={at}>\n            {each}\n          </IndexContext>\n        ))}\n      </GroupContext>\n      <View aria-hidden style={styles.measurer}>\n        {segments.map(({ props: own }) =>\n          hasLabel(own.children) ? (\n            <NativeText\n              key={own.id}\n              numberOfLines={1}\n              onLayout={measureThen(setLabels, own.id)}\n              style={role}\n            >\n              {own.children}\n            </NativeText>\n          ) : null,\n        )}\n      </View>\n    </View>\n  )\n}\n\n/**\n * One segment. Its `id` is the key the choice reports it by, and its label is\n * what names it. A chosen segment draws a check before its label; one not\n * chosen draws its `icon`, if it has one. Renders nothing outside a\n * `SegmentedButton`.\n *\n * `style`, `ref` and `testID` land on the segment's `Pressable`.\n */\nfunction SegmentedButtonSegment({\n  children,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  icon,\n  id,\n  isDisabled: ownDisabled = false,\n  onBlur,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onPress,\n  onPressIn,\n  onPressOut,\n  style,\n  ...props\n}: SegmentedButtonSegmentProps) {\n  const theme = useTheme()\n  const group = use(GroupContext)\n  const index = use(IndexContext)\n  const role = useTypeRole('labelLarge')\n\n  const state = group?.state\n  const several = group?.selectionMode === 'multiple'\n  const showSelectedIcon = group?.showSelectedIcon ?? true\n  const selected = state?.selectedKeys.has(id) ?? false\n  const disabled = ownDisabled || state?.isDisabled === true\n  const labelled = hasLabel(children)\n  const marked = showSelectedIcon && labelled\n  const reserves = reservesGlyph({ children, icon, id }, showSelectedIcon)\n  const glyph = selected && marked ? CHECK : (icon ?? null)\n  const drawn = glyph !== null\n  const first = index === 0\n  const last = index === (group?.count ?? 0) - 1\n\n  const { radii, spacing } = theme\n  const content = contentOf(theme, { disabled, marked, selected })\n  const corners = cornersOf(radii.pill, first, last)\n  const own = stylesOf(theme)\n\n  // The room for a glyph, as the header sets it out: either side of the\n  // label while nothing is drawn, all of it before the label once something\n  // is, and the glyph alone before an icon with no label.\n  const give = spacing.md - spacing.sm\n  const reserve = GLYPH_SIZE + spacing.sm\n  const leading = reserves\n    ? drawn\n      ? give + (labelled ? reserve : GLYPH_SIZE)\n      : give + reserve / 2\n    : give\n  const leadingFloor = drawn ? (labelled ? reserve : GLYPH_SIZE) : 0\n  const trailing = reserves && !drawn ? give + reserve / 2 : give\n  // The most the label takes: what is left of the segment once its rule, its\n  // padding and a drawn glyph are taken out.\n  const width = group?.places.get(id)?.width\n  const room =\n    width === undefined\n      ? undefined\n      : width -\n        ruleOf(index) -\n        RULE_WIDTH -\n        spacing.sm * 2 -\n        (drawn && labelled ? reserve : 0)\n\n  const motion = useSegmentMotion({\n    content,\n    drawn,\n    fades: several,\n    filled: several ? selected : id === group?.opening,\n    labelled,\n    leading,\n    leadingFloor,\n    room,\n    trailing,\n  })\n\n  const feedback = usePressFeedback({\n    color: content,\n    corners,\n    disabled,\n    disableRipple,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n  })\n\n  if (group === null) {\n    return null\n  }\n\n  return (\n    <Pressable\n      role={several ? 'button' : 'radio'}\n      {...(several ? toggleState(selected) : { 'aria-checked': selected })}\n      {...props}\n      {...feedback.handlers}\n      disabled={disabled}\n      hitSlop={ownHitSlop ?? reachOf(theme)}\n      onLayout={placeThen(group.onPlace, id, onLayout)}\n      onPress={toggleThen(group.state, id, onPress)}\n      style={composeStyles<ViewStyle>(\n        own.segment,\n        first ? own.first : undefined,\n        corners,\n        disabled\n          ? {\n              borderColor: withOpacity(\n                theme.colors.onSurface,\n                theme.stateLayerOpacity.disabledContainer,\n              ),\n            }\n          : undefined,\n        group.basis === undefined\n          ? undefined\n          : { flexGrow: 0, width: group.basis },\n        feedback.ring,\n        style,\n      )}\n    >\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.ownIndicator,\n          corners,\n          { backgroundColor: containerOf(theme, disabled, marked) },\n          motion.fill,\n        )}\n      />\n      {feedback.layer}\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.spacer,\n          motion.leading,\n        )}\n      >\n        {reserves ? (\n          <Animated.View\n            style={composeStyles<AnimatedStyle<ViewStyle>>(\n              styles.glyphSlot,\n              motion.slot,\n            )}\n          >\n            <IconStyleContext value={iconStyleOf(content)}>\n              <View style={styles.glyph}>{glyph}</View>\n            </IconStyleContext>\n          </Animated.View>\n        ) : null}\n        {reserves ? <Animated.View style={motion.gap} /> : null}\n      </Animated.View>\n      {labelled ? (\n        <Animated.Text\n          numberOfLines={1}\n          style={composeStyles<AnimatedStyle<TextStyle>>(\n            role,\n            styles.label,\n            motion.label,\n          )}\n        >\n          {children}\n        </Animated.Text>\n      ) : null}\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.spacer,\n          motion.trailing,\n        )}\n      />\n    </Pressable>\n  )\n}\n\n/**\n * The segments among a set's children, with any fragment between them opened,\n * so a set can take its segments as one fragment.\n */\nfunction segmentsOf(\n  children: ReactNode,\n): ReactElement<SegmentedButtonSegmentProps>[] {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ readonly children?: ReactNode }>(child)) {\n      return []\n    }\n    if (child.type === Fragment) {\n      return segmentsOf(child.props.children)\n    }\n    return isValidElement<SegmentedButtonSegmentProps>(child) ? [child] : []\n  })\n}\n\n/**\n * A press on a segment: the call site's own `onPress`, then the choice, which\n * chooses the segment, or clears it if it was chosen and the set allows that.\n */\nfunction toggleThen(\n  state: ToggleGroupState,\n  key: Key,\n  onPress: PressableProps['onPress'],\n) {\n  return (event: GestureResponderEvent) => {\n    onPress?.(event)\n    state.toggleKey(key)\n  }\n}\n\n/**\n * What a segment eases: the room either side of its label and the glyph slot\n * between them over `durationShort2`, the label's colour and the most it\n * takes with them, and its own chosen container where it `fades`, in a set\n * that chooses several. All of it is there at once under reduced motion, and\n * the container is in a set that chooses one, where it only stands in for the\n * track's until the choice first moves.\n */\nfunction useSegmentMotion({\n  content,\n  drawn,\n  fades,\n  filled,\n  labelled,\n  leading,\n  leadingFloor,\n  room,\n  trailing,\n}: {\n  readonly content: string\n  readonly drawn: boolean\n  readonly fades: boolean\n  readonly filled: boolean\n  readonly labelled: boolean\n  readonly leading: number\n  readonly leadingFloor: number\n  readonly room: number | undefined\n  readonly trailing: number\n}) {\n  const { motion, spacing } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const timing = {\n    duration: motion.durationShort2,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n  const gap = drawn && labelled ? spacing.sm : 0\n  const slot = drawn ? GLYPH_SIZE : 0\n  const opacity = filled ? 1 : 0\n\n  return {\n    fill: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        opacity: reduceMotion || !fades ? opacity : withTiming(opacity, timing),\n      }\n    }),\n    // A view of its own rather than an end margin on the slot: under React\n    // Native Web, Reanimated writes an animated style to the element without\n    // the step that turns `marginEnd` into a side, so it would never arrive.\n    gap: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? gap : withTiming(gap, timing) }\n    }),\n    label: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        color: reduceMotion ? content : withTiming(content, timing),\n        ...(room === undefined\n          ? undefined\n          : { maxWidth: reduceMotion ? room : withTiming(room, timing) }),\n      }\n    }),\n    leading: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        minWidth: reduceMotion\n          ? leadingFloor\n          : withTiming(leadingFloor, timing),\n        width: reduceMotion ? leading : withTiming(leading, timing),\n      }\n    }),\n    slot: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? slot : withTiming(slot, timing) }\n    }),\n    trailing: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? trailing : withTiming(trailing, timing) }\n    }),\n  }\n}\n\nSegmentedButton.Segment = SegmentedButtonSegment\n\nexport { SegmentedButton, SegmentedButtonSegment }\nexport type { SegmentedButtonProps, SegmentedButtonSegmentProps }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactElement","ReactNode","Ref","GestureResponderEvent","LayoutChangeEvent","PressableProps","StyleProp","TextStyle","ViewProps","ViewStyle","AnimatedStyle","Key","ToggleGroupState","Children","createContext","Fragment","isValidElement","use","useLayoutEffect","useMemo","useRef","useState","Text","NativeText","Pressable","StyleSheet","View","Animated","Easing","useAnimatedStyle","useReducedMotion","useSharedValue","withTiming","useToggleGroupState","IconStyle","ResolvedTheme","toggleState","CheckGlyph","IconStyleContext","hitSlop","usePressFeedback","withOpacity","useTheme","composeStyles","themedStyles","useTypeRole","GroupContextValue","basis","count","crowded","onPlace","key","place","Place","opening","places","ReadonlyMap","selectionMode","SelectionMode","showSelectedIcon","state","LabelledBy","width","x","SegmentedButtonProps","Omit","children","defaultSelectedKeys","Iterable","disallowEmptySelection","isDisabled","onSelectionChange","keys","Set","ref","selectedKeys","style","SegmentedButtonSegmentProps","disableRipple","icon","id","GLYPH_SIZE","RULE_WIDTH","CHECK","GroupContext","IndexContext","styles","create","glyph","alignItems","flexShrink","height","justifyContent","glyphSlot","overflow","indicator","bottom","position","start","top","label","minWidth","measurer","opacity","pointerEvents","ownIndicator","end","spacer","flexDirection","stylesOf","colors","radii","sizing","spacing","clip","borderRadius","pill","first","borderStartWidth","segment","borderColor","outline","borderWidth","minHeight","controlSm","paddingHorizontal","sm","track","alignSelf","maxWidth","reachOf","basisOf","segments","labels","index","props","entries","labelled","hasLabel","get","undefined","content","reservesGlyph","Math","max","md","ruleOf","containerOf","stateLayerOpacity","disabled","marked","onSurface","disabledContainer","secondaryContainer","secondary","contentOf","selected","disabledContent","onSecondaryContainer","onSecondary","cornersOf","radius","last","Pick","borderBottomEndRadius","borderBottomStartRadius","borderTopEndRadius","borderTopStartRadius","crowdedOf","some","iconStyleOf","color","size","Indicator","t0","$","_c","theme","motion","reduceMotion","rest","setRest","shift","shown","drawnAt","drawn","offset","abs","t1","durationMedium1","easingEmphasized","slide","duration","easing","bezier","current","set","from","moves","t2","motionStyle","transform","translateX","t3","t4","t5","Symbol","for","restThen","t6","t7","backgroundColor","t8","t9","measureThen","setLabels","update","event","nativeEvent","layout","Map","placeThen","onLayout","samePlace","known","SegmentedButton","role","single","segmentsOf","setPlaces","at","chosen","held","setHeld","setOpening","t10","length","context","T0","t11","t12","t13","t14","t15","t16","t17","own","find","map","_temp","t18","t19","t20","own_0","each","SegmentedButtonSegment","onBlur","onFocus","onHoverIn","onHoverOut","onPress","onPressIn","onPressOut","ownHitSlop","ownDisabled","group","several","has","reserves","checks","corners","give","reserve","leading","leadingFloor","trailing","room","useSegmentMotion","fades","filled","feedback","handlers","toggleThen","flexGrow","ring","layer","slot","gap","fill","toArray","flatMap","child","type","toggleKey","timing","durationShort2","easingStandard","Segment","_c","NativeText"],"sources":["../../../src/components/segmented-button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactElement, ReactNode, Ref } from 'react'\nimport type {\n  GestureResponderEvent,\n  LayoutChangeEvent,\n  PressableProps,\n  StyleProp,\n  TextStyle,\n  ViewProps,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\nimport type { Key } from 'react-stately'\nimport type { ToggleGroupState } from 'react-stately/useToggleGroupState'\n\nimport {\n  Children,\n  createContext,\n  Fragment,\n  isValidElement,\n  use,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\nimport { Text as NativeText, Pressable, StyleSheet, View } from 'react-native'\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useReducedMotion,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated'\nimport { useToggleGroupState } from 'react-stately/useToggleGroupState'\n\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { ResolvedTheme } from '../../theme/scope'\n\nimport { toggleState } from '../../button'\nimport { CheckGlyph } from '../../glyphs'\nimport { IconStyleContext } from '../../glyphs/icon-style'\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 segmented buttons page's outlined segmented button, as kanso-ui's\n// SegmentedButton draws it: two to five segments joined into one outlined\n// track, of which one or several are chosen. A segment is Button's default\n// size and type role, a 40dp container with a label-large label, which is\n// what that page gives too.\n//\n// What a screen reader hears follows the selection mode, as on web. Choosing\n// one is a radio group, so the track is a `radiogroup` and each segment a\n// `radio` reporting whether it is checked. Choosing several is a `toolbar` of\n// buttons, each reporting whether it is selected through `toggleState`, as a\n// toggle Button does. The selection is React Stately's toggle group state, as\n// web's is React Aria's, and in a set that chooses one, the chosen segment\n// stays chosen when pressed again unless `disallowEmptySelection` is `false`.\n//\n// **The segments are one track.** Each carries the page's 1dp outline, and\n// each after the first drops its leading edge, so neighbours share one rule.\n// The outer ends take the page's fully rounded shape and the joins are\n// square. Every segment is the same width, as wide as the widest one asks\n// for: the labels are measured off screen, and each segment is handed the\n// widest one's width, so a track squeezed into less room shares it out\n// equally. The track is as wide as that, and never wider than what\n// holds it.\n//\n// **A chosen segment draws a check** in the page's 18dp icon slot, in place\n// of its `icon`. `showSelectedIcon={false}` turns it off, and the chosen\n// segment then takes the secondary role with its label on it, since the\n// page's own chosen container is too faint to say which is chosen by itself.\n// A segment with an icon and no label keeps its icon when chosen, and takes\n// the secondary role too. Every segment that could draw the slot keeps room\n// for it whether or not it does, split either side of the label while\n// nothing is drawn, so the track never changes width with the choice. That\n// room gives way before the label does: a squeezed segment gives back the\n// room first, then 4dp of its 12dp padding, and then the glyphs themselves.\n// A label shows whole in a segment 16dp wider than it, or 42dp while a glyph\n// is drawn beside it, plus its rules, so on a phone a check or an icon is\n// what cuts a label that would otherwise fit. Once any segment's label would\n// be cut beside its glyph, the whole set stops drawing them: no check and no\n// icons beside a label, and the chosen segment on the stronger container a\n// set without a check draws, so the choice still reads. The whole set rather\n// than the one segment, since a set choosing several would otherwise draw one\n// chosen segment one way and the next another. And any segment rather than\n// the chosen one, since a check that would cut a label only once its segment\n// is chosen is the same cut a moment later, and choosing should not turn the\n// glyphs off or on. The answer reads each label's own width against its\n// segment's, and neither changes with what is drawn, so dropping the glyphs\n// cannot turn them back on. Only past that is a label cut short, with an\n// ellipsis. The slot and the room around it ease over `durationShort2` on the\n// standard curve, and the check opens from its centre.\n//\n// **The chosen container moves.** In a set that chooses one it is a view of\n// the track's own, behind the segments, so the labels and the rules are\n// drawn over it, and it slides between segments over `durationMedium1` on the\n// emphasized curve. It is drawn inside the track's outline, so it takes the\n// rounded shape at either end and square corners between. It can only be\n// placed once the segments are laid out, so until the choice first moves, the\n// segment the set opened on draws a container of its own in the same place.\n// Without it, the chosen label would stand on the bare surface in the frames\n// before that layout, which is unreadable where no check marks it, since its\n// colour is then the one meant for the secondary role. In a set that chooses\n// several there is no one segment for it to be at, so each segment fades its\n// own in and out where it is, over `durationShort2`. Both happen at once\n// under reduced motion.\n//\n// The state layer, the ripple and the focus ring are src/press's, in the\n// label's colour, over the chosen container. A segment's target reaches 4dp\n// above and below the 40dp track, to the page's 48dp, and not across, since\n// the segments sit flush.\n//\n// **Disabled is the page's colour at an opacity, translucent**, as a\n// button's is: the label on-surface at `disabledContent`, and the rule and a\n// chosen segment's container on-surface at `disabledContainer`.\n//\n// Two departures from web. The arrow keys do not move between the segments\n// or choose one: each segment is a stop of its own for a hardware keyboard,\n// and activating it there chooses it. And a label cut short has no `title` to\n// show it whole, which a screen reader does not need, since it reads all of\n// it.\n\n/** What the set reads from the segments, and a segment from the set. */\ntype GroupContextValue = {\n  /** The basis each segment takes, once every label is measured. */\n  readonly basis: number | undefined\n  readonly count: number\n  /**\n   * Whether a glyph would cut some segment's label, which turns every glyph\n   * beside a label off. See the header.\n   */\n  readonly crowded: boolean\n  /** Records where a segment was laid out, for the chosen container. */\n  readonly onPlace: (key: Key, place: Place) => void\n  /**\n   * The segment a set that chooses one opened on, until the choice first\n   * moves, which draws the chosen container itself meanwhile.\n   */\n  readonly opening: Key | undefined\n  readonly places: ReadonlyMap<Key, Place>\n  readonly selectionMode: SelectionMode\n  readonly showSelectedIcon: boolean\n  readonly state: ToggleGroupState\n}\n\n/** A name for the set: its own label, or the id of what labels it. */\ntype LabelledBy =\n  | { readonly 'aria-label': string; readonly 'aria-labelledby'?: string }\n  | { readonly 'aria-label'?: string; readonly 'aria-labelledby': string }\n\n/** Where a segment was laid out in the track. */\ntype Place = {\n  readonly width: number\n  readonly x: number\n}\n\ntype SegmentedButtonProps = LabelledBy &\n  Omit<ViewProps, 'aria-label' | 'aria-labelledby' | 'children' | 'style'> & {\n    /** The segments, each a `SegmentedButton.Segment` with an `id`. */\n    readonly children?: ReactNode\n    /** The keys chosen at first, when the set keeps its own selection. */\n    readonly defaultSelectedKeys?: Iterable<Key>\n    /**\n     * Whether the chosen segment stays chosen when it is pressed again. On\n     * by default while one is chosen, since a radio group always holds a\n     * choice; `false` lets a press clear it. Off by default while several\n     * may be, where any of them can be turned off.\n     * @default true while one is chosen, false while several may be\n     */\n    readonly disallowEmptySelection?: boolean\n    /**\n     * Disables every segment.\n     * @default false\n     */\n    readonly isDisabled?: boolean\n    /** Called with the chosen keys when the choice changes. */\n    readonly onSelectionChange?: (keys: Set<Key>) => void\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /** The chosen keys, when the call site holds the selection. */\n    readonly selectedKeys?: Iterable<Key>\n    /**\n     * Whether one segment is chosen at a time, or several.\n     * @default 'single'\n     */\n    readonly selectionMode?: SelectionMode\n    /**\n     * Whether a chosen segment draws a check before its label, as the page\n     * has it. `false` leaves the segment's own icon in place while chosen,\n     * and draws the chosen segment on the stronger secondary container.\n     * @default true\n     */\n    readonly showSelectedIcon?: boolean\n    readonly style?: StyleProp<ViewStyle>\n  }\n\ntype SegmentedButtonSegmentProps = Omit<\n  PressableProps,\n  'children' | 'disabled' | 'id' | 'style'\n> & {\n  /** The segment's label. */\n  readonly children?: ReactNode\n  /**\n   * Draws no press ripple. The hover and pressed state layers are unaffected.\n   * @default false\n   */\n  readonly disableRipple?: boolean\n  /**\n   * An icon before the label, in the page's 18dp slot, which hands it the\n   * label's colour and its size through `useIconStyle()`. Replaced by the\n   * check while the segment is chosen, unless the set turns that off.\n   *\n   * Given with no label, the icon is the segment, centred in it and kept\n   * while chosen; name the segment with `aria-label` then.\n   */\n  readonly icon?: ReactNode\n  /** The key the selection reports the segment by. */\n  readonly id: Key\n  /**\n   * Disables the segment alone.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  readonly style?: StyleProp<ViewStyle>\n}\n\ntype SelectionMode = 'multiple' | 'single'\n\n// The page's 18dp icon slot, and the room a segment keeps for it: the slot\n// and the 8dp gap between it and the label. A literal, as on web: the theme\n// has no scale for icon sizes.\nconst GLYPH_SIZE = 18\n\n// The rule every segment draws.\nconst RULE_WIDTH = 1\n\nconst CHECK = <CheckGlyph />\n\nconst GroupContext = createContext<GroupContextValue | null>(null)\n\n// Where in the track a segment sits, which decides its corners and its rule.\nconst IndexContext = createContext(0)\n\nconst styles = StyleSheet.create({\n  // A glyph sized rather than filling its slot, so a slot part way through\n  // opening clips it instead of squashing it.\n  glyph: {\n    alignItems: 'center',\n    flexShrink: 0,\n    height: GLYPH_SIZE,\n    justifyContent: 'center',\n    width: GLYPH_SIZE,\n  },\n  // Opens from its centre, so the check wipes out from the middle rather\n  // than arriving at full size.\n  glyphSlot: {\n    alignItems: 'center',\n    flexShrink: 0,\n    height: GLYPH_SIZE,\n    justifyContent: 'center',\n    overflow: 'hidden',\n  },\n  // The chosen container of a set that chooses one: the track's own view,\n  // behind the segments, at the start of the track and moved from there to\n  // the chosen segment.\n  indicator: {\n    bottom: 0,\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // A label holds its width while the spacers beside it give theirs back,\n  // and is cut short only at the width it is handed.\n  label: {\n    flexShrink: 0,\n    minWidth: 0,\n  },\n  // The labels measured off screen, at their own widths, for the basis.\n  measurer: {\n    alignItems: 'flex-start',\n    opacity: 0,\n    pointerEvents: 'none',\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // A segment's own chosen container, inside its rule: in a set that chooses\n  // several, and in the segment a set that chooses one opened on.\n  ownIndicator: {\n    bottom: 0,\n    end: 0,\n    position: 'absolute',\n    start: 0,\n    top: 0,\n  },\n  // Either side of the label, holding the room a glyph needs, given back\n  // before the label is cut.\n  spacer: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 1,\n    justifyContent: 'flex-end',\n  },\n})\n\nconst stylesOf = themedStyles(({ colors, radii, sizing, spacing }) =>\n  StyleSheet.create({\n    // What the chosen container of a set that chooses one is drawn in: the\n    // track's own outline, so the container takes an end's rounded shape at\n    // either end and square corners between, wherever it is.\n    clip: {\n      borderRadius: radii.pill,\n      bottom: 0,\n      end: 0,\n      overflow: 'hidden',\n      pointerEvents: 'none',\n      position: 'absolute',\n      start: 0,\n      top: 0,\n    },\n    // The first segment draws the leading rule the others leave to it.\n    first: {\n      borderStartWidth: RULE_WIDTH,\n    },\n    segment: {\n      alignItems: 'center',\n      borderColor: colors.outline,\n      borderStartWidth: 0,\n      borderWidth: RULE_WIDTH,\n      flexDirection: 'row',\n      flexShrink: 1,\n      justifyContent: 'center',\n      minHeight: sizing.controlSm,\n      minWidth: 0,\n      paddingHorizontal: spacing.sm,\n    },\n    // As wide as what is in it and never wider than what holds it, from the\n    // start edge.\n    track: {\n      alignSelf: 'flex-start',\n      flexDirection: 'row',\n      maxWidth: '100%',\n    },\n  }),\n)\n\n// The track reaches as far as its segments' targets, since iOS and Android\n// hand a touch to a view only once its parent has taken it.\nconst reachOf = themedStyles(({ sizing }) => hitSlop(sizing.controlSm))\n\n/**\n * The width every segment takes: the widest one's, which is its label, its\n * padding, the room it keeps for a glyph and its rule. Undefined until every\n * label has been measured.\n */\nfunction basisOf(\n  segments: readonly ReactElement<SegmentedButtonSegmentProps>[],\n  labels: ReadonlyMap<Key, number>,\n  showSelectedIcon: boolean,\n  { spacing }: ResolvedTheme,\n): number | undefined {\n  let basis = 0\n\n  for (const [index, { props }] of segments.entries()) {\n    const labelled = hasLabel(props.children)\n    const label = labels.get(props.id)\n\n    if (labelled && label === undefined) {\n      return undefined\n    }\n\n    const content = labelled\n      ? (label ?? 0) +\n        (reservesGlyph(props, showSelectedIcon) ? GLYPH_SIZE + spacing.sm : 0)\n      : props.icon === undefined\n        ? 0\n        : GLYPH_SIZE\n\n    basis = Math.max(\n      basis,\n      content + spacing.md * 2 + ruleOf(index) + RULE_WIDTH,\n    )\n  }\n\n  return basis\n}\n\n/**\n * The chosen container's colour: the page's secondary container, the\n * stronger secondary where no check marks the choice, and on-surface at the\n * disabled opacity while the segment is disabled.\n */\nfunction containerOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  disabled: boolean,\n  marked: boolean,\n): string {\n  if (disabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContainer)\n  }\n  return marked ? colors.secondaryContainer : colors.secondary\n}\n\n/**\n * The label's colour, which the glyph, the state layer and the ripple take\n * too.\n */\nfunction contentOf(\n  { colors, stateLayerOpacity }: ResolvedTheme,\n  {\n    disabled,\n    marked,\n    selected,\n  }: {\n    readonly disabled: boolean\n    readonly marked: boolean\n    readonly selected: boolean\n  },\n): string {\n  if (disabled) {\n    return withOpacity(colors.onSurface, stateLayerOpacity.disabledContent)\n  }\n  if (!selected) {\n    return colors.onSurface\n  }\n  return marked ? colors.onSecondaryContainer : colors.onSecondary\n}\n\n/** A segment's corners: rounded at the ends of the track, square between. */\nfunction cornersOf(\n  radius: number,\n  first: boolean,\n  last: boolean,\n): Pick<\n  ViewStyle,\n  | 'borderBottomEndRadius'\n  | 'borderBottomStartRadius'\n  | 'borderTopEndRadius'\n  | 'borderTopStartRadius'\n> {\n  return {\n    borderBottomEndRadius: last ? radius : 0,\n    borderBottomStartRadius: first ? radius : 0,\n    borderTopEndRadius: last ? radius : 0,\n    borderTopStartRadius: first ? radius : 0,\n  }\n}\n\n/**\n * Whether a glyph would cut a label: some segment that could draw one has a\n * label wider than what is left of the segment once its rules, the 8dp of\n * padding it always keeps and the glyph's room are taken out. Only a segment\n * that could draw a glyph counts, since a long label beside a slot it never\n * fills is no reason for its neighbours to drop theirs. False until the\n * segments are laid out.\n */\nfunction crowdedOf(\n  segments: readonly ReactElement<SegmentedButtonSegmentProps>[],\n  labels: ReadonlyMap<Key, number>,\n  places: ReadonlyMap<Key, Place>,\n  showSelectedIcon: boolean,\n  { spacing }: ResolvedTheme,\n): boolean {\n  return segments.some(({ props }, index) => {\n    const label = labels.get(props.id)\n    const place = places.get(props.id)\n\n    return (\n      hasLabel(props.children) &&\n      reservesGlyph(props, showSelectedIcon) &&\n      label !== undefined &&\n      place !== undefined &&\n      label + GLYPH_SIZE + spacing.sm >\n        place.width - ruleOf(index) - RULE_WIDTH - spacing.sm * 2\n    )\n  })\n}\n\n// Whether a segment has a label, rather than an icon alone. An empty string\n// and a `false` from a condition at the call site are no label either.\nfunction hasLabel(children: ReactNode) {\n  return (\n    children !== undefined &&\n    children !== null &&\n    children !== false &&\n    children !== ''\n  )\n}\n\nfunction iconStyleOf(color: string): IconStyle {\n  return { color, size: GLYPH_SIZE }\n}\n\n/**\n * The chosen container of a set that chooses one, which slides to the\n * segment chosen from the one chosen before it, fades in where nothing was\n * chosen, and fades out where nothing now is.\n */\nfunction Indicator({\n  color,\n  place,\n  selected,\n}: {\n  readonly color: string\n  readonly place: Place | undefined\n  readonly selected: Key | undefined\n}) {\n  const theme = useTheme()\n  const { motion } = theme\n  const reduceMotion = useReducedMotion()\n  // Where the container rests before it is moved: the start of the track,\n  // which is its right end under a right-to-left layout, so that where it\n  // rests there depends on how wide it is. It is only read at the width it\n  // was measured at, which keeps a resize from drawing it a frame out of\n  // place.\n  const [rest, setRest] = useState<Place | undefined>(undefined)\n  const shift = useSharedValue(0)\n  const shown = useSharedValue(0)\n  // The key the container was last drawn at, and whether it has been drawn\n  // at all, which tells a choice made on a set already drawn from the first\n  // one the set opens with.\n  const drawnAt = useRef<Key | undefined>(undefined)\n  const drawn = useRef(false)\n\n  const offset =\n    place === undefined ||\n    rest === undefined ||\n    Math.abs(rest.width - place.width) >= 1\n      ? undefined\n      : place.x - rest.x\n\n  useLayoutEffect(() => {\n    const slide = {\n      duration: motion.durationMedium1,\n      easing: Easing.bezier(...motion.easingEmphasized),\n    }\n\n    if (selected === undefined) {\n      if (drawnAt.current !== undefined) {\n        shown.set(reduceMotion ? 0 : withTiming(0, slide))\n      }\n      drawnAt.current = undefined\n      return\n    }\n\n    if (offset === undefined) {\n      return\n    }\n\n    const from = drawnAt.current\n    // A move from another segment slides; a layout that moved under the\n    // same choice, or a choice from nothing, is drawn where it lands.\n    const moves = from !== undefined && from !== selected && !reduceMotion\n\n    shift.set(moves ? withTiming(offset, slide) : offset)\n\n    if (from === undefined) {\n      shown.set(drawn.current && !reduceMotion ? withTiming(1, slide) : 1)\n    }\n\n    drawnAt.current = selected\n    drawn.current = true\n  }, [motion, offset, reduceMotion, selected, shift, shown])\n\n  const motionStyle = useAnimatedStyle(() => {\n    'worklet'\n    return {\n      opacity: shown.get(),\n      transform: [{ translateX: shift.get() }],\n    }\n  })\n\n  return (\n    <View style={stylesOf(theme).clip}>\n      <Animated.View\n        onLayout={restThen(setRest)}\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.indicator,\n          { backgroundColor: color, width: place?.width ?? 0 },\n          motionStyle,\n        )}\n      />\n    </View>\n  )\n}\n\n/**\n * Records a label's width off screen, for the basis. Built by a call rather\n * than written inline at the prop, which is what react-perf's\n * jsx-no-new-function-as-prop is after; the React Compiler memoises the\n * result on its inputs.\n */\nfunction measureThen(\n  setLabels: (\n    update: (labels: ReadonlyMap<Key, number>) => ReadonlyMap<Key, number>,\n  ) => void,\n  key: Key,\n) {\n  return (event: LayoutChangeEvent) => {\n    const { width } = event.nativeEvent.layout\n\n    setLabels((labels) =>\n      labels.get(key) === width ? labels : new Map(labels).set(key, width),\n    )\n  }\n}\n\n/**\n * Records where a segment was laid out, then calls the call site's own\n * `onLayout`.\n */\nfunction placeThen(\n  onPlace: (key: Key, place: Place) => void,\n  key: Key,\n  onLayout: PressableProps['onLayout'],\n) {\n  return (event: LayoutChangeEvent) => {\n    const { width, x } = event.nativeEvent.layout\n\n    onPlace(key, { width, x })\n    onLayout?.(event)\n  }\n}\n\n// Whether a segment can ever draw a glyph, and so keeps room for one: a set\n// that draws the check, or an icon of its own. A segment that never needs\n// the slot keeps no room for it, which would be dead space in every segment.\nfunction reservesGlyph(\n  { children, icon }: SegmentedButtonSegmentProps,\n  showSelectedIcon: boolean,\n) {\n  return (showSelectedIcon && hasLabel(children)) || icon !== undefined\n}\n\n/** Records where the chosen container rests before it is moved. */\nfunction restThen(setRest: (rest: Place) => void) {\n  return (event: LayoutChangeEvent) => {\n    const { width, x } = event.nativeEvent.layout\n\n    setRest({ width, x })\n  }\n}\n\n// The leading rule only the first segment draws.\nfunction ruleOf(index: number) {\n  return index === 0 ? RULE_WIDTH : 0\n}\n\nfunction samePlace(known: Place | undefined, place: Place) {\n  return (\n    known !== undefined && known.width === place.width && known.x === place.x\n  )\n}\n\n/**\n * A row of two to five joined segments, of which one, or with\n * `selectionMode=\"multiple\"` several, is chosen. Pass `selectedKeys` with\n * `onSelectionChange` to hold the choice, or `defaultSelectedKeys` to let the\n * set keep its own. Give every segment an `id`, which is the key the choice\n * is reported by.\n *\n * ```tsx\n * <SegmentedButton aria-label=\"Label\" defaultSelectedKeys={['first']}>\n *   <SegmentedButton.Segment id=\"first\">First item</SegmentedButton.Segment>\n *   <SegmentedButton.Segment id=\"second\">Second item</SegmentedButton.Segment>\n * </SegmentedButton>\n * ```\n *\n * Name the set with `aria-label` or `aria-labelledby`, one of which the\n * props require. Choosing one is announced as a radio group, and choosing\n * several as a toolbar of buttons that each say whether they are selected.\n *\n * `style`, `ref` and `testID` land on the track.\n */\nfunction SegmentedButton({\n  children,\n  defaultSelectedKeys,\n  disallowEmptySelection,\n  isDisabled = false,\n  onSelectionChange,\n  selectedKeys,\n  selectionMode = 'single',\n  showSelectedIcon = true,\n  style,\n  ...props\n}: SegmentedButtonProps) {\n  const theme = useTheme()\n  const role = useTypeRole('labelLarge')\n  const single = selectionMode === 'single'\n  const state = useToggleGroupState({\n    defaultSelectedKeys,\n    disallowEmptySelection: disallowEmptySelection ?? single,\n    isDisabled,\n    onSelectionChange,\n    selectedKeys,\n    selectionMode,\n  })\n  const segments = segmentsOf(children)\n  const [labels, setLabels] = useState<ReadonlyMap<Key, number>>(new Map())\n  const [places, setPlaces] = useState<ReadonlyMap<Key, Place>>(new Map())\n\n  // The segment the chosen container is at in a set that chooses one, or\n  // was last at, which it fades out at once the choice is cleared.\n  const chosen = [...state.selectedKeys].at(0)\n  const [held, setHeld] = useState(chosen)\n  if (chosen !== undefined && chosen !== held) {\n    setHeld(chosen)\n  }\n  // The segment the set opened on, until the choice first moves, which draws\n  // the chosen container itself while the track's waits on the layout.\n  const [opening, setOpening] = useState(chosen)\n  if (opening !== undefined && opening !== chosen) {\n    setOpening(undefined)\n  }\n\n  const basis = basisOf(segments, labels, showSelectedIcon, theme)\n  const crowded = crowdedOf(segments, labels, places, showSelectedIcon, theme)\n  const context = useMemo(\n    () => ({\n      basis,\n      count: segments.length,\n      crowded,\n      onPlace: (key: Key, place: Place) => {\n        setPlaces((current) =>\n          samePlace(current.get(key), place)\n            ? current\n            : new Map(current).set(key, place),\n        )\n      },\n      opening,\n      places,\n      selectionMode,\n      showSelectedIcon,\n      state,\n    }),\n    [\n      basis,\n      crowded,\n      opening,\n      places,\n      segments.length,\n      selectionMode,\n      setPlaces,\n      showSelectedIcon,\n      state,\n    ],\n  )\n\n  const segment = segments.find(({ props: own }) => own.id === (chosen ?? held))\n\n  return (\n    <View\n      hitSlop={reachOf(theme)}\n      role={single ? 'radiogroup' : 'toolbar'}\n      {...props}\n      style={composeStyles<ViewStyle>(stylesOf(theme).track, style)}\n    >\n      {single ? (\n        <Indicator\n          color={containerOf(\n            theme,\n            isDisabled || segment?.props.isDisabled === true,\n            showSelectedIcon && !crowded && hasLabel(segment?.props.children),\n          )}\n          place={\n            segment === undefined ? undefined : places.get(segment.props.id)\n          }\n          selected={segment === undefined ? undefined : chosen}\n        />\n      ) : null}\n      <GroupContext value={context}>\n        {segments.map((each, at) => (\n          <IndexContext key={each.props.id} value={at}>\n            {each}\n          </IndexContext>\n        ))}\n      </GroupContext>\n      <View aria-hidden style={styles.measurer}>\n        {segments.map(({ props: own }) =>\n          hasLabel(own.children) ? (\n            <NativeText\n              key={own.id}\n              numberOfLines={1}\n              onLayout={measureThen(setLabels, own.id)}\n              style={role}\n            >\n              {own.children}\n            </NativeText>\n          ) : null,\n        )}\n      </View>\n    </View>\n  )\n}\n\n/**\n * One segment. Its `id` is the key the choice reports it by, and its label is\n * what names it. A chosen segment draws a check before its label; one not\n * chosen draws its `icon`, if it has one. Renders nothing outside a\n * `SegmentedButton`.\n *\n * `style`, `ref` and `testID` land on the segment's `Pressable`.\n */\nfunction SegmentedButtonSegment({\n  children,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  icon,\n  id,\n  isDisabled: ownDisabled = false,\n  onBlur,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onPress,\n  onPressIn,\n  onPressOut,\n  style,\n  ...props\n}: SegmentedButtonSegmentProps) {\n  const theme = useTheme()\n  const group = use(GroupContext)\n  const index = use(IndexContext)\n  const role = useTypeRole('labelLarge')\n\n  const state = group?.state\n  const several = group?.selectionMode === 'multiple'\n  const showSelectedIcon = group?.showSelectedIcon ?? true\n  const selected = state?.selectedKeys.has(id) ?? false\n  const disabled = ownDisabled || state?.isDisabled === true\n  const labelled = hasLabel(children)\n  // The room for a glyph is read from the set's props rather than from what\n  // is drawn, so a crowded set keeps the same room to give back.\n  const reserves = reservesGlyph({ children, icon, id }, showSelectedIcon)\n  // A crowded set draws no glyph beside a label, and its chosen segment\n  // takes the colours a set without a check draws. An icon alone is\n  // untouched.\n  const crowded = group?.crowded ?? false\n  const checks = showSelectedIcon && labelled && !crowded\n  const shown = crowded && labelled ? undefined : icon\n  const glyph = selected && checks ? CHECK : (shown ?? null)\n  const drawn = glyph !== null\n  const first = index === 0\n  const last = index === (group?.count ?? 0) - 1\n\n  const { radii, spacing } = theme\n  const content = contentOf(theme, { disabled, marked: checks, selected })\n  const corners = cornersOf(radii.pill, first, last)\n  const own = stylesOf(theme)\n\n  // The room for a glyph, as the header sets it out: either side of the\n  // label while nothing is drawn, all of it before the label once something\n  // is, and the glyph alone before an icon with no label.\n  const give = spacing.md - spacing.sm\n  const reserve = GLYPH_SIZE + spacing.sm\n  const leading = reserves\n    ? drawn\n      ? give + (labelled ? reserve : GLYPH_SIZE)\n      : give + reserve / 2\n    : give\n  const leadingFloor = drawn ? (labelled ? reserve : GLYPH_SIZE) : 0\n  const trailing = reserves && !drawn ? give + reserve / 2 : give\n  // The most the label takes: what is left of the segment once its rule, its\n  // padding and a drawn glyph are taken out.\n  const width = group?.places.get(id)?.width\n  const room =\n    width === undefined\n      ? undefined\n      : width -\n        ruleOf(index) -\n        RULE_WIDTH -\n        spacing.sm * 2 -\n        (drawn && labelled ? reserve : 0)\n\n  const motion = useSegmentMotion({\n    content,\n    drawn,\n    fades: several,\n    filled: several ? selected : id === group?.opening,\n    labelled,\n    leading,\n    leadingFloor,\n    room,\n    trailing,\n  })\n\n  const feedback = usePressFeedback({\n    color: content,\n    corners,\n    disabled,\n    disableRipple,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n  })\n\n  if (group === null) {\n    return null\n  }\n\n  return (\n    <Pressable\n      role={several ? 'button' : 'radio'}\n      {...(several ? toggleState(selected) : { 'aria-checked': selected })}\n      {...props}\n      {...feedback.handlers}\n      disabled={disabled}\n      hitSlop={ownHitSlop ?? reachOf(theme)}\n      onLayout={placeThen(group.onPlace, id, onLayout)}\n      onPress={toggleThen(group.state, id, onPress)}\n      style={composeStyles<ViewStyle>(\n        own.segment,\n        first ? own.first : undefined,\n        corners,\n        disabled\n          ? {\n              borderColor: withOpacity(\n                theme.colors.onSurface,\n                theme.stateLayerOpacity.disabledContainer,\n              ),\n            }\n          : undefined,\n        group.basis === undefined\n          ? undefined\n          : { flexGrow: 0, width: group.basis },\n        feedback.ring,\n        style,\n      )}\n    >\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.ownIndicator,\n          corners,\n          { backgroundColor: containerOf(theme, disabled, checks) },\n          motion.fill,\n        )}\n      />\n      {feedback.layer}\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.spacer,\n          motion.leading,\n        )}\n      >\n        {reserves ? (\n          <Animated.View\n            style={composeStyles<AnimatedStyle<ViewStyle>>(\n              styles.glyphSlot,\n              motion.slot,\n            )}\n          >\n            <IconStyleContext value={iconStyleOf(content)}>\n              <View style={styles.glyph}>{glyph}</View>\n            </IconStyleContext>\n          </Animated.View>\n        ) : null}\n        {reserves ? <Animated.View style={motion.gap} /> : null}\n      </Animated.View>\n      {labelled ? (\n        <Animated.Text\n          numberOfLines={1}\n          style={composeStyles<AnimatedStyle<TextStyle>>(\n            role,\n            styles.label,\n            motion.label,\n          )}\n        >\n          {children}\n        </Animated.Text>\n      ) : null}\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          styles.spacer,\n          motion.trailing,\n        )}\n      />\n    </Pressable>\n  )\n}\n\n/**\n * The segments among a set's children, with any fragment between them opened,\n * so a set can take its segments as one fragment.\n */\nfunction segmentsOf(\n  children: ReactNode,\n): ReactElement<SegmentedButtonSegmentProps>[] {\n  return Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ readonly children?: ReactNode }>(child)) {\n      return []\n    }\n    if (child.type === Fragment) {\n      return segmentsOf(child.props.children)\n    }\n    return isValidElement<SegmentedButtonSegmentProps>(child) ? [child] : []\n  })\n}\n\n/**\n * A press on a segment: the call site's own `onPress`, then the choice, which\n * chooses the segment, or clears it if it was chosen and the set allows that.\n */\nfunction toggleThen(\n  state: ToggleGroupState,\n  key: Key,\n  onPress: PressableProps['onPress'],\n) {\n  return (event: GestureResponderEvent) => {\n    onPress?.(event)\n    state.toggleKey(key)\n  }\n}\n\n/**\n * What a segment eases: the room either side of its label and the glyph slot\n * between them over `durationShort2`, the label's colour and the most it\n * takes with them, and its own chosen container where it `fades`, in a set\n * that chooses several. All of it is there at once under reduced motion, and\n * the container is in a set that chooses one, where it only stands in for the\n * track's until the choice first moves.\n */\nfunction useSegmentMotion({\n  content,\n  drawn,\n  fades,\n  filled,\n  labelled,\n  leading,\n  leadingFloor,\n  room,\n  trailing,\n}: {\n  readonly content: string\n  readonly drawn: boolean\n  readonly fades: boolean\n  readonly filled: boolean\n  readonly labelled: boolean\n  readonly leading: number\n  readonly leadingFloor: number\n  readonly room: number | undefined\n  readonly trailing: number\n}) {\n  const { motion, spacing } = useTheme()\n  const reduceMotion = useReducedMotion()\n  const timing = {\n    duration: motion.durationShort2,\n    easing: Easing.bezier(...motion.easingStandard),\n  }\n  const gap = drawn && labelled ? spacing.sm : 0\n  const slot = drawn ? GLYPH_SIZE : 0\n  const opacity = filled ? 1 : 0\n\n  return {\n    fill: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        opacity: reduceMotion || !fades ? opacity : withTiming(opacity, timing),\n      }\n    }),\n    // A view of its own rather than an end margin on the slot: under React\n    // Native Web, Reanimated writes an animated style to the element without\n    // the step that turns `marginEnd` into a side, so it would never arrive.\n    gap: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? gap : withTiming(gap, timing) }\n    }),\n    label: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        color: reduceMotion ? content : withTiming(content, timing),\n        ...(room === undefined\n          ? undefined\n          : { maxWidth: reduceMotion ? room : withTiming(room, timing) }),\n      }\n    }),\n    leading: useAnimatedStyle(() => {\n      'worklet'\n      return {\n        minWidth: reduceMotion\n          ? leadingFloor\n          : withTiming(leadingFloor, timing),\n        width: reduceMotion ? leading : withTiming(leading, timing),\n      }\n    }),\n    slot: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? slot : withTiming(slot, timing) }\n    }),\n    trailing: useAnimatedStyle(() => {\n      'worklet'\n      return { width: reduceMotion ? trailing : withTiming(trailing, timing) }\n    }),\n  }\n}\n\nSegmentedButton.Segment = SegmentedButtonSegment\n\nexport { SegmentedButton, SegmentedButtonSegment }\nexport type { SegmentedButtonProps, SegmentedButtonSegmentProps }\n"],"mappings":"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"}

package/dist/components/table/index.js

@@ -55,6 +55,7 @@ const styles = StyleSheet.create({
 });
 const stylesOf = themedStyles(({ colors, sizing, spacing }) => StyleSheet.create({
 	cell: {
+		alignItems: "flex-start",
 		justifyContent: "center",
 		paddingHorizontal: spacing.lg
 	},