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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","View","ViewStyle","AnimatedStyle","StyleSheet","Animated","ButtonLinkForm","ButtonPressForm","ButtonToggleForm","PaletteName","IconStyle","AnimatedPressable","buttonStyles","HEIGHTS","OUTLINE_WIDTHS","PRESSED_CORNERS","toggleState","useButtonAction","useCorner","palettesOf","BUSY","PendingContent","PendingRing","usePending","IconStyleContext","hitSlop","usePressFeedback","useTheme","composeStyles","themedStyles","IconButtonProps","Omit","children","disableRipple","isDisabled","ref","size","IconButtonSize","style","variant","IconButtonVariant","DISABLED","Readonly","Record","filled","outlined","standard","tonal","ICON_SIZES","lg","md","xl","xs","xxl","TOGGLE_PALETTES","selected","unselected","styles","create","base","alignItems","flexShrink","justifyContent","outlineWidths","borderWidth","sizesOf","sizing","square","edge","height","width","IconButton","t0","$","_c","defaultSelected","href","isSelected","onBlur","onChange","onFocus","onHoverIn","onHoverOut","onLayout","onLongPress","onPress","onPressIn","onPressOut","ownHitSlop","pendingLabel","props","slot","t1","t2","t3","t4","t5","type","isPending","undefined","theme","pending","ringLabel","isToggle","t6","t7","action","colors","feedback","color","content","disabled","radii","shaped","pressed","pill","T0","t8","t9","t10","t11","handlers","t12","t13","t14","t15","t16","container","corner","ring","t17","clip","t18","layer","T1","T2","t19","iconStyleOf","t20","t21","t22","t23","_c"],"sources":["../../../src/components/icon-button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport { StyleSheet } 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'\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  PendingContent,\n  PendingRing,\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'\n\n// The icon buttons spec page's four styles at its five sizes, as kanso-ui's\n// IconButton draws them: Button's chrome around a single icon. The pairs are\n// the page's: filled on primary, tonal on secondary container, outlined with\n// an outline-variant rule and an on-surface-variant icon, and standard,\n// transparent, with the same icon over whatever it sits on. Disabled is\n// Button's, on-surface at the two disabled opacities, and a standard button\n// takes the text button's colour since neither has a container.\n//\n// The sizes are the page's XS to XL at Button's five heights, so the two line\n// up in a row: a square of 32, 40, 56, 96 or 136dp holding an icon of 20, 24,\n// 24, 32 or 40dp. The two middle sizes share one icon, and the container\n// alone grows between them. The two smallest take presses over a 48dp target\n// through `hitSlop`, which is the page's floor for them.\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 icon and takes primary once selected, a tonal one moves\n// from the secondary container pair to secondary, a standard one stays\n// transparent while its icon moves to primary, and an outlined one swaps its\n// rule for the inverse surface pair. So a selected filled toggle looks like a\n// plain filled button, and an unselected one does not.\n//\n// **A pending button keeps its place**, as Button's does: the icon is hidden\n// where it stands and an indeterminate ring is drawn over it, in the icon's\n// colour and at the icon's size, which is what web's `1em` reads there. The\n// button keeps its focus and its ring, reports itself busy and takes no\n// press until it clears, and src/button's pending.tsx says the change out\n// loud.\n//\n// **The corner morphs from a circle to a rounded square.** A press tightens\n// it to the size's pressed corner, 8dp for the two small sizes, 12dp at\n// `lg` and 16dp at the two large, and a selected toggle rests there, which is\n// the page's round-to-square morph. It eases as Button's does.\n//\n// The forms, the toggle's state, what a press does and the corner's ease are\n// src/button's, shared with Button.\n\ntype IconButtonProps = (ButtonLinkForm | ButtonPressForm | ButtonToggleForm) &\n  Omit<PressableProps, 'aria-label' | 'children' | 'disabled' | 'style'> & {\n    /**\n     * What the button does, in words. Required rather than optional: an icon\n     * on its own has no accessible name, so without this the control\n     * announces nothing at all.\n     */\n    readonly 'aria-label': string\n    /**\n     * The icon. The button hands it its colour and the page's icon size for\n     * the button's size through `useIconStyle()`.\n     */\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     * 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     * Control size: `xs` 32dp, `md` 40dp, `lg` 56dp, `xl` 96dp, `xxl` 136dp,\n     * the icon buttons spec page's XS to XL, and the same heights `Button`\n     * uses, so the two line up beside each other in a row. The icon is 20dp,\n     * 24dp, 24dp, 32dp and 40dp in turn.\n     * @default 'md'\n     */\n    readonly size?: IconButtonSize\n    readonly style?: StyleProp<ViewStyle>\n    /**\n     * `standard` is transparent and tints what it sits on; `outlined` is\n     * transparent with a rule around it; `filled` and `tonal` carry a\n     * container of their own.\n     * @default 'standard'\n     */\n    readonly variant?: IconButtonVariant\n  }\n\ntype IconButtonSize = 'lg' | 'md' | 'xl' | 'xs' | 'xxl'\n\ntype IconButtonVariant = 'filled' | 'outlined' | 'standard' | 'tonal'\n\n// The disabled container each variant draws. Filled and tonal share the\n// page's one disabled container, and standard draws the text button's\n// colour, which is the icon alone.\nconst DISABLED: Readonly<Record<IconButtonVariant, PaletteName>> = {\n  filled: 'filledDisabled',\n  outlined: 'outlinedDisabled',\n  standard: 'textDisabled',\n  tonal: 'filledDisabled',\n}\n\n// The icon each size holds, 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<IconButtonSize, number>> = {\n  lg: 24,\n  md: 24,\n  xl: 32,\n  xs: 20,\n  xxl: 40,\n}\n\n// Which container a toggle draws, selected and not. An unselected outlined,\n// standard or tonal toggle is the plain button of that variant.\nconst TOGGLE_PALETTES: Readonly<\n  Record<\n    IconButtonVariant,\n    Readonly<Record<'selected' | 'unselected', PaletteName>>\n  >\n> = {\n  filled: { selected: 'filledToggleSelected', unselected: 'filledToggle' },\n  outlined: { selected: 'outlinedToggleSelected', unselected: 'outlined' },\n  standard: { selected: 'standardToggleSelected', unselected: 'standard' },\n  tonal: { selected: 'tonalToggleSelected', unselected: 'tonal' },\n}\n\nconst styles = StyleSheet.create({\n  // The icon sits in the middle of a square that a row never squeezes.\n  base: {\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n})\n\n// The outlined rule's width at each size, Button's.\nconst outlineWidths = StyleSheet.create({\n  lg: { borderWidth: OUTLINE_WIDTHS.lg },\n  md: { borderWidth: OUTLINE_WIDTHS.md },\n  xl: { borderWidth: OUTLINE_WIDTHS.xl },\n  xs: { borderWidth: OUTLINE_WIDTHS.xs },\n  xxl: { borderWidth: OUTLINE_WIDTHS.xxl },\n})\n\n// Square, so one control height sets both edges.\nconst sizesOf = themedStyles(({ sizing }) => {\n  function square(size: IconButtonSize): ViewStyle {\n    const edge = sizing[HEIGHTS[size]]\n\n    return { height: edge, width: edge }\n  }\n\n  return StyleSheet.create({\n    lg: square('lg'),\n    md: square('md'),\n    xl: square('xl'),\n    xs: square('xs'),\n    xxl: square('xxl'),\n  })\n})\n\n/**\n * A button that is an icon, at five control heights, with web's props and\n * values. Given `href` it is a link with the same appearance, and given\n * `isSelected`, `defaultSelected` or `onChange` it is a toggle, which reports\n * its state to a screen reader and draws the page's second pair of colour\n * roles for its variant. The three forms are exclusive, so a toggle given\n * `href` does not compile.\n *\n * ```tsx\n * <IconButton aria-label=\"Label\" defaultSelected variant=\"tonal\">\n *   <Icon />\n * </IconButton>\n * ```\n *\n * The two sizes under 48dp, `xs` and `md`, take presses over a 48dp target\n * through `hitSlop`, which a `hitSlop` of the call site's own replaces.\n * `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction IconButton({\n  children,\n  defaultSelected,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  href,\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  size = 'md',\n  slot,\n  style,\n  type,\n  variant = 'standard',\n  ...props\n}: IconButtonProps) {\n  const theme = useTheme()\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.\n  const isToggle =\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        : 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, sizing } = theme\n  const edge = sizing[HEIGHTS[size]]\n  const shaped = useCorner(\n    feedback.pressed || action.selected\n      ? radii[PRESSED_CORNERS[size]]\n      : radii.pill,\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(edge, edge)}\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' ? outlineWidths[size] : undefined,\n        colors.container,\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      <PendingContent isPending={pending}>\n        <IconStyleContext value={iconStyleOf(colors.content, size)}>\n          {children}\n        </IconStyleContext>\n      </PendingContent>\n      {pending ? (\n        <PendingRing\n          color={colors.content}\n          diameter={ICON_SIZES[size]}\n          label={ringLabel}\n        />\n      ) : null}\n    </AnimatedPressable>\n  )\n}\n\nfunction iconStyleOf(color: string, size: IconButtonSize): IconStyle {\n  return { color, size: ICON_SIZES[size] }\n}\n\nexport { IconButton }\nexport type { IconButtonProps, IconButtonSize, IconButtonVariant }\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ComponentRef","ReactNode","Ref","PressableProps","StyleProp","View","ViewStyle","AnimatedStyle","StyleSheet","Animated","ButtonLinkForm","ButtonPressForm","ButtonToggleForm","PaletteName","IconStyle","AnimatedPressable","buttonStyles","HEIGHTS","OUTLINE_WIDTHS","PRESSED_CORNERS","toggleState","useButtonAction","useCorner","useSlotTrigger","palettesOf","BUSY","PendingContent","PendingRing","usePending","IconStyleContext","hitSlop","usePressFeedback","useTheme","composeStyles","themedStyles","IconButtonProps","Omit","children","disableRipple","isDisabled","ref","size","IconButtonSize","style","variant","IconButtonVariant","DISABLED","Readonly","Record","filled","outlined","standard","tonal","ICON_SIZES","lg","md","xl","xs","xxl","TOGGLE_PALETTES","selected","unselected","styles","create","base","alignItems","flexShrink","justifyContent","outlineWidths","borderWidth","sizesOf","sizing","square","edge","height","width","IconButton","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","type","isPending","undefined","theme","pending","ringLabel","isToggle","t6","t7","action","t8","t9","hoverIn","hoverOut","longPress","triggerProps","colors","feedback","color","content","disabled","radii","shaped","pressed","pill","T0","t10","t11","t12","t13","handlers","t14","t15","t16","t17","t18","container","corner","ring","t19","clip","t20","layer","T1","T2","t21","iconStyleOf","t22","t23","t24","t25","_c"],"sources":["../../../src/components/icon-button/index.tsx"],"sourcesContent":["import type { ComponentRef, ReactNode, Ref } from 'react'\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native'\nimport type { AnimatedStyle } from 'react-native-reanimated'\n\nimport { StyleSheet } 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'\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  PendingContent,\n  PendingRing,\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'\n\n// The icon buttons spec page's four styles at its five sizes, as kanso-ui's\n// IconButton draws them: Button's chrome around a single icon. The pairs are\n// the page's: filled on primary, tonal on secondary container, outlined with\n// an outline-variant rule and an on-surface-variant icon, and standard,\n// transparent, with the same icon over whatever it sits on. Disabled is\n// Button's, on-surface at the two disabled opacities, and a standard button\n// takes the text button's colour since neither has a container.\n//\n// The sizes are the page's XS to XL at Button's five heights, so the two line\n// up in a row: a square of 32, 40, 56, 96 or 136dp holding an icon of 20, 24,\n// 24, 32 or 40dp. The two middle sizes share one icon, and the container\n// alone grows between them. The two smallest take presses over a 48dp target\n// through `hitSlop`, which is the page's floor for them.\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 icon and takes primary once selected, a tonal one moves\n// from the secondary container pair to secondary, a standard one stays\n// transparent while its icon moves to primary, and an outlined one swaps its\n// rule for the inverse surface pair. So a selected filled toggle looks like a\n// plain filled button, and an unselected one does not.\n//\n// **A pending button keeps its place**, as Button's does: the icon is hidden\n// where it stands and an indeterminate ring is drawn over it, in the icon's\n// colour and at the icon's size, which is what web's `1em` reads there. The\n// button keeps its focus and its ring, reports itself busy and takes no\n// press until it clears, and src/button's pending.tsx says the change out\n// loud.\n//\n// **The corner morphs from a circle to a rounded square.** A press tightens\n// it to the size's pressed corner, 8dp for the two small sizes, 12dp at\n// `lg` and 16dp at the two large, and a selected toggle rests there, which is\n// the page's round-to-square morph. It eases as Button's does.\n//\n// The forms, the toggle's state, what a press does and the corner's ease are\n// src/button's, shared with Button.\n\ntype IconButtonProps = (ButtonLinkForm | ButtonPressForm | ButtonToggleForm) &\n  Omit<PressableProps, 'aria-label' | 'children' | 'disabled' | 'style'> & {\n    /**\n     * What the button does, in words. Required rather than optional: an icon\n     * on its own has no accessible name, so without this the control\n     * announces nothing at all.\n     */\n    readonly 'aria-label': string\n    /**\n     * The icon. The button hands it its colour and the page's icon size for\n     * the button's size through `useIconStyle()`.\n     */\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     * 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     * Control size: `xs` 32dp, `md` 40dp, `lg` 56dp, `xl` 96dp, `xxl` 136dp,\n     * the icon buttons spec page's XS to XL, and the same heights `Button`\n     * uses, so the two line up beside each other in a row. The icon is 20dp,\n     * 24dp, 24dp, 32dp and 40dp in turn.\n     * @default 'md'\n     */\n    readonly size?: IconButtonSize\n    readonly style?: StyleProp<ViewStyle>\n    /**\n     * `standard` is transparent and tints what it sits on; `outlined` is\n     * transparent with a rule around it; `filled` and `tonal` carry a\n     * container of their own.\n     * @default 'standard'\n     */\n    readonly variant?: IconButtonVariant\n  }\n\ntype IconButtonSize = 'lg' | 'md' | 'xl' | 'xs' | 'xxl'\n\ntype IconButtonVariant = 'filled' | 'outlined' | 'standard' | 'tonal'\n\n// The disabled container each variant draws. Filled and tonal share the\n// page's one disabled container, and standard draws the text button's\n// colour, which is the icon alone.\nconst DISABLED: Readonly<Record<IconButtonVariant, PaletteName>> = {\n  filled: 'filledDisabled',\n  outlined: 'outlinedDisabled',\n  standard: 'textDisabled',\n  tonal: 'filledDisabled',\n}\n\n// The icon each size holds, 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<IconButtonSize, number>> = {\n  lg: 24,\n  md: 24,\n  xl: 32,\n  xs: 20,\n  xxl: 40,\n}\n\n// Which container a toggle draws, selected and not. An unselected outlined,\n// standard or tonal toggle is the plain button of that variant.\nconst TOGGLE_PALETTES: Readonly<\n  Record<\n    IconButtonVariant,\n    Readonly<Record<'selected' | 'unselected', PaletteName>>\n  >\n> = {\n  filled: { selected: 'filledToggleSelected', unselected: 'filledToggle' },\n  outlined: { selected: 'outlinedToggleSelected', unselected: 'outlined' },\n  standard: { selected: 'standardToggleSelected', unselected: 'standard' },\n  tonal: { selected: 'tonalToggleSelected', unselected: 'tonal' },\n}\n\nconst styles = StyleSheet.create({\n  // The icon sits in the middle of a square that a row never squeezes.\n  base: {\n    alignItems: 'center',\n    flexShrink: 0,\n    justifyContent: 'center',\n  },\n})\n\n// The outlined rule's width at each size, Button's.\nconst outlineWidths = StyleSheet.create({\n  lg: { borderWidth: OUTLINE_WIDTHS.lg },\n  md: { borderWidth: OUTLINE_WIDTHS.md },\n  xl: { borderWidth: OUTLINE_WIDTHS.xl },\n  xs: { borderWidth: OUTLINE_WIDTHS.xs },\n  xxl: { borderWidth: OUTLINE_WIDTHS.xxl },\n})\n\n// Square, so one control height sets both edges.\nconst sizesOf = themedStyles(({ sizing }) => {\n  function square(size: IconButtonSize): ViewStyle {\n    const edge = sizing[HEIGHTS[size]]\n\n    return { height: edge, width: edge }\n  }\n\n  return StyleSheet.create({\n    lg: square('lg'),\n    md: square('md'),\n    xl: square('xl'),\n    xs: square('xs'),\n    xxl: square('xxl'),\n  })\n})\n\n/**\n * A button that is an icon, at five control heights, with web's props and\n * values. Given `href` it is a link with the same appearance, and given\n * `isSelected`, `defaultSelected` or `onChange` it is a toggle, which reports\n * its state to a screen reader and draws the page's second pair of colour\n * roles for its variant. The three forms are exclusive, so a toggle given\n * `href` does not compile.\n *\n * ```tsx\n * <IconButton aria-label=\"Label\" defaultSelected variant=\"tonal\">\n *   <Icon />\n * </IconButton>\n * ```\n *\n * The two sizes under 48dp, `xs` and `md`, take presses over a 48dp target\n * through `hitSlop`, which a `hitSlop` of the call site's own replaces.\n * `style`, `ref` and `testID` land on the `Pressable`.\n */\nfunction IconButton({\n  children,\n  defaultSelected,\n  delayLongPress,\n  disableRipple = false,\n  hitSlop: ownHitSlop,\n  href,\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  size = 'md',\n  slot,\n  style,\n  type,\n  variant = 'standard',\n  ...props\n}: IconButtonProps) {\n  const theme = useTheme()\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.\n  const isToggle =\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        : 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, sizing } = theme\n  const edge = sizing[HEIGHTS[size]]\n  const shaped = useCorner(\n    feedback.pressed || action.selected\n      ? radii[PRESSED_CORNERS[size]]\n      : radii.pill,\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(edge, edge)}\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' ? outlineWidths[size] : undefined,\n        colors.container,\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      <PendingContent isPending={pending}>\n        <IconStyleContext value={iconStyleOf(colors.content, size)}>\n          {children}\n        </IconStyleContext>\n      </PendingContent>\n      {pending ? (\n        <PendingRing\n          color={colors.content}\n          diameter={ICON_SIZES[size]}\n          label={ringLabel}\n        />\n      ) : null}\n    </AnimatedPressable>\n  )\n}\n\nfunction iconStyleOf(color: string, size: IconButtonSize): IconStyle {\n  return { color, size: ICON_SIZES[size] }\n}\n\nexport { IconButton }\nexport type { IconButtonProps, IconButtonSize, IconButtonVariant }\n"],"mappings":";;;;;;;;;;;;AA6HA,MAAM8C,WAA6D;CACjEG,QAAQ;CACRC,UAAU;CACVC,UAAU;CACVC,OAAO;AACT;AAIA,MAAMC,aAAuD;CAC3DC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;AACP;AAIA,MAAMC,kBAKF;CACFV,QAAQ;EAAEW,UAAU;EAAwBC,YAAY;CAAe;CACvEX,UAAU;EAAEU,UAAU;EAA0BC,YAAY;CAAW;CACvEV,UAAU;EAAES,UAAU;EAA0BC,YAAY;CAAW;CACvET,OAAO;EAAEQ,UAAU;EAAuBC,YAAY;CAAQ;AAChE;AAEA,MAAMC,SAAStD,WAAWuD,OAAO,EAE/BC,MAAM;CACJC,YAAY;CACZC,YAAY;CACZC,gBAAgB;AAClB,EACF,CAAC;AAGD,MAAMC,gBAAgB5D,WAAWuD,OAAO;CACtCT,IAAI,EAAEe,aAAanD,eAAeoC,GAAG;CACrCC,IAAI,EAAEc,aAAanD,eAAeqC,GAAG;CACrCC,IAAI,EAAEa,aAAanD,eAAesC,GAAG;CACrCC,IAAI,EAAEY,aAAanD,eAAeuC,GAAG;CACrCC,KAAK,EAAEW,aAAanD,eAAewC,IAAI;AACzC,CAAC;AAGD,MAAMY,UAAUpC,cAAc,EAAEqC,aAAa;CAC3C,SAASC,OAAO/B,MAAiC;EAC/C,MAAMgC,OAAOF,OAAOtD,QAAQwB;EAE5B,OAAO;GAAEiC,QAAQD;GAAME,OAAOF;EAAK;CACrC;CAEA,OAAOjE,WAAWuD,OAAO;EACvBT,IAAIkB,OAAO,IAAI;EACfjB,IAAIiB,OAAO,IAAI;EACfhB,IAAIgB,OAAO,IAAI;EACff,IAAIe,OAAO,IAAI;EACfd,KAAKc,OAAO,KAAK;CACnB,CAAC;AACH,CAAC;;;;;;;;;;;;;;;;;;;AAoBD,SAAAI,WAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAA1C;CAAA,IAAA2C;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxD;CAAA,IAAAyD;CAAA,IAAAtD;CAAA,IAAAuD;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAzB,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAxC,UAAA2C,iBAAAC,gBAAA3C,eAAA4D,IAAApE,SAAAgE,YAAAZ,MAAA3C,YAAA4D,IAAAK,WAAAJ,IAAAjB,YAAAC,QAAAC,UAAAC,SAAAC,WAAAC,YAAAC,UAAAC,aAAAC,SAAAC,WAAAC,YAAAE,cAAAvD,KAAAC,MAAA4D,IAAAJ,MAAAtD,OAAA4D,MAAA3D,SAAA0D,IAAA,GAAAN,SAAAnB;EA4BFC,EAAA,KAAAD;EAAAC,EAAA,KAAAzC;EAAAyC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;EAAAR,EAAA,KAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAW;EAAAX,EAAA,MAAAY;EAAAZ,EAAA,MAAAa;EAAAb,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAgB;EAAAhB,EAAA,MAAAiB;EAAAjB,EAAA,MAAAkB;EAAAlB,EAAA,MAAAtC;EAAAsC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAnC;EAAAmC,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;EAAAtB,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;EAAAxB,EAAA,MAAAyB;CAAA,OAAA;EAAAlE,WAAAyC,EAAA;EAAAE,kBAAAF,EAAA;EAAAG,iBAAAH,EAAA;EAAAI,OAAAJ,EAAA;EAAAK,aAAAL,EAAA;EAAAM,SAAAN,EAAA;EAAAO,WAAAP,EAAA;EAAAQ,UAAAR,EAAA;EAAAS,YAAAT,EAAA;EAAAU,aAAAV,EAAA;EAAAW,WAAAX,EAAA;EAAAY,cAAAZ,EAAA;EAAAa,UAAAb,EAAA;EAAAc,YAAAd,EAAA;EAAAe,aAAAf,EAAA;EAAAgB,aAAAhB,EAAA;EAAAiB,eAAAjB,EAAA;EAAAkB,QAAAlB,EAAA;EAAAtC,MAAAsC,EAAA;EAAAmB,OAAAnB,EAAA;EAAAnC,QAAAmC,EAAA;EAAAoB,KAAApB,EAAA;EAAAqB,KAAArB,EAAA;EAAAsB,KAAAtB,EAAA;EAAAuB,KAAAvB,EAAA;EAAAwB,KAAAxB,EAAA;EAAAyB,OAAAzB,EAAA;CAAA;CAxBhB,MAAAxC,gBAAA4D,OAAAO,KAAAA,IAAA,QAAAP;CAGA,MAAA3D,aAAA4D,OAAAM,KAAAA,IAAA,QAAAN;CACA,MAAAK,YAAAJ,OAAAK,KAAAA,IAAA,QAAAL;CAcA,MAAA3D,OAAA4D,OAAAI,KAAAA,IAAA,OAAAJ;CAIA,MAAAzD,UAAA0D,OAAAG,KAAAA,IAAA,aAAAH;CAGA,MAAAI,QAAc1E,SAAS;CAEvB,MAAA2E,UAAgBzB,SAASuB,KAAAA,KAATD;CAChB,MAAAI,YAAkBhF,WAAW+E,SAASZ,YAAY;CAGlD,MAAAc,WACE7B,oBAAoByB,KAAAA,KACpBtB,eAAesB,KAAAA,KACfpB,aAAaoB,KAAAA;CAQP,MAAAK,KAAAb,QAAA;CAAiB,IAAAc;CAAA,IAAAjC,EAAA,QAAAE,mBAAAF,EAAA,QAAAI,QAAAJ,EAAA,QAAAK,cAAAL,EAAA,QAAA+B,YAAA/B,EAAA,QAAAO,YAAAP,EAAA,QAAAa,WAAAb,EAAA,QAAAgC,MAAAhC,EAAA,QAAAyB,MAAA;EAPMQ,KAAA;GAAA/B;GAAAE;GAAAC;GAAA0B;GAAAxB;GAAAM;GAAAM,MAOvBa;GAAiBP;EAEzB;EAACzB,EAAA,MAAAE;EAAAF,EAAA,MAAAI;EAAAJ,EAAA,MAAAK;EAAAL,EAAA,MAAA+B;EAAA/B,EAAA,MAAAO;EAAAP,EAAA,MAAAa;EAAAb,EAAA,MAAAgC;EAAAhC,EAAA,MAAAyB;EAAAzB,EAAA,MAAAiC;CAAA,OAAAA,KAAAjC,EAAA;CATD,MAAAkC,SAAe3F,gBAAgB0F,EAS9B;CAAC,IAAAE;CAAA,IAAAnC,EAAA,QAAAG,kBAAAH,EAAA,QAAAI,QAAAJ,EAAA,QAAAS,aAAAT,EAAA,QAAAU,cAAAV,EAAA,QAAAY,eAAAZ,EAAA,QAAAtC,OAAAsC,EAAA,QAAAmB,MAAA;EAMiBgB,KAAA;GAAAhC;GAAAC;GAAAK;GAAAC;GAAAE;GAAAlD;GAAAyD;EAQnB;EAACnB,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAS;EAAAT,EAAA,MAAAU;EAAAV,EAAA,MAAAY;EAAAZ,EAAA,MAAAtC;EAAAsC,EAAA,MAAAmB;EAAAnB,EAAA,MAAAmC;CAAA,OAAAA,KAAAnC,EAAA;CARG,MAAAoC,KAAA3F,eAAe0F,EAQlB;CAAC,IAAAE;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxC,EAAA,QAAAoC,IAAA;EAbF,CAAA,CAAA3B,WAAA4B,SAAA3B,YAAA4B,UAAA1B,aAAA2B,WAAA,GAAAC,gBAKIJ;EAQFpC,EAAA,MAAAoC;EAAApC,EAAA,MAAAqC;EAAArC,EAAA,MAAAsC;EAAAtC,EAAA,MAAAuC;EAAAvC,EAAA,MAAAwC;CAAA,OAAA;EAAAH,UAAArC,EAAA;EAAAsC,WAAAtC,EAAA;EAAAuC,YAAAvC,EAAA;EAAAwC,eAAAxC,EAAA;CAAA;CACF,MAAAyC,SACE/F,WAAWkF,KAAK,CAAC,CACfnE,aACIO,SAASF,WACTiE,WACElD,gBAAgBf,QAAQ,CACtBoE,OAAMpD,WAAN,aAAA,gBAFJhB;CAOR,MAAA4E,WAAiBzF,iBAAiB;EAAA0F,OACzBF,OAAMG;EAAQC,UACXpF;EAAUD;EAAA8C;EAAAE;EAAAC,WAIT4B;EAAO3B,YACN4B;EAAQxB;EAAAC;EAAAc;CAItB,CAAC;CAED,MAAA,EAAAiB,OAAArD,WAA0BmC;CAC1B,MAAAjC,OAAaF,OAAOtD,QAAQwB;CAC5B,MAAAoF,SAAevG,UACbkG,SAAQM,WAAYd,OAAMpD,WACtBgE,MAAMzG,gBAAgBsB,SACtBmF,MAAKG,MACTtC,QACF;CAGG,MAAAuC,KAAAjH;CACO,MAAAkH,MAAA/C,SAASuB,KAAAA,IAAT,WAAA;CAAsC,IAAAyB;CAAA,IAAApD,EAAA,QAAAkC,UAAAlC,EAAA,QAAA+B,UAAA;EACvCqB,MAAArB,WAAWzF,YAAY4F,OAAMpD,QAAqB,IAAlD6C,KAAAA;EAAmD3B,EAAA,MAAAkC;EAAAlC,EAAA,MAAA+B;EAAA/B,EAAA,MAAAoD;CAAA,OAAAA,MAAApD,EAAA;CACnD,MAAAqD,MAAAxB,UAAAlF,OAAAgF,KAAAA;CAGD,MAAA2B,MAAAZ,SAAQa;CAAS,IAAAC;CAAA,IAAAxD,EAAA,QAAAL,QAAAK,EAAA,QAAAgB,YAAA;EAEZwC,MAAAxC,cAAchE,QAAQ2C,MAAMA,IAAI;EAACK,EAAA,MAAAL;EAAAK,EAAA,MAAAgB;EAAAhB,EAAA,MAAAwD;CAAA,OAAAA,MAAAxD,EAAA;CAChC,MAAAyD,MAAAV,OAAMpC;CACH,MAAA+C,MAAA7B,UAAAF,KAAAA,IAAAY;CACJ,MAAAoB,MAAA9B,UAAAF,KAAAA,IAAsBO,OAAMrB;CAC9B,MAAA+C,MAAAzG,cACL6B,OAAME,MACNM,QAAQoC,KAAK,CAAC,CAACjE,OACfG,YAAY,aAAawB,cAAc3B,QAAvCgE,KAAAA,GACAc,OAAMoB,WACNd,OAAMe,QACNpB,SAAQqB,MACRlG,KACF;CAAC,IAAAmG;CAAA,IAAAhE,EAAA,QAAA+C,OAAAe,QAAA;EAGQE,MAAA7G,cACLjB,aAAY+H,MACZlB,OAAMe,MACR;EAAC9D,EAAA,MAAA+C,OAAAe;EAAA9D,EAAA,MAAAgE;CAAA,OAAAA,MAAAhE,EAAA;CAAA,IAAAkE;CAAA,IAAAlE,EAAA,QAAA0C,SAAAyB,SAAAnE,EAAA,QAAAgE,KAAA;EAJHE,MAAA,oBAAA,SAAA,MAAA;GACS,OAAAF;GAKNtB,UAAAA,SAAQyB;EACX,CAAA;EAAgBnE,EAAA,MAAA0C,SAAAyB;EAAAnE,EAAA,MAAAgE;EAAAhE,EAAA,MAAAkE;CAAA,OAAAA,MAAAlE,EAAA;CACf,MAAAoE,KAAAxH;CACE,MAAAyH,KAAAtH;CAAwB,MAAAuH,MAAAC,YAAY9B,OAAMG,SAAUjF,IAAI;CAAC,IAAA6G;CAAA,IAAAxE,EAAA,QAAAqE,MAAArE,EAAA,QAAAzC,YAAAyC,EAAA,QAAAsE,KAAA;EAA1DE,MAAA,oBAAC,IAAD;GAAyB,OAAAF;GACtB/G;EADc,CAAA;EAEEyC,EAAA,MAAAqE;EAAArE,EAAA,MAAAzC;EAAAyC,EAAA,MAAAsE;EAAAtE,EAAA,MAAAwE;CAAA,OAAAA,MAAAxE,EAAA;CAAA,IAAAyE;CAAA,IAAAzE,EAAA,QAAAoE,MAAApE,EAAA,QAAA6B,WAAA7B,EAAA,QAAAwE,KAAA;EAHrBC,MAAA,oBAAC,IAAD;GAA2B5C,WAAAA;GACzB2C,UAAAA;EADa,CAAA;EAIExE,EAAA,MAAAoE;EAAApE,EAAA,MAAA6B;EAAA7B,EAAA,MAAAwE;EAAAxE,EAAA,MAAAyE;CAAA,OAAAA,MAAAzE,EAAA;CAAA,IAAA0E;CAAA,IAAA1E,EAAA,QAAAyC,UAAAzC,EAAA,QAAA6B,WAAA7B,EAAA,QAAA8B,aAAA9B,EAAA,QAAArC,MAAA;EAChB+G,MAAA7C,UACC,oBAAC,aAAD;GACS,OAAAY,OAAMG;GACH,UAAArE,WAAWZ;GACdmE,OAAAA;EAAS,CAAA,IAJnB;EAMO9B,EAAA,MAAAyC;EAAAzC,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;EAAA9B,EAAA,MAAArC;EAAAqC,EAAA,MAAA0E;CAAA,OAAAA,MAAA1E,EAAA;CAAA,IAAA2E;CAAA,IAAA3E,EAAA,QAAAkD,MAAAlD,EAAA,QAAA0C,SAAAa,YAAAvD,EAAA,QAAAvC,cAAAuC,EAAA,QAAAkB,SAAAlB,EAAA,QAAA+C,OAAApC,YAAAX,EAAA,QAAAmD,OAAAnD,EAAA,QAAAoD,OAAApD,EAAA,QAAAqD,OAAArD,EAAA,QAAAwD,OAAAxD,EAAA,QAAA0D,OAAA1D,EAAA,QAAA2D,OAAA3D,EAAA,QAAA4D,OAAA5D,EAAA,QAAAkE,OAAAlE,EAAA,QAAAyE,OAAAzE,EAAA,QAAA0E,OAAA1E,EAAA,QAAAwC,cAAA;EAzCVmC,MAAA,qBAAC,IAAD;GACQ,MAAAxB;GAAsC,GACvCC;GAAmD,GACnDC;GAA0B,GAC3BnC;GAAK,GACLsB;GAAY,GACZc;GACM7F,UAAAA;GACD,SAAA+F;GACC,UAAAC;GACG,aAAAC;GACJ,SAAAC;GACF,OAAAC;GAZT,UAAA;IAsBEM;IAQAO;IAKCC;GAnCe;;EA0CE1E,EAAA,MAAAkD;EAAAlD,EAAA,MAAA0C,SAAAa;EAAAvD,EAAA,MAAAvC;EAAAuC,EAAA,MAAAkB;EAAAlB,EAAA,MAAA+C,OAAApC;EAAAX,EAAA,MAAAmD;EAAAnD,EAAA,MAAAoD;EAAApD,EAAA,MAAAqD;EAAArD,EAAA,MAAAwD;EAAAxD,EAAA,MAAA0D;EAAA1D,EAAA,MAAA2D;EAAA3D,EAAA,MAAA4D;EAAA5D,EAAA,MAAAkE;EAAAlE,EAAA,MAAAyE;EAAAzE,EAAA,MAAA0E;EAAA1E,EAAA,MAAAwC;EAAAxC,EAAA,MAAA2E;CAAA,OAAAA,MAAA3E,EAAA;CAAA,OA1CpB2E;AA0CoB;AAIxB,SAASJ,YAAY5B,OAAehF,MAAiC;CACnE,OAAO;EAAEgF;EAAOhF,MAAMY,WAAWZ;CAAM;AACzC"}

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

@@ -1,5 +1,5 @@
-import { Text, TextProps } from "react-native";
 import { ComponentRef, Ref } from "react";
+import { Text, TextProps } from "react-native";
 //#region src/components/link/index.d.ts
 type LinkProps = Omit<TextProps, 'disabled'> & {
   /**

package/dist/components/link/index.js

@@ -4,9 +4,9 @@ import { useLinkPress } from "../../router/index.js";
 import { withOpacity } from "../../theme/color.js";
 import { stylesOf as stylesOf$1 } from "../../press/styles.js";
 import { c } from "react/compiler-runtime";
-import { Platform, StyleSheet, Text } from "react-native";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
+import { Platform, StyleSheet, Text } from "react-native";
 //#region src/components/link/index.tsx
 const underlines = StyleSheet.create({
 	always: { textDecorationLine: "underline" },