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

package/dist/components/Pagination/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import type { UniversalPaginationItemProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationItemProps extends Omit<PressableProps, 'children' | 'style' | 'disabled'> {\n  page: UniversalPaginationItemProps['page'];\n  children?: UniversalPaginationItemProps['children'];\n}\n\n/**\n * **PaginationItem — single page control**\n *\n * @description\n * Renders a page number control. Usually composed via {@link PaginationNumbers}.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationItem = memo(function PaginationItem({\n  page,\n  children,\n  onPress,\n  ...rest\n}: PaginationItemProps) {\n  const { activePage, size, variant, getItemAriaLabel, onPageChange } = usePaginationContext();\n  const isActive = page === activePage;\n  const [pressed, setPressed] = useState(false);\n  const { rootStyle, textStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive,\n    pressed,\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      if (!isActive) {\n        onPageChange?.(page);\n      }\n    },\n    [isActive, onPageChange, onPress, page],\n  );\n\n  const label = children ?? page;\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  return (\n    <Pressable\n      accessibilityLabel={getItemAriaLabel(page, isActive)}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled: isActive, selected: isActive }}\n      disabled={isActive}\n      onPress={isActive ? undefined : handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {typeof label === 'string' || typeof label === 'number' ? (\n        <Text\n          color=\"inherit\"\n          variant=\"inherit\"\n          style={textStyle}\n          dangerouslySetColor={resolvedTextColor}\n        >\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Pressable>\n  );\n});\n\nPaginationItem.displayName = 'PaginationItem';\n\nexport { PaginationItem, type PaginationItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,MACA,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,kBAAkB,iBAAiB,sBAAsB;CAC5F,MAAM,WAAW,SAAS;CAC1B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,WAAW,cAAc,2BAA2B;EAC1D;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,IAAI,CAAC,UACH,eAAe,KAAK;IAGxB;EAAC;EAAU;EAAc;EAAS;EAAK,CACxC;CAED,MAAM,QAAQ,YAAY;CAC1B,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,OACE,oBAAC,WAAD;EACE,oBAAoB,iBAAiB,MAAM,SAAS;EACpD,mBAAkB;EAClB,oBAAoB;GAAE,UAAU;GAAU,UAAU;GAAU;EAC9D,UAAU;EACV,SAAS,WAAW,KAAA,IAAY;EAChC,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAACA,QAAD;GACE,OAAM;GACN,SAAQ;GACR,OAAO;GACP,qBAAqB;aAEpB;GACI,CAAA,GAEP;EAEQ,CAAA;EAEd;AAEF,eAAe,cAAc"}
+{"version":3,"file":"PaginationItem.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationItem.tsx"],"sourcesContent":["import type { UniversalPaginationItemProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationItemProps extends Omit<PressableProps, 'children' | 'style' | 'disabled'> {\n  page: UniversalPaginationItemProps['page'];\n  children?: UniversalPaginationItemProps['children'];\n}\n\n/**\n * **PaginationItem — single page control**\n *\n * @description\n * Renders a page number control. Usually composed via {@link PaginationNumbers}.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationItem = memo(function PaginationItem({\n  page,\n  children,\n  onPress,\n  ...rest\n}: PaginationItemProps) {\n  const { activePage, size, variant, maxFontSizeMultiplier, getItemAriaLabel, onPageChange } =\n    usePaginationContext();\n  const isActive = page === activePage;\n  const [pressed, setPressed] = useState(false);\n  const { rootStyle, textStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive,\n    pressed,\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      if (!isActive) {\n        onPageChange?.(page);\n      }\n    },\n    [isActive, onPageChange, onPress, page],\n  );\n\n  const label = children ?? page;\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  return (\n    <Pressable\n      accessibilityLabel={getItemAriaLabel(page, isActive)}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled: isActive, selected: isActive }}\n      disabled={isActive}\n      onPress={isActive ? undefined : handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {typeof label === 'string' || typeof label === 'number' ? (\n        <Text\n          color=\"inherit\"\n          variant=\"inherit\"\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          style={textStyle}\n          dangerouslySetColor={resolvedTextColor}\n        >\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Pressable>\n  );\n});\n\nPaginationItem.displayName = 'PaginationItem';\n\nexport { PaginationItem, type PaginationItemProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,MACA,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,uBAAuB,kBAAkB,iBAC1E,sBAAsB;CACxB,MAAM,WAAW,SAAS;CAC1B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,WAAW,cAAc,2BAA2B;EAC1D;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,IAAI,CAAC,UACH,eAAe,KAAK;IAGxB;EAAC;EAAU;EAAc;EAAS;EAAK,CACxC;CAED,MAAM,QAAQ,YAAY;CAC1B,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,OACE,oBAAC,WAAD;EACE,oBAAoB,iBAAiB,MAAM,SAAS;EACpD,mBAAkB;EAClB,oBAAoB;GAAE,UAAU;GAAU,UAAU;GAAU;EAC9D,UAAU;EACV,SAAS,WAAW,KAAA,IAAY;EAChC,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAACA,QAAD;GACE,OAAM;GACN,SAAQ;GACe;GACvB,OAAO;GACP,qBAAqB;aAEpB;GACI,CAAA,GAEP;EAEQ,CAAA;EAEd;AAEF,eAAe,cAAc"}

package/dist/components/Pagination/PaginationLink.cjs

@@ -18,7 +18,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @platform mobile
 */
 const PaginationLink = (0, react.memo)(function PaginationLink({ page, href: _href, children, onPress, ...rest }) {
-	const { activePage, size, variant, getItemAriaLabel, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
+	const { activePage, size, variant, maxFontSizeMultiplier, getItemAriaLabel, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
 	const isActive = page === activePage;
 	const [pressed, setPressed] = (0, react.useState)(false);
 	const { rootStyle, textStyle } = require_components_Pagination_usePaginationControlStyles.usePaginationControlStyles({
@@ -57,6 +57,7 @@ const PaginationLink = (0, react.memo)(function PaginationLink({ page, href: _hr
 		children: typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 			color: "inherit",
 			variant: "inherit",
+			maxFontSizeMultiplier,
 			style: textStyle,
 			dangerouslySetColor: resolvedTextColor,
 			children: label

package/dist/components/Pagination/PaginationLink.js

@@ -16,7 +16,7 @@ import { jsx } from "react/jsx-runtime";
 * @platform mobile
 */
 const PaginationLink = memo(function PaginationLink({ page, href: _href, children, onPress, ...rest }) {
-	const { activePage, size, variant, getItemAriaLabel, onPageChange } = usePaginationContext();
+	const { activePage, size, variant, maxFontSizeMultiplier, getItemAriaLabel, onPageChange } = usePaginationContext();
 	const isActive = page === activePage;
 	const [pressed, setPressed] = useState(false);
 	const { rootStyle, textStyle } = usePaginationControlStyles({
@@ -55,6 +55,7 @@ const PaginationLink = memo(function PaginationLink({ page, href: _href, childre
 		children: typeof label === "string" || typeof label === "number" ? /* @__PURE__ */ jsx(Text$1, {
 			color: "inherit",
 			variant: "inherit",
+			maxFontSizeMultiplier,
 			style: textStyle,
 			dangerouslySetColor: resolvedTextColor,
 			children: label

package/dist/components/Pagination/PaginationLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationLink.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import type { UniversalPaginationLinkProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web anchor HTML attributes; keep parity fields only. */\ninterface PaginationLinkProps extends Omit<PressableProps, 'children' | 'style' | 'disabled'> {\n  page: UniversalPaginationLinkProps['page'];\n  href: UniversalPaginationLinkProps['href'];\n  children?: UniversalPaginationLinkProps['children'];\n}\n\n/**\n * **PaginationLink — link-style page control**\n *\n * @description\n * Used when `getPageHref` is provided on {@link Pagination}. Invokes `onPageChange` on press.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationLink = memo(function PaginationLink({\n  page,\n  href: _href,\n  children,\n  onPress,\n  ...rest\n}: PaginationLinkProps) {\n  const { activePage, size, variant, getItemAriaLabel, onPageChange } = usePaginationContext();\n  const isActive = page === activePage;\n  const [pressed, setPressed] = useState(false);\n  const { rootStyle, textStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive,\n    pressed,\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      if (!isActive) {\n        onPageChange?.(page);\n      }\n    },\n    [isActive, onPageChange, onPress, page],\n  );\n\n  const label = children ?? page;\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  return (\n    <Pressable\n      accessibilityLabel={getItemAriaLabel(page, isActive)}\n      accessibilityRole=\"link\"\n      accessibilityState={{ disabled: isActive, selected: isActive }}\n      disabled={isActive}\n      onPress={isActive ? undefined : handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {typeof label === 'string' || typeof label === 'number' ? (\n        <Text\n          color=\"inherit\"\n          variant=\"inherit\"\n          style={textStyle}\n          dangerouslySetColor={resolvedTextColor}\n        >\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Pressable>\n  );\n});\n\nPaginationLink.displayName = 'PaginationLink';\n\nexport { PaginationLink, type PaginationLinkProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,MACA,MAAM,OACN,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,kBAAkB,iBAAiB,sBAAsB;CAC5F,MAAM,WAAW,SAAS;CAC1B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,WAAW,cAAc,2BAA2B;EAC1D;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,IAAI,CAAC,UACH,eAAe,KAAK;IAGxB;EAAC;EAAU;EAAc;EAAS;EAAK,CACxC;CAED,MAAM,QAAQ,YAAY;CAC1B,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,OACE,oBAAC,WAAD;EACE,oBAAoB,iBAAiB,MAAM,SAAS;EACpD,mBAAkB;EAClB,oBAAoB;GAAE,UAAU;GAAU,UAAU;GAAU;EAC9D,UAAU;EACV,SAAS,WAAW,KAAA,IAAY;EAChC,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAACA,QAAD;GACE,OAAM;GACN,SAAQ;GACR,OAAO;GACP,qBAAqB;aAEpB;GACI,CAAA,GAEP;EAEQ,CAAA;EAEd;AAEF,eAAe,cAAc"}
+{"version":3,"file":"PaginationLink.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationLink.tsx"],"sourcesContent":["import type { UniversalPaginationLinkProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useMemo, useState } from 'react';\nimport type { PressableProps } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web anchor HTML attributes; keep parity fields only. */\ninterface PaginationLinkProps extends Omit<PressableProps, 'children' | 'style' | 'disabled'> {\n  page: UniversalPaginationLinkProps['page'];\n  href: UniversalPaginationLinkProps['href'];\n  children?: UniversalPaginationLinkProps['children'];\n}\n\n/**\n * **PaginationLink — link-style page control**\n *\n * @description\n * Used when `getPageHref` is provided on {@link Pagination}. Invokes `onPageChange` on press.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationLink = memo(function PaginationLink({\n  page,\n  href: _href,\n  children,\n  onPress,\n  ...rest\n}: PaginationLinkProps) {\n  const { activePage, size, variant, maxFontSizeMultiplier, getItemAriaLabel, onPageChange } =\n    usePaginationContext();\n  const isActive = page === activePage;\n  const [pressed, setPressed] = useState(false);\n  const { rootStyle, textStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive,\n    pressed,\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      if (!isActive) {\n        onPageChange?.(page);\n      }\n    },\n    [isActive, onPageChange, onPress, page],\n  );\n\n  const label = children ?? page;\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  return (\n    <Pressable\n      accessibilityLabel={getItemAriaLabel(page, isActive)}\n      accessibilityRole=\"link\"\n      accessibilityState={{ disabled: isActive, selected: isActive }}\n      disabled={isActive}\n      onPress={isActive ? undefined : handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {typeof label === 'string' || typeof label === 'number' ? (\n        <Text\n          color=\"inherit\"\n          variant=\"inherit\"\n          maxFontSizeMultiplier={maxFontSizeMultiplier}\n          style={textStyle}\n          dangerouslySetColor={resolvedTextColor}\n        >\n          {label}\n        </Text>\n      ) : (\n        label\n      )}\n    </Pressable>\n  );\n});\n\nPaginationLink.displayName = 'PaginationLink';\n\nexport { PaginationLink, type PaginationLinkProps };\n"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,MACA,MAAM,OACN,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,uBAAuB,kBAAkB,iBAC1E,sBAAsB;CACxB,MAAM,WAAW,SAAS;CAC1B,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,EAAE,WAAW,cAAc,2BAA2B;EAC1D;EACA;EACA;EACA;EACD,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,IAAI,CAAC,UACH,eAAe,KAAK;IAGxB;EAAC;EAAU;EAAc;EAAS;EAAK,CACxC;CAED,MAAM,QAAQ,YAAY;CAC1B,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,OACE,oBAAC,WAAD;EACE,oBAAoB,iBAAiB,MAAM,SAAS;EACpD,mBAAkB;EAClB,oBAAoB;GAAE,UAAU;GAAU,UAAU;GAAU;EAC9D,UAAU;EACV,SAAS,WAAW,KAAA,IAAY;EAChC,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH,OAAO,UAAU,YAAY,OAAO,UAAU,WAC7C,oBAACA,QAAD;GACE,OAAM;GACN,SAAQ;GACe;GACvB,OAAO;GACP,qBAAqB;aAEpB;GACI,CAAA,GAEP;EAEQ,CAAA;EAEd;AAEF,eAAe,cAAc"}

package/dist/components/Pagination/PaginationNext.cjs

@@ -19,7 +19,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @platform mobile
 */
 const PaginationNext = (0, react.memo)(function PaginationNext({ label = "Next", children, onPress, ...rest }) {
-	const { activePage, totalPages, size, variant, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
+	const { activePage, totalPages, size, variant, maxFontSizeMultiplier, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
 	const [pressed, setPressed] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
 		setPressed(false);
@@ -47,6 +47,7 @@ const PaginationNext = (0, react.memo)(function PaginationNext({ label = "Next",
 	const content = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 		color: "inherit",
 		variant: "inherit",
+		maxFontSizeMultiplier,
 		style: textStyle,
 		dangerouslySetColor: resolvedTextColor,
 		children: label
@@ -54,6 +55,7 @@ const PaginationNext = (0, react.memo)(function PaginationNext({ label = "Next",
 		name: "ChevronRight",
 		size: "sm",
 		color: iconStyle?.color,
+		maxFontSizeMultiplier,
 		style: iconStyle
 	})] });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.Pressable, {

package/dist/components/Pagination/PaginationNext.js

@@ -17,7 +17,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @platform mobile
 */
 const PaginationNext = memo(function PaginationNext({ label = "Next", children, onPress, ...rest }) {
-	const { activePage, totalPages, size, variant, onPageChange } = usePaginationContext();
+	const { activePage, totalPages, size, variant, maxFontSizeMultiplier, onPageChange } = usePaginationContext();
 	const [pressed, setPressed] = useState(false);
 	useEffect(() => {
 		setPressed(false);
@@ -45,6 +45,7 @@ const PaginationNext = memo(function PaginationNext({ label = "Next", children,
 	const content = children ?? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text$1, {
 		color: "inherit",
 		variant: "inherit",
+		maxFontSizeMultiplier,
 		style: textStyle,
 		dangerouslySetColor: resolvedTextColor,
 		children: label
@@ -52,6 +53,7 @@ const PaginationNext = memo(function PaginationNext({ label = "Next", children,
 		name: "ChevronRight",
 		size: "sm",
 		color: iconStyle?.color,
+		maxFontSizeMultiplier,
 		style: iconStyle
 	})] });
 	return /* @__PURE__ */ jsx(Pressable, {

package/dist/components/Pagination/PaginationNext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNext.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import type { UniversalPaginationNextProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { PressableProps, TextStyle } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport type { StyleProps } from '../../../generated/styles';\nimport { Icon } from '../Icon';\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationNextProps extends Omit<PressableProps, 'children' | 'style'> {\n  label?: UniversalPaginationNextProps['label'];\n  children?: UniversalPaginationNextProps['children'];\n}\n\n/**\n * **PaginationNext — next page control**\n *\n * @description\n * Hidden on the last page. Moves to the next page when pressed.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationNext = memo(function PaginationNext({\n  label = 'Next',\n  children,\n  onPress,\n  ...rest\n}: PaginationNextProps) {\n  const { activePage, totalPages, size, variant, onPageChange } = usePaginationContext();\n  const [pressed, setPressed] = useState(false);\n\n  // Pressable unmounts when we return null before onPressOut runs; reset on page change.\n  useEffect(() => {\n    setPressed(false);\n  }, [activePage]);\n  const { rootStyle, textStyle, iconStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive: false,\n    pressed,\n    layout: 'prevNext',\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      onPageChange?.(activePage + 1);\n    },\n    [activePage, onPageChange, onPress],\n  );\n\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  if (activePage >= totalPages) {\n    return null;\n  }\n\n  const content = children ?? (\n    <>\n      <Text\n        color=\"inherit\"\n        variant=\"inherit\"\n        style={textStyle}\n        dangerouslySetColor={resolvedTextColor}\n      >\n        {label}\n      </Text>\n      <Icon\n        name=\"ChevronRight\"\n        size=\"sm\"\n        color={(iconStyle as TextStyle)?.color as StyleProps['color'] | undefined}\n        style={iconStyle}\n      />\n    </>\n  );\n\n  return (\n    <Pressable\n      accessibilityLabel=\"Go to next page\"\n      accessibilityRole=\"button\"\n      onPress={handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {content}\n    </Pressable>\n  );\n});\n\nPaginationNext.displayName = 'PaginationNext';\n\nexport { PaginationNext, type PaginationNextProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,QAAQ,QACR,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,YAAY,MAAM,SAAS,iBAAiB,sBAAsB;CACtF,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAG7C,gBAAgB;EACd,WAAW,MAAM;IAChB,CAAC,WAAW,CAAC;CAChB,MAAM,EAAE,WAAW,WAAW,cAAc,2BAA2B;EACrE;EACA;EACA,UAAU;EACV;EACA,QAAQ;EACT,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,eAAe,aAAa,EAAE;IAEhC;EAAC;EAAY;EAAc;EAAQ,CACpC;CAED,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,IAAI,cAAc,YAChB,OAAO;CAGT,MAAM,UAAU,YACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACA,QAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,qBAAqB;YAEpB;EACI,CAAA,EACP,oBAAC,MAAD;EACE,MAAK;EACL,MAAK;EACL,OAAQ,WAAyB;EACjC,OAAO;EACP,CAAA,CACD,EAAA,CAAA;CAGL,OACE,oBAAC,WAAD;EACE,oBAAmB;EACnB,mBAAkB;EAClB,SAAS;EACT,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH;EACS,CAAA;EAEd;AAEF,eAAe,cAAc"}
+{"version":3,"file":"PaginationNext.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationNext.tsx"],"sourcesContent":["import type { UniversalPaginationNextProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { PressableProps, TextStyle } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport type { StyleProps } from '../../../generated/styles';\nimport { Icon } from '../Icon';\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationNextProps extends Omit<PressableProps, 'children' | 'style'> {\n  label?: UniversalPaginationNextProps['label'];\n  children?: UniversalPaginationNextProps['children'];\n}\n\n/**\n * **PaginationNext — next page control**\n *\n * @description\n * Hidden on the last page. Moves to the next page when pressed.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationNext = memo(function PaginationNext({\n  label = 'Next',\n  children,\n  onPress,\n  ...rest\n}: PaginationNextProps) {\n  const { activePage, totalPages, size, variant, maxFontSizeMultiplier, onPageChange } =\n    usePaginationContext();\n  const [pressed, setPressed] = useState(false);\n\n  // Pressable unmounts when we return null before onPressOut runs; reset on page change.\n  useEffect(() => {\n    setPressed(false);\n  }, [activePage]);\n  const { rootStyle, textStyle, iconStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive: false,\n    pressed,\n    layout: 'prevNext',\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      onPageChange?.(activePage + 1);\n    },\n    [activePage, onPageChange, onPress],\n  );\n\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  if (activePage >= totalPages) {\n    return null;\n  }\n\n  const content = children ?? (\n    <>\n      <Text\n        color=\"inherit\"\n        variant=\"inherit\"\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        style={textStyle}\n        dangerouslySetColor={resolvedTextColor}\n      >\n        {label}\n      </Text>\n      <Icon\n        name=\"ChevronRight\"\n        size=\"sm\"\n        color={(iconStyle as TextStyle)?.color as StyleProps['color'] | undefined}\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        style={iconStyle}\n      />\n    </>\n  );\n\n  return (\n    <Pressable\n      accessibilityLabel=\"Go to next page\"\n      accessibilityRole=\"button\"\n      onPress={handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {content}\n    </Pressable>\n  );\n});\n\nPaginationNext.displayName = 'PaginationNext';\n\nexport { PaginationNext, type PaginationNextProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,QAAQ,QACR,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,YAAY,MAAM,SAAS,uBAAuB,iBACpE,sBAAsB;CACxB,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAG7C,gBAAgB;EACd,WAAW,MAAM;IAChB,CAAC,WAAW,CAAC;CAChB,MAAM,EAAE,WAAW,WAAW,cAAc,2BAA2B;EACrE;EACA;EACA,UAAU;EACV;EACA,QAAQ;EACT,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,eAAe,aAAa,EAAE;IAEhC;EAAC;EAAY;EAAc;EAAQ,CACpC;CAED,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,IAAI,cAAc,YAChB,OAAO;CAGT,MAAM,UAAU,YACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAACA,QAAD;EACE,OAAM;EACN,SAAQ;EACe;EACvB,OAAO;EACP,qBAAqB;YAEpB;EACI,CAAA,EACP,oBAAC,MAAD;EACE,MAAK;EACL,MAAK;EACL,OAAQ,WAAyB;EACV;EACvB,OAAO;EACP,CAAA,CACD,EAAA,CAAA;CAGL,OACE,oBAAC,WAAD;EACE,oBAAmB;EACnB,mBAAkB;EAClB,SAAS;EACT,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH;EACS,CAAA;EAEd;AAEF,eAAe,cAAc"}

package/dist/components/Pagination/PaginationPrev.cjs

@@ -19,7 +19,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @platform mobile
 */
 const PaginationPrev = (0, react.memo)(function PaginationPrev({ label = "Prev", children, onPress, ...rest }) {
-	const { activePage, size, variant, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
+	const { activePage, size, variant, maxFontSizeMultiplier, onPageChange } = require_components_Pagination_paginationContext.usePaginationContext();
 	const [pressed, setPressed] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
 		setPressed(false);
@@ -48,10 +48,12 @@ const PaginationPrev = (0, react.memo)(function PaginationPrev({ label = "Prev",
 		name: "ChevronLeft",
 		size: "sm",
 		color: iconStyle?.color,
+		maxFontSizeMultiplier,
 		style: iconStyle
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
 		color: "inherit",
 		variant: "inherit",
+		maxFontSizeMultiplier,
 		style: textStyle,
 		dangerouslySetColor: resolvedTextColor,
 		children: label

package/dist/components/Pagination/PaginationPrev.js

@@ -17,7 +17,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * @platform mobile
 */
 const PaginationPrev = memo(function PaginationPrev({ label = "Prev", children, onPress, ...rest }) {
-	const { activePage, size, variant, onPageChange } = usePaginationContext();
+	const { activePage, size, variant, maxFontSizeMultiplier, onPageChange } = usePaginationContext();
 	const [pressed, setPressed] = useState(false);
 	useEffect(() => {
 		setPressed(false);
@@ -46,10 +46,12 @@ const PaginationPrev = memo(function PaginationPrev({ label = "Prev", children,
 		name: "ChevronLeft",
 		size: "sm",
 		color: iconStyle?.color,
+		maxFontSizeMultiplier,
 		style: iconStyle
 	}), /* @__PURE__ */ jsx(Text$1, {
 		color: "inherit",
 		variant: "inherit",
+		maxFontSizeMultiplier,
 		style: textStyle,
 		dangerouslySetColor: resolvedTextColor,
 		children: label

package/dist/components/Pagination/PaginationPrev.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPrev.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationPrev.tsx"],"sourcesContent":["import type { UniversalPaginationPrevProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { PressableProps, TextStyle } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport type { StyleProps } from '../../../generated/styles';\nimport { Icon } from '../Icon';\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationPrevProps extends Omit<PressableProps, 'children' | 'style'> {\n  label?: UniversalPaginationPrevProps['label'];\n  children?: UniversalPaginationPrevProps['children'];\n}\n\n/**\n * **PaginationPrev — previous page control**\n *\n * @description\n * Hidden on the first page. Moves to the previous page when pressed.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationPrev = memo(function PaginationPrev({\n  label = 'Prev',\n  children,\n  onPress,\n  ...rest\n}: PaginationPrevProps) {\n  const { activePage, size, variant, onPageChange } = usePaginationContext();\n  const [pressed, setPressed] = useState(false);\n\n  // Pressable unmounts when we return null before onPressOut runs; reset on page change.\n  useEffect(() => {\n    setPressed(false);\n  }, [activePage]);\n  const { rootStyle, textStyle, iconStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive: false,\n    pressed,\n    layout: 'prevNext',\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      onPageChange?.(activePage - 1);\n    },\n    [activePage, onPageChange, onPress],\n  );\n\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  if (activePage <= 1) {\n    return null;\n  }\n\n  const content = children ?? (\n    <>\n      <Icon\n        name=\"ChevronLeft\"\n        size=\"sm\"\n        color={(iconStyle as TextStyle)?.color as StyleProps['color'] | undefined}\n        style={iconStyle}\n      />\n      <Text\n        color=\"inherit\"\n        variant=\"inherit\"\n        style={textStyle}\n        dangerouslySetColor={resolvedTextColor}\n      >\n        {label}\n      </Text>\n    </>\n  );\n\n  return (\n    <Pressable\n      accessibilityLabel=\"Go to previous page\"\n      accessibilityRole=\"button\"\n      onPress={handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {content}\n    </Pressable>\n  );\n});\n\nPaginationPrev.displayName = 'PaginationPrev';\n\nexport { PaginationPrev, type PaginationPrevProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,QAAQ,QACR,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,iBAAiB,sBAAsB;CAC1E,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAG7C,gBAAgB;EACd,WAAW,MAAM;IAChB,CAAC,WAAW,CAAC;CAChB,MAAM,EAAE,WAAW,WAAW,cAAc,2BAA2B;EACrE;EACA;EACA,UAAU;EACV;EACA,QAAQ;EACT,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,eAAe,aAAa,EAAE;IAEhC;EAAC;EAAY;EAAc;EAAQ,CACpC;CAED,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,IAAI,cAAc,GAChB,OAAO;CAGT,MAAM,UAAU,YACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD;EACE,MAAK;EACL,MAAK;EACL,OAAQ,WAAyB;EACjC,OAAO;EACP,CAAA,EACF,oBAACA,QAAD;EACE,OAAM;EACN,SAAQ;EACR,OAAO;EACP,qBAAqB;YAEpB;EACI,CAAA,CACN,EAAA,CAAA;CAGL,OACE,oBAAC,WAAD;EACE,oBAAmB;EACnB,mBAAkB;EAClB,SAAS;EACT,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH;EACS,CAAA;EAEd;AAEF,eAAe,cAAc"}
+{"version":3,"file":"PaginationPrev.js","names":["Text"],"sources":["../../../src/components/Pagination/PaginationPrev.tsx"],"sourcesContent":["import type { UniversalPaginationPrevProps } from '@yahoo/uds-types';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport type { PressableProps, TextStyle } from 'react-native';\nimport { Pressable, StyleSheet } from 'react-native';\n\nimport type { StyleProps } from '../../../generated/styles';\nimport { Icon } from '../Icon';\nimport { Text } from '../Text';\nimport { usePaginationContext } from './paginationContext';\nimport { usePaginationControlStyles } from './usePaginationControlStyles';\n\n/** RN Pressable types differ from web button HTML attributes; keep parity fields only. */\ninterface PaginationPrevProps extends Omit<PressableProps, 'children' | 'style'> {\n  label?: UniversalPaginationPrevProps['label'];\n  children?: UniversalPaginationPrevProps['children'];\n}\n\n/**\n * **PaginationPrev — previous page control**\n *\n * @description\n * Hidden on the first page. Moves to the previous page when pressed.\n *\n * @category Navigation\n * @platform mobile\n */\nconst PaginationPrev = memo(function PaginationPrev({\n  label = 'Prev',\n  children,\n  onPress,\n  ...rest\n}: PaginationPrevProps) {\n  const { activePage, size, variant, maxFontSizeMultiplier, onPageChange } = usePaginationContext();\n  const [pressed, setPressed] = useState(false);\n\n  // Pressable unmounts when we return null before onPressOut runs; reset on page change.\n  useEffect(() => {\n    setPressed(false);\n  }, [activePage]);\n  const { rootStyle, textStyle, iconStyle } = usePaginationControlStyles({\n    size,\n    variant,\n    isActive: false,\n    pressed,\n    layout: 'prevNext',\n  });\n\n  const handlePress = useCallback(\n    (event: Parameters<NonNullable<PressableProps['onPress']>>[0]) => {\n      onPress?.(event);\n      onPageChange?.(activePage - 1);\n    },\n    [activePage, onPageChange, onPress],\n  );\n\n  const resolvedTextColor = useMemo(() => {\n    const flat = StyleSheet.flatten(textStyle);\n    return typeof flat?.color === 'string' ? flat.color : undefined;\n  }, [textStyle]);\n\n  if (activePage <= 1) {\n    return null;\n  }\n\n  const content = children ?? (\n    <>\n      <Icon\n        name=\"ChevronLeft\"\n        size=\"sm\"\n        color={(iconStyle as TextStyle)?.color as StyleProps['color'] | undefined}\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        style={iconStyle}\n      />\n      <Text\n        color=\"inherit\"\n        variant=\"inherit\"\n        maxFontSizeMultiplier={maxFontSizeMultiplier}\n        style={textStyle}\n        dangerouslySetColor={resolvedTextColor}\n      >\n        {label}\n      </Text>\n    </>\n  );\n\n  return (\n    <Pressable\n      accessibilityLabel=\"Go to previous page\"\n      accessibilityRole=\"button\"\n      onPress={handlePress}\n      onPressIn={() => setPressed(true)}\n      onPressOut={() => setPressed(false)}\n      style={rootStyle}\n      {...rest}\n    >\n      {content}\n    </Pressable>\n  );\n});\n\nPaginationPrev.displayName = 'PaginationPrev';\n\nexport { PaginationPrev, type PaginationPrevProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAM,iBAAiB,KAAK,SAAS,eAAe,EAClD,QAAQ,QACR,UACA,SACA,GAAG,QACmB;CACtB,MAAM,EAAE,YAAY,MAAM,SAAS,uBAAuB,iBAAiB,sBAAsB;CACjG,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAG7C,gBAAgB;EACd,WAAW,MAAM;IAChB,CAAC,WAAW,CAAC;CAChB,MAAM,EAAE,WAAW,WAAW,cAAc,2BAA2B;EACrE;EACA;EACA,UAAU;EACV;EACA,QAAQ;EACT,CAAC;CAEF,MAAM,cAAc,aACjB,UAAiE;EAChE,UAAU,MAAM;EAChB,eAAe,aAAa,EAAE;IAEhC;EAAC;EAAY;EAAc;EAAQ,CACpC;CAED,MAAM,oBAAoB,cAAc;EACtC,MAAM,OAAO,WAAW,QAAQ,UAAU;EAC1C,OAAO,OAAO,MAAM,UAAU,WAAW,KAAK,QAAQ,KAAA;IACrD,CAAC,UAAU,CAAC;CAEf,IAAI,cAAc,GAChB,OAAO;CAGT,MAAM,UAAU,YACd,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,MAAD;EACE,MAAK;EACL,MAAK;EACL,OAAQ,WAAyB;EACV;EACvB,OAAO;EACP,CAAA,EACF,oBAACA,QAAD;EACE,OAAM;EACN,SAAQ;EACe;EACvB,OAAO;EACP,qBAAqB;YAEpB;EACI,CAAA,CACN,EAAA,CAAA;CAGL,OACE,oBAAC,WAAD;EACE,oBAAmB;EACnB,mBAAkB;EAClB,SAAS;EACT,iBAAiB,WAAW,KAAK;EACjC,kBAAkB,WAAW,MAAM;EACnC,OAAO;EACP,GAAI;YAEH;EACS,CAAA;EAEd;AAEF,eAAe,cAAc"}

package/dist/components/Pagination/paginationContext.d.cts

@@ -10,6 +10,8 @@ interface PaginationContextValue {
   ellipsisPlacement: PaginationEllipsisPlacement;
   size: PaginationSize;
   variant: PaginationVariant;
+  /** Resolved React Native control cap (0 = uncapped, undefined = disabled). */
+  maxFontSizeMultiplier?: number;
   getPageHref?: (page: number) => string;
   getItemAriaLabel: (page: number, isActive: boolean) => string;
   onPageChange?: (page: number) => void;

package/dist/components/Pagination/paginationContext.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationContext.d.cts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}
+{"version":3,"file":"paginationContext.d.cts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EADH;EAGN,qBAAA;EACA,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}

package/dist/components/Pagination/paginationContext.d.ts

@@ -10,6 +10,8 @@ interface PaginationContextValue {
   ellipsisPlacement: PaginationEllipsisPlacement;
   size: PaginationSize;
   variant: PaginationVariant;
+  /** Resolved React Native control cap (0 = uncapped, undefined = disabled). */
+  maxFontSizeMultiplier?: number;
   getPageHref?: (page: number) => string;
   getItemAriaLabel: (page: number, isActive: boolean) => string;
   onPageChange?: (page: number) => void;

package/dist/components/Pagination/paginationContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paginationContext.d.ts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}
+{"version":3,"file":"paginationContext.d.ts","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"mappings":";;;;;UASU,sBAAA;EACR,UAAA;EACA,UAAA;EACA,qBAAA;EACA,iBAAA,EAAmB,2BAAA;EACnB,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EADH;EAGN,qBAAA;EACA,WAAA,IAAe,IAAA;EACf,gBAAA,GAAmB,IAAA,UAAc,QAAA;EACjC,YAAA,IAAgB,IAAA;AAAA;AAAA,cAGZ,uBAAA,GAA2B,IAAA,UAAc,QAAA;AAAA,cAGzC,iBAAA,EAAiB,OAAA,CAAA,OAAA,CAAA,sBAAA;AAAA,UAEb,uBAAA;EACR,KAAA,EAAO,sBAAA;EACP,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,cAGZ,kBAAA;EAAA;;;KAA2C,uBAAA,GAAuB,OAAA,CAAA,GAAA,CAAA,OAAA;;;iBAO/D,oBAAA,CAAA,GAAwB,sBAAA;AAAA,iBAQxB,eAAA,CAAA,GAAe,qBAAA"}

package/dist/components/Pagination/paginationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginationContext.js","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"sourcesContent":["import type {\n  PaginationEllipsisPlacement,\n  PaginationSize,\n  PaginationVariant,\n} from '@yahoo/uds-types';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport { computeVisiblePages } from './computeVisiblePages';\n\ninterface PaginationContextValue {\n  activePage: number;\n  totalPages: number;\n  maxVisiblePageNumbers: number;\n  ellipsisPlacement: PaginationEllipsisPlacement;\n  size: PaginationSize;\n  variant: PaginationVariant;\n  getPageHref?: (page: number) => string;\n  getItemAriaLabel: (page: number, isActive: boolean) => string;\n  onPageChange?: (page: number) => void;\n}\n\nconst defaultGetItemAriaLabel = (page: number, isActive: boolean) =>\n  isActive ? `Page ${page}, current page` : `Go to page ${page}`;\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\ninterface PaginationProviderProps {\n  value: PaginationContextValue;\n  children: React.ReactNode;\n}\n\nconst PaginationProvider = ({ value, children }: PaginationProviderProps) => {\n  const contextValue = useMemo(() => value, [value]);\n  return <PaginationContext.Provider value={contextValue}>{children}</PaginationContext.Provider>;\n};\n\nPaginationProvider.displayName = 'PaginationProvider';\n\nfunction usePaginationContext(): PaginationContextValue {\n  const context = useContext(PaginationContext);\n  if (!context) {\n    throw new Error('Pagination components must be used within a Pagination provider.');\n  }\n  return context;\n}\n\nfunction useVisiblePages() {\n  const { activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement } =\n    usePaginationContext();\n  return useMemo(\n    () =>\n      computeVisiblePages({\n        activePage,\n        totalPages,\n        maxVisiblePageNumbers,\n        ellipsisPlacement,\n      }),\n    [activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement],\n  );\n}\n\nexport {\n  defaultGetItemAriaLabel,\n  PaginationContext,\n  PaginationProvider,\n  usePaginationContext,\n  useVisiblePages,\n};\n"],"mappings":";;;;;AAqBA,MAAM,2BAA2B,MAAc,aAC7C,WAAW,QAAQ,KAAK,kBAAkB,cAAc;AAE1D,MAAM,oBAAoB,cAA6C,KAAK;AAO5E,MAAM,sBAAsB,EAAE,OAAO,eAAwC;CAC3E,MAAM,eAAe,cAAc,OAAO,CAAC,MAAM,CAAC;CAClD,OAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAe;EAAsC,CAAA;;AAGjG,mBAAmB,cAAc;AAEjC,SAAS,uBAA+C;CACtD,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,mEAAmE;CAErF,OAAO;;AAGT,SAAS,kBAAkB;CACzB,MAAM,EAAE,YAAY,YAAY,uBAAuB,sBACrD,sBAAsB;CACxB,OAAO,cAEH,oBAAoB;EAClB;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAY;EAAY;EAAuB;EAAkB,CACnE"}
+{"version":3,"file":"paginationContext.js","names":[],"sources":["../../../src/components/Pagination/paginationContext.tsx"],"sourcesContent":["import type {\n  PaginationEllipsisPlacement,\n  PaginationSize,\n  PaginationVariant,\n} from '@yahoo/uds-types';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport { computeVisiblePages } from './computeVisiblePages';\n\ninterface PaginationContextValue {\n  activePage: number;\n  totalPages: number;\n  maxVisiblePageNumbers: number;\n  ellipsisPlacement: PaginationEllipsisPlacement;\n  size: PaginationSize;\n  variant: PaginationVariant;\n  /** Resolved React Native control cap (0 = uncapped, undefined = disabled). */\n  maxFontSizeMultiplier?: number;\n  getPageHref?: (page: number) => string;\n  getItemAriaLabel: (page: number, isActive: boolean) => string;\n  onPageChange?: (page: number) => void;\n}\n\nconst defaultGetItemAriaLabel = (page: number, isActive: boolean) =>\n  isActive ? `Page ${page}, current page` : `Go to page ${page}`;\n\nconst PaginationContext = createContext<PaginationContextValue | null>(null);\n\ninterface PaginationProviderProps {\n  value: PaginationContextValue;\n  children: React.ReactNode;\n}\n\nconst PaginationProvider = ({ value, children }: PaginationProviderProps) => {\n  const contextValue = useMemo(() => value, [value]);\n  return <PaginationContext.Provider value={contextValue}>{children}</PaginationContext.Provider>;\n};\n\nPaginationProvider.displayName = 'PaginationProvider';\n\nfunction usePaginationContext(): PaginationContextValue {\n  const context = useContext(PaginationContext);\n  if (!context) {\n    throw new Error('Pagination components must be used within a Pagination provider.');\n  }\n  return context;\n}\n\nfunction useVisiblePages() {\n  const { activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement } =\n    usePaginationContext();\n  return useMemo(\n    () =>\n      computeVisiblePages({\n        activePage,\n        totalPages,\n        maxVisiblePageNumbers,\n        ellipsisPlacement,\n      }),\n    [activePage, totalPages, maxVisiblePageNumbers, ellipsisPlacement],\n  );\n}\n\nexport {\n  defaultGetItemAriaLabel,\n  PaginationContext,\n  PaginationProvider,\n  usePaginationContext,\n  useVisiblePages,\n};\n"],"mappings":";;;;;AAuBA,MAAM,2BAA2B,MAAc,aAC7C,WAAW,QAAQ,KAAK,kBAAkB,cAAc;AAE1D,MAAM,oBAAoB,cAA6C,KAAK;AAO5E,MAAM,sBAAsB,EAAE,OAAO,eAAwC;CAC3E,MAAM,eAAe,cAAc,OAAO,CAAC,MAAM,CAAC;CAClD,OAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAe;EAAsC,CAAA;;AAGjG,mBAAmB,cAAc;AAEjC,SAAS,uBAA+C;CACtD,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,mEAAmE;CAErF,OAAO;;AAGT,SAAS,kBAAkB;CACzB,MAAM,EAAE,YAAY,YAAY,uBAAuB,sBACrD,sBAAsB;CACxB,OAAO,cAEH,oBAAoB;EAClB;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAY;EAAY;EAAuB;EAAkB,CACnE"}

package/dist/components/Pagination/usePaginationControlStyles.cjs

@@ -1,6 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.cjs");
+const require_fontScaling_useFontScale = require("../../fontScaling/useFontScale.cjs");
+const require_components_Pagination_paginationContext = require("./paginationContext.cjs");
 const require_components_Pagination_paginationTheme = require("./paginationTheme.cjs");
 let react = require("react");
 let react_native = require("react-native");
@@ -8,12 +10,16 @@ let react_native_unistyles = require("react-native-unistyles");
 //#region src/components/Pagination/usePaginationControlStyles.ts
 function usePaginationControlStyles({ size, variant, isActive, pressed, layout = "page" }) {
 	const { theme } = (0, react_native_unistyles.useUnistyles)();
+	const { maxFontSizeMultiplier } = require_components_Pagination_paginationContext.usePaginationContext();
 	const active = isActive ? "on" : "off";
 	const interaction = pressed ? "pressed" : "rest";
 	const prevNextActive = "off";
+	const sizeTextStyle = require_components_Pagination_paginationTheme.getPaginationSizeLayerStyle(theme, size, "text");
+	const fontScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(maxFontSizeMultiplier, typeof sizeTextStyle.lineHeight === "number" ? sizeTextStyle.lineHeight : sizeTextStyle.fontSize);
 	return {
 		rootStyle: (0, react.useMemo)(() => {
-			const { controlSize, borderRadius } = require_components_Pagination_paginationTheme.getPaginationControlMetrics(theme, size);
+			const { controlSize: baseControlSize, borderRadius } = require_components_Pagination_paginationTheme.getPaginationControlMetrics(theme, size);
+			const controlSize = Math.round(baseControlSize * fontScaleFactor);
 			const variantActive = layout === "prevNext" ? prevNextActive : active;
 			return [
 				layout === "page" ? paginationStaticStyles.pageRoot : paginationStaticStyles.prevNextRoot,
@@ -28,6 +34,7 @@ function usePaginationControlStyles({ size, variant, isActive, pressed, layout =
 			];
 		}, [
 			active,
+			fontScaleFactor,
 			interaction,
 			layout,
 			size,

package/dist/components/Pagination/usePaginationControlStyles.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationControlStyles.d.cts","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"mappings":";;;;;UAcU,iCAAA;EACR,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,QAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,iBAGO,0BAAA,CAAA;EACP,IAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;EACA;AAAA,GACC,iCAAA"}
+{"version":3,"file":"usePaginationControlStyles.d.cts","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"mappings":";;;;;UAiBU,iCAAA;EACR,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,QAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,iBAGO,0BAAA,CAAA;EACP,IAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;EACA;AAAA,GACC,iCAAA"}

package/dist/components/Pagination/usePaginationControlStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationControlStyles.d.ts","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"mappings":";;;;;UAcU,iCAAA;EACR,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,QAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,iBAGO,0BAAA,CAAA;EACP,IAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;EACA;AAAA,GACC,iCAAA"}
+{"version":3,"file":"usePaginationControlStyles.d.ts","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"mappings":";;;;;UAiBU,iCAAA;EACR,IAAA,EAAM,cAAA;EACN,OAAA,EAAS,iBAAA;EACT,QAAA;EACA,OAAA;EACA,MAAA;AAAA;AAAA,iBAGO,0BAAA,CAAA;EACP,IAAA;EACA,OAAA;EACA,QAAA;EACA,OAAA;EACA;AAAA,GACC,iCAAA"}

package/dist/components/Pagination/usePaginationControlStyles.js

@@ -1,17 +1,23 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
-import { getMergedPaginationControlRootStyle, getMergedPaginationIconStyle, getMergedPaginationTextStyle, getPaginationControlMetrics } from "./paginationTheme.js";
+import { useComponentFontScale } from "../../fontScaling/useFontScale.js";
+import { usePaginationContext } from "./paginationContext.js";
+import { getMergedPaginationControlRootStyle, getMergedPaginationIconStyle, getMergedPaginationTextStyle, getPaginationControlMetrics, getPaginationSizeLayerStyle } from "./paginationTheme.js";
 import { useMemo } from "react";
 import { StyleSheet } from "react-native";
 import { useUnistyles } from "react-native-unistyles";
 //#region src/components/Pagination/usePaginationControlStyles.ts
 function usePaginationControlStyles({ size, variant, isActive, pressed, layout = "page" }) {
 	const { theme } = useUnistyles();
+	const { maxFontSizeMultiplier } = usePaginationContext();
 	const active = isActive ? "on" : "off";
 	const interaction = pressed ? "pressed" : "rest";
 	const prevNextActive = "off";
+	const sizeTextStyle = getPaginationSizeLayerStyle(theme, size, "text");
+	const fontScaleFactor = useComponentFontScale(maxFontSizeMultiplier, typeof sizeTextStyle.lineHeight === "number" ? sizeTextStyle.lineHeight : sizeTextStyle.fontSize);
 	return {
 		rootStyle: useMemo(() => {
-			const { controlSize, borderRadius } = getPaginationControlMetrics(theme, size);
+			const { controlSize: baseControlSize, borderRadius } = getPaginationControlMetrics(theme, size);
+			const controlSize = Math.round(baseControlSize * fontScaleFactor);
 			const variantActive = layout === "prevNext" ? prevNextActive : active;
 			return [
 				layout === "page" ? paginationStaticStyles.pageRoot : paginationStaticStyles.prevNextRoot,
@@ -26,6 +32,7 @@ function usePaginationControlStyles({ size, variant, isActive, pressed, layout =
 			];
 		}, [
 			active,
+			fontScaleFactor,
 			interaction,
 			layout,
 			size,

package/dist/components/Pagination/usePaginationControlStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginationControlStyles.js","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"sourcesContent":["import type { PaginationSize, PaginationVariant } from '@yahoo/uds-types';\nimport { useMemo } from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- pagination token lookups for variant + size layers\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport {\n  getMergedPaginationControlRootStyle,\n  getMergedPaginationIconStyle,\n  getMergedPaginationTextStyle,\n  getPaginationControlMetrics,\n} from './paginationTheme';\n\ninterface UsePaginationControlStylesOptions {\n  size: PaginationSize;\n  variant: PaginationVariant;\n  isActive: boolean;\n  pressed: boolean;\n  layout?: 'page' | 'prevNext';\n}\n\nfunction usePaginationControlStyles({\n  size,\n  variant,\n  isActive,\n  pressed,\n  layout = 'page',\n}: UsePaginationControlStylesOptions) {\n  const { theme } = useUnistyles();\n  const active: 'on' | 'off' = isActive ? 'on' : 'off';\n  const interaction = pressed ? 'pressed' : 'rest';\n  const prevNextActive: 'on' | 'off' = 'off';\n\n  const rootStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    const { controlSize, borderRadius } = getPaginationControlMetrics(theme, size);\n    const variantActive = layout === 'prevNext' ? prevNextActive : active;\n\n    return [\n      layout === 'page' ? paginationStaticStyles.pageRoot : paginationStaticStyles.prevNextRoot,\n      getMergedPaginationControlRootStyle(theme, size, variant, variantActive, interaction),\n      {\n        borderRadius,\n        ...(layout === 'page'\n          ? { height: controlSize, width: controlSize }\n          : { minHeight: controlSize }),\n      },\n    ];\n  }, [active, interaction, layout, size, theme, variant]);\n\n  const textStyle = useMemo<StyleProp<TextStyle>>(() => {\n    const variantActive = layout === 'prevNext' ? prevNextActive : active;\n\n    return [\n      paginationStaticStyles.text,\n      getMergedPaginationTextStyle(theme, size, variant, variantActive, interaction),\n    ];\n  }, [active, interaction, layout, size, theme, variant]);\n\n  const iconStyle = useMemo<StyleProp<TextStyle>>(\n    () =>\n      getMergedPaginationIconStyle(\n        theme,\n        size,\n        variant,\n        layout === 'prevNext' ? prevNextActive : active,\n        interaction,\n      ),\n    [active, interaction, layout, size, theme, variant],\n  );\n\n  return { rootStyle, textStyle, iconStyle };\n}\n\nconst paginationStaticStyles = StyleSheet.create({\n  pageRoot: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  prevNextRoot: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 0,\n    gap: 4,\n    justifyContent: 'center',\n  },\n  text: {\n    flexShrink: 0,\n    fontVariant: ['tabular-nums'],\n    textAlign: 'center',\n  },\n});\n\nexport { usePaginationControlStyles };\n"],"mappings":";;;;;;AAsBA,SAAS,2BAA2B,EAClC,MACA,SACA,UACA,SACA,SAAS,UAC2B;CACpC,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,SAAuB,WAAW,OAAO;CAC/C,MAAM,cAAc,UAAU,YAAY;CAC1C,MAAM,iBAA+B;CAuCrC,OAAO;EAAE,WArCS,cAAoC;GACpD,MAAM,EAAE,aAAa,iBAAiB,4BAA4B,OAAO,KAAK;GAC9E,MAAM,gBAAgB,WAAW,aAAa,iBAAiB;GAE/D,OAAO;IACL,WAAW,SAAS,uBAAuB,WAAW,uBAAuB;IAC7E,oCAAoC,OAAO,MAAM,SAAS,eAAe,YAAY;IACrF;KACE;KACA,GAAI,WAAW,SACX;MAAE,QAAQ;MAAa,OAAO;MAAa,GAC3C,EAAE,WAAW,aAAa;KAC/B;IACF;KACA;GAAC;GAAQ;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAuBpC;EAAE,WArBF,cAAoC;GACpD,MAAM,gBAAgB,WAAW,aAAa,iBAAiB;GAE/D,OAAO,CACL,uBAAuB,MACvB,6BAA6B,OAAO,MAAM,SAAS,eAAe,YAAY,CAC/E;KACA;GAAC;GAAQ;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAczB;EAAE,WAZb,cAEd,6BACE,OACA,MACA,SACA,WAAW,aAAa,iBAAiB,QACzC,YACD,EACH;GAAC;GAAQ;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAGb;EAAE;;AAG5C,MAAM,yBAAyB,WAAW,OAAO;CAC/C,UAAU;EACR,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACb;CACD,cAAc;EACZ,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,KAAK;EACL,gBAAgB;EACjB;CACD,MAAM;EACJ,YAAY;EACZ,aAAa,CAAC,eAAe;EAC7B,WAAW;EACZ;CACF,CAAC"}
+{"version":3,"file":"usePaginationControlStyles.js","names":[],"sources":["../../../src/components/Pagination/usePaginationControlStyles.ts"],"sourcesContent":["import type { PaginationSize, PaginationVariant } from '@yahoo/uds-types';\nimport { useMemo } from 'react';\nimport type { StyleProp, TextStyle, ViewStyle } from 'react-native';\nimport { StyleSheet } from 'react-native';\n// eslint-disable-next-line uds/no-use-unistyles -- pagination token lookups for variant + size layers\nimport { useUnistyles } from 'react-native-unistyles';\n\nimport { useComponentFontScale } from '../../fontScaling/useFontScale';\nimport { usePaginationContext } from './paginationContext';\nimport {\n  getMergedPaginationControlRootStyle,\n  getMergedPaginationIconStyle,\n  getMergedPaginationTextStyle,\n  getPaginationControlMetrics,\n  getPaginationSizeLayerStyle,\n} from './paginationTheme';\n\ninterface UsePaginationControlStylesOptions {\n  size: PaginationSize;\n  variant: PaginationVariant;\n  isActive: boolean;\n  pressed: boolean;\n  layout?: 'page' | 'prevNext';\n}\n\nfunction usePaginationControlStyles({\n  size,\n  variant,\n  isActive,\n  pressed,\n  layout = 'page',\n}: UsePaginationControlStylesOptions) {\n  const { theme } = useUnistyles();\n  const { maxFontSizeMultiplier } = usePaginationContext();\n  const active: 'on' | 'off' = isActive ? 'on' : 'off';\n  const interaction = pressed ? 'pressed' : 'rest';\n  const prevNextActive: 'on' | 'off' = 'off';\n  const sizeTextStyle = getPaginationSizeLayerStyle(theme, size, 'text') as TextStyle;\n  const fontScaleFactor = useComponentFontScale(\n    maxFontSizeMultiplier,\n    typeof sizeTextStyle.lineHeight === 'number'\n      ? sizeTextStyle.lineHeight\n      : sizeTextStyle.fontSize,\n  );\n\n  const rootStyle = useMemo<StyleProp<ViewStyle>>(() => {\n    const { controlSize: baseControlSize, borderRadius } = getPaginationControlMetrics(theme, size);\n    const controlSize = Math.round(baseControlSize * fontScaleFactor);\n    const variantActive = layout === 'prevNext' ? prevNextActive : active;\n\n    return [\n      layout === 'page' ? paginationStaticStyles.pageRoot : paginationStaticStyles.prevNextRoot,\n      getMergedPaginationControlRootStyle(theme, size, variant, variantActive, interaction),\n      {\n        borderRadius,\n        ...(layout === 'page'\n          ? { height: controlSize, width: controlSize }\n          : { minHeight: controlSize }),\n      },\n    ];\n  }, [active, fontScaleFactor, interaction, layout, size, theme, variant]);\n\n  const textStyle = useMemo<StyleProp<TextStyle>>(() => {\n    const variantActive = layout === 'prevNext' ? prevNextActive : active;\n\n    return [\n      paginationStaticStyles.text,\n      getMergedPaginationTextStyle(theme, size, variant, variantActive, interaction),\n    ];\n  }, [active, interaction, layout, size, theme, variant]);\n\n  const iconStyle = useMemo<StyleProp<TextStyle>>(\n    () =>\n      getMergedPaginationIconStyle(\n        theme,\n        size,\n        variant,\n        layout === 'prevNext' ? prevNextActive : active,\n        interaction,\n      ),\n    [active, interaction, layout, size, theme, variant],\n  );\n\n  return { rootStyle, textStyle, iconStyle };\n}\n\nconst paginationStaticStyles = StyleSheet.create({\n  pageRoot: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n  },\n  prevNextRoot: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    flexShrink: 0,\n    gap: 4,\n    justifyContent: 'center',\n  },\n  text: {\n    flexShrink: 0,\n    fontVariant: ['tabular-nums'],\n    textAlign: 'center',\n  },\n});\n\nexport { usePaginationControlStyles };\n"],"mappings":";;;;;;;;AAyBA,SAAS,2BAA2B,EAClC,MACA,SACA,UACA,SACA,SAAS,UAC2B;CACpC,MAAM,EAAE,UAAU,cAAc;CAChC,MAAM,EAAE,0BAA0B,sBAAsB;CACxD,MAAM,SAAuB,WAAW,OAAO;CAC/C,MAAM,cAAc,UAAU,YAAY;CAC1C,MAAM,iBAA+B;CACrC,MAAM,gBAAgB,4BAA4B,OAAO,MAAM,OAAO;CACtE,MAAM,kBAAkB,sBACtB,uBACA,OAAO,cAAc,eAAe,WAChC,cAAc,aACd,cAAc,SACnB;CAwCD,OAAO;EAAE,WAtCS,cAAoC;GACpD,MAAM,EAAE,aAAa,iBAAiB,iBAAiB,4BAA4B,OAAO,KAAK;GAC/F,MAAM,cAAc,KAAK,MAAM,kBAAkB,gBAAgB;GACjE,MAAM,gBAAgB,WAAW,aAAa,iBAAiB;GAE/D,OAAO;IACL,WAAW,SAAS,uBAAuB,WAAW,uBAAuB;IAC7E,oCAAoC,OAAO,MAAM,SAAS,eAAe,YAAY;IACrF;KACE;KACA,GAAI,WAAW,SACX;MAAE,QAAQ;MAAa,OAAO;MAAa,GAC3C,EAAE,WAAW,aAAa;KAC/B;IACF;KACA;GAAC;GAAQ;GAAiB;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAuBrD;EAAE,WArBF,cAAoC;GACpD,MAAM,gBAAgB,WAAW,aAAa,iBAAiB;GAE/D,OAAO,CACL,uBAAuB,MACvB,6BAA6B,OAAO,MAAM,SAAS,eAAe,YAAY,CAC/E;KACA;GAAC;GAAQ;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAczB;EAAE,WAZb,cAEd,6BACE,OACA,MACA,SACA,WAAW,aAAa,iBAAiB,QACzC,YACD,EACH;GAAC;GAAQ;GAAa;GAAQ;GAAM;GAAO;GAAQ,CAGb;EAAE;;AAG5C,MAAM,yBAAyB,WAAW,OAAO;CAC/C,UAAU;EACR,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACb;CACD,cAAc;EACZ,YAAY;EACZ,eAAe;EACf,YAAY;EACZ,KAAK;EACL,gBAAgB;EACjB;CACD,MAAM;EACJ,YAAY;EACZ,aAAa,CAAC,eAAe;EAC7B,WAAW;EACZ;CACF,CAAC"}

package/dist/components/Radio/Radio.cjs

@@ -3,6 +3,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_index = require("../../motion-tokens/dist/index.cjs");
 const require_motion = require("../../motion.cjs");
+const require_fontScaling_useFontScale = require("../../fontScaling/useFontScale.cjs");
+const require_fontScaling_useMaxFontSizeMultiplier = require("../../fontScaling/useMaxFontSizeMultiplier.cjs");
 const require_components_Pressable = require("../Pressable.cjs");
 const require_components_FormLabel = require("../FormLabel.cjs");
 const require_components_Radio_RadioGroupContext = require("./RadioGroupContext.cjs");
@@ -49,9 +51,10 @@ const VARIANT_ERROR_MAP = {
 * @see {@link Checkbox} for multi-select options
 * @see {@link Switch} for binary toggles
 */
-const Radio = (0, react.memo)(function Radio({ label, labelPosition = "start", variant: variantInput, size: sizeInput, value: valueProp, checked: checkedProp, hasError: hasErrorProp, reduceMotion: reduceMotionProp, defaultChecked, disabled: disabledProp, required, onChange, ref, ...viewProps }) {
+const Radio = (0, react.memo)(function Radio({ label, labelPosition = "start", variant: variantInput, size: sizeInput, value: valueProp, checked: checkedProp, hasError: hasErrorProp, reduceMotion: reduceMotionProp, defaultChecked, disabled: disabledProp, required, maxFontSizeMultiplier, onChange, ref, ...viewProps }) {
 	const uid = `uds-radio-${(0, react.useId)()}`;
 	const radioGroup = require_components_Radio_RadioGroupContext.useRadioGroupContext();
+	const resolvedMaxFontSizeMultiplier = require_fontScaling_useMaxFontSizeMultiplier.useMaxFontSizeMultiplier("control", maxFontSizeMultiplier);
 	const disabled = Boolean(disabledProp || radioGroup?.disabled);
 	const hasError = hasErrorProp ?? radioGroup?.hasError;
 	const reduceMotion = reduceMotionProp ?? radioGroup?.reduceMotion;
@@ -106,22 +109,36 @@ const Radio = (0, react.memo)(function Radio({ label, labelPosition = "start", v
 		value: valueState,
 		pressed
 	});
+	const radioBaseSize = generated_styles.radioStyles.radio.width;
+	const fontScaleFactor = require_fontScaling_useFontScale.useComponentFontScale(resolvedMaxFontSizeMultiplier, typeof radioBaseSize === "number" ? radioBaseSize : void 0);
 	const rootStyle = (0, react.useMemo)(() => [generated_styles.radioStyles.root, { opacity: disabled ? .5 : 1 }], [generated_styles.radioStyles.root, disabled]);
-	const radioBoxStyle = (0, react.useMemo)(() => [
+	const radioBoxStyle = (0, react.useMemo)(() => {
+		const { width, height } = generated_styles.radioStyles.radio;
+		const scaledBox = fontScaleFactor !== 1 && typeof width === "number" && typeof height === "number" ? {
+			width: Math.round(width * fontScaleFactor),
+			height: Math.round(height * fontScaleFactor)
+		} : void 0;
+		return [
+			generated_styles.radioStyles.radio,
+			scaledBox,
+			{
+				alignItems: "center",
+				justifyContent: "center",
+				borderRadius: 9999
+			},
+			radioAnimatedStyle
+		];
+	}, [
 		generated_styles.radioStyles.radio,
-		{
-			alignItems: "center",
-			justifyContent: "center",
-			borderRadius: 9999
-		},
+		fontScaleFactor,
 		radioAnimatedStyle
-	], [generated_styles.radioStyles.radio, radioAnimatedStyle]);
+	]);
 	const INNER_CIRCLE_SIZE = 8;
 	const circleStyle = (0, react.useMemo)(() => [generated_styles.radioStyles.radioCircle, {
-		width: INNER_CIRCLE_SIZE,
-		height: INNER_CIRCLE_SIZE,
+		width: Math.round(INNER_CIRCLE_SIZE * fontScaleFactor),
+		height: Math.round(INNER_CIRCLE_SIZE * fontScaleFactor),
 		borderRadius: 9999
-	}], [generated_styles.radioStyles.radioCircle]);
+	}], [generated_styles.radioStyles.radioCircle, fontScaleFactor]);
 	const labelContent = (0, react.useMemo)(() => {
 		if (!label) return null;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
@@ -131,12 +148,14 @@ const Radio = (0, react.memo)(function Radio({ label, labelPosition = "start", v
 			required,
 			showRequiredAsterisk: required,
 			hasError,
+			maxFontSizeMultiplier: resolvedMaxFontSizeMultiplier,
 			style: generated_styles.radioStyles.text
 		});
 	}, [
 		label,
 		required,
 		hasError,
+		resolvedMaxFontSizeMultiplier,
 		generated_styles.radioStyles.text
 	]);
 	const a11yState = (0, react.useMemo)(() => ({

package/dist/components/Radio/Radio.d.cts

@@ -14,6 +14,13 @@ interface RadioProps extends Omit<ViewProps, 'style'>, UniversalRadioProps {
   disabled?: boolean;
   /** Whether the radio is required */
   required?: boolean;
+  /**
+   * Caps how far the circle, dot, and label grow with the OS text-size
+   * setting; all three scale by the same factor. Set null to remove the cap;
+   * override app-wide via UDSFontScalingProvider.
+   * @default 2
+   */
+  maxFontSizeMultiplier?: number | null;
   /** Callback fired when the checked state changes */
   onChange?: (checked: boolean) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.cts","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"mappings":";;;;;;;UAoBU,UAAA,SAAmB,IAAA,CAAK,SAAA,YAAqB,mBAAA;;EAErD,GAAA,GAAM,GAAA,CAAI,IAAA;EAFS;EAInB,cAAA;EAJgC;EAMhC,QAAA;EAJM;EAMN,QAAA;EARqD;EAUrD,QAAA,IAAY,OAAA;AAAA;;;;;;;;;;;;;;AAAgB;;;;;;;;;;;;;;;;;;;cAmDxB,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}
+{"version":3,"file":"Radio.d.cts","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"mappings":";;;;;;;UAsBU,UAAA,SAAmB,IAAA,CAAK,SAAA,YAAqB,mBAAA;;EAErD,GAAA,GAAM,GAAA,CAAI,IAAA;EAFS;EAInB,cAAA;EAJgC;EAMhC,QAAA;EAJM;EAMN,QAAA;EARqD;;;;;;EAerD,qBAAA;EAbM;EAeN,QAAA,IAAY,OAAA;AAAA;;;;;;;;AAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cAmDxB,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Radio/Radio.d.ts

@@ -14,6 +14,13 @@ interface RadioProps extends Omit<ViewProps, 'style'>, UniversalRadioProps {
   disabled?: boolean;
   /** Whether the radio is required */
   required?: boolean;
+  /**
+   * Caps how far the circle, dot, and label grow with the OS text-size
+   * setting; all three scale by the same factor. Set null to remove the cap;
+   * override app-wide via UDSFontScalingProvider.
+   * @default 2
+   */
+  maxFontSizeMultiplier?: number | null;
   /** Callback fired when the checked state changes */
   onChange?: (checked: boolean) => void;
 }

package/dist/components/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"mappings":";;;;;;;UAoBU,UAAA,SAAmB,IAAA,CAAK,SAAA,YAAqB,mBAAA;;EAErD,GAAA,GAAM,GAAA,CAAI,IAAA;EAFS;EAInB,cAAA;EAJgC;EAMhC,QAAA;EAJM;EAMN,QAAA;EARqD;EAUrD,QAAA,IAAY,OAAA;AAAA;;;;;;;;;;;;;;AAAgB;;;;;;;;;;;;;;;;;;;cAmDxB,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}
+{"version":3,"file":"Radio.d.ts","names":[],"sources":["../../../src/components/Radio/Radio.tsx"],"mappings":";;;;;;;UAsBU,UAAA,SAAmB,IAAA,CAAK,SAAA,YAAqB,mBAAA;;EAErD,GAAA,GAAM,GAAA,CAAI,IAAA;EAFS;EAInB,cAAA;EAJgC;EAMhC,QAAA;EAJM;EAMN,QAAA;EARqD;;;;;;EAerD,qBAAA;EAbM;EAeN,QAAA,IAAY,OAAA;AAAA;;;;;;;;AAAgB;;;;;;;;;;;;;;;;;;;;;;;;;cAmDxB,KAAA,EAAK,OAAA,CAAA,oBAAA,CAAA,UAAA"}

package/dist/components/Radio/Radio.js

@@ -1,6 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
 import { SCALE_EFFECTS } from "../../motion-tokens/dist/index.js";
 import { BUTTON_SPRING_CONFIG } from "../../motion.js";
+import { useComponentFontScale } from "../../fontScaling/useFontScale.js";
+import { useMaxFontSizeMultiplier } from "../../fontScaling/useMaxFontSizeMultiplier.js";
 import { Pressable as Pressable$1 } from "../Pressable.js";
 import { FormLabel } from "../FormLabel.js";
 import { useRadioGroupContext } from "./RadioGroupContext.js";
@@ -46,9 +48,10 @@ const VARIANT_ERROR_MAP = {
 * @see {@link Checkbox} for multi-select options
 * @see {@link Switch} for binary toggles
 */
-const Radio = memo(function Radio({ label, labelPosition = "start", variant: variantInput, size: sizeInput, value: valueProp, checked: checkedProp, hasError: hasErrorProp, reduceMotion: reduceMotionProp, defaultChecked, disabled: disabledProp, required, onChange, ref, ...viewProps }) {
+const Radio = memo(function Radio({ label, labelPosition = "start", variant: variantInput, size: sizeInput, value: valueProp, checked: checkedProp, hasError: hasErrorProp, reduceMotion: reduceMotionProp, defaultChecked, disabled: disabledProp, required, maxFontSizeMultiplier, onChange, ref, ...viewProps }) {
 	const uid = `uds-radio-${useId()}`;
 	const radioGroup = useRadioGroupContext();
+	const resolvedMaxFontSizeMultiplier = useMaxFontSizeMultiplier("control", maxFontSizeMultiplier);
 	const disabled = Boolean(disabledProp || radioGroup?.disabled);
 	const hasError = hasErrorProp ?? radioGroup?.hasError;
 	const reduceMotion = reduceMotionProp ?? radioGroup?.reduceMotion;
@@ -103,22 +106,36 @@ const Radio = memo(function Radio({ label, labelPosition = "start", variant: var
 		value: valueState,
 		pressed
 	});
+	const radioBaseSize = radioStyles.radio.width;
+	const fontScaleFactor = useComponentFontScale(resolvedMaxFontSizeMultiplier, typeof radioBaseSize === "number" ? radioBaseSize : void 0);
 	const rootStyle = useMemo(() => [radioStyles.root, { opacity: disabled ? .5 : 1 }], [radioStyles.root, disabled]);
-	const radioBoxStyle = useMemo(() => [
+	const radioBoxStyle = useMemo(() => {
+		const { width, height } = radioStyles.radio;
+		const scaledBox = fontScaleFactor !== 1 && typeof width === "number" && typeof height === "number" ? {
+			width: Math.round(width * fontScaleFactor),
+			height: Math.round(height * fontScaleFactor)
+		} : void 0;
+		return [
+			radioStyles.radio,
+			scaledBox,
+			{
+				alignItems: "center",
+				justifyContent: "center",
+				borderRadius: 9999
+			},
+			radioAnimatedStyle
+		];
+	}, [
 		radioStyles.radio,
-		{
-			alignItems: "center",
-			justifyContent: "center",
-			borderRadius: 9999
-		},
+		fontScaleFactor,
 		radioAnimatedStyle
-	], [radioStyles.radio, radioAnimatedStyle]);
+	]);
 	const INNER_CIRCLE_SIZE = 8;
 	const circleStyle = useMemo(() => [radioStyles.radioCircle, {
-		width: INNER_CIRCLE_SIZE,
-		height: INNER_CIRCLE_SIZE,
+		width: Math.round(INNER_CIRCLE_SIZE * fontScaleFactor),
+		height: Math.round(INNER_CIRCLE_SIZE * fontScaleFactor),
 		borderRadius: 9999
-	}], [radioStyles.radioCircle]);
+	}], [radioStyles.radioCircle, fontScaleFactor]);
 	const labelContent = useMemo(() => {
 		if (!label) return null;
 		return /* @__PURE__ */ jsx(FormLabel, {
@@ -128,12 +145,14 @@ const Radio = memo(function Radio({ label, labelPosition = "start", variant: var
 			required,
 			showRequiredAsterisk: required,
 			hasError,
+			maxFontSizeMultiplier: resolvedMaxFontSizeMultiplier,
 			style: radioStyles.text
 		});
 	}, [
 		label,
 		required,
 		hasError,
+		resolvedMaxFontSizeMultiplier,
 		radioStyles.text
 	]);
 	const a11yState = useMemo(() => ({