@yahoo/uds-mobile 2.23.3 → 2.24.0-beta.10

package/dist/components/Select/SelectItem.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_components_HStack = require("../HStack.cjs");
+const require_fontScaling_useFontScale = require("../../fontScaling/useFontScale.cjs");
 const require_components_IconSlot = require("../IconSlot.cjs");
 const require_components_Select_selectContext = require("./selectContext.cjs");
 const require_components_Select_selectItemTheme = require("./selectItemTheme.cjs");
@@ -18,7 +19,8 @@ react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 * A single selectable option inside {@link SelectContent}.
 */
 const SelectItem = (0, react.memo)(function SelectItem({ value, disabled, children, style, testID }) {
-	const { value: selectedValue, setValue, setOpen, open, registerItem, unregisterItem, highlightedValue, setHighlightedValue, reduceMotion } = require_components_Select_selectContext.useSelectContext();
+	const { value: selectedValue, setValue, setOpen, open, registerItem, unregisterItem, highlightedValue, setHighlightedValue, reduceMotion, field } = require_components_Select_selectContext.useSelectContext();
+	const { maxFontSizeMultiplier } = field;
 	const { theme } = (0, react_native_unistyles.useUnistyles)();
 	const [isPressed, setIsPressed] = (0, react.useState)(false);
 	const label = (0, react.useMemo)(() => {
@@ -39,26 +41,32 @@ const SelectItem = (0, react.memo)(function SelectItem({ value, disabled, childr
 		isPressed,
 		isHighlighted: highlightedValue === value
 	});
-	const rootStyle = (0, react.useMemo)(() => [
-		require_components_Select_selectItemTheme.getMergedSelectItemLayerStyle(theme, "root", interaction, isSelected),
-		{
-			flexDirection: "row",
-			alignItems: "center",
-			justifyContent: "space-between",
-			width: "100%",
-			opacity: disabled ? .5 : 1
-		},
-		style
-	], [
-		disabled,
+	const textStyle = (0, react.useMemo)(() => require_components_Select_selectItemTheme.getMergedSelectItemLayerStyle(theme, "text", interaction, isSelected), [
 		interaction,
 		isSelected,
-		style,
 		theme
 	]);
-	const textStyle = (0, react.useMemo)(() => require_components_Select_selectItemTheme.getMergedSelectItemLayerStyle(theme, "text", interaction, isSelected), [
+	const fontScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(maxFontSizeMultiplier, (typeof textStyle.lineHeight === "number" ? textStyle.lineHeight : void 0) ?? (typeof textStyle.fontSize === "number" ? textStyle.fontSize : void 0));
+	const rootStyle = (0, react.useMemo)(() => {
+		const configuredRoot = require_components_Select_selectItemTheme.getMergedSelectItemLayerStyle(theme, "root", interaction, isSelected);
+		return [
+			configuredRoot,
+			fontScaleFactor !== 1 && typeof configuredRoot.paddingVertical === "number" ? { paddingVertical: Math.round(configuredRoot.paddingVertical * fontScaleFactor) } : void 0,
+			{
+				flexDirection: "row",
+				alignItems: "center",
+				justifyContent: "space-between",
+				width: "100%",
+				opacity: disabled ? .5 : 1
+			},
+			style
+		];
+	}, [
+		disabled,
+		fontScaleFactor,
 		interaction,
 		isSelected,
+		style,
 		theme
 	]);
 	const endIconStyle = (0, react.useMemo)(() => require_components_Select_selectItemTheme.getMergedSelectItemLayerStyle(theme, "endIcon", interaction, isSelected), [
@@ -119,6 +127,7 @@ const SelectItem = (0, react.memo)(function SelectItem({ value, disabled, childr
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
 				style: textStyle,
 				numberOfLines: 1,
+				maxFontSizeMultiplier,
 				children
 			})
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
@@ -128,6 +137,7 @@ const SelectItem = (0, react.memo)(function SelectItem({ value, disabled, childr
 				icon: "Check",
 				size: "sm",
 				variant: "fill",
+				maxFontSizeMultiplier,
 				style: endIconStyle
 			})
 		})]

package/dist/components/Select/SelectItem.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.cts","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"mappings":";;;;;;UAqBU,eAAA;;EAER,KAAA;EAFQ;EAIR,QAAA;EACA,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,SAAA,CAAU,SAAA;EAClB,MAAA;AAAA;;;;;;cAQI,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
+{"version":3,"file":"SelectItem.d.cts","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"mappings":";;;;;;UAsBU,eAAA;;EAER,KAAA;EAFQ;EAIR,QAAA;EACA,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,SAAA,CAAU,SAAA;EAClB,MAAA;AAAA;;;;;;cAQI,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Select/SelectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.ts","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"mappings":";;;;;;UAqBU,eAAA;;EAER,KAAA;EAFQ;EAIR,QAAA;EACA,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,SAAA,CAAU,SAAA;EAClB,MAAA;AAAA;;;;;;cAQI,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}
+{"version":3,"file":"SelectItem.d.ts","names":[],"sources":["../../../src/components/Select/SelectItem.tsx"],"mappings":";;;;;;UAsBU,eAAA;;EAER,KAAA;EAFQ;EAIR,QAAA;EACA,QAAA,GAAW,SAAA;EACX,KAAA,GAAQ,SAAA,CAAU,SAAA;EAClB,MAAA;AAAA;;;;;;cAQI,UAAA,EAAU,OAAA,CAAA,oBAAA,CAAA,eAAA"}

package/dist/components/Select/SelectItem.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { HStack } from "../HStack.js";
+import { useComponentFontScale } from "../../fontScaling/useFontScale.js";
 import { IconSlot } from "../IconSlot.js";
 import { useSelectContext } from "./selectContext.js";
 import { getMergedSelectItemLayerStyle, resolveSelectItemInteractionState } from "./selectItemTheme.js";
@@ -15,7 +16,8 @@ import Animated, { Easing, useAnimatedStyle, useDerivedValue, withTiming } from
 * A single selectable option inside {@link SelectContent}.
 */
 const SelectItem = memo(function SelectItem({ value, disabled, children, style, testID }) {
-	const { value: selectedValue, setValue, setOpen, open, registerItem, unregisterItem, highlightedValue, setHighlightedValue, reduceMotion } = useSelectContext();
+	const { value: selectedValue, setValue, setOpen, open, registerItem, unregisterItem, highlightedValue, setHighlightedValue, reduceMotion, field } = useSelectContext();
+	const { maxFontSizeMultiplier } = field;
 	const { theme } = useUnistyles();
 	const [isPressed, setIsPressed] = useState(false);
 	const label = useMemo(() => {
@@ -36,26 +38,32 @@ const SelectItem = memo(function SelectItem({ value, disabled, children, style,
 		isPressed,
 		isHighlighted: highlightedValue === value
 	});
-	const rootStyle = useMemo(() => [
-		getMergedSelectItemLayerStyle(theme, "root", interaction, isSelected),
-		{
-			flexDirection: "row",
-			alignItems: "center",
-			justifyContent: "space-between",
-			width: "100%",
-			opacity: disabled ? .5 : 1
-		},
-		style
-	], [
-		disabled,
+	const textStyle = useMemo(() => getMergedSelectItemLayerStyle(theme, "text", interaction, isSelected), [
 		interaction,
 		isSelected,
-		style,
 		theme
 	]);
-	const textStyle = useMemo(() => getMergedSelectItemLayerStyle(theme, "text", interaction, isSelected), [
+	const fontScaleFactor = useComponentFontScale(maxFontSizeMultiplier, (typeof textStyle.lineHeight === "number" ? textStyle.lineHeight : void 0) ?? (typeof textStyle.fontSize === "number" ? textStyle.fontSize : void 0));
+	const rootStyle = useMemo(() => {
+		const configuredRoot = getMergedSelectItemLayerStyle(theme, "root", interaction, isSelected);
+		return [
+			configuredRoot,
+			fontScaleFactor !== 1 && typeof configuredRoot.paddingVertical === "number" ? { paddingVertical: Math.round(configuredRoot.paddingVertical * fontScaleFactor) } : void 0,
+			{
+				flexDirection: "row",
+				alignItems: "center",
+				justifyContent: "space-between",
+				width: "100%",
+				opacity: disabled ? .5 : 1
+			},
+			style
+		];
+	}, [
+		disabled,
+		fontScaleFactor,
 		interaction,
 		isSelected,
+		style,
 		theme
 	]);
 	const endIconStyle = useMemo(() => getMergedSelectItemLayerStyle(theme, "endIcon", interaction, isSelected), [
@@ -116,6 +124,7 @@ const SelectItem = memo(function SelectItem({ value, disabled, children, style,
 			children: /* @__PURE__ */ jsx(Text, {
 				style: textStyle,
 				numberOfLines: 1,
+				maxFontSizeMultiplier,
 				children
 			})
 		}), /* @__PURE__ */ jsx(Animated.View, {
@@ -125,6 +134,7 @@ const SelectItem = memo(function SelectItem({ value, disabled, children, style,
 				icon: "Check",
 				size: "sm",
 				variant: "fill",
+				maxFontSizeMultiplier,
 				style: endIconStyle
 			})
 		})]

package/dist/components/Select/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["RNPressable","RNText"],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { StyleProp, ViewStyle } from 'react-native';\nimport { Pressable as RNPressable, Text as RNText } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n// eslint-disable-next-line uds/no-use-unistyles -- selectItem selected state uses theme paths\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { HStack } from '../HStack';\nimport { IconSlot } from '../IconSlot';\nimport { useSelectContext } from './selectContext';\nimport {\n  getMergedSelectItemLayerStyle,\n  resolveSelectItemInteractionState,\n} from './selectItemTheme';\n\ninterface SelectItemProps {\n  /** Value submitted when this option is selected. */\n  value: string;\n  /** Whether this option is disabled. */\n  disabled?: boolean;\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * **▾ Select item**\n *\n * A single selectable option inside {@link SelectContent}.\n */\nconst SelectItem = memo(function SelectItem({\n  value,\n  disabled,\n  children,\n  style,\n  testID,\n}: SelectItemProps) {\n  const {\n    value: selectedValue,\n    setValue,\n    setOpen,\n    open,\n    registerItem,\n    unregisterItem,\n    highlightedValue,\n    setHighlightedValue,\n    reduceMotion,\n  } = useSelectContext();\n  const { theme } = useUnistyles();\n  const [isPressed, setIsPressed] = useState(false);\n\n  const label = useMemo(() => {\n    if (typeof children === 'string' || typeof children === 'number') {\n      return String(children);\n    }\n\n    return value;\n  }, [children, value]);\n\n  useEffect(() => {\n    registerItem(value, label);\n    return () => unregisterItem(value);\n  }, [label, registerItem, unregisterItem, value]);\n\n  const isSelected = selectedValue === value;\n  const isHighlighted = highlightedValue === value;\n  const interaction = resolveSelectItemInteractionState({\n    isPressed,\n    isHighlighted,\n  });\n\n  const rootStyle = useMemo(\n    () =>\n      [\n        getMergedSelectItemLayerStyle(theme, 'root', interaction, isSelected),\n        {\n          flexDirection: 'row' as const,\n          alignItems: 'center' as const,\n          justifyContent: 'space-between' as const,\n          width: '100%' as const,\n          opacity: disabled ? 0.5 : 1,\n        },\n        style,\n      ] as StyleProp<ViewStyle>,\n    [disabled, interaction, isSelected, style, theme],\n  );\n\n  const textStyle = useMemo(\n    () => getMergedSelectItemLayerStyle(theme, 'text', interaction, isSelected),\n    [interaction, isSelected, theme],\n  );\n\n  const endIconStyle = useMemo(\n    () => getMergedSelectItemLayerStyle(theme, 'endIcon', interaction, isSelected),\n    [interaction, isSelected, theme],\n  );\n\n  const checkScale = useDerivedValue(\n    () =>\n      withTiming(isSelected ? 1 : 0, {\n        duration: reduceMotion ? 0 : 120,\n        easing: Easing.out(Easing.ease),\n      }),\n    [isSelected, reduceMotion],\n  );\n\n  const checkAnimatedStyle = useAnimatedStyle(() => ({\n    opacity: checkScale.value,\n    transform: [{ scale: 0.7 + checkScale.value * 0.3 }],\n  }));\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    setValue(value);\n    setOpen(false);\n    setHighlightedValue(null);\n  }, [disabled, setHighlightedValue, setOpen, setValue, value]);\n\n  const handlePressIn = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    setIsPressed(true);\n    setHighlightedValue(value);\n  }, [disabled, setHighlightedValue, value]);\n\n  const handlePressOut = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <RNPressable\n      testID={testID}\n      disabled={disabled}\n      onPress={handlePress}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      style={rootStyle}\n      accessibilityRole=\"menuitem\"\n      accessibilityState={{ disabled: !!disabled, selected: isSelected }}\n    >\n      <HStack columnGap=\"2\" alignItems=\"center\" justifyContent=\"flex-start\" style={{ flex: 1 }}>\n        <RNText style={textStyle} numberOfLines={1}>\n          {children}\n        </RNText>\n      </HStack>\n\n      <Animated.View style={checkAnimatedStyle} pointerEvents=\"none\">\n        <IconSlot icon=\"Check\" size=\"sm\" variant=\"fill\" style={endIconStyle} />\n      </Animated.View>\n    </RNPressable>\n  );\n});\n\nSelectItem.displayName = 'SelectItem';\n\nexport { SelectItem, type SelectItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;AAoCA,MAAM,aAAa,KAAK,SAAS,WAAW,EAC1C,OACA,UACA,UACA,OACA,UACkB;CAClB,MAAM,EACJ,OAAO,eACP,UACA,SACA,MACA,cACA,gBACA,kBACA,qBACA,iBACE,kBAAkB;CACtB,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,QAAQ,cAAc;EAC1B,IAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UACtD,OAAO,OAAO,SAAS;EAGzB,OAAO;IACN,CAAC,UAAU,MAAM,CAAC;CAErB,gBAAgB;EACd,aAAa,OAAO,MAAM;EAC1B,aAAa,eAAe,MAAM;IACjC;EAAC;EAAO;EAAc;EAAgB;EAAM,CAAC;CAEhD,MAAM,aAAa,kBAAkB;CAErC,MAAM,cAAc,kCAAkC;EACpD;EACA,eAHoB,qBAAqB;EAI1C,CAAC;CAEF,MAAM,YAAY,cAEd;EACE,8BAA8B,OAAO,QAAQ,aAAa,WAAW;EACrE;GACE,eAAe;GACf,YAAY;GACZ,gBAAgB;GAChB,OAAO;GACP,SAAS,WAAW,KAAM;GAC3B;EACD;EACD,EACH;EAAC;EAAU;EAAa;EAAY;EAAO;EAAM,CAClD;CAED,MAAM,YAAY,cACV,8BAA8B,OAAO,QAAQ,aAAa,WAAW,EAC3E;EAAC;EAAa;EAAY;EAAM,CACjC;CAED,MAAM,eAAe,cACb,8BAA8B,OAAO,WAAW,aAAa,WAAW,EAC9E;EAAC;EAAa;EAAY;EAAM,CACjC;CAED,MAAM,aAAa,sBAEf,WAAW,aAAa,IAAI,GAAG;EAC7B,UAAU,eAAe,IAAI;EAC7B,QAAQ,OAAO,IAAI,OAAO,KAAK;EAChC,CAAC,EACJ,CAAC,YAAY,aAAa,CAC3B;CAED,MAAM,qBAAqB,wBAAwB;EACjD,SAAS,WAAW;EACpB,WAAW,CAAC,EAAE,OAAO,KAAM,WAAW,QAAQ,IAAK,CAAC;EACrD,EAAE;CAEH,MAAM,cAAc,kBAAkB;EACpC,IAAI,UACF;EAGF,SAAS,MAAM;EACf,QAAQ,MAAM;EACd,oBAAoB,KAAK;IACxB;EAAC;EAAU;EAAqB;EAAS;EAAU;EAAM,CAAC;CAE7D,MAAM,gBAAgB,kBAAkB;EACtC,IAAI,UACF;EAGF,aAAa,KAAK;EAClB,oBAAoB,MAAM;IACzB;EAAC;EAAU;EAAqB;EAAM,CAAC;CAE1C,MAAM,iBAAiB,kBAAkB;EACvC,aAAa,MAAM;IAClB,EAAE,CAAC;CAEN,IAAI,CAAC,MACH,OAAO;CAGT,OACE,qBAACA,WAAD;EACU;EACE;EACV,SAAS;EACT,WAAW;EACX,YAAY;EACZ,OAAO;EACP,mBAAkB;EAClB,oBAAoB;GAAE,UAAU,CAAC,CAAC;GAAU,UAAU;GAAY;YARpE,CAUE,oBAAC,QAAD;GAAQ,WAAU;GAAI,YAAW;GAAS,gBAAe;GAAa,OAAO,EAAE,MAAM,GAAG;aACtF,oBAACC,MAAD;IAAQ,OAAO;IAAW,eAAe;IACtC;IACM,CAAA;GACF,CAAA,EAET,oBAAC,SAAS,MAAV;GAAe,OAAO;GAAoB,eAAc;aACtD,oBAAC,UAAD;IAAU,MAAK;IAAQ,MAAK;IAAK,SAAQ;IAAO,OAAO;IAAgB,CAAA;GACzD,CAAA,CACJ;;EAEhB;AAEF,WAAW,cAAc"}
+{"version":3,"file":"SelectItem.js","names":["RNPressable","RNText"],"sources":["../../../src/components/Select/SelectItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport { Pressable as RNPressable, Text as RNText } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n// eslint-disable-next-line uds/no-use-unistyles -- selectItem selected state uses theme paths\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { useComponentFontScale } from '../../fontScaling/useFontScale';\nimport { HStack } from '../HStack';\nimport { IconSlot } from '../IconSlot';\nimport { useSelectContext } from './selectContext';\nimport {\n  getMergedSelectItemLayerStyle,\n  resolveSelectItemInteractionState,\n} from './selectItemTheme';\n\ninterface SelectItemProps {\n  /** Value submitted when this option is selected. */\n  value: string;\n  /** Whether this option is disabled. */\n  disabled?: boolean;\n  children?: ReactNode;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * **▾ Select item**\n *\n * A single selectable option inside {@link SelectContent}.\n */\nconst SelectItem = memo(function SelectItem({\n  value,\n  disabled,\n  children,\n  style,\n  testID,\n}: SelectItemProps) {\n  const {\n    value: selectedValue,\n    setValue,\n    setOpen,\n    open,\n    registerItem,\n    unregisterItem,\n    highlightedValue,\n    setHighlightedValue,\n    reduceMotion,\n    field,\n  } = useSelectContext();\n  const { maxFontSizeMultiplier } = field;\n  const { theme } = useUnistyles();\n  const [isPressed, setIsPressed] = useState(false);\n\n  const label = useMemo(() => {\n    if (typeof children === 'string' || typeof children === 'number') {\n      return String(children);\n    }\n\n    return value;\n  }, [children, value]);\n\n  useEffect(() => {\n    registerItem(value, label);\n    return () => unregisterItem(value);\n  }, [label, registerItem, unregisterItem, value]);\n\n  const isSelected = selectedValue === value;\n  const isHighlighted = highlightedValue === value;\n  const interaction = resolveSelectItemInteractionState({\n    isPressed,\n    isHighlighted,\n  });\n\n  const textStyle = useMemo(\n    () => getMergedSelectItemLayerStyle(theme, 'text', interaction, isSelected) as TextStyle,\n    [interaction, isSelected, theme],\n  );\n  const fontScaleFactor = useComponentFontScale(\n    maxFontSizeMultiplier,\n    (typeof textStyle.lineHeight === 'number' ? textStyle.lineHeight : undefined) ??\n      (typeof textStyle.fontSize === 'number' ? textStyle.fontSize : undefined),\n  );\n\n  const rootStyle = useMemo(() => {\n    const configuredRoot = getMergedSelectItemLayerStyle(\n      theme,\n      'root',\n      interaction,\n      isSelected,\n    ) as ViewStyle;\n    return [\n      configuredRoot,\n      fontScaleFactor !== 1 && typeof configuredRoot.paddingVertical === 'number'\n        ? { paddingVertical: Math.round(configuredRoot.paddingVertical * fontScaleFactor) }\n        : undefined,\n      {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        justifyContent: 'space-between' as const,\n        width: '100%' as const,\n        opacity: disabled ? 0.5 : 1,\n      },\n      style,\n    ] as StyleProp<ViewStyle>;\n  }, [disabled, fontScaleFactor, interaction, isSelected, style, theme]);\n\n  const endIconStyle = useMemo(\n    () => getMergedSelectItemLayerStyle(theme, 'endIcon', interaction, isSelected),\n    [interaction, isSelected, theme],\n  );\n\n  const checkScale = useDerivedValue(\n    () =>\n      withTiming(isSelected ? 1 : 0, {\n        duration: reduceMotion ? 0 : 120,\n        easing: Easing.out(Easing.ease),\n      }),\n    [isSelected, reduceMotion],\n  );\n\n  const checkAnimatedStyle = useAnimatedStyle(() => ({\n    opacity: checkScale.value,\n    transform: [{ scale: 0.7 + checkScale.value * 0.3 }],\n  }));\n\n  const handlePress = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    setValue(value);\n    setOpen(false);\n    setHighlightedValue(null);\n  }, [disabled, setHighlightedValue, setOpen, setValue, value]);\n\n  const handlePressIn = useCallback(() => {\n    if (disabled) {\n      return;\n    }\n\n    setIsPressed(true);\n    setHighlightedValue(value);\n  }, [disabled, setHighlightedValue, value]);\n\n  const handlePressOut = useCallback(() => {\n    setIsPressed(false);\n  }, []);\n\n  if (!open) {\n    return null;\n  }\n\n  return (\n    <RNPressable\n      testID={testID}\n      disabled={disabled}\n      onPress={handlePress}\n      onPressIn={handlePressIn}\n      onPressOut={handlePressOut}\n      style={rootStyle}\n      accessibilityRole=\"menuitem\"\n      accessibilityState={{ disabled: !!disabled, selected: isSelected }}\n    >\n      <HStack columnGap=\"2\" alignItems=\"center\" justifyContent=\"flex-start\" style={{ flex: 1 }}>\n        <RNText style={textStyle} numberOfLines={1} maxFontSizeMultiplier={maxFontSizeMultiplier}>\n          {children}\n        </RNText>\n      </HStack>\n\n      <Animated.View style={checkAnimatedStyle} pointerEvents=\"none\">\n        <IconSlot\n          icon=\"Check\"\n          size=\"sm\"\n          variant=\"fill\"\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          style={endIconStyle}\n        />\n      </Animated.View>\n    </RNPressable>\n  );\n});\n\nSelectItem.displayName = 'SelectItem';\n\nexport { SelectItem, type SelectItemProps };\n"],"mappings":"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"}

package/dist/components/Select/SelectTrigger.cjs

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_fontScaling_useFontScale = require("../../fontScaling/useFontScale.cjs");
 const require_components_IconSlot = require("../IconSlot.cjs");
 const require_components_internal_Overlay_measureTrigger = require("../internal/Overlay/measureTrigger.cjs");
 const require_components_Select_selectContext = require("./selectContext.cjs");
@@ -13,7 +14,7 @@ react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 //#region src/components/Select/SelectTrigger.tsx
 const SelectTrigger = (0, react.memo)(function SelectTrigger({ startIcon, endIcon }) {
 	const { value, open, setOpen, triggerRef, triggerRect, setTriggerRect, getItemLabel, setHighlightedValue, reduceMotion } = require_components_Select_selectContext.useSelectContext();
-	const { size, disabled, readOnly, hasError, placeholder, uid, width } = require_components_Select_selectContext.useSelectFieldContext();
+	const { size, disabled, readOnly, hasError, placeholder, uid, width, maxFontSizeMultiplier } = require_components_Select_selectContext.useSelectFieldContext();
 	const hasValue = value.length > 0;
 	const valueState = hasValue ? "filled" : "empty";
 	const isInteractive = !readOnly && !disabled;
@@ -26,17 +27,27 @@ const SelectTrigger = (0, react.memo)(function SelectTrigger({ startIcon, endIco
 		readonly: readOnly,
 		invalid: hasError
 	});
-	const inputWrapperStyle = (0, react.useMemo)(() => [
-		generated_styles.inputStyles.inputWrapper,
-		generated_styles.inputStyles.inputWrapperStatic,
-		generated_styles.inputStyles.inputWrapperDynamic,
-		{
-			flexDirection: "row",
-			alignItems: "center",
-			width,
-			alignSelf: "stretch"
-		}
-	], [
+	const fontScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(maxFontSizeMultiplier, (typeof generated_styles.inputStyles.inputWrapperStatic.lineHeight === "number" ? generated_styles.inputStyles.inputWrapperStatic.lineHeight : void 0) ?? (typeof generated_styles.inputStyles.inputWrapperStatic.fontSize === "number" ? generated_styles.inputStyles.inputWrapperStatic.fontSize : void 0));
+	const inputWrapperStyle = (0, react.useMemo)(() => {
+		const { gap, paddingVertical } = generated_styles.inputStyles.inputWrapperStatic;
+		const scaledMetrics = fontScaleFactor === 1 ? void 0 : {
+			...typeof gap === "number" && { gap: Math.round(gap * fontScaleFactor) },
+			...typeof paddingVertical === "number" && { paddingVertical: Math.round(paddingVertical * fontScaleFactor) }
+		};
+		return [
+			generated_styles.inputStyles.inputWrapper,
+			generated_styles.inputStyles.inputWrapperStatic,
+			generated_styles.inputStyles.inputWrapperDynamic,
+			scaledMetrics,
+			{
+				flexDirection: "row",
+				alignItems: "center",
+				width,
+				alignSelf: "stretch"
+			}
+		];
+	}, [
+		fontScaleFactor,
 		generated_styles.inputStyles.inputWrapper,
 		generated_styles.inputStyles.inputWrapperDynamic,
 		generated_styles.inputStyles.inputWrapperStatic,
@@ -45,7 +56,7 @@ const SelectTrigger = (0, react.memo)(function SelectTrigger({ startIcon, endIco
 	const textContainerStyle = (0, react.useMemo)(() => [{
 		flex: 1,
 		justifyContent: "center"
-	}, typeof generated_styles.inputStyles.input.height === "number" ? { minHeight: generated_styles.inputStyles.input.height } : null], [generated_styles.inputStyles.input]);
+	}, typeof generated_styles.inputStyles.input.height === "number" ? { minHeight: Math.round(generated_styles.inputStyles.input.height * fontScaleFactor) } : null], [fontScaleFactor, generated_styles.inputStyles.input]);
 	const textInputStyle = (0, react.useMemo)(() => [
 		{
 			fontFamily: generated_styles.inputStyles.inputWrapperStatic.fontFamily,
@@ -111,12 +122,14 @@ const SelectTrigger = (0, react.memo)(function SelectTrigger({ startIcon, endIco
 				startIcon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 					icon: startIcon,
 					variant: "outline",
+					maxFontSizeMultiplier,
 					style: generated_styles.inputStyles.startIcon
 				}) : null,
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
 					style: textContainerStyle,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Text, {
 						numberOfLines: 1,
+						maxFontSizeMultiplier,
 						style: textInputStyle,
 						children: displayText
 					})
@@ -128,6 +141,7 @@ const SelectTrigger = (0, react.memo)(function SelectTrigger({ startIcon, endIco
 						icon: useAnimatedChevron ? "ChevronDown" : endIcon,
 						size: "sm",
 						variant: "outline",
+						maxFontSizeMultiplier,
 						style: generated_styles.inputStyles.endIcon
 					})
 				}) : null

package/dist/components/Select/SelectTrigger.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.cts","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"mappings":";;;;;UAgBU,kBAAA;EACR,SAAA,GAAY,YAAA;EACZ,OAAA,GAAU,YAAA;AAAA;AAAA,cAGN,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}
+{"version":3,"file":"SelectTrigger.d.cts","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"mappings":";;;;;UAiBU,kBAAA;EACR,SAAA,GAAY,YAAA;EACZ,OAAA,GAAU,YAAA;AAAA;AAAA,cAGN,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Select/SelectTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.d.ts","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"mappings":";;;;;UAgBU,kBAAA;EACR,SAAA,GAAY,YAAA;EACZ,OAAA,GAAU,YAAA;AAAA;AAAA,cAGN,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}
+{"version":3,"file":"SelectTrigger.d.ts","names":[],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"mappings":";;;;;UAiBU,kBAAA;EACR,SAAA,GAAY,YAAA;EACZ,OAAA,GAAU,YAAA;AAAA;AAAA,cAGN,aAAA,EAAa,OAAA,CAAA,oBAAA,CAAA,kBAAA"}

package/dist/components/Select/SelectTrigger.js

@@ -1,4 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { useComponentFontScale } from "../../fontScaling/useFontScale.js";
 import { IconSlot } from "../IconSlot.js";
 import { measureTrigger } from "../internal/Overlay/measureTrigger.js";
 import { useSelectContext, useSelectFieldContext } from "./selectContext.js";
@@ -10,7 +11,7 @@ import Animated, { Easing, useAnimatedStyle, useDerivedValue, withTiming } from
 //#region src/components/Select/SelectTrigger.tsx
 const SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }) {
 	const { value, open, setOpen, triggerRef, triggerRect, setTriggerRect, getItemLabel, setHighlightedValue, reduceMotion } = useSelectContext();
-	const { size, disabled, readOnly, hasError, placeholder, uid, width } = useSelectFieldContext();
+	const { size, disabled, readOnly, hasError, placeholder, uid, width, maxFontSizeMultiplier } = useSelectFieldContext();
 	const hasValue = value.length > 0;
 	const valueState = hasValue ? "filled" : "empty";
 	const isInteractive = !readOnly && !disabled;
@@ -23,17 +24,27 @@ const SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }) {
 		readonly: readOnly,
 		invalid: hasError
 	});
-	const inputWrapperStyle = useMemo(() => [
-		inputStyles.inputWrapper,
-		inputStyles.inputWrapperStatic,
-		inputStyles.inputWrapperDynamic,
-		{
-			flexDirection: "row",
-			alignItems: "center",
-			width,
-			alignSelf: "stretch"
-		}
-	], [
+	const fontScaleFactor = useComponentFontScale(maxFontSizeMultiplier, (typeof inputStyles.inputWrapperStatic.lineHeight === "number" ? inputStyles.inputWrapperStatic.lineHeight : void 0) ?? (typeof inputStyles.inputWrapperStatic.fontSize === "number" ? inputStyles.inputWrapperStatic.fontSize : void 0));
+	const inputWrapperStyle = useMemo(() => {
+		const { gap, paddingVertical } = inputStyles.inputWrapperStatic;
+		const scaledMetrics = fontScaleFactor === 1 ? void 0 : {
+			...typeof gap === "number" && { gap: Math.round(gap * fontScaleFactor) },
+			...typeof paddingVertical === "number" && { paddingVertical: Math.round(paddingVertical * fontScaleFactor) }
+		};
+		return [
+			inputStyles.inputWrapper,
+			inputStyles.inputWrapperStatic,
+			inputStyles.inputWrapperDynamic,
+			scaledMetrics,
+			{
+				flexDirection: "row",
+				alignItems: "center",
+				width,
+				alignSelf: "stretch"
+			}
+		];
+	}, [
+		fontScaleFactor,
 		inputStyles.inputWrapper,
 		inputStyles.inputWrapperDynamic,
 		inputStyles.inputWrapperStatic,
@@ -42,7 +53,7 @@ const SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }) {
 	const textContainerStyle = useMemo(() => [{
 		flex: 1,
 		justifyContent: "center"
-	}, typeof inputStyles.input.height === "number" ? { minHeight: inputStyles.input.height } : null], [inputStyles.input]);
+	}, typeof inputStyles.input.height === "number" ? { minHeight: Math.round(inputStyles.input.height * fontScaleFactor) } : null], [fontScaleFactor, inputStyles.input]);
 	const textInputStyle = useMemo(() => [
 		{
 			fontFamily: inputStyles.inputWrapperStatic.fontFamily,
@@ -108,12 +119,14 @@ const SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }) {
 				startIcon ? /* @__PURE__ */ jsx(IconSlot, {
 					icon: startIcon,
 					variant: "outline",
+					maxFontSizeMultiplier,
 					style: inputStyles.startIcon
 				}) : null,
 				/* @__PURE__ */ jsx(View, {
 					style: textContainerStyle,
 					children: /* @__PURE__ */ jsx(Text, {
 						numberOfLines: 1,
+						maxFontSizeMultiplier,
 						style: textInputStyle,
 						children: displayText
 					})
@@ -125,6 +138,7 @@ const SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }) {
 						icon: useAnimatedChevron ? "ChevronDown" : endIcon,
 						size: "sm",
 						variant: "outline",
+						maxFontSizeMultiplier,
 						style: inputStyles.endIcon
 					})
 				}) : null

package/dist/components/Select/SelectTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTrigger.js","names":["RNPressable","RNView","RNText"],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport type { View } from 'react-native';\nimport { Pressable as RNPressable, Text as RNText, View as RNView } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { inputStyles } from '../../../generated/styles';\nimport type { IconSlotType } from '../IconSlot';\nimport { IconSlot } from '../IconSlot';\nimport { measureTrigger } from '../internal/Overlay';\nimport { useSelectContext, useSelectFieldContext } from './selectContext';\n\ninterface SelectTriggerProps {\n  startIcon?: IconSlotType;\n  endIcon?: IconSlotType;\n}\n\nconst SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }: SelectTriggerProps) {\n  const {\n    value,\n    open,\n    setOpen,\n    triggerRef,\n    triggerRect,\n    setTriggerRect,\n    getItemLabel,\n    setHighlightedValue,\n    reduceMotion,\n  } = useSelectContext();\n  const { size, disabled, readOnly, hasError, placeholder, uid, width } = useSelectFieldContext();\n\n  const hasValue = value.length > 0;\n  const valueState = hasValue ? 'filled' : 'empty';\n  const isInteractive = !readOnly && !disabled;\n  const useAnimatedChevron = endIcon === undefined;\n  const displayText = hasValue ? (getItemLabel(value) ?? value) : (placeholder ?? '');\n\n  inputStyles.useVariants({\n    size,\n    value: valueState,\n    pressed: open,\n    readonly: readOnly,\n    invalid: hasError,\n  });\n\n  const inputWrapperStyle = useMemo(\n    () => [\n      inputStyles.inputWrapper,\n      inputStyles.inputWrapperStatic,\n      inputStyles.inputWrapperDynamic,\n      {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        width,\n        alignSelf: 'stretch' as const,\n      },\n    ],\n    [\n      inputStyles.inputWrapper,\n      inputStyles.inputWrapperDynamic,\n      inputStyles.inputWrapperStatic,\n      width,\n    ],\n  );\n\n  const textContainerStyle = useMemo(\n    () => [\n      {\n        flex: 1,\n        justifyContent: 'center' as const,\n      },\n      typeof inputStyles.input.height === 'number' ? { minHeight: inputStyles.input.height } : null,\n    ],\n    [inputStyles.input],\n  );\n\n  const textInputStyle = useMemo(\n    () => [\n      {\n        fontFamily: inputStyles.inputWrapperStatic.fontFamily,\n        fontSize: inputStyles.inputWrapperStatic.fontSize,\n        letterSpacing: inputStyles.inputWrapperStatic.letterSpacing,\n        // Match TextInput vertical centering: wrapper lineHeight is for layout, not single-line text.\n        lineHeight: inputStyles.inputWrapperStatic.fontSize,\n        paddingVertical: 0,\n      },\n      inputStyles.input,\n      { height: undefined },\n      !hasValue ? inputStyles.inputPlaceholder : null,\n    ],\n    [hasValue, inputStyles.input, inputStyles.inputPlaceholder, inputStyles.inputWrapperStatic],\n  );\n\n  const chevronProgress = useDerivedValue(\n    () =>\n      withTiming(open ? 1 : 0, {\n        duration: reduceMotion ? 0 : 200,\n        easing: Easing.out(Easing.ease),\n      }),\n    [open, reduceMotion],\n  );\n\n  const chevronAnimatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${chevronProgress.value * 180}deg` }],\n  }));\n\n  const handleRef = useCallback(\n    (node: View | null) => {\n      triggerRef.current = node;\n    },\n    [triggerRef],\n  );\n\n  const handlePress = useCallback(() => {\n    if (!isInteractive) {\n      return;\n    }\n\n    if (open) {\n      setOpen(false);\n      setHighlightedValue(null);\n      return;\n    }\n\n    measureTrigger(triggerRef.current, triggerRect, setTriggerRect);\n    setHighlightedValue(null);\n    setOpen(true);\n  }, [isInteractive, open, setHighlightedValue, setOpen, setTriggerRect, triggerRect, triggerRef]);\n\n  return (\n    <RNPressable\n      ref={handleRef}\n      testID=\"select-trigger\"\n      onPress={handlePress}\n      disabled={!isInteractive}\n      style={{ width, alignSelf: 'stretch' }}\n      accessibilityRole=\"button\"\n      accessibilityLabel={displayText || uid}\n      accessibilityState={{\n        disabled: !isInteractive,\n        expanded: open,\n        selected: hasValue,\n      }}\n    >\n      <RNView style={inputWrapperStyle} pointerEvents=\"none\">\n        {startIcon ? (\n          <IconSlot icon={startIcon} variant=\"outline\" style={inputStyles.startIcon} />\n        ) : null}\n\n        <RNView style={textContainerStyle}>\n          <RNText numberOfLines={1} style={textInputStyle}>\n            {displayText}\n          </RNText>\n        </RNView>\n\n        {useAnimatedChevron || endIcon ? (\n          <Animated.View\n            style={useAnimatedChevron ? chevronAnimatedStyle : undefined}\n            testID=\"select-chevron\"\n          >\n            <IconSlot\n              icon={useAnimatedChevron ? 'ChevronDown' : endIcon!}\n              size=\"sm\"\n              variant=\"outline\"\n              style={inputStyles.endIcon}\n            />\n          </Animated.View>\n        ) : null}\n      </RNView>\n    </RNPressable>\n  );\n});\n\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport { SelectTrigger, type SelectTriggerProps };\n"],"mappings":"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"}
+{"version":3,"file":"SelectTrigger.js","names":["RNPressable","RNView","RNText"],"sources":["../../../src/components/Select/SelectTrigger.tsx"],"sourcesContent":["import { memo, useCallback, useMemo } from 'react';\nimport type { View } from 'react-native';\nimport { Pressable as RNPressable, Text as RNText, View as RNView } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { inputStyles } from '../../../generated/styles';\nimport { useComponentFontScale } from '../../fontScaling/useFontScale';\nimport type { IconSlotType } from '../IconSlot';\nimport { IconSlot } from '../IconSlot';\nimport { measureTrigger } from '../internal/Overlay';\nimport { useSelectContext, useSelectFieldContext } from './selectContext';\n\ninterface SelectTriggerProps {\n  startIcon?: IconSlotType;\n  endIcon?: IconSlotType;\n}\n\nconst SelectTrigger = memo(function SelectTrigger({ startIcon, endIcon }: SelectTriggerProps) {\n  const {\n    value,\n    open,\n    setOpen,\n    triggerRef,\n    triggerRect,\n    setTriggerRect,\n    getItemLabel,\n    setHighlightedValue,\n    reduceMotion,\n  } = useSelectContext();\n  const { size, disabled, readOnly, hasError, placeholder, uid, width, maxFontSizeMultiplier } =\n    useSelectFieldContext();\n\n  const hasValue = value.length > 0;\n  const valueState = hasValue ? 'filled' : 'empty';\n  const isInteractive = !readOnly && !disabled;\n  const useAnimatedChevron = endIcon === undefined;\n  const displayText = hasValue ? (getItemLabel(value) ?? value) : (placeholder ?? '');\n\n  inputStyles.useVariants({\n    size,\n    value: valueState,\n    pressed: open,\n    readonly: readOnly,\n    invalid: hasError,\n  });\n  const fontScaleFactor = useComponentFontScale(\n    maxFontSizeMultiplier,\n    (typeof inputStyles.inputWrapperStatic.lineHeight === 'number'\n      ? inputStyles.inputWrapperStatic.lineHeight\n      : undefined) ??\n      (typeof inputStyles.inputWrapperStatic.fontSize === 'number'\n        ? inputStyles.inputWrapperStatic.fontSize\n        : undefined),\n  );\n\n  const inputWrapperStyle = useMemo(() => {\n    const { gap, paddingVertical } = inputStyles.inputWrapperStatic;\n    const scaledMetrics =\n      fontScaleFactor === 1\n        ? undefined\n        : {\n            ...(typeof gap === 'number' && { gap: Math.round(gap * fontScaleFactor) }),\n            ...(typeof paddingVertical === 'number' && {\n              paddingVertical: Math.round(paddingVertical * fontScaleFactor),\n            }),\n          };\n\n    return [\n      inputStyles.inputWrapper,\n      inputStyles.inputWrapperStatic,\n      inputStyles.inputWrapperDynamic,\n      scaledMetrics,\n      {\n        flexDirection: 'row' as const,\n        alignItems: 'center' as const,\n        width,\n        alignSelf: 'stretch' as const,\n      },\n    ];\n  }, [\n    fontScaleFactor,\n    inputStyles.inputWrapper,\n    inputStyles.inputWrapperDynamic,\n    inputStyles.inputWrapperStatic,\n    width,\n  ]);\n\n  const textContainerStyle = useMemo(\n    () => [\n      {\n        flex: 1,\n        justifyContent: 'center' as const,\n      },\n      typeof inputStyles.input.height === 'number'\n        ? { minHeight: Math.round(inputStyles.input.height * fontScaleFactor) }\n        : null,\n    ],\n    [fontScaleFactor, inputStyles.input],\n  );\n\n  const textInputStyle = useMemo(\n    () => [\n      {\n        fontFamily: inputStyles.inputWrapperStatic.fontFamily,\n        fontSize: inputStyles.inputWrapperStatic.fontSize,\n        letterSpacing: inputStyles.inputWrapperStatic.letterSpacing,\n        // Match TextInput vertical centering: wrapper lineHeight is for layout, not single-line text.\n        lineHeight: inputStyles.inputWrapperStatic.fontSize,\n        paddingVertical: 0,\n      },\n      inputStyles.input,\n      { height: undefined },\n      !hasValue ? inputStyles.inputPlaceholder : null,\n    ],\n    [hasValue, inputStyles.input, inputStyles.inputPlaceholder, inputStyles.inputWrapperStatic],\n  );\n\n  const chevronProgress = useDerivedValue(\n    () =>\n      withTiming(open ? 1 : 0, {\n        duration: reduceMotion ? 0 : 200,\n        easing: Easing.out(Easing.ease),\n      }),\n    [open, reduceMotion],\n  );\n\n  const chevronAnimatedStyle = useAnimatedStyle(() => ({\n    transform: [{ rotate: `${chevronProgress.value * 180}deg` }],\n  }));\n\n  const handleRef = useCallback(\n    (node: View | null) => {\n      triggerRef.current = node;\n    },\n    [triggerRef],\n  );\n\n  const handlePress = useCallback(() => {\n    if (!isInteractive) {\n      return;\n    }\n\n    if (open) {\n      setOpen(false);\n      setHighlightedValue(null);\n      return;\n    }\n\n    measureTrigger(triggerRef.current, triggerRect, setTriggerRect);\n    setHighlightedValue(null);\n    setOpen(true);\n  }, [isInteractive, open, setHighlightedValue, setOpen, setTriggerRect, triggerRect, triggerRef]);\n\n  return (\n    <RNPressable\n      ref={handleRef}\n      testID=\"select-trigger\"\n      onPress={handlePress}\n      disabled={!isInteractive}\n      style={{ width, alignSelf: 'stretch' }}\n      accessibilityRole=\"button\"\n      accessibilityLabel={displayText || uid}\n      accessibilityState={{\n        disabled: !isInteractive,\n        expanded: open,\n        selected: hasValue,\n      }}\n    >\n      <RNView style={inputWrapperStyle} pointerEvents=\"none\">\n        {startIcon ? (\n          <IconSlot\n            icon={startIcon}\n            variant=\"outline\"\n            maxFontSizeMultiplier={maxFontSizeMultiplier}\n            style={inputStyles.startIcon}\n          />\n        ) : null}\n\n        <RNView style={textContainerStyle}>\n          <RNText\n            numberOfLines={1}\n            maxFontSizeMultiplier={maxFontSizeMultiplier}\n            style={textInputStyle}\n          >\n            {displayText}\n          </RNText>\n        </RNView>\n\n        {useAnimatedChevron || endIcon ? (\n          <Animated.View\n            style={useAnimatedChevron ? chevronAnimatedStyle : undefined}\n            testID=\"select-chevron\"\n          >\n            <IconSlot\n              icon={useAnimatedChevron ? 'ChevronDown' : endIcon!}\n              size=\"sm\"\n              variant=\"outline\"\n              maxFontSizeMultiplier={maxFontSizeMultiplier}\n              style={inputStyles.endIcon}\n            />\n          </Animated.View>\n        ) : null}\n      </RNView>\n    </RNPressable>\n  );\n});\n\nSelectTrigger.displayName = 'SelectTrigger';\n\nexport { SelectTrigger, type SelectTriggerProps };\n"],"mappings":"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"}

package/dist/components/Select/types.d.cts

@@ -19,6 +19,8 @@ interface SelectFieldContextValue {
   reduceMotion?: boolean;
   placeholder?: string;
   uid: string;
+  /** Resolved React Native control cap (0 means explicitly uncapped). */
+  maxFontSizeMultiplier?: number;
 }
 interface SelectContextValue {
   value: string;

package/dist/components/Select/types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Select/types.ts"],"mappings":";;;;;;;KAMY,iBAAA;AAAA,KACA,oBAAA;AAAA,KACA,cAAA;AAAA,KACA,iBAAA;AAAA,UAEK,uBAAA;EACf,IAAA,EAAM,SAAA;EACN,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,WAAA;EACA,GAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,YAAA,GAAe,KAAA,UAAe,KAAA;EAC9B,cAAA,GAAiB,KAAA;EACjB,YAAA,GAAe,KAAA;EACf,gBAAA;EACA,mBAAA,GAAsB,KAAA;EACtB,KAAA,EAAO,uBAAA;EACP,YAAA;AAAA;AAAA,KAGU,0BAAA;AAAA,KAEA,eAAA"}
+{"version":3,"file":"types.d.cts","names":[],"sources":["../../../src/components/Select/types.ts"],"mappings":";;;;;;;KAMY,iBAAA;AAAA,KACA,oBAAA;AAAA,KACA,cAAA;AAAA,KACA,iBAAA;AAAA,UAEK,uBAAA;EACf,IAAA,EAAM,SAAA;EACN,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,WAAA;EACA,GAAA;EAZwB;EAcxB,qBAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,YAAA,GAAe,KAAA,UAAe,KAAA;EAC9B,cAAA,GAAiB,KAAA;EACjB,YAAA,GAAe,KAAA;EACf,gBAAA;EACA,mBAAA,GAAsB,KAAA;EACtB,KAAA,EAAO,uBAAA;EACP,YAAA;AAAA;AAAA,KAGU,0BAAA;AAAA,KAEA,eAAA"}

package/dist/components/Select/types.d.ts

@@ -19,6 +19,8 @@ interface SelectFieldContextValue {
   reduceMotion?: boolean;
   placeholder?: string;
   uid: string;
+  /** Resolved React Native control cap (0 means explicitly uncapped). */
+  maxFontSizeMultiplier?: number;
 }
 interface SelectContextValue {
   value: string;

package/dist/components/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Select/types.ts"],"mappings":";;;;;;;KAMY,iBAAA;AAAA,KACA,oBAAA;AAAA,KACA,cAAA;AAAA,KACA,iBAAA;AAAA,UAEK,uBAAA;EACf,IAAA,EAAM,SAAA;EACN,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,WAAA;EACA,GAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,YAAA,GAAe,KAAA,UAAe,KAAA;EAC9B,cAAA,GAAiB,KAAA;EACjB,YAAA,GAAe,KAAA;EACf,gBAAA;EACA,mBAAA,GAAsB,KAAA;EACtB,KAAA,EAAO,uBAAA;EACP,YAAA;AAAA;AAAA,KAGU,0BAAA;AAAA,KAEA,eAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/components/Select/types.ts"],"mappings":";;;;;;;KAMY,iBAAA;AAAA,KACA,oBAAA;AAAA,KACA,cAAA;AAAA,KACA,iBAAA;AAAA,UAEK,uBAAA;EACf,IAAA,EAAM,SAAA;EACN,QAAA;EACA,QAAA;EACA,QAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,WAAA;EACA,GAAA;EAZwB;EAcxB,qBAAA;AAAA;AAAA,UAGe,kBAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,IAAA;EACA,OAAA,GAAU,IAAA;EACV,UAAA,EAAY,SAAA,CAAU,IAAA;EACtB,WAAA,EAAa,YAAA;EACb,cAAA,GAAiB,IAAA,EAAM,YAAA;EACvB,YAAA,GAAe,KAAA,UAAe,KAAA;EAC9B,cAAA,GAAiB,KAAA;EACjB,YAAA,GAAe,KAAA;EACf,gBAAA;EACA,mBAAA,GAAsB,KAAA;EACtB,KAAA,EAAO,uBAAA;EACP,YAAA;AAAA;AAAA,KAGU,0BAAA;AAAA,KAEA,eAAA"}

package/dist/components/Switch.cjs

@@ -1,6 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../_virtual/_rolldown/runtime.cjs");
+const require_fontScaling_useFontScale = require("../fontScaling/useFontScale.cjs");
+const require_fontScaling_useMaxFontSizeMultiplier = require("../fontScaling/useMaxFontSizeMultiplier.cjs");
+const require_components_Button_buttonTheme = require("./Button/buttonTheme.cjs");
 const require_components_IconSlot = require("./IconSlot.cjs");
 const require_components_FormLabel = require("./FormLabel.cjs");
 let react = require("react");
@@ -12,10 +15,6 @@ let react_native_reanimated = require("react-native-reanimated");
 react_native_reanimated = require_runtime.__toESM(react_native_reanimated);
 let react_native_unistyles_reanimated = require("react-native-unistyles/reanimated");
 //#region src/components/Switch.tsx
-const HANDLE_TRAVEL = {
-	md: 20,
-	sm: 12
-};
 const ANIMATION_DURATION = 120;
 /**
 * **Switch component for toggling options**
@@ -50,13 +49,14 @@ const ANIMATION_DURATION = 120;
 * @see {@link Checkbox} for forms with submit actions
 * @see {@link Radio} for single-select options
 */
-const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = false, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, disabled = false, required, accessibilityHint, reduceMotion = false, ref, ...viewProps }) {
+const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = false, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, disabled = false, required, maxFontSizeMultiplier, accessibilityHint, reduceMotion = false, ref, ...viewProps }) {
 	const isControlled = isOnProp !== void 0;
 	const [internalIsOn, setInternalIsOn] = (0, react.useState)(defaultIsOn);
 	const [prefersReducedMotion, setPrefersReducedMotion] = (0, react.useState)(false);
 	const isOn = isControlled ? isOnProp : internalIsOn;
 	const activeVariant = isOn ? "on" : "off";
 	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	const resolvedMaxFontSizeMultiplier = require_fontScaling_useMaxFontSizeMultiplier.useMaxFontSizeMultiplier("control", maxFontSizeMultiplier);
 	(0, react.useEffect)(() => {
 		const checkReducedMotion = async () => {
 			setPrefersReducedMotion(await react_native.AccessibilityInfo.isReduceMotionEnabled());
@@ -67,7 +67,6 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 	}, []);
 	const animationDuration = reduceMotion || prefersReducedMotion ? 0 : ANIMATION_DURATION;
 	const progress = (0, react_native_reanimated.useDerivedValue)(() => (0, react_native_reanimated.withTiming)(isOn ? 1 : 0, { duration: animationDuration }), [isOn, animationDuration]);
-	const travelDistance = HANDLE_TRAVEL[size] * (react_native.I18nManager.isRTL ? -1 : 1);
 	const handlePress = (0, react.useCallback)(() => {
 		if (disabled) return;
 		const newValue = !isOn;
@@ -83,6 +82,15 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 		size,
 		variant: activeVariant
 	}) ?? generated_styles.switchStyles;
+	const labelBaseSize = resolvedSwitchStyles.text.lineHeight ?? resolvedSwitchStyles.text.fontSize;
+	const fontScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(resolvedMaxFontSizeMultiplier, typeof labelBaseSize === "number" ? labelBaseSize : void 0);
+	const handleIconSize = resolvedSwitchStyles.handleIcon.fontSize;
+	const handleIconScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(resolvedMaxFontSizeMultiplier, typeof handleIconSize === "number" ? handleIconSize : void 0);
+	const scaledHandleIconSize = typeof handleIconSize === "number" ? Math.round(handleIconSize * handleIconScaleFactor) : void 0;
+	const scaledTrackWidth = Math.round(resolvedSwitchStyles.switch.width * fontScaleFactor);
+	const scaledTrackPadding = Math.round(resolvedSwitchStyles.switch.padding * fontScaleFactor);
+	const scaledHandleWidth = Math.round(resolvedSwitchStyles.handle.width * fontScaleFactor);
+	const travelDistance = Math.max(0, scaledTrackWidth - scaledHandleWidth - scaledTrackPadding * 2) * (react_native.I18nManager.isRTL ? -1 : 1);
 	const variantLayerStyles = (0, react.useMemo)(() => {
 		const components = theme.components;
 		const getLayerStyle = (layer) => components[`switch/variant/default/active/${activeVariant}/${layer}/rest`];
@@ -103,24 +111,37 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 		return { transform: [{ translateX: progress.value * travelDistance }] };
 	});
 	const rootStyle = (0, react.useMemo)(() => [resolvedSwitchStyles.root, switchStaticStyles.root({ disabled })], [resolvedSwitchStyles.root, disabled]);
+	const scaleDimensions = (0, react.useCallback)((style) => {
+		if (!style || fontScaleFactor === 1) return;
+		const { width, height, padding } = style;
+		return typeof width === "number" && typeof height === "number" ? {
+			width: Math.round(width * fontScaleFactor),
+			height: Math.round(height * fontScaleFactor),
+			...typeof padding === "number" && { padding: Math.round(padding * fontScaleFactor) }
+		} : void 0;
+	}, [fontScaleFactor]);
 	const trackStyle = (0, react.useMemo)(() => [
 		resolvedSwitchStyles.switch,
 		switchStaticStyles.track,
 		variantLayerStyles.switch,
+		scaleDimensions(resolvedSwitchStyles.switch),
 		react_native.Platform.OS !== "web" && animatedTrackStyle
 	], [
 		resolvedSwitchStyles.switch,
 		variantLayerStyles.switch,
+		scaleDimensions,
 		animatedTrackStyle
 	]);
 	const handleStyle = (0, react.useMemo)(() => [
 		resolvedSwitchStyles.handle,
 		switchStaticStyles.handle,
 		variantLayerStyles.handle,
+		scaleDimensions(resolvedSwitchStyles.handle),
 		animatedHandleStyle
 	], [
 		resolvedSwitchStyles.handle,
 		variantLayerStyles.handle,
+		scaleDimensions,
 		animatedHandleStyle
 	]);
 	const accessibilityLabel = typeof label === "string" ? label : void 0;
@@ -131,6 +152,7 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 		label,
 		required,
 		showRequiredAsterisk: required,
+		maxFontSizeMultiplier: resolvedMaxFontSizeMultiplier,
 		style: [resolvedSwitchStyles.text, variantLayerStyles.text]
 	});
 	const a11yValue = (0, react.useMemo)(() => ({ text: isOn ? "On" : "Off" }), [isOn]);
@@ -161,14 +183,32 @@ const Switch = (0, react.memo)(function Switch({ isOn: isOnProp, defaultIsOn = f
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 							icon: onIcon,
 							variant: "fill",
-							style: [resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]
+							dangerouslySetSize: scaledHandleIconSize,
+							allowFontScaling: false,
+							style: [
+								resolvedSwitchStyles.handleIcon,
+								variantLayerStyles.handleIcon,
+								scaledHandleIconSize === void 0 ? void 0 : {
+									fontSize: scaledHandleIconSize,
+									lineHeight: require_components_Button_buttonTheme.getSafeIconCell(scaledHandleIconSize)
+								}
+							]
 						})
 					}), offIcon && !isOn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native_reanimated.default.View, {
 						style: switchStaticStyles.iconContainer,
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 							icon: offIcon,
 							variant: "fill",
-							style: [resolvedSwitchStyles.handleIcon, variantLayerStyles.handleIcon]
+							dangerouslySetSize: scaledHandleIconSize,
+							allowFontScaling: false,
+							style: [
+								resolvedSwitchStyles.handleIcon,
+								variantLayerStyles.handleIcon,
+								scaledHandleIconSize === void 0 ? void 0 : {
+									fontSize: scaledHandleIconSize,
+									lineHeight: require_components_Button_buttonTheme.getSafeIconCell(scaledHandleIconSize)
+								}
+							]
 						})
 					})]
 				})

package/dist/components/Switch.d.cts

@@ -15,6 +15,13 @@ interface SwitchProps extends Omit<ViewProps, 'style'>, UniversalSwitchProps<Ico
   disabled?: boolean;
   /** Whether the switch is required (shows asterisk with label) */
   required?: boolean;
+  /**
+   * Caps how far the track, handle, and label grow with the OS text-size
+   * setting; all scale by the same factor. Set null to remove the cap;
+   * override app-wide via UDSFontScalingProvider.
+   * @default 2
+   */
+  maxFontSizeMultiplier?: number | null;
   /** Accessibility hint describing what happens when activated */
   accessibilityHint?: AccessibilityProps['accessibilityHint'];
 }

package/dist/components/Switch.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAsBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;EAQN,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;cA2ClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}
+{"version":3,"file":"Switch.d.cts","names":[],"sources":["../../src/components/Switch.tsx"],"mappings":";;;;;;;;UAyBU,WAAA,SAAoB,IAAA,CAAK,SAAA,YAAqB,oBAAA,CAAqB,YAAA;;EAE3E,GAAA,GAAM,GAAA,CAAI,IAAA;EAFF;EAIR,QAAA,IAAY,KAAA;;EAEZ,QAAA;EAN2E;EAQ3E,QAAA;EANM;;;;;;EAaN,qBAAA;EAfiC;EAiBjC,iBAAA,GAAoB,kBAAA;AAAA;;;;;;;;;;;;;AAAkB;;;;;;;;;;;;;;;;;;;;;cAsClC,MAAA,EAAM,OAAA,CAAA,oBAAA,CAAA,WAAA"}