@yahoo/uds 3.166.0 → 3.168.0

package/dist/components/client/Input/UDSInputConfigProvider.js

@@ -0,0 +1,32 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createUDSConfigProvider } from "../providers/createUDSConfigProvider.js";
+//#region src/components/client/Input/UDSInputConfigProvider.tsx
+const { Provider: UDSInputConfigProvider, useConfigContext } = createUDSConfigProvider("Input");
+/**
+* Resolves the configured start/end/helper icon sizes for an Input size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Input
+* is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+* back to `undefined` for all three slots (letting `Icon` apply its own
+* default size) when no config is present — preserving the previous rendering
+* exactly.
+*/
+const useInputConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		startIconSize: void 0,
+		endIconSize: void 0,
+		helperIconSize: void 0
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		startIconSize: context.startIconSize[size],
+		endIconSize: context.endIconSize[size],
+		helperIconSize: context.helperIconSize[size]
+	};
+};
+//#endregion
+export { UDSInputConfigProvider, useInputConfig };

package/dist/components/client/Input/index.cjs

@@ -1,7 +1,10 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Input_UDSInputConfigProvider = require("./UDSInputConfigProvider.cjs");
 const require_components_client_Input_Input = require("./Input.cjs");
 const require_components_client_Input_InputHelpText = require("./InputHelpText.cjs");
 exports.Input = require_components_client_Input_Input.Input;
 exports.InputHelpText = require_components_client_Input_InputHelpText.InputHelpText;
+exports.UDSInputConfigProvider = require_components_client_Input_UDSInputConfigProvider.UDSInputConfigProvider;
+exports.useInputConfig = require_components_client_Input_UDSInputConfigProvider.useInputConfig;

package/dist/components/client/Input/index.d.cts

@@ -1,4 +1,5 @@
 
 import { Input, InputProps } from "./Input.cjs";
 import { InputHelpText, InputHelpTextProps } from "./InputHelpText.cjs";
-export { Input, InputHelpText, type InputHelpTextProps, type InputProps };
+import { UDSInputConfigProvider, UDSInputConfigProviderProps, useInputConfig } from "./UDSInputConfigProvider.cjs";
+export { Input, InputHelpText, type InputHelpTextProps, type InputProps, UDSInputConfigProvider, type UDSInputConfigProviderProps, useInputConfig };

package/dist/components/client/Input/index.d.ts

@@ -2,4 +2,5 @@
 "use client";
 import { Input, InputProps } from "./Input.js";
 import { InputHelpText, InputHelpTextProps } from "./InputHelpText.js";
-export { Input, InputHelpText, type InputHelpTextProps, type InputProps };
+import { UDSInputConfigProvider, UDSInputConfigProviderProps, useInputConfig } from "./UDSInputConfigProvider.js";
+export { Input, InputHelpText, type InputHelpTextProps, type InputProps, UDSInputConfigProvider, type UDSInputConfigProviderProps, useInputConfig };

package/dist/components/client/Input/index.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSInputConfigProvider, useInputConfig } from "./UDSInputConfigProvider.js";
 import { Input } from "./Input.js";
 import { InputHelpText } from "./InputHelpText.js";
-export { Input, InputHelpText };
+export { Input, InputHelpText, UDSInputConfigProvider, useInputConfig };

package/dist/components/client/Menu/Menu.ItemBase.cjs

@@ -6,6 +6,7 @@ const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_client_Pressable = require("../Pressable.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_HStack = require("../../HStack.cjs");
+const require_components_client_Menu_UDSMenuItemConfigProvider = require("./UDSMenuItemConfigProvider.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
@@ -36,6 +37,7 @@ const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0"
 		disabled,
 		className
 	});
+	const { startIconSize, endIconSize } = require_components_client_Menu_UDSMenuItemConfigProvider.useMenuItemConfig();
 	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
@@ -129,7 +131,7 @@ const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0"
 						icon: startIcon,
 						className: classNames.startIcon,
 						iconProps: {
-							size: "sm",
+							size: startIconSize,
 							variant: active ? "fill" : "outline",
 							color: "current",
 							...endIconSlotProps,
@@ -155,7 +157,7 @@ const MenuItemBase = (0, react.forwardRef)(function MenuItemBase({ spacing = "0"
 					icon: endIcon,
 					className: classNames.endIcon,
 					iconProps: {
-						size: "sm",
+						size: endIconSize,
 						variant: active ? "fill" : "outline",
 						color: "current"
 					}

package/dist/components/client/Menu/Menu.ItemBase.js

@@ -4,6 +4,7 @@ import { cx, getStyles } from "../../../styles/styler.js";
 import { Pressable } from "../Pressable.js";
 import { IconSlot } from "../../IconSlot.js";
 import { HStack } from "../../HStack.js";
+import { useMenuItemConfig } from "./UDSMenuItemConfigProvider.js";
 import { Children, forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, m } from "motion/react";
@@ -34,6 +35,7 @@ const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBo
 		disabled,
 		className
 	});
+	const { startIconSize, endIconSize } = useMenuItemConfig();
 	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
@@ -127,7 +129,7 @@ const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBo
 						icon: startIcon,
 						className: classNames.startIcon,
 						iconProps: {
-							size: "sm",
+							size: startIconSize,
 							variant: active ? "fill" : "outline",
 							color: "current",
 							...endIconSlotProps,
@@ -153,7 +155,7 @@ const MenuItemBase = forwardRef(function MenuItemBase({ spacing = "0", spacingBo
 					icon: endIcon,
 					className: classNames.endIcon,
 					iconProps: {
-						size: "sm",
+						size: endIconSize,
 						variant: active ? "fill" : "outline",
 						color: "current"
 					}

package/dist/components/client/Menu/UDSMenuItemConfigProvider.cjs

@@ -0,0 +1,30 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Menu/UDSMenuItemConfigProvider.tsx
+const { Provider: UDSMenuItemConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("MenuItem");
+/** The icon size MenuItem hardcoded before runtime config support. */
+const menuItemFallbackIconSize = "sm";
+/**
+* Resolves the configured start/end icon sizes for MenuItem.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* MenuItem is used in many apps without a `UDSConfigProvider`, so it
+* gracefully falls back to the previously hardcoded icon size (`sm`) when no
+* config is present.
+*/
+const useMenuItemConfig = () => {
+	const context = useConfigContext();
+	if (!context) return {
+		startIconSize: menuItemFallbackIconSize,
+		endIconSize: menuItemFallbackIconSize
+	};
+	const size = context.defaultSize;
+	return {
+		startIconSize: context.startIconSize[size],
+		endIconSize: context.endIconSize[size]
+	};
+};
+//#endregion
+exports.UDSMenuItemConfigProvider = UDSMenuItemConfigProvider;
+exports.useMenuItemConfig = useMenuItemConfig;

package/dist/components/client/Menu/UDSMenuItemConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { IconSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSMenuItemConfigContextType } from "../../../runtime/menuItemConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Menu/UDSMenuItemConfigProvider.d.ts
+declare const UDSMenuItemConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSMenuItemConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSMenuItemConfigProviderProps = UDSConfigProviderProps<UDSMenuItemConfigContextType>;
+/**
+ * Resolves the configured start/end icon sizes for MenuItem.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * MenuItem is used in many apps without a `UDSConfigProvider`, so it
+ * gracefully falls back to the previously hardcoded icon size (`sm`) when no
+ * config is present.
+ */
+declare const useMenuItemConfig: () => {
+  startIconSize: IconSize;
+  endIconSize: IconSize;
+};
+//#endregion
+export { type UDSMenuItemConfigContextType, UDSMenuItemConfigProvider, type UDSMenuItemConfigProviderProps, useMenuItemConfig };

package/dist/components/client/Menu/UDSMenuItemConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { IconSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSMenuItemConfigContextType } from "../../../runtime/menuItemConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Menu/UDSMenuItemConfigProvider.d.ts
+declare const UDSMenuItemConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSMenuItemConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSMenuItemConfigProviderProps = UDSConfigProviderProps<UDSMenuItemConfigContextType>;
+/**
+ * Resolves the configured start/end icon sizes for MenuItem.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * MenuItem is used in many apps without a `UDSConfigProvider`, so it
+ * gracefully falls back to the previously hardcoded icon size (`sm`) when no
+ * config is present.
+ */
+declare const useMenuItemConfig: () => {
+  startIconSize: IconSize;
+  endIconSize: IconSize;
+};
+//#endregion
+export { type UDSMenuItemConfigContextType, UDSMenuItemConfigProvider, type UDSMenuItemConfigProviderProps, useMenuItemConfig };

package/dist/components/client/Menu/UDSMenuItemConfigProvider.js

@@ -0,0 +1,29 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createUDSConfigProvider } from "../providers/createUDSConfigProvider.js";
+//#region src/components/client/Menu/UDSMenuItemConfigProvider.tsx
+const { Provider: UDSMenuItemConfigProvider, useConfigContext } = createUDSConfigProvider("MenuItem");
+/** The icon size MenuItem hardcoded before runtime config support. */
+const menuItemFallbackIconSize = "sm";
+/**
+* Resolves the configured start/end icon sizes for MenuItem.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* MenuItem is used in many apps without a `UDSConfigProvider`, so it
+* gracefully falls back to the previously hardcoded icon size (`sm`) when no
+* config is present.
+*/
+const useMenuItemConfig = () => {
+	const context = useConfigContext();
+	if (!context) return {
+		startIconSize: menuItemFallbackIconSize,
+		endIconSize: menuItemFallbackIconSize
+	};
+	const size = context.defaultSize;
+	return {
+		startIconSize: context.startIconSize[size],
+		endIconSize: context.endIconSize[size]
+	};
+};
+//#endregion
+export { UDSMenuItemConfigProvider, useMenuItemConfig };

package/dist/components/client/Menu/index.cjs

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_Menu_UDSMenuItemConfigProvider = require("./UDSMenuItemConfigProvider.cjs");
 const require_components_client_Menu_Menu_index = require("./Menu.index.cjs");
 Object.defineProperty(exports, "Menu", {
 	enumerable: true,
@@ -8,3 +9,5 @@ Object.defineProperty(exports, "Menu", {
 		return require_components_client_Menu_Menu_index.Menu_index_exports;
 	}
 });
+exports.UDSMenuItemConfigProvider = require_components_client_Menu_UDSMenuItemConfigProvider.UDSMenuItemConfigProvider;
+exports.useMenuItemConfig = require_components_client_Menu_UDSMenuItemConfigProvider.useMenuItemConfig;

package/dist/components/client/Menu/index.d.cts

@@ -6,4 +6,5 @@ import { MenuItemCheckboxProps } from "./Menu.ItemCheckbox.cjs";
 import { MenuPlacement, MenuProviderProps } from "./Menu.Provider.cjs";
 import { MenuTriggerProps } from "./Menu.Trigger.cjs";
 import { Menu_index_d_exports } from "./Menu.index.cjs";
-export { Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps };
+import { UDSMenuItemConfigProvider, UDSMenuItemConfigProviderProps, useMenuItemConfig } from "./UDSMenuItemConfigProvider.cjs";
+export { Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, UDSMenuItemConfigProvider, type UDSMenuItemConfigProviderProps, useMenuItemConfig };

package/dist/components/client/Menu/index.d.ts

@@ -7,4 +7,5 @@ import { MenuItemCheckboxProps } from "./Menu.ItemCheckbox.js";
 import { MenuPlacement, MenuProviderProps } from "./Menu.Provider.js";
 import { MenuTriggerProps } from "./Menu.Trigger.js";
 import { Menu_index_d_exports } from "./Menu.index.js";
-export { Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps };
+import { UDSMenuItemConfigProvider, UDSMenuItemConfigProviderProps, useMenuItemConfig } from "./UDSMenuItemConfigProvider.js";
+export { Menu_index_d_exports as Menu, type MenuContentProps, type MenuDividerProps, type MenuItemCheckboxProps, type MenuItemProps, type MenuPlacement, type MenuProviderProps, type MenuTriggerProps, UDSMenuItemConfigProvider, type UDSMenuItemConfigProviderProps, useMenuItemConfig };

package/dist/components/client/Menu/index.js

@@ -1,4 +1,5 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSMenuItemConfigProvider, useMenuItemConfig } from "./UDSMenuItemConfigProvider.js";
 import { Menu_index_exports } from "./Menu.index.js";
-export { Menu_index_exports as Menu };
+export { Menu_index_exports as Menu, UDSMenuItemConfigProvider, useMenuItemConfig };

package/dist/components/client/PaddleNav/PaddleButton.cjs

@@ -6,11 +6,13 @@ const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_components_client_PaddleNav_paddleButtonIcons = require("./paddleButtonIcons.cjs");
 const require_components_client_PaddleNav_paddleNavContext = require("./paddleNavContext.cjs");
+const require_components_client_PaddleNav_UDSPaddleNavConfigProvider = require("./UDSPaddleNavConfigProvider.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/client/PaddleNav/PaddleButton.tsx
 const PaddleButton = (0, react.forwardRef)(function PaddleButton({ onClick, disabled = false, hidden = false, icon, paddleRole, className, ...rest }, ref) {
 	const { variant, size, orientation, registerPaddleHidden } = require_components_client_PaddleNav_paddleNavContext.usePaddleNavContext();
+	const { iconSize } = require_components_client_PaddleNav_UDSPaddleNavConfigProvider.usePaddleNavConfig(size);
 	(0, react.useLayoutEffect)(() => {
 		registerPaddleHidden(paddleRole, hidden);
 		return () => registerPaddleHidden(paddleRole, false);
@@ -39,7 +41,7 @@ const PaddleButton = (0, react.forwardRef)(function PaddleButton({ onClick, disa
 			"aria-hidden": true,
 			className: require_styles_styler.cx("absolute inset-0 -z-10 pointer-events-none rounded-[var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
-			size: "md",
+			size: iconSize,
 			name: resolvedIcon,
 			color: "current",
 			className: require_styles_styler.cx(iconSizeClass, iconVariantClass)

package/dist/components/client/PaddleNav/PaddleButton.js

@@ -4,11 +4,13 @@ import { cx, getStyles } from "../../../styles/styler.js";
 import { Icon } from "../../Icon.js";
 import { pickDefaultPaddleIcon } from "./paddleButtonIcons.js";
 import { usePaddleNavContext } from "./paddleNavContext.js";
+import { usePaddleNavConfig } from "./UDSPaddleNavConfigProvider.js";
 import { forwardRef, useLayoutEffect, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/client/PaddleNav/PaddleButton.tsx
 const PaddleButton = forwardRef(function PaddleButton({ onClick, disabled = false, hidden = false, icon, paddleRole, className, ...rest }, ref) {
 	const { variant, size, orientation, registerPaddleHidden } = usePaddleNavContext();
+	const { iconSize } = usePaddleNavConfig(size);
 	useLayoutEffect(() => {
 		registerPaddleHidden(paddleRole, hidden);
 		return () => registerPaddleHidden(paddleRole, false);
@@ -37,7 +39,7 @@ const PaddleButton = forwardRef(function PaddleButton({ onClick, disabled = fals
 			"aria-hidden": true,
 			className: cx("absolute inset-0 -z-10 pointer-events-none rounded-[var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
 		}), /* @__PURE__ */ jsx(Icon, {
-			size: "md",
+			size: iconSize,
 			name: resolvedIcon,
 			color: "current",
 			className: cx(iconSizeClass, iconVariantClass)

package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.cjs

@@ -0,0 +1,30 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/PaddleNav/UDSPaddleNavConfigProvider.tsx
+const { Provider: UDSPaddleNavConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("PaddleNav");
+/** The icon size PaddleButton hardcoded before runtime config support. */
+const paddleNavFallbackIconSize = "md";
+/**
+* Resolves the configured icon size for a PaddleNav size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* PaddleNav is used in many apps without a `UDSConfigProvider`, so it
+* gracefully falls back to the previously hardcoded icon size (`md`) when no
+* config is present.
+*/
+const usePaddleNavConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: paddleNavFallbackIconSize
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+exports.UDSPaddleNavConfigProvider = UDSPaddleNavConfigProvider;
+exports.usePaddleNavConfig = usePaddleNavConfig;

package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { IconSize, PaddleNavSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSPaddleNavConfigContextType } from "../../../runtime/paddleNavConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.ts
+declare const UDSPaddleNavConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSPaddleNavConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSPaddleNavConfigProviderProps = UDSConfigProviderProps<UDSPaddleNavConfigContextType>;
+/**
+ * Resolves the configured icon size for a PaddleNav size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * PaddleNav is used in many apps without a `UDSConfigProvider`, so it
+ * gracefully falls back to the previously hardcoded icon size (`md`) when no
+ * config is present.
+ */
+declare const usePaddleNavConfig: (sizeProp?: PaddleNavSize | undefined) => {
+  size: PaddleNavSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSPaddleNavConfigContextType, UDSPaddleNavConfigProvider, type UDSPaddleNavConfigProviderProps, usePaddleNavConfig };

package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { IconSize, PaddleNavSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSPaddleNavConfigContextType } from "../../../runtime/paddleNavConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/PaddleNav/UDSPaddleNavConfigProvider.d.ts
+declare const UDSPaddleNavConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSPaddleNavConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSPaddleNavConfigProviderProps = UDSConfigProviderProps<UDSPaddleNavConfigContextType>;
+/**
+ * Resolves the configured icon size for a PaddleNav size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * PaddleNav is used in many apps without a `UDSConfigProvider`, so it
+ * gracefully falls back to the previously hardcoded icon size (`md`) when no
+ * config is present.
+ */
+declare const usePaddleNavConfig: (sizeProp?: PaddleNavSize | undefined) => {
+  size: PaddleNavSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSPaddleNavConfigContextType, UDSPaddleNavConfigProvider, type UDSPaddleNavConfigProviderProps, usePaddleNavConfig };

package/dist/components/client/PaddleNav/UDSPaddleNavConfigProvider.js

@@ -0,0 +1,29 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createUDSConfigProvider } from "../providers/createUDSConfigProvider.js";
+//#region src/components/client/PaddleNav/UDSPaddleNavConfigProvider.tsx
+const { Provider: UDSPaddleNavConfigProvider, useConfigContext } = createUDSConfigProvider("PaddleNav");
+/** The icon size PaddleButton hardcoded before runtime config support. */
+const paddleNavFallbackIconSize = "md";
+/**
+* Resolves the configured icon size for a PaddleNav size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* PaddleNav is used in many apps without a `UDSConfigProvider`, so it
+* gracefully falls back to the previously hardcoded icon size (`md`) when no
+* config is present.
+*/
+const usePaddleNavConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: paddleNavFallbackIconSize
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+export { UDSPaddleNavConfigProvider, usePaddleNavConfig };

package/dist/components/client/PaddleNav/index.cjs

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_components_client_PaddleNav_UDSPaddleNavConfigProvider = require("./UDSPaddleNavConfigProvider.cjs");
 const require_components_client_PaddleNav_PaddleButtonNext = require("./PaddleButtonNext.cjs");
 const require_components_client_PaddleNav_PaddleButtonPrevious = require("./PaddleButtonPrevious.cjs");
 const require_components_client_PaddleNav_PaddleNavContent = require("./PaddleNavContent.cjs");
@@ -9,3 +10,5 @@ exports.PaddleButtonNext = require_components_client_PaddleNav_PaddleButtonNext.
 exports.PaddleButtonPrevious = require_components_client_PaddleNav_PaddleButtonPrevious.PaddleButtonPrevious;
 exports.PaddleNav = require_components_client_PaddleNav_PaddleNav.PaddleNav;
 exports.PaddleNavContent = require_components_client_PaddleNav_PaddleNavContent.PaddleNavContent;
+exports.UDSPaddleNavConfigProvider = require_components_client_PaddleNav_UDSPaddleNavConfigProvider.UDSPaddleNavConfigProvider;
+exports.usePaddleNavConfig = require_components_client_PaddleNav_UDSPaddleNavConfigProvider.usePaddleNavConfig;

package/dist/components/client/PaddleNav/index.d.cts

@@ -3,4 +3,6 @@ import { PaddleButtonNext, PaddleButtonNextProps } from "./PaddleButtonNext.cjs"
 import { PaddleButtonPrevious, PaddleButtonPreviousProps } from "./PaddleButtonPrevious.cjs";
 import { PaddleNav, PaddleNavProps } from "./PaddleNav.cjs";
 import { PaddleNavContent, PaddleNavContentProps } from "./PaddleNavContent.cjs";
-export { PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, PaddleNavContentProps, PaddleNavProps };
+import { UDSPaddleNavConfigContextType } from "../../../runtime/paddleNavConfig.cjs";
+import { UDSPaddleNavConfigProvider, UDSPaddleNavConfigProviderProps, usePaddleNavConfig } from "./UDSPaddleNavConfigProvider.cjs";
+export { PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, PaddleNavContentProps, PaddleNavProps, UDSPaddleNavConfigContextType, UDSPaddleNavConfigProvider, UDSPaddleNavConfigProviderProps, usePaddleNavConfig };

package/dist/components/client/PaddleNav/index.d.ts

@@ -4,4 +4,6 @@ import { PaddleButtonNext, PaddleButtonNextProps } from "./PaddleButtonNext.js";
 import { PaddleButtonPrevious, PaddleButtonPreviousProps } from "./PaddleButtonPrevious.js";
 import { PaddleNav, PaddleNavProps } from "./PaddleNav.js";
 import { PaddleNavContent, PaddleNavContentProps } from "./PaddleNavContent.js";
-export { PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, PaddleNavContentProps, PaddleNavProps };
+import { UDSPaddleNavConfigContextType } from "../../../runtime/paddleNavConfig.js";
+import { UDSPaddleNavConfigProvider, UDSPaddleNavConfigProviderProps, usePaddleNavConfig } from "./UDSPaddleNavConfigProvider.js";
+export { PaddleButtonNext, PaddleButtonNextProps, PaddleButtonPrevious, PaddleButtonPreviousProps, PaddleNav, PaddleNavContent, PaddleNavContentProps, PaddleNavProps, UDSPaddleNavConfigContextType, UDSPaddleNavConfigProvider, UDSPaddleNavConfigProviderProps, usePaddleNavConfig };

package/dist/components/client/PaddleNav/index.js

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSPaddleNavConfigProvider, usePaddleNavConfig } from "./UDSPaddleNavConfigProvider.js";
 import { PaddleButtonNext } from "./PaddleButtonNext.js";
 import { PaddleButtonPrevious } from "./PaddleButtonPrevious.js";
 import { PaddleNavContent } from "./PaddleNavContent.js";
 import { PaddleNav } from "./PaddleNav.js";
-export { PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent };
+export { PaddleButtonNext, PaddleButtonPrevious, PaddleNav, PaddleNavContent, UDSPaddleNavConfigProvider, usePaddleNavConfig };

package/dist/components/client/Pagination/PaginationNext.cjs

@@ -6,6 +6,7 @@ const require_utils_createSlot = require("../../../utils/createSlot.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
 const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+const require_components_client_Pagination_UDSPaginationConfigProvider = require("./UDSPaginationConfigProvider.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -13,6 +14,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const Slot = require_utils_createSlot.createSlot();
 const PaginationNext = (0, react.forwardRef)(function PaginationNext({ label = "Next", asChild = false, className, onClick, children, ...rest }, ref) {
 	const { activePage, totalPages, size, variant, onPageChange } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const { iconSize } = require_components_client_Pagination_UDSPaginationConfigProvider.usePaginationConfig(size);
 	const controlClass = require_components_client_Pagination_paginationStyles.usePaginationPrevNextClassName(size, variant, className);
 	const iconClass = require_components_client_Pagination_paginationStyles.usePaginationIconClassName(size);
 	const textClass = require_components_client_Pagination_paginationStyles.usePaginationItemLabelClassName(size);
@@ -27,7 +29,7 @@ const PaginationNext = (0, react.forwardRef)(function PaginationNext({ label = "
 		children: label
 	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
 		name: _yahoo_uds_icons.ChevronRight,
-		size: "sm",
+		size: iconSize,
 		color: "current",
 		className: iconClass,
 		"aria-hidden": true

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

@@ -4,6 +4,7 @@ import { createSlot } from "../../../utils/createSlot.js";
 import { Icon } from "../../Icon.js";
 import { usePaginationContext } from "./paginationContext.js";
 import { usePaginationIconClassName, usePaginationItemLabelClassName, usePaginationPrevNextClassName } from "./paginationStyles.js";
+import { usePaginationConfig } from "./UDSPaginationConfigProvider.js";
 import { ChevronRight } from "@yahoo/uds-icons";
 import { forwardRef, isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -11,6 +12,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const Slot = createSlot();
 const PaginationNext = forwardRef(function PaginationNext({ label = "Next", asChild = false, className, onClick, children, ...rest }, ref) {
 	const { activePage, totalPages, size, variant, onPageChange } = usePaginationContext();
+	const { iconSize } = usePaginationConfig(size);
 	const controlClass = usePaginationPrevNextClassName(size, variant, className);
 	const iconClass = usePaginationIconClassName(size);
 	const textClass = usePaginationItemLabelClassName(size);
@@ -25,7 +27,7 @@ const PaginationNext = forwardRef(function PaginationNext({ label = "Next", asCh
 		children: label
 	}), /* @__PURE__ */ jsx(Icon, {
 		name: ChevronRight,
-		size: "sm",
+		size: iconSize,
 		color: "current",
 		className: iconClass,
 		"aria-hidden": true

package/dist/components/client/Pagination/PaginationPrev.cjs

@@ -6,6 +6,7 @@ const require_utils_createSlot = require("../../../utils/createSlot.cjs");
 const require_components_Icon = require("../../Icon.cjs");
 const require_components_client_Pagination_paginationContext = require("./paginationContext.cjs");
 const require_components_client_Pagination_paginationStyles = require("./paginationStyles.cjs");
+const require_components_client_Pagination_UDSPaginationConfigProvider = require("./UDSPaginationConfigProvider.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -13,6 +14,7 @@ let react_jsx_runtime = require("react/jsx-runtime");
 const Slot = require_utils_createSlot.createSlot();
 const PaginationPrev = (0, react.forwardRef)(function PaginationPrev({ label = "Previous", asChild = false, className, onClick, children, ...rest }, ref) {
 	const { activePage, size, variant, onPageChange } = require_components_client_Pagination_paginationContext.usePaginationContext();
+	const { iconSize } = require_components_client_Pagination_UDSPaginationConfigProvider.usePaginationConfig(size);
 	const controlClass = require_components_client_Pagination_paginationStyles.usePaginationPrevNextClassName(size, variant, className);
 	const iconClass = require_components_client_Pagination_paginationStyles.usePaginationIconClassName(size);
 	const textClass = require_components_client_Pagination_paginationStyles.usePaginationItemLabelClassName(size);
@@ -24,7 +26,7 @@ const PaginationPrev = (0, react.forwardRef)(function PaginationPrev({ label = "
 	const Comp = asChild ? Slot : "button";
 	const content = children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
 		name: _yahoo_uds_icons.ChevronLeft,
-		size: "sm",
+		size: iconSize,
 		color: "current",
 		className: iconClass,
 		"aria-hidden": true

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

@@ -4,6 +4,7 @@ import { createSlot } from "../../../utils/createSlot.js";
 import { Icon } from "../../Icon.js";
 import { usePaginationContext } from "./paginationContext.js";
 import { usePaginationIconClassName, usePaginationItemLabelClassName, usePaginationPrevNextClassName } from "./paginationStyles.js";
+import { usePaginationConfig } from "./UDSPaginationConfigProvider.js";
 import { ChevronLeft } from "@yahoo/uds-icons";
 import { forwardRef, isValidElement } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -11,6 +12,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 const Slot = createSlot();
 const PaginationPrev = forwardRef(function PaginationPrev({ label = "Previous", asChild = false, className, onClick, children, ...rest }, ref) {
 	const { activePage, size, variant, onPageChange } = usePaginationContext();
+	const { iconSize } = usePaginationConfig(size);
 	const controlClass = usePaginationPrevNextClassName(size, variant, className);
 	const iconClass = usePaginationIconClassName(size);
 	const textClass = usePaginationItemLabelClassName(size);
@@ -22,7 +24,7 @@ const PaginationPrev = forwardRef(function PaginationPrev({ label = "Previous",
 	const Comp = asChild ? Slot : "button";
 	const content = children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, {
 		name: ChevronLeft,
-		size: "sm",
+		size: iconSize,
 		color: "current",
 		className: iconClass,
 		"aria-hidden": true