@yahoo/uds-mobile 2.24.0-beta.1 → 2.24.0-beta.11

package/dist/components/Select/SelectContent.js

@@ -2,7 +2,7 @@
 import { VStack } from "../VStack.js";
 import { useAnchoredPosition } from "../internal/Overlay/useAnchoredPosition.js";
 import { PopoverPortalLayer } from "../Popover/PopoverPortalLayer.js";
-import { useSelectContext } from "./selectContext.js";
+import { SelectContext, SelectFieldContext, useSelectContext, useSelectFieldContext } from "./selectContext.js";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { ScrollView, StyleSheet, View } from "react-native";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -28,7 +28,9 @@ const OFFSCREEN_REGISTRY_STYLE = StyleSheet.create({ registry: {
 * Floating listbox container for {@link SelectItem} options.
 */
 const SelectContent = memo(function SelectContent({ children, size: _size = "default", variant: _variant = "default", keepOpenOnInteractOutside = false, maxHeight = DEFAULT_MAX_HEIGHT, gutter = DEFAULT_OFFSET, sameWidth = true, style, testID }) {
-	const { open, setOpen, triggerRect, reduceMotion } = useSelectContext();
+	const selectContext = useSelectContext();
+	const fieldContext = useSelectFieldContext();
+	const { open, setOpen, triggerRect, reduceMotion } = selectContext;
 	const [contentSize, setContentSize] = useState({
 		width: 0,
 		height: 0
@@ -112,28 +114,34 @@ const SelectContent = memo(function SelectContent({ children, size: _size = "def
 		open,
 		dismissible: !keepOpenOnInteractOutside,
 		onDismiss: dismiss,
-		children: () => /* @__PURE__ */ jsx(Animated.View, {
-			testID,
-			style: [
-				contentStyle,
-				animatedStyle,
-				{
-					overflow: "visible",
-					zIndex: 1e3
-				}
-			],
-			onLayout: handleLayout,
-			accessibilityRole: "menu",
-			children: /* @__PURE__ */ jsx(View, {
-				style: panelStyle,
-				children: /* @__PURE__ */ jsx(ScrollView, {
-					keyboardShouldPersistTaps: "handled",
-					nestedScrollEnabled: true,
-					style: { maxHeight },
-					children: /* @__PURE__ */ jsx(VStack, {
-						alignItems: "stretch",
-						justifyContent: "flex-start",
-						children
+		children: () => /* @__PURE__ */ jsx(SelectContext.Provider, {
+			value: selectContext,
+			children: /* @__PURE__ */ jsx(SelectFieldContext.Provider, {
+				value: fieldContext,
+				children: /* @__PURE__ */ jsx(Animated.View, {
+					testID,
+					style: [
+						contentStyle,
+						animatedStyle,
+						{
+							overflow: "visible",
+							zIndex: 1e3
+						}
+					],
+					onLayout: handleLayout,
+					accessibilityRole: "menu",
+					children: /* @__PURE__ */ jsx(View, {
+						style: panelStyle,
+						children: /* @__PURE__ */ jsx(ScrollView, {
+							keyboardShouldPersistTaps: "handled",
+							nestedScrollEnabled: true,
+							style: { maxHeight },
+							children: /* @__PURE__ */ jsx(VStack, {
+								alignItems: "stretch",
+								justifyContent: "flex-start",
+								children
+							})
+						})
 					})
 				})
 			})

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

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.js","names":["RNScrollView"],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { ScrollView as RNScrollView, StyleSheet, View } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { selectContentStyles } from '../../../generated/styles';\nimport { useAnchoredPosition } from '../internal/Overlay';\nimport { PopoverPortalLayer } from '../Popover/PopoverPortalLayer';\nimport { VStack } from '../VStack';\nimport { useSelectContext } from './selectContext';\nimport type { SelectContentSize, SelectContentVariant } from './types';\n\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_MAX_HEIGHT = 240;\nconst ANIMATION_DURATION = 200;\n\nconst OFFSCREEN_REGISTRY_STYLE = StyleSheet.create({\n  registry: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    opacity: 0,\n    overflow: 'hidden',\n    zIndex: -1,\n  },\n});\n\ninterface SelectContentProps {\n  children?: ReactNode;\n  size?: SelectContentSize;\n  variant?: SelectContentVariant;\n  /** When true, the panel stays open when the user taps outside. */\n  keepOpenOnInteractOutside?: boolean;\n  /** Maximum height of the options list in pixels. @default 240 */\n  maxHeight?: number;\n  /** Distance between the trigger and the content panel. @default 4 */\n  gutter?: number;\n  /** When true, the content panel matches the trigger width. @default true */\n  sameWidth?: boolean;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * **▾ Select content panel**\n *\n * Floating listbox container for {@link SelectItem} options.\n */\nconst SelectContent = memo(function SelectContent({\n  children,\n  size: _size = 'default',\n  variant: _variant = 'default',\n  keepOpenOnInteractOutside = false,\n  maxHeight = DEFAULT_MAX_HEIGHT,\n  gutter = DEFAULT_OFFSET,\n  sameWidth = true,\n  style,\n  testID,\n}: SelectContentProps) {\n  const { open, setOpen, triggerRect, reduceMotion } = useSelectContext();\n  const [contentSize, setContentSize] = useState({ width: 0, height: 0 });\n  const [shouldRender, setShouldRender] = useState(open);\n\n  const dismiss = useCallback(() => {\n    if (keepOpenOnInteractOutside) {\n      return;\n    }\n\n    setOpen(false);\n  }, [keepOpenOnInteractOutside, setOpen]);\n\n  const {\n    contentStyle,\n    anchorReady,\n    maxWidth: positionedMaxWidth,\n  } = useAnchoredPosition({\n    triggerRect,\n    contentSize,\n    placement: 'bottom',\n    offset: gutter,\n    sameWidth,\n    width: sameWidth ? 'trigger' : 'content',\n    avoidCollisions: true,\n    collisionPadding: 12,\n  });\n\n  const isPositionedOpen = open && anchorReady && contentSize.height > 0;\n  const progress = useDerivedValue(\n    () =>\n      withTiming(isPositionedOpen ? 1 : 0, {\n        duration: reduceMotion ? 0 : ANIMATION_DURATION,\n        easing: Easing.out(Easing.ease),\n      }),\n    [isPositionedOpen, reduceMotion],\n  );\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: progress.value,\n    transform: [{ scale: 0.97 + progress.value * 0.03 }, { translateY: (1 - progress.value) * 8 }],\n  }));\n\n  const handleLayout = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setContentSize({ width, height });\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      setShouldRender(true);\n      return;\n    }\n\n    if (reduceMotion) {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n    }, ANIMATION_DURATION);\n\n    return () => clearTimeout(timeout);\n  }, [open, reduceMotion]);\n\n  selectContentStyles.useVariants({});\n\n  const panelStyle = useMemo(\n    () =>\n      StyleSheet.flatten([\n        selectContentStyles.root,\n        {\n          maxHeight,\n          maxWidth: positionedMaxWidth > 0 ? positionedMaxWidth : undefined,\n          overflow: 'hidden',\n          zIndex: 1,\n        },\n        style,\n      ]) as ViewStyle,\n    [maxHeight, positionedMaxWidth, selectContentStyles.root, style],\n  );\n\n  return (\n    <>\n      {!open ? (\n        <View\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n          pointerEvents=\"none\"\n          style={OFFSCREEN_REGISTRY_STYLE.registry}\n        >\n          {children}\n        </View>\n      ) : null}\n\n      {open && shouldRender ? (\n        <PopoverPortalLayer\n          open={open}\n          dismissible={!keepOpenOnInteractOutside}\n          onDismiss={dismiss}\n        >\n          {() => (\n            <Animated.View\n              testID={testID}\n              style={[contentStyle, animatedStyle, { overflow: 'visible', zIndex: 1000 }]}\n              onLayout={handleLayout}\n              accessibilityRole=\"menu\"\n            >\n              <View style={panelStyle}>\n                <RNScrollView\n                  keyboardShouldPersistTaps=\"handled\"\n                  nestedScrollEnabled\n                  style={{ maxHeight }}\n                >\n                  <VStack alignItems=\"stretch\" justifyContent=\"flex-start\">\n                    {children}\n                  </VStack>\n                </RNScrollView>\n              </View>\n            </Animated.View>\n          )}\n        </PopoverPortalLayer>\n      ) : null}\n    </>\n  );\n});\n\nSelectContent.displayName = 'SelectContent';\n\nexport { SelectContent, type SelectContentProps };\n"],"mappings":"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"}
+{"version":3,"file":"SelectContent.js","names":["RNScrollView"],"sources":["../../../src/components/Select/SelectContent.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport { ScrollView as RNScrollView, StyleSheet, View } from 'react-native';\nimport Animated, {\n  Easing,\n  useAnimatedStyle,\n  useDerivedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { selectContentStyles } from '../../../generated/styles';\nimport { useAnchoredPosition } from '../internal/Overlay';\nimport { PopoverPortalLayer } from '../Popover/PopoverPortalLayer';\nimport { VStack } from '../VStack';\nimport {\n  SelectContext,\n  SelectFieldContext,\n  useSelectContext,\n  useSelectFieldContext,\n} from './selectContext';\nimport type { SelectContentSize, SelectContentVariant } from './types';\n\nconst DEFAULT_OFFSET = 4;\nconst DEFAULT_MAX_HEIGHT = 240;\nconst ANIMATION_DURATION = 200;\n\nconst OFFSCREEN_REGISTRY_STYLE = StyleSheet.create({\n  registry: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    width: 1,\n    height: 1,\n    opacity: 0,\n    overflow: 'hidden',\n    zIndex: -1,\n  },\n});\n\ninterface SelectContentProps {\n  children?: ReactNode;\n  size?: SelectContentSize;\n  variant?: SelectContentVariant;\n  /** When true, the panel stays open when the user taps outside. */\n  keepOpenOnInteractOutside?: boolean;\n  /** Maximum height of the options list in pixels. @default 240 */\n  maxHeight?: number;\n  /** Distance between the trigger and the content panel. @default 4 */\n  gutter?: number;\n  /** When true, the content panel matches the trigger width. @default true */\n  sameWidth?: boolean;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n}\n\n/**\n * **▾ Select content panel**\n *\n * Floating listbox container for {@link SelectItem} options.\n */\nconst SelectContent = memo(function SelectContent({\n  children,\n  size: _size = 'default',\n  variant: _variant = 'default',\n  keepOpenOnInteractOutside = false,\n  maxHeight = DEFAULT_MAX_HEIGHT,\n  gutter = DEFAULT_OFFSET,\n  sameWidth = true,\n  style,\n  testID,\n}: SelectContentProps) {\n  const selectContext = useSelectContext();\n  const fieldContext = useSelectFieldContext();\n  const { open, setOpen, triggerRect, reduceMotion } = selectContext;\n  const [contentSize, setContentSize] = useState({ width: 0, height: 0 });\n  const [shouldRender, setShouldRender] = useState(open);\n\n  const dismiss = useCallback(() => {\n    if (keepOpenOnInteractOutside) {\n      return;\n    }\n\n    setOpen(false);\n  }, [keepOpenOnInteractOutside, setOpen]);\n\n  const {\n    contentStyle,\n    anchorReady,\n    maxWidth: positionedMaxWidth,\n  } = useAnchoredPosition({\n    triggerRect,\n    contentSize,\n    placement: 'bottom',\n    offset: gutter,\n    sameWidth,\n    width: sameWidth ? 'trigger' : 'content',\n    avoidCollisions: true,\n    collisionPadding: 12,\n  });\n\n  const isPositionedOpen = open && anchorReady && contentSize.height > 0;\n  const progress = useDerivedValue(\n    () =>\n      withTiming(isPositionedOpen ? 1 : 0, {\n        duration: reduceMotion ? 0 : ANIMATION_DURATION,\n        easing: Easing.out(Easing.ease),\n      }),\n    [isPositionedOpen, reduceMotion],\n  );\n\n  const animatedStyle = useAnimatedStyle(() => ({\n    opacity: progress.value,\n    transform: [{ scale: 0.97 + progress.value * 0.03 }, { translateY: (1 - progress.value) * 8 }],\n  }));\n\n  const handleLayout = useCallback((event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setContentSize({ width, height });\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      setShouldRender(true);\n      return;\n    }\n\n    if (reduceMotion) {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setShouldRender(false);\n      setContentSize({ width: 0, height: 0 });\n    }, ANIMATION_DURATION);\n\n    return () => clearTimeout(timeout);\n  }, [open, reduceMotion]);\n\n  selectContentStyles.useVariants({});\n\n  const panelStyle = useMemo(\n    () =>\n      StyleSheet.flatten([\n        selectContentStyles.root,\n        {\n          maxHeight,\n          maxWidth: positionedMaxWidth > 0 ? positionedMaxWidth : undefined,\n          overflow: 'hidden',\n          zIndex: 1,\n        },\n        style,\n      ]) as ViewStyle,\n    [maxHeight, positionedMaxWidth, selectContentStyles.root, style],\n  );\n\n  return (\n    <>\n      {!open ? (\n        <View\n          accessibilityElementsHidden\n          importantForAccessibility=\"no-hide-descendants\"\n          pointerEvents=\"none\"\n          style={OFFSCREEN_REGISTRY_STYLE.registry}\n        >\n          {children}\n        </View>\n      ) : null}\n\n      {open && shouldRender ? (\n        <PopoverPortalLayer\n          open={open}\n          dismissible={!keepOpenOnInteractOutside}\n          onDismiss={dismiss}\n        >\n          {() => (\n            <SelectContext.Provider value={selectContext}>\n              <SelectFieldContext.Provider value={fieldContext}>\n                <Animated.View\n                  testID={testID}\n                  style={[contentStyle, animatedStyle, { overflow: 'visible', zIndex: 1000 }]}\n                  onLayout={handleLayout}\n                  accessibilityRole=\"menu\"\n                >\n                  <View style={panelStyle}>\n                    <RNScrollView\n                      keyboardShouldPersistTaps=\"handled\"\n                      nestedScrollEnabled\n                      style={{ maxHeight }}\n                    >\n                      <VStack alignItems=\"stretch\" justifyContent=\"flex-start\">\n                        {children}\n                      </VStack>\n                    </RNScrollView>\n                  </View>\n                </Animated.View>\n              </SelectFieldContext.Provider>\n            </SelectContext.Provider>\n          )}\n        </PopoverPortalLayer>\n      ) : null}\n    </>\n  );\n});\n\nSelectContent.displayName = 'SelectContent';\n\nexport { SelectContent, type SelectContentProps };\n"],"mappings":"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"}

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":";;;;;;;;;;;AAsBA,MAAM,gBAAgB,KAAK,SAAS,cAAc,EAAE,WAAW,WAA+B;CAC5F,MAAM,EACJ,OACA,MACA,SACA,YACA,aACA,gBACA,cACA,qBACA,iBACE,kBAAkB;CACtB,MAAM,EAAE,MAAM,UAAU,UAAU,UAAU,aAAa,KAAK,OAAO,0BACnE,uBAAuB;CAEzB,MAAM,WAAW,MAAM,SAAS;CAChC,MAAM,aAAa,WAAW,WAAW;CACzC,MAAM,gBAAgB,CAAC,YAAY,CAAC;CACpC,MAAM,qBAAqB,YAAY,KAAA;CACvC,MAAM,cAAc,WAAY,aAAa,MAAM,IAAI,QAAU,eAAe;CAEhF,YAAY,YAAY;EACtB;EACA,OAAO;EACP,SAAS;EACT,UAAU;EACV,SAAS;EACV,CAAC;CACF,MAAM,kBAAkB,sBACtB,wBACC,OAAO,YAAY,mBAAmB,eAAe,WAClD,YAAY,mBAAmB,aAC/B,KAAA,OACD,OAAO,YAAY,mBAAmB,aAAa,WAChD,YAAY,mBAAmB,WAC/B,KAAA,GACP;CAED,MAAM,oBAAoB,cAAc;EACtC,MAAM,EAAE,KAAK,oBAAoB,YAAY;EAC7C,MAAM,gBACJ,oBAAoB,IAChB,KAAA,IACA;GACE,GAAI,OAAO,QAAQ,YAAY,EAAE,KAAK,KAAK,MAAM,MAAM,gBAAgB,EAAE;GACzE,GAAI,OAAO,oBAAoB,YAAY,EACzC,iBAAiB,KAAK,MAAM,kBAAkB,gBAAgB,EAC/D;GACF;EAEP,OAAO;GACL,YAAY;GACZ,YAAY;GACZ,YAAY;GACZ;GACA;IACE,eAAe;IACf,YAAY;IACZ;IACA,WAAW;IACZ;GACF;IACA;EACD;EACA,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ;EACD,CAAC;CAEF,MAAM,qBAAqB,cACnB,CACJ;EACE,MAAM;EACN,gBAAgB;EACjB,EACD,OAAO,YAAY,MAAM,WAAW,WAChC,EAAE,WAAW,KAAK,MAAM,YAAY,MAAM,SAAS,gBAAgB,EAAE,GACrE,KACL,EACD,CAAC,iBAAiB,YAAY,MAAM,CACrC;CAED,MAAM,iBAAiB,cACf;EACJ;GACE,YAAY,YAAY,mBAAmB;GAC3C,UAAU,YAAY,mBAAmB;GACzC,eAAe,YAAY,mBAAmB;GAE9C,YAAY,YAAY,mBAAmB;GAC3C,iBAAiB;GAClB;EACD,YAAY;EACZ,EAAE,QAAQ,KAAA,GAAW;EACrB,CAAC,WAAW,YAAY,mBAAmB;EAC5C,EACD;EAAC;EAAU,YAAY;EAAO,YAAY;EAAkB,YAAY;EAAmB,CAC5F;CAED,MAAM,kBAAkB,sBAEpB,WAAW,OAAO,IAAI,GAAG;EACvB,UAAU,eAAe,IAAI;EAC7B,QAAQ,OAAO,IAAI,OAAO,KAAK;EAChC,CAAC,EACJ,CAAC,MAAM,aAAa,CACrB;CAED,MAAM,uBAAuB,wBAAwB,EACnD,WAAW,CAAC,EAAE,QAAQ,GAAG,gBAAgB,QAAQ,IAAI,MAAM,CAAC,EAC7D,EAAE;CAyBH,OACE,oBAACA,WAAD;EACE,KAzBc,aACf,SAAsB;GACrB,WAAW,UAAU;KAEvB,CAAC,WAAW,CAqBI;EACd,QAAO;EACP,SApBgB,kBAAkB;GACpC,IAAI,CAAC,eACH;GAGF,IAAI,MAAM;IACR,QAAQ,MAAM;IACd,oBAAoB,KAAK;IACzB;;GAGF,eAAe,WAAW,SAAS,aAAa,eAAe;GAC/D,oBAAoB,KAAK;GACzB,QAAQ,KAAK;KACZ;GAAC;GAAe;GAAM;GAAqB;GAAS;GAAgB;GAAa;GAAW,CAMvE;EACpB,UAAU,CAAC;EACX,OAAO;GAAE;GAAO,WAAW;GAAW;EACtC,mBAAkB;EAClB,oBAAoB,eAAe;EACnC,oBAAoB;GAClB,UAAU,CAAC;GACX,UAAU;GACV,UAAU;GACX;YAED,qBAACC,MAAD;GAAQ,OAAO;GAAmB,eAAc;aAAhD;IACG,YACC,oBAAC,UAAD;KACE,MAAM;KACN,SAAQ;KACe;KACvB,OAAO,YAAY;KACnB,CAAA,GACA;IAEJ,oBAACA,MAAD;KAAQ,OAAO;eACb,oBAACC,MAAD;MACE,eAAe;MACQ;MACvB,OAAO;gBAEN;MACM,CAAA;KACF,CAAA;IAER,sBAAsB,UACrB,oBAAC,SAAS,MAAV;KACE,OAAO,qBAAqB,uBAAuB,KAAA;KACnD,QAAO;eAEP,oBAAC,UAAD;MACE,MAAM,qBAAqB,gBAAgB;MAC3C,MAAK;MACL,SAAQ;MACe;MACvB,OAAO,YAAY;MACnB,CAAA;KACY,CAAA,GACd;IACG;;EACG,CAAA;EAEhB;AAEF,cAAc,cAAc"}

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"}