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

package/dist/field/index.js

@@ -57,7 +57,7 @@ function describedBy(id, { characterLimitLabel, description, error, locale, maxL
 * around it is what knows them.
 */
 function FieldBox(t0) {
-	const $ = c(77);
+	const $ = c(43);
 	const { children, control, end, floatingLabel: t1, isDisabled: t2, isFocused: t3, isInvalid: t4, isPopulated: t5, isRequired: t6, label, leading, ref, trailing, trigger, variant: t7 } = t0;
 	const floatingLabel = t1 === void 0 ? true : t1;
 	const isDisabled = t2 === void 0 ? false : t2;
@@ -132,80 +132,22 @@ function FieldBox(t0) {
 		$[20] = t13;
 	} else t13 = $[20];
 	const disabledContent = t13;
-	const T0 = Pressable;
 	let t14;
 	if ($[21] !== trigger) {
 		t14 = trigger === void 0 ? NOT_A_CONTROL : triggerOf(trigger);
 		$[21] = trigger;
 		$[22] = t14;
 	} else t14 = $[22];
-	const t15 = feedback.handlers.onHoverIn;
-	const t16 = feedback.handlers.onHoverOut;
-	let t17;
+	let t15;
 	if ($[23] !== control || $[24] !== trigger?.onPress) {
-		t17 = trigger?.onPress ?? focusOf(control);
+		t15 = trigger?.onPress ?? focusOf(control);
 		$[23] = control;
 		$[24] = trigger?.onPress;
-		$[25] = t17;
-	} else t17 = $[25];
-	const t18 = composeStyles(styles.box, trigger === void 0 ? void 0 : styles.boxTrigger, leading === void 0 ? void 0 : styles.boxLeading, trailing === void 0 ? void 0 : styles.boxTrailing, outlined ? styles.boxOutlined : void 0, isDisabled && !outlined ? styles.boxDisabled : void 0, minHeightOf(outlined ? 2 * spacing.lg + typography.bodyLargeLineHeight * fontScale : 2 * spacing.sm + (typography.bodySmallLineHeight + typography.bodyLargeLineHeight) * fontScale));
-	const t19 = outlined ? /* @__PURE__ */ jsxs(View, {
-		"aria-hidden": true,
-		style: styles.outline,
-		children: [
-			/* @__PURE__ */ jsx(View, {
-				style: composeStyles(styles.outlineStart, widthOf(outlineInset(spacing, leading))),
-				children: /* @__PURE__ */ jsx(FieldStroke, {
-					color: rule.color,
-					sides: "all",
-					style: styles.outlineStartBox,
-					width: rule.width
-				})
-			}),
-			/* @__PURE__ */ jsx(View, {
-				style: composeStyles(styles.outlineNotch, widthOf(floated ? notch : 0)),
-				children: /* @__PURE__ */ jsx(FieldStroke, {
-					color: rule.color,
-					sides: "all",
-					style: styles.outlineNotchBox,
-					width: rule.width
-				})
-			}),
-			/* @__PURE__ */ jsx(View, {
-				style: composeStyles(styles.outlineEnd, minWidthOf(outlineInset(spacing, trailing))),
-				children: /* @__PURE__ */ jsx(FieldStroke, {
-					color: rule.color,
-					sides: "all",
-					style: styles.outlineEndBox,
-					width: rule.width
-				})
-			})
-		]
-	}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [feedback.layer, /* @__PURE__ */ jsx(FieldStroke, {
-		color: rule.color,
-		sides: "top",
-		style: styles.indicator,
-		width: rule.width
-	})] });
-	let t20;
-	if ($[26] !== colors.onSurfaceVariant || $[27] !== disabledContent || $[28] !== isDisabled || $[29] !== leading || $[30] !== styles.icon) {
-		t20 = leading === void 0 ? null : /* @__PURE__ */ jsx(View, {
-			style: styles.icon,
-			children: /* @__PURE__ */ jsx(IconStyleContext, {
-				value: iconStyleOf(isDisabled ? disabledContent : colors.onSurfaceVariant),
-				children: leading
-			})
-		});
-		$[26] = colors.onSurfaceVariant;
-		$[27] = disabledContent;
-		$[28] = isDisabled;
-		$[29] = leading;
-		$[30] = styles.icon;
-		$[31] = t20;
-	} else t20 = $[31];
-	let t21;
-	if ($[32] !== floated || $[33] !== floatingLabel || $[34] !== isDisabled || $[35] !== isFocused || $[36] !== isInvalid || $[37] !== isRequired || $[38] !== label || $[39] !== variant) {
-		t21 = /* @__PURE__ */ jsx(BoxLabel, {
+		$[25] = t15;
+	} else t15 = $[25];
+	let t16;
+	if ($[26] !== floated || $[27] !== floatingLabel || $[28] !== isDisabled || $[29] !== isFocused || $[30] !== isInvalid || $[31] !== isRequired || $[32] !== label || $[33] !== variant) {
+		t16 = /* @__PURE__ */ jsx(BoxLabel, {
 			floated,
 			floatingLabel,
 			isDisabled,
@@ -215,109 +157,112 @@ function FieldBox(t0) {
 			variant,
 			children: label
 		});
-		$[32] = floated;
-		$[33] = floatingLabel;
-		$[34] = isDisabled;
-		$[35] = isFocused;
-		$[36] = isInvalid;
-		$[37] = isRequired;
-		$[38] = label;
-		$[39] = variant;
-		$[40] = t21;
-	} else t21 = $[40];
-	let t22;
-	if ($[41] !== floatingLabel || $[42] !== isRequired || $[43] !== label || $[44] !== outlined || $[45] !== setNotch) {
-		t22 = outlined ? /* @__PURE__ */ jsx(NotchMeasure, {
+		$[26] = floated;
+		$[27] = floatingLabel;
+		$[28] = isDisabled;
+		$[29] = isFocused;
+		$[30] = isInvalid;
+		$[31] = isRequired;
+		$[32] = label;
+		$[33] = variant;
+		$[34] = t16;
+	} else t16 = $[34];
+	let t17;
+	if ($[35] !== floatingLabel || $[36] !== isRequired || $[37] !== label || $[38] !== outlined) {
+		t17 = outlined ? /* @__PURE__ */ jsx(NotchMeasure, {
 			floatingLabel,
 			isRequired,
 			onMeasure: setNotch,
 			children: label
 		}) : null;
-		$[41] = floatingLabel;
-		$[42] = isRequired;
-		$[43] = label;
-		$[44] = outlined;
-		$[45] = setNotch;
-		$[46] = t22;
-	} else t22 = $[46];
-	let t23;
-	if ($[47] !== boxControl || $[48] !== children) {
-		t23 = /* @__PURE__ */ jsx(BoxContext, {
+		$[35] = floatingLabel;
+		$[36] = isRequired;
+		$[37] = label;
+		$[38] = outlined;
+		$[39] = t17;
+	} else t17 = $[39];
+	let t18;
+	if ($[40] !== boxControl || $[41] !== children) {
+		t18 = /* @__PURE__ */ jsx(BoxContext, {
 			value: boxControl,
 			children
 		});
-		$[47] = boxControl;
-		$[48] = children;
-		$[49] = t23;
-	} else t23 = $[49];
-	let t24;
-	if ($[50] !== styles.column || $[51] !== t21 || $[52] !== t22 || $[53] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(View, {
-			style: styles.column,
-			children: [
-				t21,
-				t22,
-				t23
-			]
-		});
-		$[50] = styles.column;
-		$[51] = t21;
-		$[52] = t22;
-		$[53] = t23;
-		$[54] = t24;
-	} else t24 = $[54];
-	let t25;
-	if ($[55] !== colors.error || $[56] !== colors.onSurfaceVariant || $[57] !== disabledContent || $[58] !== isDisabled || $[59] !== isInvalid || $[60] !== styles.icon || $[61] !== trailing) {
-		t25 = trailing === void 0 ? null : /* @__PURE__ */ jsx(View, {
-			style: styles.icon,
-			children: /* @__PURE__ */ jsx(IconStyleContext, {
-				value: iconStyleOf(isDisabled ? disabledContent : isInvalid ? colors.error : colors.onSurfaceVariant),
-				children: trailing
+		$[40] = boxControl;
+		$[41] = children;
+		$[42] = t18;
+	} else t18 = $[42];
+	return /* @__PURE__ */ jsxs(Pressable, {
+		...t14,
+		disabled: isDisabled,
+		onHoverIn: feedback.handlers.onHoverIn,
+		onHoverOut: feedback.handlers.onHoverOut,
+		onPress: t15,
+		ref,
+		style: composeStyles(styles.box, trigger === void 0 ? void 0 : styles.boxTrigger, leading === void 0 ? void 0 : styles.boxLeading, trailing === void 0 ? void 0 : styles.boxTrailing, outlined ? styles.boxOutlined : void 0, isDisabled && !outlined ? styles.boxDisabled : void 0, minHeightOf(outlined ? 2 * spacing.lg + typography.bodyLargeLineHeight * fontScale : 2 * spacing.sm + (typography.bodySmallLineHeight + typography.bodyLargeLineHeight) * fontScale)),
+		children: [
+			outlined ? /* @__PURE__ */ jsxs(View, {
+				"aria-hidden": true,
+				style: styles.outline,
+				children: [
+					/* @__PURE__ */ jsx(View, {
+						style: composeStyles(styles.outlineStart, widthOf(outlineInset(spacing, leading))),
+						children: /* @__PURE__ */ jsx(FieldStroke, {
+							color: rule.color,
+							sides: "all",
+							style: styles.outlineStartBox,
+							width: rule.width
+						})
+					}),
+					/* @__PURE__ */ jsx(View, {
+						style: composeStyles(styles.outlineNotch, widthOf(floated ? notch : 0)),
+						children: /* @__PURE__ */ jsx(FieldStroke, {
+							color: rule.color,
+							sides: "all",
+							style: styles.outlineNotchBox,
+							width: rule.width
+						})
+					}),
+					/* @__PURE__ */ jsx(View, {
+						style: composeStyles(styles.outlineEnd, minWidthOf(outlineInset(spacing, trailing))),
+						children: /* @__PURE__ */ jsx(FieldStroke, {
+							color: rule.color,
+							sides: "all",
+							style: styles.outlineEndBox,
+							width: rule.width
+						})
+					})
+				]
+			}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [feedback.layer, /* @__PURE__ */ jsx(FieldStroke, {
+				color: rule.color,
+				sides: "top",
+				style: styles.indicator,
+				width: rule.width
+			})] }),
+			leading === void 0 ? null : /* @__PURE__ */ jsx(View, {
+				style: composeStyles(styles.icon, outlined ? styles.iconOutlined : void 0),
+				children: /* @__PURE__ */ jsx(IconStyleContext, {
+					value: iconStyleOf(isDisabled ? disabledContent : colors.onSurfaceVariant),
+					children: leading
+				})
+			}),
+			/* @__PURE__ */ jsxs(View, {
+				style: styles.column,
+				children: [
+					t16,
+					t17,
+					t18
+				]
+			}),
+			end,
+			trailing === void 0 ? null : /* @__PURE__ */ jsx(View, {
+				style: composeStyles(styles.icon, outlined ? styles.iconOutlined : void 0),
+				children: /* @__PURE__ */ jsx(IconStyleContext, {
+					value: iconStyleOf(isDisabled ? disabledContent : isInvalid ? colors.error : colors.onSurfaceVariant),
+					children: trailing
+				})
 			})
-		});
-		$[55] = colors.error;
-		$[56] = colors.onSurfaceVariant;
-		$[57] = disabledContent;
-		$[58] = isDisabled;
-		$[59] = isInvalid;
-		$[60] = styles.icon;
-		$[61] = trailing;
-		$[62] = t25;
-	} else t25 = $[62];
-	let t26;
-	if ($[63] !== T0 || $[64] !== end || $[65] !== feedback.handlers.onHoverIn || $[66] !== feedback.handlers.onHoverOut || $[67] !== isDisabled || $[68] !== ref || $[69] !== t14 || $[70] !== t17 || $[71] !== t18 || $[72] !== t19 || $[73] !== t20 || $[74] !== t24 || $[75] !== t25) {
-		t26 = /* @__PURE__ */ jsxs(T0, {
-			...t14,
-			disabled: isDisabled,
-			onHoverIn: t15,
-			onHoverOut: t16,
-			onPress: t17,
-			ref,
-			style: t18,
-			children: [
-				t19,
-				t20,
-				t24,
-				end,
-				t25
-			]
-		});
-		$[63] = T0;
-		$[64] = end;
-		$[65] = feedback.handlers.onHoverIn;
-		$[66] = feedback.handlers.onHoverOut;
-		$[67] = isDisabled;
-		$[68] = ref;
-		$[69] = t14;
-		$[70] = t17;
-		$[71] = t18;
-		$[72] = t19;
-		$[73] = t20;
-		$[74] = t24;
-		$[75] = t25;
-		$[76] = t26;
-	} else t26 = $[76];
-	return t26;
+		]
+	});
 }
 /**
 * A field's text control, in a {@link FieldBox}, or in {@link FieldStates}
@@ -432,7 +377,7 @@ function FieldInput(t0) {
 		multiline,
 		placeholderTextColor: muted,
 		selectionColor: caret,
-		style: composeStyles(role, styles.input, colorOf(content), numeric ? numericOf(mono) : void 0, multiline ? styles.inputMultiline : void 0, copied ? styles.inputOverCopy : extent, holdsChosen ? minWidthOf(CHOSEN_ROOM * typography.bodyLargeSize * fontScale) : void 0, affixed || copied || holdsChosen ? void 0 : clearance),
+		style: composeStyles(role, styles.input, colorOf(content), numeric ? numericOf(mono) : void 0, multiline ? styles.inputMultiline : void 0, copied ? styles.inputOverCopy : extent, holdsChosen ? beside(CHOSEN_ROOM * typography.bodyLargeSize * fontScale) : void 0, affixed || copied || holdsChosen ? void 0 : clearance),
 		underlineColorAndroid: "transparent"
 	});
 	if (copied) return /* @__PURE__ */ jsxs(View, {
@@ -908,6 +853,12 @@ function affixPart(id, affix) {
 		text: typeof affix === "string" || typeof affix === "number" ? String(affix) : ""
 	}];
 }
+function beside(room) {
+	return {
+		flexBasis: 0,
+		minWidth: room
+	};
+}
 function boxControlOf(floatingLabel, floated, disabled, invalid, required, underLabel) {
 	return {
 		disabled,