@kanso-labs/react-native-kanso-ui 0.3.1 → 0.5.0

package/dist/components/button/index.js

@@ -2,13 +2,13 @@ import { IconStyleContext } from "../../glyphs/icon-style.js";
 import { useTheme } from "../../theme/scope.js";
 import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { useTypeRole } from "../../typography/roles.js";
-import { AnimatedPressable, HEIGHTS, OUTLINE_WIDTHS, PRESSED_CORNERS, buttonStyles, toggleState, useButtonAction, useCorner } from "../../button/index.js";
+import { AnimatedPressable, HEIGHTS, OUTLINE_WIDTHS, PRESSED_CORNERS, buttonStyles, toggleState, useButtonAction, useCorner, useSlotTrigger } from "../../button/index.js";
 import { palettesOf } from "../../button/palettes.js";
 import { BUSY, CONCEALED, PendingContent, PendingRing, pendingStyles, usePending } from "../../button/pending.js";
 import { hitSlop, usePressFeedback } from "../../press/index.js";
 import { c } from "react/compiler-runtime";
-import { StyleSheet, Text, useWindowDimensions } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { StyleSheet, Text, useWindowDimensions } from "react-native";
 import Animated from "react-native-reanimated";
 //#region src/components/button/index.tsx
 const DISABLED = {
@@ -161,9 +161,10 @@ const outlinedSizesOf = themedStyles((theme) => {
 * `style`, `ref` and `testID` land on the `Pressable`.
 */
 function Button(t0) {
-	const $ = c(73);
+	const $ = c(89);
 	let children;
 	let defaultSelected;
+	let delayLongPress;
 	let href;
 	let icon;
 	let isSelected;
@@ -180,6 +181,7 @@ function Button(t0) {
 	let ownHitSlop;
 	let pendingLabel;
 	let props;
+	let ref;
 	let slot;
 	let style;
 	let t1;
@@ -190,63 +192,67 @@ function Button(t0) {
 	let t6;
 	let type;
 	if ($[0] !== t0) {
-		({children, defaultSelected, disableRipple: t1, hitSlop: ownHitSlop, href, icon, isDisabled: t2, isPending: t3, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, pendingLabel, shape: t4, size: t5, slot, style, type, variant: t6, ...props} = t0);
+		({children, defaultSelected, delayLongPress, disableRipple: t1, hitSlop: ownHitSlop, href, icon, isDisabled: t2, isPending: t3, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, pendingLabel, ref, shape: t4, size: t5, slot, style, type, variant: t6, ...props} = t0);
 		$[0] = t0;
 		$[1] = children;
 		$[2] = defaultSelected;
-		$[3] = href;
-		$[4] = icon;
-		$[5] = isSelected;
-		$[6] = onBlur;
-		$[7] = onChange;
-		$[8] = onFocus;
-		$[9] = onHoverIn;
-		$[10] = onHoverOut;
-		$[11] = onLayout;
-		$[12] = onLongPress;
-		$[13] = onPress;
-		$[14] = onPressIn;
-		$[15] = onPressOut;
-		$[16] = ownHitSlop;
-		$[17] = pendingLabel;
-		$[18] = props;
-		$[19] = slot;
-		$[20] = style;
-		$[21] = t1;
-		$[22] = t2;
-		$[23] = t3;
-		$[24] = t4;
-		$[25] = t5;
-		$[26] = t6;
-		$[27] = type;
+		$[3] = delayLongPress;
+		$[4] = href;
+		$[5] = icon;
+		$[6] = isSelected;
+		$[7] = onBlur;
+		$[8] = onChange;
+		$[9] = onFocus;
+		$[10] = onHoverIn;
+		$[11] = onHoverOut;
+		$[12] = onLayout;
+		$[13] = onLongPress;
+		$[14] = onPress;
+		$[15] = onPressIn;
+		$[16] = onPressOut;
+		$[17] = ownHitSlop;
+		$[18] = pendingLabel;
+		$[19] = props;
+		$[20] = ref;
+		$[21] = slot;
+		$[22] = style;
+		$[23] = t1;
+		$[24] = t2;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t6;
+		$[29] = type;
 	} else {
 		children = $[1];
 		defaultSelected = $[2];
-		href = $[3];
-		icon = $[4];
-		isSelected = $[5];
-		onBlur = $[6];
-		onChange = $[7];
-		onFocus = $[8];
-		onHoverIn = $[9];
-		onHoverOut = $[10];
-		onLayout = $[11];
-		onLongPress = $[12];
-		onPress = $[13];
-		onPressIn = $[14];
-		onPressOut = $[15];
-		ownHitSlop = $[16];
-		pendingLabel = $[17];
-		props = $[18];
-		slot = $[19];
-		style = $[20];
-		t1 = $[21];
-		t2 = $[22];
-		t3 = $[23];
-		t4 = $[24];
-		t5 = $[25];
-		t6 = $[26];
-		type = $[27];
+		delayLongPress = $[3];
+		href = $[4];
+		icon = $[5];
+		isSelected = $[6];
+		onBlur = $[7];
+		onChange = $[8];
+		onFocus = $[9];
+		onHoverIn = $[10];
+		onHoverOut = $[11];
+		onLayout = $[12];
+		onLongPress = $[13];
+		onPress = $[14];
+		onPressIn = $[15];
+		onPressOut = $[16];
+		ownHitSlop = $[17];
+		pendingLabel = $[18];
+		props = $[19];
+		ref = $[20];
+		slot = $[21];
+		style = $[22];
+		t1 = $[23];
+		t2 = $[24];
+		t3 = $[25];
+		t4 = $[26];
+		t5 = $[27];
+		t6 = $[28];
+		type = $[29];
 	}
 	const disableRipple = t1 === void 0 ? false : t1;
 	const isDisabled = t2 === void 0 ? false : t2;
@@ -262,7 +268,7 @@ function Button(t0) {
 	const isToggle = variant !== "text" && (defaultSelected !== void 0 || isSelected !== void 0 || onChange !== void 0);
 	const t7 = slot ?? "default";
 	let t8;
-	if ($[28] !== defaultSelected || $[29] !== href || $[30] !== isSelected || $[31] !== isToggle || $[32] !== onChange || $[33] !== onPress || $[34] !== t7 || $[35] !== type) {
+	if ($[30] !== defaultSelected || $[31] !== href || $[32] !== isSelected || $[33] !== isToggle || $[34] !== onChange || $[35] !== onPress || $[36] !== t7 || $[37] !== type) {
 		t8 = {
 			defaultSelected,
 			href,
@@ -273,17 +279,55 @@ function Button(t0) {
 			slot: t7,
 			type
 		};
-		$[28] = defaultSelected;
-		$[29] = href;
-		$[30] = isSelected;
-		$[31] = isToggle;
-		$[32] = onChange;
-		$[33] = onPress;
-		$[34] = t7;
-		$[35] = type;
-		$[36] = t8;
-	} else t8 = $[36];
+		$[30] = defaultSelected;
+		$[31] = href;
+		$[32] = isSelected;
+		$[33] = isToggle;
+		$[34] = onChange;
+		$[35] = onPress;
+		$[36] = t7;
+		$[37] = type;
+		$[38] = t8;
+	} else t8 = $[38];
 	const action = useButtonAction(t8);
+	let t9;
+	if ($[39] !== delayLongPress || $[40] !== href || $[41] !== onHoverIn || $[42] !== onHoverOut || $[43] !== onLongPress || $[44] !== ref || $[45] !== slot) {
+		t9 = {
+			delayLongPress,
+			href,
+			onHoverIn,
+			onHoverOut,
+			onLongPress,
+			ref,
+			slot
+		};
+		$[39] = delayLongPress;
+		$[40] = href;
+		$[41] = onHoverIn;
+		$[42] = onHoverOut;
+		$[43] = onLongPress;
+		$[44] = ref;
+		$[45] = slot;
+		$[46] = t9;
+	} else t9 = $[46];
+	const t10 = useSlotTrigger(t9);
+	let hoverIn;
+	let hoverOut;
+	let longPress;
+	let triggerProps;
+	if ($[47] !== t10) {
+		({onHoverIn: hoverIn, onHoverOut: hoverOut, onLongPress: longPress, ...triggerProps} = t10);
+		$[47] = t10;
+		$[48] = hoverIn;
+		$[49] = hoverOut;
+		$[50] = longPress;
+		$[51] = triggerProps;
+	} else {
+		hoverIn = $[48];
+		hoverOut = $[49];
+		longPress = $[50];
+		triggerProps = $[51];
+	}
 	const colors = palettesOf(theme)[isDisabled ? DISABLED[variant] : variant !== "text" && isToggle ? TOGGLE_PALETTES[variant][action.selected ? "selected" : "unselected"] : variant];
 	const feedback = usePressFeedback({
 		color: colors.content,
@@ -291,8 +335,8 @@ function Button(t0) {
 		disableRipple,
 		onBlur,
 		onFocus,
-		onHoverIn,
-		onHoverOut,
+		onHoverIn: hoverIn,
+		onHoverOut: hoverOut,
 		onPressIn,
 		onPressOut,
 		pending
@@ -301,111 +345,113 @@ function Button(t0) {
 	const resting = shape === "square" !== action.selected ? radii[SQUARE_CORNERS[size]] : radii.pill;
 	const shaped = useCorner(feedback.pressed ? radii[PRESSED_CORNERS[size]] : resting, onLayout);
 	const T0 = AnimatedPressable;
-	const t9 = href === void 0 ? "button" : "link";
-	let t10;
-	if ($[37] !== action.selected || $[38] !== isToggle) {
-		t10 = isToggle ? toggleState(action.selected) : void 0;
-		$[37] = action.selected;
-		$[38] = isToggle;
-		$[39] = t10;
-	} else t10 = $[39];
-	const t11 = pending ? BUSY : void 0;
-	const t12 = feedback.handlers;
-	let t13;
-	if ($[40] !== ownHitSlop || $[41] !== size || $[42] !== theme.sizing) {
-		t13 = ownHitSlop ?? hitSlop(theme.sizing[HEIGHTS[size]]);
-		$[40] = ownHitSlop;
-		$[41] = size;
-		$[42] = theme.sizing;
-		$[43] = t13;
-	} else t13 = $[43];
-	const t14 = shaped.onLayout;
-	const t15 = pending ? void 0 : onLongPress;
-	const t16 = pending ? void 0 : action.onPress;
-	const t17 = composeStyles(styles.base, sizesOf(theme)[size], variant === "outlined" ? outlinedSizesOf(theme)[size] : void 0, colors.container, shadowOf(variant, feedback, isDisabled, theme), shaped.corner, feedback.ring, style);
-	let t18;
-	if ($[44] !== shaped.corner) {
-		t18 = composeStyles(buttonStyles.clip, shaped.corner);
-		$[44] = shaped.corner;
-		$[45] = t18;
-	} else t18 = $[45];
-	let t19;
-	if ($[46] !== feedback.layer || $[47] !== t18) {
-		t19 = /* @__PURE__ */ jsx(Animated.View, {
-			style: t18,
+	const t11 = href === void 0 ? "button" : "link";
+	let t12;
+	if ($[52] !== action.selected || $[53] !== isToggle) {
+		t12 = isToggle ? toggleState(action.selected) : void 0;
+		$[52] = action.selected;
+		$[53] = isToggle;
+		$[54] = t12;
+	} else t12 = $[54];
+	const t13 = pending ? BUSY : void 0;
+	const t14 = feedback.handlers;
+	let t15;
+	if ($[55] !== ownHitSlop || $[56] !== size || $[57] !== theme.sizing) {
+		t15 = ownHitSlop ?? hitSlop(theme.sizing[HEIGHTS[size]]);
+		$[55] = ownHitSlop;
+		$[56] = size;
+		$[57] = theme.sizing;
+		$[58] = t15;
+	} else t15 = $[58];
+	const t16 = shaped.onLayout;
+	const t17 = pending ? void 0 : longPress;
+	const t18 = pending ? void 0 : action.onPress;
+	const t19 = composeStyles(styles.base, sizesOf(theme)[size], variant === "outlined" ? outlinedSizesOf(theme)[size] : void 0, colors.container, shadowOf(variant, feedback, isDisabled, theme), shaped.corner, feedback.ring, style);
+	let t20;
+	if ($[59] !== shaped.corner) {
+		t20 = composeStyles(buttonStyles.clip, shaped.corner);
+		$[59] = shaped.corner;
+		$[60] = t20;
+	} else t20 = $[60];
+	let t21;
+	if ($[61] !== feedback.layer || $[62] !== t20) {
+		t21 = /* @__PURE__ */ jsx(Animated.View, {
+			style: t20,
 			children: feedback.layer
 		});
-		$[46] = feedback.layer;
-		$[47] = t18;
-		$[48] = t19;
-	} else t19 = $[48];
-	const t20 = icon === void 0 ? null : /* @__PURE__ */ jsx(PendingContent, {
+		$[61] = feedback.layer;
+		$[62] = t20;
+		$[63] = t21;
+	} else t21 = $[63];
+	const t22 = icon === void 0 ? null : /* @__PURE__ */ jsx(PendingContent, {
 		isPending: pending,
 		children: /* @__PURE__ */ jsx(IconStyleContext, {
 			value: iconStyleOf(colors.content, size),
 			children: icon
 		})
 	});
-	const t21 = children === void 0 ? null : /* @__PURE__ */ jsx(Text, {
+	const t23 = children === void 0 ? null : /* @__PURE__ */ jsx(Text, {
 		...pending ? CONCEALED : void 0,
 		style: composeStyles(role, styles.label, colors.label, pending ? pendingStyles.hidden : void 0),
 		children
 	});
-	let t22;
-	if ($[49] !== colors || $[50] !== fontScale || $[51] !== pending || $[52] !== ringLabel || $[53] !== size || $[54] !== theme.typography) {
-		t22 = pending ? /* @__PURE__ */ jsx(PendingRing, {
+	let t24;
+	if ($[64] !== colors || $[65] !== fontScale || $[66] !== pending || $[67] !== ringLabel || $[68] !== size || $[69] !== theme.typography) {
+		t24 = pending ? /* @__PURE__ */ jsx(PendingRing, {
 			color: colors.content,
 			diameter: theme.typography[`${ROLES[size]}Size`] * fontScale,
 			label: ringLabel
 		}) : null;
-		$[49] = colors;
-		$[50] = fontScale;
-		$[51] = pending;
-		$[52] = ringLabel;
-		$[53] = size;
-		$[54] = theme.typography;
-		$[55] = t22;
-	} else t22 = $[55];
-	let t23;
-	if ($[56] !== T0 || $[57] !== feedback.handlers || $[58] !== isDisabled || $[59] !== props || $[60] !== shaped.onLayout || $[61] !== t10 || $[62] !== t11 || $[63] !== t13 || $[64] !== t15 || $[65] !== t16 || $[66] !== t17 || $[67] !== t19 || $[68] !== t20 || $[69] !== t21 || $[70] !== t22 || $[71] !== t9) {
-		t23 = /* @__PURE__ */ jsxs(T0, {
-			role: t9,
-			...t10,
-			...t11,
-			...props,
+		$[64] = colors;
+		$[65] = fontScale;
+		$[66] = pending;
+		$[67] = ringLabel;
+		$[68] = size;
+		$[69] = theme.typography;
+		$[70] = t24;
+	} else t24 = $[70];
+	let t25;
+	if ($[71] !== T0 || $[72] !== feedback.handlers || $[73] !== isDisabled || $[74] !== props || $[75] !== shaped.onLayout || $[76] !== t11 || $[77] !== t12 || $[78] !== t13 || $[79] !== t15 || $[80] !== t17 || $[81] !== t18 || $[82] !== t19 || $[83] !== t21 || $[84] !== t22 || $[85] !== t23 || $[86] !== t24 || $[87] !== triggerProps) {
+		t25 = /* @__PURE__ */ jsxs(T0, {
+			role: t11,
 			...t12,
+			...t13,
+			...props,
+			...triggerProps,
+			...t14,
 			disabled: isDisabled,
-			hitSlop: t13,
-			onLayout: t14,
-			onLongPress: t15,
-			onPress: t16,
-			style: t17,
+			hitSlop: t15,
+			onLayout: t16,
+			onLongPress: t17,
+			onPress: t18,
+			style: t19,
 			children: [
-				t19,
-				t20,
 				t21,
-				t22
+				t22,
+				t23,
+				t24
 			]
 		});
-		$[56] = T0;
-		$[57] = feedback.handlers;
-		$[58] = isDisabled;
-		$[59] = props;
-		$[60] = shaped.onLayout;
-		$[61] = t10;
-		$[62] = t11;
-		$[63] = t13;
-		$[64] = t15;
-		$[65] = t16;
-		$[66] = t17;
-		$[67] = t19;
-		$[68] = t20;
-		$[69] = t21;
-		$[70] = t22;
-		$[71] = t9;
-		$[72] = t23;
-	} else t23 = $[72];
-	return t23;
+		$[71] = T0;
+		$[72] = feedback.handlers;
+		$[73] = isDisabled;
+		$[74] = props;
+		$[75] = shaped.onLayout;
+		$[76] = t11;
+		$[77] = t12;
+		$[78] = t13;
+		$[79] = t15;
+		$[80] = t17;
+		$[81] = t18;
+		$[82] = t19;
+		$[83] = t21;
+		$[84] = t22;
+		$[85] = t23;
+		$[86] = t24;
+		$[87] = triggerProps;
+		$[88] = t25;
+	} else t25 = $[88];
+	return t25;
 }
 function iconStyleOf(color, size) {
 	return {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","TextStyle","View","ViewStyle","AnimatedStyle","Text","NativeText","StyleSheet","useWindowDimensions","Animated","ButtonLinkForm","ButtonPressForm","ButtonToggleForm","PaletteName","IconStyle","ResolvedTheme","TypeRole","AnimatedPressable","buttonStyles","HEIGHTS","OUTLINE_WIDTHS","PRESSED_CORNERS","toggleState","useButtonAction","useCorner","palettesOf","BUSY","CONCEALED","PendingContent","PendingRing","pendingStyles","usePending","IconStyleContext","hitSlop","usePressFeedback","useTheme","composeStyles","themedStyles","useTypeRole","ButtonForm","variant","Exclude","ButtonVariant","ButtonProps","Omit","children","disableRipple","icon","isDisabled","ref","shape","ButtonShape","size","ButtonSize","style","ToggleVariant","DISABLED","Readonly","Record","elevated","filled","outlined","text","tonal","ICON_SIZES","lg","md","xl","xs","xxl","ROLES","SQUARE_CORNERS","const","TOGGLE_PALETTES","selected","unselected","styles","create","base","alignItems","flexDirection","justifyContent","maxWidth","flexShrink","label","textAlign","inlinePaddings","spacing","shadowsOf","shadows","elevation1","boxShadow","elevation2","sizesOf","theme","sizing","inline","gap","sm","minHeight","controlLg","paddingHorizontal","paddingVertical","controlSm","controlXl","controlXs","controlXxl","outlinedSizesOf","borderWidth","Button","t0","$","_c","defaultSelected","href","isSelected","onBlur","onChange","onFocus","onHoverIn","onHoverOut","onLayout","onLongPress","onPress","onPressIn","onPressOut","ownHitSlop","pendingLabel","props","slot","t1","t2","t3","t4","t5","t6","type","isPending","undefined","role","fontScale","pending","ringLabel","isToggle","t7","t8","action","colors","feedback","color","content","disabled","radii","resting","pill","shaped","pressed","T0","t9","t10","t11","t12","handlers","t13","t14","t15","t16","t17","container","shadowOf","corner","ring","t18","clip","t19","layer","t20","iconStyleOf","t21","hidden","t22","typography","t23","hovered","lifted","_c","NativeText"],"sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  PressableProps,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport {\n  Text as NativeText,\n  StyleSheet,\n  useWindowDimensions,\n} from 'react-native'\nimport Animated from 'react-native-reanimated'\n\nimport type {\n  ButtonLinkForm,\n  ButtonPressForm,\n  ButtonToggleForm,\n} from '../../button'\nimport type { PaletteName } from '../../button/palettes'\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { TypeRole } from '../../typography/roles'\n\nimport {\n  AnimatedPressable,\n  buttonStyles,\n  HEIGHTS,\n  OUTLINE_WIDTHS,\n  PRESSED_CORNERS,\n  toggleState,\n  useButtonAction,\n  useCorner,\n} from '../../button'\nimport { palettesOf } from '../../button/palettes'\nimport {\n  BUSY,\n  CONCEALED,\n  PendingContent,\n  PendingRing,\n  pendingStyles,\n  usePending,\n} from '../../button/pending'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// The buttons spec page's five colour styles, five sizes and two shapes, as\n// kanso-ui's Button draws them. The variant carries colour and the size\n// carries geometry, so the two never argue: the padding belongs to the size\n// alone, and a text button is as wide as a filled one at the same size.\n//\n// The colour pairs are the page's: filled on primary, tonal on secondary\n// container, outlined with an outline-variant rule and an on-surface-variant\n// label, text on primary, and elevated on surface container low with a\n// primary label. Elevated is the one variant whose shadow is part of it: it\n// rests at elevation 1, rises to 2 under a pointer and settles back while\n// pressed, where filled and tonal rest flat and lift to 1 under a pointer\n// only. The shadow is the theme's `boxShadow` value, which React Native draws\n// on iOS and Android as React Native Web draws it in a browser.\n//\n// The state layers, the ripple and the focus ring are src/press's, drawn in\n// the label's colour over the container, as on web.\n//\n// **Disabled is the page's colour at an opacity, translucent.** A container\n// is on-surface at the `disabledContainer` opacity, and the label on-surface\n// at `disabledContent`, over whatever the button sits on rather than mixed\n// over the surface role as web's are; src/button/palettes.ts gives the\n// reason. Disabled drops the shadow, since a shadow says a control is there\n// to press.\n//\n// **A toggle is the same button reporting a state.** Given `isSelected`,\n// `defaultSelected` or `onChange` it takes the page's second pair of colour\n// roles for its variant: a filled toggle rests on surface container with an\n// on-surface-variant label and takes primary once selected, a tonal one moves\n// from the secondary container pair to secondary, an elevated one keeps its\n// low surface until it takes primary, and an outlined one swaps its rule for\n// the inverse surface pair. The page gives text no pair, so a text button\n// given those props stays a plain one.\n//\n// **A pending button keeps its place.** Given `isPending` the label and the\n// icon are hidden where they stand, so the button keeps its width, and an\n// indeterminate ring is drawn over them in the label's colour, at the label's\n// type size times the device's text size, which is what web's `1em` reads.\n// The button keeps its focus and its ring and takes no press, so a double tap\n// cannot run the action twice: neither `onPress` nor `onLongPress` is called,\n// and a toggle keeps its state until it clears. It reports itself busy, and\n// src/button's pending.tsx says the change out loud.\n//\n// **The corner is a shape the button morphs between.** `round` rests as the\n// pill and `square` at the size's square corner: 12dp up to the page's S,\n// 16dp at M and 28dp above. A press tightens either to the size's pressed\n// corner, 8dp, 12dp or 16dp, and a toggle trades its shape for the other\n// once selected. The corner eases through Reanimated, as src/button's\n// `useCorner` sets out.\n//\n// The forms, the toggle's state, what a press does and the corner's ease are\n// src/button's, shared with IconButton.\n\ntype ButtonForm =\n  | ButtonLinkForm\n  | ButtonPressForm\n  | (ButtonToggleForm & {\n      /**\n       * A toggle takes any variant but `text`, which the page gives no\n       * selected colours.\n       */\n      readonly variant?: Exclude<ButtonVariant, 'text'>\n    })\n\ntype ButtonProps = ButtonForm &\n  Omit<PressableProps, 'children' | 'disabled' | 'style'> & {\n    /** The label. */\n    readonly children?: ReactNode\n    /**\n     * Draws no press ripple. The state layer is unaffected.\n     * @default false\n     */\n    readonly disableRipple?: boolean\n    /**\n     * An icon before the label, at the page's icon size for the button's\n     * size: 20dp at `xs` and `md`, 24dp at `lg`, 32dp at `xl` and 40dp at\n     * `xxl`. The slot hands it the label's colour and that size through\n     * `useIconStyle()`.\n     */\n    readonly icon?: ReactNode\n    /**\n     * Draws the button disabled, and takes no presses.\n     * @default false\n     */\n    readonly isDisabled?: boolean\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /**\n     * The corner the button rests at: `round` is the pill, `square` the\n     * page's rounded rectangle, 12dp up to `md`, 16dp at `lg` and 28dp above.\n     * Either tightens while pressed, and a toggle trades one for the other\n     * once selected.\n     * @default 'round'\n     */\n    readonly shape?: ButtonShape\n    /**\n     * Control height: `xs` 32dp, `md` 40dp, `lg` 56dp, `xl` 96dp, `xxl` 136dp,\n     * the buttons spec page's XS, S, M, L and XL, each with its own padding\n     * and type role. `md` is the page's default. The height is a floor, so a\n     * label that wraps, or that the device's text size enlarges, grows the\n     * button rather than running out of it.\n     * @default 'md'\n     */\n    readonly size?: ButtonSize\n    readonly style?: StyleProp<ViewStyle>\n    /**\n     * How much weight the button pulls. `filled` and `tonal` carry a container\n     * of their own; `outlined` and `text` sit on the page; `elevated` sits on\n     * a low surface and lifts off it with a shadow, for a button that has to\n     * separate from a busy background rather than from the page.\n     * @default 'filled'\n     */\n    readonly variant?: ButtonVariant\n  }\n\ntype ButtonShape = 'round' | 'square'\n\ntype ButtonSize = 'lg' | 'md' | 'xl' | 'xs' | 'xxl'\n\ntype ButtonVariant = 'elevated' | 'filled' | 'outlined' | 'text' | 'tonal'\n\ntype ToggleVariant = Exclude<ButtonVariant, 'text'>\n\n// The disabled container each variant draws. Filled, tonal and elevated share\n// one, which is the page's single disabled container for all three.\nconst DISABLED: Readonly<Record<ButtonVariant, PaletteName>> = {\n  elevated: 'filledDisabled',\n  filled: 'filledDisabled',\n  outlined: 'outlinedDisabled',\n  text: 'textDisabled',\n  tonal: 'filledDisabled',\n}\n\n// The icon each size draws, from the page's size token sets. Literals, as on\n// web: they are icon sizes, which the theme has no scale for.\nconst ICON_SIZES: Readonly<Record<ButtonSize, number>> = {\n  lg: 24,\n  md: 20,\n  xl: 32,\n  xs: 20,\n  xxl: 40,\n}\n\n// The type role each size sets its label in, taken whole: label-large for the\n// two small sizes, then title-medium, headline-small and headline-large.\nconst ROLES: Readonly<Record<ButtonSize, TypeRole>> = {\n  lg: 'titleMedium',\n  md: 'labelLarge',\n  xl: 'headlineSmall',\n  xs: 'labelLarge',\n  xxl: 'headlineLarge',\n}\n\n// The square corner each size rests at, and a round toggle takes once\n// selected.\nconst SQUARE_CORNERS = {\n  lg: 'lg',\n  md: 'md',\n  xl: 'xl',\n  xs: 'md',\n  xxl: 'xl',\n} as const satisfies Record<ButtonSize, keyof ResolvedTheme['radii']>\n\n// Which container a toggle draws, selected and not.\nconst TOGGLE_PALETTES: Readonly<\n  Record<\n    ToggleVariant,\n    Readonly<Record<'selected' | 'unselected', PaletteName>>\n  >\n> = {\n  elevated: { selected: 'elevatedToggleSelected', unselected: 'elevated' },\n  filled: { selected: 'filledToggleSelected', unselected: 'filledToggle' },\n  outlined: { selected: 'outlinedToggleSelected', unselected: 'outlined' },\n  tonal: { selected: 'tonalToggleSelected', unselected: 'tonal' },\n}\n\nconst styles = StyleSheet.create({\n  // The label sits in the middle of a button wider than it, one stretched by\n  // a column or given a width, as the page draws every button, and a button\n  // is never wider than what holds it.\n  base: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    maxWidth: '100%',\n  },\n  icon: {\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n  // A label too long for the row wraps, its lines centred, and grows the\n  // button with it.\n  label: {\n    flexShrink: 1,\n    textAlign: 'center',\n  },\n})\n\n// Each size's inline padding. The two largest are literals: 48 and 64 are not\n// steps of the spacing scale, and the scale should not grow to fit one\n// component. `xs` pads 12 a side, the extra-small token set's leading and\n// trailing space.\nfunction inlinePaddings({\n  spacing,\n}: ResolvedTheme): Readonly<Record<ButtonSize, number>> {\n  return { lg: spacing.xl, md: spacing.lg, xl: 48, xs: spacing.md, xxl: 64 }\n}\n\nconst shadowsOf = themedStyles(({ shadows }) =>\n  StyleSheet.create({\n    elevation1: { boxShadow: shadows.elevation1 },\n    elevation2: { boxShadow: shadows.elevation2 },\n  }),\n)\n\n// The five sizes, from the page's size token sets: the container height, the\n// padding, and the gap before an icon. The height is a floor rather than a\n// fixed size, and the block padding is what keeps a wrapped label off the\n// pill's edge: a step short of a single line's own inset, so a label on one\n// line still draws exactly the page's height.\nconst sizesOf = themedStyles((theme) => {\n  const { sizing, spacing } = theme\n  const inline = inlinePaddings(theme)\n\n  return StyleSheet.create({\n    lg: {\n      gap: spacing.sm,\n      minHeight: sizing.controlLg,\n      paddingHorizontal: inline.lg,\n      paddingVertical: spacing.md,\n    },\n    md: {\n      gap: spacing.sm,\n      minHeight: sizing.controlSm,\n      paddingHorizontal: inline.md,\n      paddingVertical: spacing.sm,\n    },\n    xl: {\n      gap: spacing.md,\n      minHeight: sizing.controlXl,\n      paddingHorizontal: inline.xl,\n      paddingVertical: spacing.xl,\n    },\n    xs: {\n      gap: spacing.sm,\n      minHeight: sizing.controlXs,\n      paddingHorizontal: inline.xs,\n      paddingVertical: spacing.xs,\n    },\n    xxl: {\n      gap: spacing.lg,\n      minHeight: sizing.controlXxl,\n      paddingHorizontal: inline.xxl,\n      paddingVertical: spacing.xxl,\n    },\n  })\n})\n\n// The outlined button draws its rule inside the width the other variants\n// take, as the page's buttons do: the padding gives up what the rule takes,\n// so an outlined and a filled button with one label are one width.\nconst outlinedSizesOf = themedStyles((theme) => {\n  const inline = inlinePaddings(theme)\n\n  function outlined(size: ButtonSize): ViewStyle {\n    return {\n      borderWidth: OUTLINE_WIDTHS[size],\n      paddingHorizontal: inline[size] - OUTLINE_WIDTHS[size],\n    }\n  }\n\n  return StyleSheet.create({\n    lg: outlined('lg'),\n    md: outlined('md'),\n    xl: outlined('xl'),\n    xs: outlined('xs'),\n    xxl: outlined('xxl'),\n  })\n})\n\n/**\n * The design's button, at five emphasis levels and five control heights,\n * round or square, with web's props and values. Given `href` it is a link with\n * the same appearance, and given `isSelected`, `defaultSelected` or\n * `onChange` it is a toggle, which reports its state to a screen reader and\n * draws the page's second pair of colour roles for its variant.\n *\n * ```tsx\n * <Button defaultSelected variant=\"tonal\">\n *   Label\n * </Button>\n * ```\n *\n * A column stretches a button across it, as it does any view, and as a flex\n * column does a button on web; a column that should hold its buttons at their\n * labels' width says so with `alignItems`.\n *\n * The two sizes under 48dp tall, `xs` and `md`, take presses over a 48dp\n * target through `hitSlop`, which a `hitSlop` of the call site's own replaces.\n * `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction Button({\n  children,\n  defaultSelected,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  href,\n  icon,\n  isDisabled = false,\n  isPending = false,\n  isSelected,\n  onBlur,\n  onChange,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onLongPress,\n  onPress,\n  onPressIn,\n  onPressOut,\n  pendingLabel,\n  shape = 'round',\n  size = 'md',\n  slot,\n  style,\n  type,\n  variant = 'filled',\n  ...props\n}: ButtonProps) {\n  const theme = useTheme()\n  const role = useTypeRole(ROLES[size])\n  const { fontScale } = useWindowDimensions()\n  // A link is never pending, as on web, where its props have no such state.\n  const pending = href === undefined && isPending\n  const ringLabel = usePending(pending, pendingLabel)\n\n  // The three props that make this a toggle, read as web reads them. The\n  // types keep them off a `text` button; the check here keeps a call site\n  // that slipped past them a plain button.\n  const isToggle =\n    variant !== 'text' &&\n    (defaultSelected !== undefined ||\n      isSelected !== undefined ||\n      onChange !== undefined)\n  const action = useButtonAction({\n    defaultSelected,\n    href,\n    isSelected,\n    isToggle,\n    onChange,\n    onPress,\n    slot: slot ?? 'default',\n    type,\n  })\n  const colors =\n    palettesOf(theme)[\n      isDisabled\n        ? DISABLED[variant]\n        : variant !== 'text' && isToggle\n          ? TOGGLE_PALETTES[variant][\n              action.selected ? 'selected' : 'unselected'\n            ]\n          : variant\n    ]\n\n  const feedback = usePressFeedback({\n    color: colors.content,\n    disabled: isDisabled,\n    disableRipple,\n    onBlur,\n    onFocus,\n    onHoverIn,\n    onHoverOut,\n    onPressIn,\n    onPressOut,\n    pending,\n  })\n\n  const { radii } = theme\n  const resting =\n    (shape === 'square') !== action.selected\n      ? radii[SQUARE_CORNERS[size]]\n      : radii.pill\n  const shaped = useCorner(\n    feedback.pressed ? radii[PRESSED_CORNERS[size]] : resting,\n    onLayout,\n  )\n\n  return (\n    <AnimatedPressable\n      role={href === undefined ? 'button' : 'link'}\n      {...(isToggle ? toggleState(action.selected) : undefined)}\n      {...(pending ? BUSY : undefined)}\n      {...props}\n      {...feedback.handlers}\n      disabled={isDisabled}\n      hitSlop={ownHitSlop ?? hitSlop(theme.sizing[HEIGHTS[size]])}\n      onLayout={shaped.onLayout}\n      onLongPress={pending ? undefined : onLongPress}\n      onPress={pending ? undefined : action.onPress}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.base,\n        sizesOf(theme)[size],\n        variant === 'outlined' ? outlinedSizesOf(theme)[size] : undefined,\n        colors.container,\n        shadowOf(variant, feedback, isDisabled, theme),\n        shaped.corner,\n        feedback.ring,\n        style,\n      )}\n    >\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          buttonStyles.clip,\n          shaped.corner,\n        )}\n      >\n        {feedback.layer}\n      </Animated.View>\n      {icon === undefined ? null : (\n        <PendingContent isPending={pending}>\n          <IconStyleContext value={iconStyleOf(colors.content, size)}>\n            {icon}\n          </IconStyleContext>\n        </PendingContent>\n      )}\n      {children === undefined ? null : (\n        <NativeText\n          {...(pending ? CONCEALED : undefined)}\n          style={composeStyles<TextStyle>(\n            role,\n            styles.label,\n            colors.label,\n            pending ? pendingStyles.hidden : undefined,\n          )}\n        >\n          {children}\n        </NativeText>\n      )}\n      {pending ? (\n        <PendingRing\n          color={colors.content}\n          diameter={theme.typography[`${ROLES[size]}Size`] * fontScale}\n          label={ringLabel}\n        />\n      ) : null}\n    </AnimatedPressable>\n  )\n}\n\nfunction iconStyleOf(color: string, size: ButtonSize): IconStyle {\n  return { color, size: ICON_SIZES[size] }\n}\n\n// The shadow a variant draws in its state: elevated rests at 1 and rises to 2\n// under a pointer, filled and tonal rest flat and rise to 1, and a press\n// brings each back to where it rests.\nfunction shadowOf(\n  variant: ButtonVariant,\n  {\n    hovered,\n    pressed,\n  }: { readonly hovered: boolean; readonly pressed: boolean },\n  isDisabled: boolean,\n  theme: ResolvedTheme,\n): undefined | ViewStyle {\n  const lifted = hovered && !pressed\n\n  if (isDisabled) {\n    return undefined\n  }\n\n  if (variant === 'elevated') {\n    return shadowsOf(theme)[lifted ? 'elevation2' : 'elevation1']\n  }\n\n  return (variant === 'filled' || variant === 'tonal') && lifted\n    ? shadowsOf(theme).elevation1\n    : undefined\n}\n\nexport { Button }\nexport type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","TextStyle","View","ViewStyle","AnimatedStyle","Text","NativeText","StyleSheet","useWindowDimensions","Animated","ButtonLinkForm","ButtonPressForm","ButtonToggleForm","PaletteName","IconStyle","ResolvedTheme","TypeRole","AnimatedPressable","buttonStyles","HEIGHTS","OUTLINE_WIDTHS","PRESSED_CORNERS","toggleState","useButtonAction","useCorner","useSlotTrigger","palettesOf","BUSY","CONCEALED","PendingContent","PendingRing","pendingStyles","usePending","IconStyleContext","hitSlop","usePressFeedback","useTheme","composeStyles","themedStyles","useTypeRole","ButtonForm","variant","Exclude","ButtonVariant","ButtonProps","Omit","children","disableRipple","icon","isDisabled","ref","shape","ButtonShape","size","ButtonSize","style","ToggleVariant","DISABLED","Readonly","Record","elevated","filled","outlined","text","tonal","ICON_SIZES","lg","md","xl","xs","xxl","ROLES","SQUARE_CORNERS","const","TOGGLE_PALETTES","selected","unselected","styles","create","base","alignItems","flexDirection","justifyContent","maxWidth","flexShrink","label","textAlign","inlinePaddings","spacing","shadowsOf","shadows","elevation1","boxShadow","elevation2","sizesOf","theme","sizing","inline","gap","sm","minHeight","controlLg","paddingHorizontal","paddingVertical","controlSm","controlXl","controlXs","controlXxl","outlinedSizesOf","borderWidth","Button","t0","$","_c","defaultSelected","delayLongPress","href","isSelected","onBlur","onChange","onFocus","onHoverIn","onHoverOut","onLayout","onLongPress","onPress","onPressIn","onPressOut","ownHitSlop","pendingLabel","props","slot","t1","t2","t3","t4","t5","t6","type","isPending","undefined","role","fontScale","pending","ringLabel","isToggle","t7","t8","action","t9","t10","hoverIn","hoverOut","longPress","triggerProps","colors","feedback","color","content","disabled","radii","resting","pill","shaped","pressed","T0","t11","t12","t13","t14","handlers","t15","t16","t17","t18","t19","container","shadowOf","corner","ring","t20","clip","t21","layer","t22","iconStyleOf","t23","hidden","t24","typography","t25","hovered","lifted","_c","NativeText"],"sources":["../../../src/components/button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type {\n  PressableProps,\n  StyleProp,\n  TextStyle,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport {\n  Text as NativeText,\n  StyleSheet,\n  useWindowDimensions,\n} from 'react-native'\nimport Animated from 'react-native-reanimated'\n\nimport type {\n  ButtonLinkForm,\n  ButtonPressForm,\n  ButtonToggleForm,\n} from '../../button'\nimport type { PaletteName } from '../../button/palettes'\nimport type { IconStyle } from '../../glyphs/icon-style'\nimport type { ResolvedTheme } from '../../theme/scope'\nimport type { TypeRole } from '../../typography/roles'\n\nimport {\n  AnimatedPressable,\n  buttonStyles,\n  HEIGHTS,\n  OUTLINE_WIDTHS,\n  PRESSED_CORNERS,\n  toggleState,\n  useButtonAction,\n  useCorner,\n  useSlotTrigger,\n} from '../../button'\nimport { palettesOf } from '../../button/palettes'\nimport {\n  BUSY,\n  CONCEALED,\n  PendingContent,\n  PendingRing,\n  pendingStyles,\n  usePending,\n} from '../../button/pending'\nimport { IconStyleContext } from '../../glyphs/icon-style'\nimport { hitSlop, usePressFeedback } from '../../press'\nimport { useTheme } from '../../theme/scope'\nimport { composeStyles, themedStyles } from '../../theme/styles'\nimport { useTypeRole } from '../../typography/roles'\n\n// The buttons spec page's five colour styles, five sizes and two shapes, as\n// kanso-ui's Button draws them. The variant carries colour and the size\n// carries geometry, so the two never argue: the padding belongs to the size\n// alone, and a text button is as wide as a filled one at the same size.\n//\n// The colour pairs are the page's: filled on primary, tonal on secondary\n// container, outlined with an outline-variant rule and an on-surface-variant\n// label, text on primary, and elevated on surface container low with a\n// primary label. Elevated is the one variant whose shadow is part of it: it\n// rests at elevation 1, rises to 2 under a pointer and settles back while\n// pressed, where filled and tonal rest flat and lift to 1 under a pointer\n// only. The shadow is the theme's `boxShadow` value, which React Native draws\n// on iOS and Android as React Native Web draws it in a browser.\n//\n// The state layers, the ripple and the focus ring are src/press's, drawn in\n// the label's colour over the container, as on web.\n//\n// **Disabled is the page's colour at an opacity, translucent.** A container\n// is on-surface at the `disabledContainer` opacity, and the label on-surface\n// at `disabledContent`, over whatever the button sits on rather than mixed\n// over the surface role as web's are; src/button/palettes.ts gives the\n// reason. Disabled drops the shadow, since a shadow says a control is there\n// to press.\n//\n// **A toggle is the same button reporting a state.** Given `isSelected`,\n// `defaultSelected` or `onChange` it takes the page's second pair of colour\n// roles for its variant: a filled toggle rests on surface container with an\n// on-surface-variant label and takes primary once selected, a tonal one moves\n// from the secondary container pair to secondary, an elevated one keeps its\n// low surface until it takes primary, and an outlined one swaps its rule for\n// the inverse surface pair. The page gives text no pair, so a text button\n// given those props stays a plain one.\n//\n// **A pending button keeps its place.** Given `isPending` the label and the\n// icon are hidden where they stand, so the button keeps its width, and an\n// indeterminate ring is drawn over them in the label's colour, at the label's\n// type size times the device's text size, which is what web's `1em` reads.\n// The button keeps its focus and its ring and takes no press, so a double tap\n// cannot run the action twice: neither `onPress` nor `onLongPress` is called,\n// and a toggle keeps its state until it clears. It reports itself busy, and\n// src/button's pending.tsx says the change out loud.\n//\n// **The corner is a shape the button morphs between.** `round` rests as the\n// pill and `square` at the size's square corner: 12dp up to the page's S,\n// 16dp at M and 28dp above. A press tightens either to the size's pressed\n// corner, 8dp, 12dp or 16dp, and a toggle trades its shape for the other\n// once selected. The corner eases through Reanimated, as src/button's\n// `useCorner` sets out.\n//\n// The forms, the toggle's state, what a press does and the corner's ease are\n// src/button's, shared with IconButton.\n\ntype ButtonForm =\n  | ButtonLinkForm\n  | ButtonPressForm\n  | (ButtonToggleForm & {\n      /**\n       * A toggle takes any variant but `text`, which the page gives no\n       * selected colours.\n       */\n      readonly variant?: Exclude<ButtonVariant, 'text'>\n    })\n\ntype ButtonProps = ButtonForm &\n  Omit<PressableProps, 'children' | 'disabled' | 'style'> & {\n    /** The label. */\n    readonly children?: ReactNode\n    /**\n     * Draws no press ripple. The state layer is unaffected.\n     * @default false\n     */\n    readonly disableRipple?: boolean\n    /**\n     * An icon before the label, at the page's icon size for the button's\n     * size: 20dp at `xs` and `md`, 24dp at `lg`, 32dp at `xl` and 40dp at\n     * `xxl`. The slot hands it the label's colour and that size through\n     * `useIconStyle()`.\n     */\n    readonly icon?: ReactNode\n    /**\n     * Draws the button disabled, and takes no presses.\n     * @default false\n     */\n    readonly isDisabled?: boolean\n    readonly ref?: Ref<ComponentRef<typeof View>>\n    /**\n     * The corner the button rests at: `round` is the pill, `square` the\n     * page's rounded rectangle, 12dp up to `md`, 16dp at `lg` and 28dp above.\n     * Either tightens while pressed, and a toggle trades one for the other\n     * once selected.\n     * @default 'round'\n     */\n    readonly shape?: ButtonShape\n    /**\n     * Control height: `xs` 32dp, `md` 40dp, `lg` 56dp, `xl` 96dp, `xxl` 136dp,\n     * the buttons spec page's XS, S, M, L and XL, each with its own padding\n     * and type role. `md` is the page's default. The height is a floor, so a\n     * label that wraps, or that the device's text size enlarges, grows the\n     * button rather than running out of it.\n     * @default 'md'\n     */\n    readonly size?: ButtonSize\n    readonly style?: StyleProp<ViewStyle>\n    /**\n     * How much weight the button pulls. `filled` and `tonal` carry a container\n     * of their own; `outlined` and `text` sit on the page; `elevated` sits on\n     * a low surface and lifts off it with a shadow, for a button that has to\n     * separate from a busy background rather than from the page.\n     * @default 'filled'\n     */\n    readonly variant?: ButtonVariant\n  }\n\ntype ButtonShape = 'round' | 'square'\n\ntype ButtonSize = 'lg' | 'md' | 'xl' | 'xs' | 'xxl'\n\ntype ButtonVariant = 'elevated' | 'filled' | 'outlined' | 'text' | 'tonal'\n\ntype ToggleVariant = Exclude<ButtonVariant, 'text'>\n\n// The disabled container each variant draws. Filled, tonal and elevated share\n// one, which is the page's single disabled container for all three.\nconst DISABLED: Readonly<Record<ButtonVariant, PaletteName>> = {\n  elevated: 'filledDisabled',\n  filled: 'filledDisabled',\n  outlined: 'outlinedDisabled',\n  text: 'textDisabled',\n  tonal: 'filledDisabled',\n}\n\n// The icon each size draws, from the page's size token sets. Literals, as on\n// web: they are icon sizes, which the theme has no scale for.\nconst ICON_SIZES: Readonly<Record<ButtonSize, number>> = {\n  lg: 24,\n  md: 20,\n  xl: 32,\n  xs: 20,\n  xxl: 40,\n}\n\n// The type role each size sets its label in, taken whole: label-large for the\n// two small sizes, then title-medium, headline-small and headline-large.\nconst ROLES: Readonly<Record<ButtonSize, TypeRole>> = {\n  lg: 'titleMedium',\n  md: 'labelLarge',\n  xl: 'headlineSmall',\n  xs: 'labelLarge',\n  xxl: 'headlineLarge',\n}\n\n// The square corner each size rests at, and a round toggle takes once\n// selected.\nconst SQUARE_CORNERS = {\n  lg: 'lg',\n  md: 'md',\n  xl: 'xl',\n  xs: 'md',\n  xxl: 'xl',\n} as const satisfies Record<ButtonSize, keyof ResolvedTheme['radii']>\n\n// Which container a toggle draws, selected and not.\nconst TOGGLE_PALETTES: Readonly<\n  Record<\n    ToggleVariant,\n    Readonly<Record<'selected' | 'unselected', PaletteName>>\n  >\n> = {\n  elevated: { selected: 'elevatedToggleSelected', unselected: 'elevated' },\n  filled: { selected: 'filledToggleSelected', unselected: 'filledToggle' },\n  outlined: { selected: 'outlinedToggleSelected', unselected: 'outlined' },\n  tonal: { selected: 'tonalToggleSelected', unselected: 'tonal' },\n}\n\nconst styles = StyleSheet.create({\n  // The label sits in the middle of a button wider than it, one stretched by\n  // a column or given a width, as the page draws every button, and a button\n  // is never wider than what holds it.\n  base: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    maxWidth: '100%',\n  },\n  icon: {\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n  // A label too long for the row wraps, its lines centred, and grows the\n  // button with it.\n  label: {\n    flexShrink: 1,\n    textAlign: 'center',\n  },\n})\n\n// Each size's inline padding. The two largest are literals: 48 and 64 are not\n// steps of the spacing scale, and the scale should not grow to fit one\n// component. `xs` pads 12 a side, the extra-small token set's leading and\n// trailing space.\nfunction inlinePaddings({\n  spacing,\n}: ResolvedTheme): Readonly<Record<ButtonSize, number>> {\n  return { lg: spacing.xl, md: spacing.lg, xl: 48, xs: spacing.md, xxl: 64 }\n}\n\nconst shadowsOf = themedStyles(({ shadows }) =>\n  StyleSheet.create({\n    elevation1: { boxShadow: shadows.elevation1 },\n    elevation2: { boxShadow: shadows.elevation2 },\n  }),\n)\n\n// The five sizes, from the page's size token sets: the container height, the\n// padding, and the gap before an icon. The height is a floor rather than a\n// fixed size, and the block padding is what keeps a wrapped label off the\n// pill's edge: a step short of a single line's own inset, so a label on one\n// line still draws exactly the page's height.\nconst sizesOf = themedStyles((theme) => {\n  const { sizing, spacing } = theme\n  const inline = inlinePaddings(theme)\n\n  return StyleSheet.create({\n    lg: {\n      gap: spacing.sm,\n      minHeight: sizing.controlLg,\n      paddingHorizontal: inline.lg,\n      paddingVertical: spacing.md,\n    },\n    md: {\n      gap: spacing.sm,\n      minHeight: sizing.controlSm,\n      paddingHorizontal: inline.md,\n      paddingVertical: spacing.sm,\n    },\n    xl: {\n      gap: spacing.md,\n      minHeight: sizing.controlXl,\n      paddingHorizontal: inline.xl,\n      paddingVertical: spacing.xl,\n    },\n    xs: {\n      gap: spacing.sm,\n      minHeight: sizing.controlXs,\n      paddingHorizontal: inline.xs,\n      paddingVertical: spacing.xs,\n    },\n    xxl: {\n      gap: spacing.lg,\n      minHeight: sizing.controlXxl,\n      paddingHorizontal: inline.xxl,\n      paddingVertical: spacing.xxl,\n    },\n  })\n})\n\n// The outlined button draws its rule inside the width the other variants\n// take, as the page's buttons do: the padding gives up what the rule takes,\n// so an outlined and a filled button with one label are one width.\nconst outlinedSizesOf = themedStyles((theme) => {\n  const inline = inlinePaddings(theme)\n\n  function outlined(size: ButtonSize): ViewStyle {\n    return {\n      borderWidth: OUTLINE_WIDTHS[size],\n      paddingHorizontal: inline[size] - OUTLINE_WIDTHS[size],\n    }\n  }\n\n  return StyleSheet.create({\n    lg: outlined('lg'),\n    md: outlined('md'),\n    xl: outlined('xl'),\n    xs: outlined('xs'),\n    xxl: outlined('xxl'),\n  })\n})\n\n/**\n * The design's button, at five emphasis levels and five control heights,\n * round or square, with web's props and values. Given `href` it is a link with\n * the same appearance, and given `isSelected`, `defaultSelected` or\n * `onChange` it is a toggle, which reports its state to a screen reader and\n * draws the page's second pair of colour roles for its variant.\n *\n * ```tsx\n * <Button defaultSelected variant=\"tonal\">\n *   Label\n * </Button>\n * ```\n *\n * A column stretches a button across it, as it does any view, and as a flex\n * column does a button on web; a column that should hold its buttons at their\n * labels' width says so with `alignItems`.\n *\n * The two sizes under 48dp tall, `xs` and `md`, take presses over a 48dp\n * target through `hitSlop`, which a `hitSlop` of the call site's own replaces.\n * `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction Button({\n  children,\n  defaultSelected,\n  delayLongPress,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  href,\n  icon,\n  isDisabled = false,\n  isPending = false,\n  isSelected,\n  onBlur,\n  onChange,\n  onFocus,\n  onHoverIn,\n  onHoverOut,\n  onLayout,\n  onLongPress,\n  onPress,\n  onPressIn,\n  onPressOut,\n  pendingLabel,\n  ref,\n  shape = 'round',\n  size = 'md',\n  slot,\n  style,\n  type,\n  variant = 'filled',\n  ...props\n}: ButtonProps) {\n  const theme = useTheme()\n  const role = useTypeRole(ROLES[size])\n  const { fontScale } = useWindowDimensions()\n  // A link is never pending, as on web, where its props have no such state.\n  const pending = href === undefined && isPending\n  const ringLabel = usePending(pending, pendingLabel)\n\n  // The three props that make this a toggle, read as web reads them. The\n  // types keep them off a `text` button; the check here keeps a call site\n  // that slipped past them a plain button.\n  const isToggle =\n    variant !== 'text' &&\n    (defaultSelected !== undefined ||\n      isSelected !== undefined ||\n      onChange !== undefined)\n  const action = useButtonAction({\n    defaultSelected,\n    href,\n    isSelected,\n    isToggle,\n    onChange,\n    onPress,\n    slot: slot ?? 'default',\n    type,\n  })\n  const {\n    onHoverIn: hoverIn,\n    onHoverOut: hoverOut,\n    onLongPress: longPress,\n    ...triggerProps\n  } = useSlotTrigger({\n    delayLongPress,\n    href,\n    onHoverIn,\n    onHoverOut,\n    onLongPress,\n    ref,\n    slot,\n  })\n  const colors =\n    palettesOf(theme)[\n      isDisabled\n        ? DISABLED[variant]\n        : variant !== 'text' && isToggle\n          ? TOGGLE_PALETTES[variant][\n              action.selected ? 'selected' : 'unselected'\n            ]\n          : variant\n    ]\n\n  const feedback = usePressFeedback({\n    color: colors.content,\n    disabled: isDisabled,\n    disableRipple,\n    onBlur,\n    onFocus,\n    onHoverIn: hoverIn,\n    onHoverOut: hoverOut,\n    onPressIn,\n    onPressOut,\n    pending,\n  })\n\n  const { radii } = theme\n  const resting =\n    (shape === 'square') !== action.selected\n      ? radii[SQUARE_CORNERS[size]]\n      : radii.pill\n  const shaped = useCorner(\n    feedback.pressed ? radii[PRESSED_CORNERS[size]] : resting,\n    onLayout,\n  )\n\n  return (\n    <AnimatedPressable\n      role={href === undefined ? 'button' : 'link'}\n      {...(isToggle ? toggleState(action.selected) : undefined)}\n      {...(pending ? BUSY : undefined)}\n      {...props}\n      {...triggerProps}\n      {...feedback.handlers}\n      disabled={isDisabled}\n      hitSlop={ownHitSlop ?? hitSlop(theme.sizing[HEIGHTS[size]])}\n      onLayout={shaped.onLayout}\n      onLongPress={pending ? undefined : longPress}\n      onPress={pending ? undefined : action.onPress}\n      style={composeStyles<AnimatedStyle<ViewStyle>>(\n        styles.base,\n        sizesOf(theme)[size],\n        variant === 'outlined' ? outlinedSizesOf(theme)[size] : undefined,\n        colors.container,\n        shadowOf(variant, feedback, isDisabled, theme),\n        shaped.corner,\n        feedback.ring,\n        style,\n      )}\n    >\n      <Animated.View\n        style={composeStyles<AnimatedStyle<ViewStyle>>(\n          buttonStyles.clip,\n          shaped.corner,\n        )}\n      >\n        {feedback.layer}\n      </Animated.View>\n      {icon === undefined ? null : (\n        <PendingContent isPending={pending}>\n          <IconStyleContext value={iconStyleOf(colors.content, size)}>\n            {icon}\n          </IconStyleContext>\n        </PendingContent>\n      )}\n      {children === undefined ? null : (\n        <NativeText\n          {...(pending ? CONCEALED : undefined)}\n          style={composeStyles<TextStyle>(\n            role,\n            styles.label,\n            colors.label,\n            pending ? pendingStyles.hidden : undefined,\n          )}\n        >\n          {children}\n        </NativeText>\n      )}\n      {pending ? (\n        <PendingRing\n          color={colors.content}\n          diameter={theme.typography[`${ROLES[size]}Size`] * fontScale}\n          label={ringLabel}\n        />\n      ) : null}\n    </AnimatedPressable>\n  )\n}\n\nfunction iconStyleOf(color: string, size: ButtonSize): IconStyle {\n  return { color, size: ICON_SIZES[size] }\n}\n\n// The shadow a variant draws in its state: elevated rests at 1 and rises to 2\n// under a pointer, filled and tonal rest flat and rise to 1, and a press\n// brings each back to where it rests.\nfunction shadowOf(\n  variant: ButtonVariant,\n  {\n    hovered,\n    pressed,\n  }: { readonly hovered: boolean; readonly pressed: boolean },\n  isDisabled: boolean,\n  theme: ResolvedTheme,\n): undefined | ViewStyle {\n  const lifted = hovered && !pressed\n\n  if (isDisabled) {\n    return undefined\n  }\n\n  if (variant === 'elevated') {\n    return shadowsOf(theme)[lifted ? 'elevation2' : 'elevation1']\n  }\n\n  return (variant === 'filled' || variant === 'tonal') && lifted\n    ? shadowsOf(theme).elevation1\n    : undefined\n}\n\nexport { Button }\nexport type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant }\n"],"mappings":"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"}

package/dist/components/card/index.d.ts

@@ -1,5 +1,5 @@
-import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
+import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/card/index.d.ts
 type CardBaseProps = {
   readonly children?: ReactNode;

package/dist/components/card/index.js

@@ -4,8 +4,8 @@ import { useLinkPress } from "../../router/index.js";
 import { withOpacity } from "../../theme/color.js";
 import { usePressFeedback } from "../../press/index.js";
 import { c } from "react/compiler-runtime";
-import { Pressable, StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Pressable, StyleSheet, View } from "react-native";
 //#region src/components/card/index.tsx
 const paddings = themedStyles(({ spacing }) => StyleSheet.create({
 	default: { padding: spacing.lg },

package/dist/components/checkbox/index.d.ts

@@ -1,5 +1,5 @@
-import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
+import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 //#region src/components/checkbox/index.d.ts
 type CheckboxProps = Omit<ViewProps, 'children' | 'style'> & {
   /**