@yahoo/uds 3.166.0 → 3.167.0

package/dist/cli/commands/sync.cjs

@@ -3,12 +3,21 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_defaultTokensConfig = require("../../defaultTokensConfig.cjs");
 const require_serializeToJS = require("../../utils/dist/serializeToJS.cjs");
+const require_runtime_avatarConfig = require("../../runtime/avatarConfig.cjs");
+const require_runtime_badgeConfig = require("../../runtime/badgeConfig.cjs");
 const require_runtime_bottomSheetConfig = require("../../runtime/bottomSheetConfig.cjs");
 const require_runtime_breakpointsConfig = require("../../runtime/breakpointsConfig.cjs");
 const require_runtime_buttonConfig = require("../../runtime/buttonConfig.cjs");
+const require_runtime_chipConfig = require("../../runtime/chipConfig.cjs");
 const require_runtime_iconButtonConfig = require("../../runtime/iconButtonConfig.cjs");
+const require_runtime_inputConfig = require("../../runtime/inputConfig.cjs");
+const require_runtime_menuItemConfig = require("../../runtime/menuItemConfig.cjs");
 const require_runtime_modalConfig = require("../../runtime/modalConfig.cjs");
+const require_runtime_paddleNavConfig = require("../../runtime/paddleNavConfig.cjs");
+const require_runtime_paginationConfig = require("../../runtime/paginationConfig.cjs");
 const require_runtime_popoverConfig = require("../../runtime/popoverConfig.cjs");
+const require_runtime_selectItemConfig = require("../../runtime/selectItemConfig.cjs");
+const require_runtime_tabConfig = require("../../runtime/tabConfig.cjs");
 const require_runtime_toastConfig = require("../../runtime/toastConfig.cjs");
 const require_runtime_tooltipConfig = require("../../runtime/tooltipConfig.cjs");
 const require_config = require("../dist/utils/rules/config.cjs");
@@ -86,12 +95,21 @@ const syncCommand = {
 			const exportsTS = [`export const config: UniversalTokensConfig = ${serializedConfig} as UniversalTokensConfig;`];
 			const exportsJS = [`export const config = ${serializedConfig};`];
 			const runtimeConfigs = {
+				avatar: [require_runtime_avatarConfig.configToAvatarConfigContext(config), "UDSAvatarConfigContextType"],
+				badge: [require_runtime_badgeConfig.configToBadgeConfigContext(config), "UDSBadgeConfigContextType"],
 				bottomSheet: [require_runtime_bottomSheetConfig.configToBottomSheetConfigContext(config), "UDSBottomSheetConfigContextType"],
 				breakpoints: [require_runtime_breakpointsConfig.configToBreakpointsConfigContext(config), "UDSBreakpointsConfigContextType"],
 				button: [require_runtime_buttonConfig.configToButtonConfigContext(config), "UDSButtonConfigContextType"],
+				chip: [require_runtime_chipConfig.configToChipConfigContext(config), "UDSChipConfigContextType"],
 				iconButton: [require_runtime_iconButtonConfig.configToIconButtonConfigContext(config), "UDSIconButtonConfigContextType"],
+				input: [require_runtime_inputConfig.configToInputConfigContext(config), "UDSInputConfigContextType"],
+				menuItem: [require_runtime_menuItemConfig.configToMenuItemConfigContext(config), "UDSMenuItemConfigContextType"],
 				modal: [require_runtime_modalConfig.configToModalConfigContext(config), "UDSModalConfigContextType"],
+				paddleNav: [require_runtime_paddleNavConfig.configToPaddleNavConfigContext(config), "UDSPaddleNavConfigContextType"],
+				pagination: [require_runtime_paginationConfig.configToPaginationConfigContext(config), "UDSPaginationConfigContextType"],
 				popover: [require_runtime_popoverConfig.configToPopoverConfigContext(config), "UDSPopoverConfigContextType"],
+				selectItem: [require_runtime_selectItemConfig.configToSelectItemConfigContext(config), "UDSSelectItemConfigContextType"],
+				tab: [require_runtime_tabConfig.configToTabConfigContext(config), "UDSTabConfigContextType"],
 				toast: [require_runtime_toastConfig.configToToastConfigContext(config), "UDSToastConfigContextType"],
 				tooltip: [require_runtime_tooltipConfig.configToTooltipConfigContext(config), "UDSTooltipConfigContextType"]
 			};
@@ -105,22 +123,40 @@ const syncCommand = {
 			runtimeTypeImports.push("UDSConfigContextType");
 			importsTS.push(`import type { ${runtimeTypeImports.sort().join(", ")} } from '@yahoo/uds/runtime';`);
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
+  avatar: avatarRuntimeConfig,
+  badge: badgeRuntimeConfig,
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
   button: buttonRuntimeConfig,
+  chip: chipRuntimeConfig,
   iconButton: iconButtonRuntimeConfig,
+  input: inputRuntimeConfig,
+  menuItem: menuItemRuntimeConfig,
   modal: modalRuntimeConfig,
+  paddleNav: paddleNavRuntimeConfig,
+  pagination: paginationRuntimeConfig,
   popover: popoverRuntimeConfig,
+  selectItem: selectItemRuntimeConfig,
+  tab: tabRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
+  avatar: avatarRuntimeConfig,
+  badge: badgeRuntimeConfig,
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
   button: buttonRuntimeConfig,
+  chip: chipRuntimeConfig,
   iconButton: iconButtonRuntimeConfig,
+  input: inputRuntimeConfig,
+  menuItem: menuItemRuntimeConfig,
   modal: modalRuntimeConfig,
+  paddleNav: paddleNavRuntimeConfig,
+  pagination: paginationRuntimeConfig,
   popover: popoverRuntimeConfig,
+  selectItem: selectItemRuntimeConfig,
+  tab: tabRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/cli/commands/sync.js

@@ -1,12 +1,21 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 import { defaultTokensConfig } from "../../defaultTokensConfig.js";
 import { serializeToJS } from "../../utils/dist/serializeToJS.js";
+import { configToAvatarConfigContext } from "../../runtime/avatarConfig.js";
+import { configToBadgeConfigContext } from "../../runtime/badgeConfig.js";
 import { configToBottomSheetConfigContext } from "../../runtime/bottomSheetConfig.js";
 import { configToBreakpointsConfigContext } from "../../runtime/breakpointsConfig.js";
 import { configToButtonConfigContext } from "../../runtime/buttonConfig.js";
+import { configToChipConfigContext } from "../../runtime/chipConfig.js";
 import { configToIconButtonConfigContext } from "../../runtime/iconButtonConfig.js";
+import { configToInputConfigContext } from "../../runtime/inputConfig.js";
+import { configToMenuItemConfigContext } from "../../runtime/menuItemConfig.js";
 import { configToModalConfigContext } from "../../runtime/modalConfig.js";
+import { configToPaddleNavConfigContext } from "../../runtime/paddleNavConfig.js";
+import { configToPaginationConfigContext } from "../../runtime/paginationConfig.js";
 import { configToPopoverConfigContext } from "../../runtime/popoverConfig.js";
+import { configToSelectItemConfigContext } from "../../runtime/selectItemConfig.js";
+import { configToTabConfigContext } from "../../runtime/tabConfig.js";
 import { configToToastConfigContext } from "../../runtime/toastConfig.js";
 import { configToTooltipConfigContext } from "../../runtime/tooltipConfig.js";
 import { getEditorsWithStaleRules } from "../dist/utils/rules/config.js";
@@ -82,12 +91,21 @@ const syncCommand = {
 			const exportsTS = [`export const config: UniversalTokensConfig = ${serializedConfig} as UniversalTokensConfig;`];
 			const exportsJS = [`export const config = ${serializedConfig};`];
 			const runtimeConfigs = {
+				avatar: [configToAvatarConfigContext(config), "UDSAvatarConfigContextType"],
+				badge: [configToBadgeConfigContext(config), "UDSBadgeConfigContextType"],
 				bottomSheet: [configToBottomSheetConfigContext(config), "UDSBottomSheetConfigContextType"],
 				breakpoints: [configToBreakpointsConfigContext(config), "UDSBreakpointsConfigContextType"],
 				button: [configToButtonConfigContext(config), "UDSButtonConfigContextType"],
+				chip: [configToChipConfigContext(config), "UDSChipConfigContextType"],
 				iconButton: [configToIconButtonConfigContext(config), "UDSIconButtonConfigContextType"],
+				input: [configToInputConfigContext(config), "UDSInputConfigContextType"],
+				menuItem: [configToMenuItemConfigContext(config), "UDSMenuItemConfigContextType"],
 				modal: [configToModalConfigContext(config), "UDSModalConfigContextType"],
+				paddleNav: [configToPaddleNavConfigContext(config), "UDSPaddleNavConfigContextType"],
+				pagination: [configToPaginationConfigContext(config), "UDSPaginationConfigContextType"],
 				popover: [configToPopoverConfigContext(config), "UDSPopoverConfigContextType"],
+				selectItem: [configToSelectItemConfigContext(config), "UDSSelectItemConfigContextType"],
+				tab: [configToTabConfigContext(config), "UDSTabConfigContextType"],
 				toast: [configToToastConfigContext(config), "UDSToastConfigContextType"],
 				tooltip: [configToTooltipConfigContext(config), "UDSTooltipConfigContextType"]
 			};
@@ -101,22 +119,40 @@ const syncCommand = {
 			runtimeTypeImports.push("UDSConfigContextType");
 			importsTS.push(`import type { ${runtimeTypeImports.sort().join(", ")} } from '@yahoo/uds/runtime';`);
 			exportsTS.push(`export const runtimeConfig: UDSConfigContextType = {
+  avatar: avatarRuntimeConfig,
+  badge: badgeRuntimeConfig,
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
   button: buttonRuntimeConfig,
+  chip: chipRuntimeConfig,
   iconButton: iconButtonRuntimeConfig,
+  input: inputRuntimeConfig,
+  menuItem: menuItemRuntimeConfig,
   modal: modalRuntimeConfig,
+  paddleNav: paddleNavRuntimeConfig,
+  pagination: paginationRuntimeConfig,
   popover: popoverRuntimeConfig,
+  selectItem: selectItemRuntimeConfig,
+  tab: tabRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);
 			exportsJS.push(`export const runtimeConfig = {
+  avatar: avatarRuntimeConfig,
+  badge: badgeRuntimeConfig,
   bottomSheet: bottomSheetRuntimeConfig,
   breakpoints: breakpointsRuntimeConfig,
   button: buttonRuntimeConfig,
+  chip: chipRuntimeConfig,
   iconButton: iconButtonRuntimeConfig,
+  input: inputRuntimeConfig,
+  menuItem: menuItemRuntimeConfig,
   modal: modalRuntimeConfig,
+  paddleNav: paddleNavRuntimeConfig,
+  pagination: paginationRuntimeConfig,
   popover: popoverRuntimeConfig,
+  selectItem: selectItemRuntimeConfig,
+  tab: tabRuntimeConfig,
   toast: toastRuntimeConfig,
   tooltip: tooltipRuntimeConfig,
 };`);

package/dist/components/client/Avatar/AvatarIcon.cjs

@@ -5,6 +5,7 @@ require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_Box = require("../../Box.cjs");
+const require_components_client_Avatar_UDSAvatarConfigProvider = require("./UDSAvatarConfigProvider.cjs");
 const require_components_client_Avatar_utils = require("./utils.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
@@ -24,6 +25,7 @@ const mapVariantToIcon = {
 * @returns The AvatarIcon element.
 */
 const AvatarIcon = (0, react.forwardRef)(({ size = "md", variant = require_components_client_Avatar_utils.DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
+	const { iconSize } = require_components_client_Avatar_UDSAvatarConfigProvider.useAvatarConfig(size);
 	const classNames = (0, react.useMemo)(() => ({
 		root: require_components_client_Avatar_utils.buildAvatarRootClasses(size, {
 			avatarIconVariantRoot: variant,
@@ -52,6 +54,7 @@ const AvatarIcon = (0, react.forwardRef)(({ size = "md", variant = require_compo
 				iconProps: {
 					variant: "fill",
 					color: "current",
+					size: iconSize,
 					...slotProps?.icon
 				},
 				className: classNames.icon

package/dist/components/client/Avatar/AvatarIcon.js

@@ -3,6 +3,7 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { Box } from "../../Box.js";
+import { useAvatarConfig } from "./UDSAvatarConfigProvider.js";
 import { DEFAULT_AVATAR_VARIANT, buildAvatarRootClasses, buildInlineSizeStyles } from "./utils.js";
 import { Building, Person } from "@yahoo/uds-icons";
 import { forwardRef, useMemo } from "react";
@@ -22,6 +23,7 @@ const mapVariantToIcon = {
 * @returns The AvatarIcon element.
 */
 const AvatarIcon = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT, customSize, icon, slotProps, className, ...props }, ref) => {
+	const { iconSize } = useAvatarConfig(size);
 	const classNames = useMemo(() => ({
 		root: buildAvatarRootClasses(size, {
 			avatarIconVariantRoot: variant,
@@ -50,6 +52,7 @@ const AvatarIcon = forwardRef(({ size = "md", variant = DEFAULT_AVATAR_VARIANT,
 				iconProps: {
 					variant: "fill",
 					color: "current",
+					size: iconSize,
 					...slotProps?.icon
 				},
 				className: classNames.icon

package/dist/components/client/Avatar/UDSAvatarConfigProvider.cjs

@@ -0,0 +1,28 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Avatar/UDSAvatarConfigProvider.tsx
+const { Provider: UDSAvatarConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("Avatar");
+/**
+* Resolves the configured icon size for an Avatar size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Avatar
+* is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+* back to `undefined` (letting `Icon` apply its own default size) when no
+* config is present — preserving the previous rendering exactly.
+*/
+const useAvatarConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: void 0
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+exports.UDSAvatarConfigProvider = UDSAvatarConfigProvider;
+exports.useAvatarConfig = useAvatarConfig;

package/dist/components/client/Avatar/UDSAvatarConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { AvatarSize, IconSize } from "../../../types/dist/index.cjs";
+import { UDSAvatarConfigContextType } from "../../../runtime/avatarConfig.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/UDSAvatarConfigProvider.d.ts
+declare const UDSAvatarConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSAvatarConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSAvatarConfigProviderProps = UDSConfigProviderProps<UDSAvatarConfigContextType>;
+/**
+ * Resolves the configured icon size for an Avatar size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Avatar
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to `undefined` (letting `Icon` apply its own default size) when no
+ * config is present — preserving the previous rendering exactly.
+ */
+declare const useAvatarConfig: (sizeProp?: AvatarSize | undefined) => {
+  size: AvatarSize | undefined;
+  iconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSAvatarConfigContextType, UDSAvatarConfigProvider, type UDSAvatarConfigProviderProps, useAvatarConfig };

package/dist/components/client/Avatar/UDSAvatarConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { AvatarSize, IconSize } from "../../../types/dist/index.js";
+import { UDSAvatarConfigContextType } from "../../../runtime/avatarConfig.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Avatar/UDSAvatarConfigProvider.d.ts
+declare const UDSAvatarConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSAvatarConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSAvatarConfigProviderProps = UDSConfigProviderProps<UDSAvatarConfigContextType>;
+/**
+ * Resolves the configured icon size for an Avatar size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Avatar
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to `undefined` (letting `Icon` apply its own default size) when no
+ * config is present — preserving the previous rendering exactly.
+ */
+declare const useAvatarConfig: (sizeProp?: AvatarSize | undefined) => {
+  size: AvatarSize | undefined;
+  iconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSAvatarConfigContextType, UDSAvatarConfigProvider, type UDSAvatarConfigProviderProps, useAvatarConfig };

package/dist/components/client/Avatar/UDSAvatarConfigProvider.js

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

package/dist/components/client/Avatar/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_Avatar_UDSAvatarConfigProvider = require("./UDSAvatarConfigProvider.cjs");
 const require_components_client_Avatar_AvatarIcon = require("./AvatarIcon.cjs");
 const require_components_client_Avatar_AvatarText = require("./AvatarText.cjs");
 const require_components_client_Avatar_AvatarImage = require("./AvatarImage.cjs");
@@ -9,3 +10,5 @@ exports.Avatar = require_components_client_Avatar_Avatar.Avatar;
 exports.AvatarIcon = require_components_client_Avatar_AvatarIcon.AvatarIcon;
 exports.AvatarImage = require_components_client_Avatar_AvatarImage.AvatarImage;
 exports.AvatarText = require_components_client_Avatar_AvatarText.AvatarText;
+exports.UDSAvatarConfigProvider = require_components_client_Avatar_UDSAvatarConfigProvider.UDSAvatarConfigProvider;
+exports.useAvatarConfig = require_components_client_Avatar_UDSAvatarConfigProvider.useAvatarConfig;

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

@@ -3,4 +3,5 @@ import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.cjs";
 import { AvatarText, AvatarTextProps } from "./AvatarText.cjs";
 import { AvatarImage, AvatarImageProps } from "./AvatarImage.cjs";
 import { Avatar, AvatarProps } from "./Avatar.cjs";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };
+import { UDSAvatarConfigProvider, UDSAvatarConfigProviderProps, useAvatarConfig } from "./UDSAvatarConfigProvider.cjs";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, UDSAvatarConfigProvider, type UDSAvatarConfigProviderProps, useAvatarConfig };

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

@@ -4,4 +4,5 @@ import { AvatarIcon, AvatarIconProps } from "./AvatarIcon.js";
 import { AvatarText, AvatarTextProps } from "./AvatarText.js";
 import { AvatarImage, AvatarImageProps } from "./AvatarImage.js";
 import { Avatar, AvatarProps } from "./Avatar.js";
-export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps };
+import { UDSAvatarConfigProvider, UDSAvatarConfigProviderProps, useAvatarConfig } from "./UDSAvatarConfigProvider.js";
+export { Avatar, AvatarIcon, type AvatarIconProps, AvatarImage, type AvatarImageProps, type AvatarProps, AvatarText, type AvatarTextProps, UDSAvatarConfigProvider, type UDSAvatarConfigProviderProps, useAvatarConfig };

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

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSAvatarConfigProvider, useAvatarConfig } from "./UDSAvatarConfigProvider.js";
 import { AvatarIcon } from "./AvatarIcon.js";
 import { AvatarText } from "./AvatarText.js";
 import { AvatarImage } from "./AvatarImage.js";
 import { Avatar } from "./Avatar.js";
-export { Avatar, AvatarIcon, AvatarImage, AvatarText };
+export { Avatar, AvatarIcon, AvatarImage, AvatarText, UDSAvatarConfigProvider, useAvatarConfig };

package/dist/components/client/Badge.cjs

@@ -5,6 +5,7 @@ const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../styles/styler.cjs");
 const require_components_IconSlot = require("../IconSlot.cjs");
 const require_components_HStack = require("../HStack.cjs");
+const require_components_client_UDSBadgeConfigProvider = require("./UDSBadgeConfigProvider.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -43,6 +44,7 @@ const Badge = (0, react.forwardRef)(function Badge({ variant = "primary", size =
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconSlotProps } = slotProps?.endIcon ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
+	const { iconSize } = require_components_client_UDSBadgeConfigProvider.useBadgeConfig(size);
 	const rootStyles = require_styles_styler.getStyles({
 		badgeSizeRoot: size,
 		badgeVariantRoot: variant,
@@ -73,8 +75,9 @@ const Badge = (0, react.forwardRef)(function Badge({ variant = "primary", size =
 	]);
 	const iconProps = (0, react.useMemo)(() => ({
 		variant: "fill",
+		size: iconSize,
 		style: { ...iconColor ? { color: iconColor } : {} }
-	}), [iconColor]);
+	}), [iconColor, iconSize]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
 		ref,
 		gap: "2",

package/dist/components/client/Badge.js

@@ -3,6 +3,7 @@
 import { cx, getStyles } from "../../styles/styler.js";
 import { IconSlot } from "../IconSlot.js";
 import { HStack } from "../HStack.js";
+import { useBadgeConfig } from "./UDSBadgeConfigProvider.js";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/client/Badge.tsx
@@ -40,6 +41,7 @@ const Badge = forwardRef(function Badge({ variant = "primary", size = "md", minW
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconSlotProps } = slotProps?.endIcon ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
+	const { iconSize } = useBadgeConfig(size);
 	const rootStyles = getStyles({
 		badgeSizeRoot: size,
 		badgeVariantRoot: variant,
@@ -70,8 +72,9 @@ const Badge = forwardRef(function Badge({ variant = "primary", size = "md", minW
 	]);
 	const iconProps = useMemo(() => ({
 		variant: "fill",
+		size: iconSize,
 		style: { ...iconColor ? { color: iconColor } : {} }
-	}), [iconColor]);
+	}), [iconColor, iconSize]);
 	return /* @__PURE__ */ jsxs(HStack, {
 		ref,
 		gap: "2",

package/dist/components/client/Chip/ChipBase.cjs

@@ -7,6 +7,7 @@ const require_components_IconSlot = require("../../IconSlot.cjs");
 const require_components_Text = require("../../Text.cjs");
 const require_components_HStack = require("../../HStack.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
+const require_components_client_Chip_UDSChipConfigProvider = require("./UDSChipConfigProvider.cjs");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -16,6 +17,7 @@ const VARIANT_DEFAULT = "primary";
 const MAX_WIDTH_DEFAULT = 200;
 const ChipBase = (0, react.forwardRef)(function ChipBase({ size = SIZE_DEFAULT, minWidth, maxWidth = MAX_WIDTH_DEFAULT, startIcon, endIcon, as: As = "div", reduceMotion: forceReduceMotion, disabled = false, className, slotProps, children, ...rest }, ref) {
 	const cssAnimationDuration = require_hooks_usePrefersReducedMotion.usePrefersReducedMotion() || forceReduceMotion ? "duration-0" : "duration-120";
+	const { iconSize } = require_components_client_Chip_UDSChipConfigProvider.useChipConfig(size);
 	const { className: textClassName, ...textProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconProps } = slotProps?.endIcon ?? {};
@@ -57,6 +59,7 @@ const ChipBase = (0, react.forwardRef)(function ChipBase({ size = SIZE_DEFAULT,
 					icon: startIcon,
 					iconProps: {
 						variant: "fill",
+						size: iconSize,
 						className: require_styles_styler.cx(classNames.icon, startIconClassName),
 						...startIconProps
 					}
@@ -73,6 +76,7 @@ const ChipBase = (0, react.forwardRef)(function ChipBase({ size = SIZE_DEFAULT,
 					icon: endIcon,
 					iconProps: {
 						variant: "fill",
+						size: iconSize,
 						className: require_styles_styler.cx(classNames.icon, endIconClassName),
 						...endIconProps
 					}

package/dist/components/client/Chip/ChipBase.js

@@ -5,6 +5,7 @@ import { IconSlot } from "../../IconSlot.js";
 import { Text } from "../../Text.js";
 import { HStack } from "../../HStack.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
+import { useChipConfig } from "./UDSChipConfigProvider.js";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/client/Chip/ChipBase.tsx
@@ -13,6 +14,7 @@ const VARIANT_DEFAULT = "primary";
 const MAX_WIDTH_DEFAULT = 200;
 const ChipBase = forwardRef(function ChipBase({ size = SIZE_DEFAULT, minWidth, maxWidth = MAX_WIDTH_DEFAULT, startIcon, endIcon, as: As = "div", reduceMotion: forceReduceMotion, disabled = false, className, slotProps, children, ...rest }, ref) {
 	const cssAnimationDuration = usePrefersReducedMotion() || forceReduceMotion ? "duration-0" : "duration-120";
+	const { iconSize } = useChipConfig(size);
 	const { className: textClassName, ...textProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconProps } = slotProps?.startIcon ?? {};
 	const { className: endIconClassName, ...endIconProps } = slotProps?.endIcon ?? {};
@@ -54,6 +56,7 @@ const ChipBase = forwardRef(function ChipBase({ size = SIZE_DEFAULT, minWidth, m
 					icon: startIcon,
 					iconProps: {
 						variant: "fill",
+						size: iconSize,
 						className: cx(classNames.icon, startIconClassName),
 						...startIconProps
 					}
@@ -70,6 +73,7 @@ const ChipBase = forwardRef(function ChipBase({ size = SIZE_DEFAULT, minWidth, m
 					icon: endIcon,
 					iconProps: {
 						variant: "fill",
+						size: iconSize,
 						className: cx(classNames.icon, endIconClassName),
 						...endIconProps
 					}

package/dist/components/client/Chip/UDSChipConfigProvider.cjs

@@ -0,0 +1,28 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Chip/UDSChipConfigProvider.tsx
+const { Provider: UDSChipConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("Chip");
+/**
+* Resolves the configured icon size for a Chip size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Chip
+* is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+* back to `undefined` (letting `Icon` apply its own default size) when no
+* config is present — preserving the previous rendering exactly.
+*/
+const useChipConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: void 0
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+exports.UDSChipConfigProvider = UDSChipConfigProvider;
+exports.useChipConfig = useChipConfig;

package/dist/components/client/Chip/UDSChipConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { ChipSize, IconSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSChipConfigContextType } from "../../../runtime/chipConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Chip/UDSChipConfigProvider.d.ts
+declare const UDSChipConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSChipConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSChipConfigProviderProps = UDSConfigProviderProps<UDSChipConfigContextType>;
+/**
+ * Resolves the configured icon size for a Chip size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Chip
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to `undefined` (letting `Icon` apply its own default size) when no
+ * config is present — preserving the previous rendering exactly.
+ */
+declare const useChipConfig: (sizeProp?: ChipSize | undefined) => {
+  size: ChipSize | undefined;
+  iconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSChipConfigContextType, UDSChipConfigProvider, type UDSChipConfigProviderProps, useChipConfig };

package/dist/components/client/Chip/UDSChipConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { ChipSize, IconSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSChipConfigContextType } from "../../../runtime/chipConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Chip/UDSChipConfigProvider.d.ts
+declare const UDSChipConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSChipConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSChipConfigProviderProps = UDSConfigProviderProps<UDSChipConfigContextType>;
+/**
+ * Resolves the configured icon size for a Chip size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Chip
+ * is used in many apps without a `UDSConfigProvider`, so it gracefully falls
+ * back to `undefined` (letting `Icon` apply its own default size) when no
+ * config is present — preserving the previous rendering exactly.
+ */
+declare const useChipConfig: (sizeProp?: ChipSize | undefined) => {
+  size: ChipSize | undefined;
+  iconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSChipConfigContextType, UDSChipConfigProvider, type UDSChipConfigProviderProps, useChipConfig };

package/dist/components/client/Chip/UDSChipConfigProvider.js

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

package/dist/components/client/Chip/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_Chip_UDSChipConfigProvider = require("./UDSChipConfigProvider.cjs");
 const require_components_client_Chip_ChipButton = require("./ChipButton.cjs");
 const require_components_client_Chip_ChipDismissible = require("./ChipDismissible.cjs");
 const require_components_client_Chip_ChipLink = require("./ChipLink.cjs");
@@ -11,3 +12,5 @@ exports.ChipButton = require_components_client_Chip_ChipButton.ChipButton;
 exports.ChipDismissible = require_components_client_Chip_ChipDismissible.ChipDismissible;
 exports.ChipLink = require_components_client_Chip_ChipLink.ChipLink;
 exports.ChipToggle = require_components_client_Chip_ChipToggle.ChipToggle;
+exports.UDSChipConfigProvider = require_components_client_Chip_UDSChipConfigProvider.UDSChipConfigProvider;
+exports.useChipConfig = require_components_client_Chip_UDSChipConfigProvider.useChipConfig;

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

@@ -4,4 +4,5 @@ import { ChipButton, ChipButtonProps } from "./ChipButton.cjs";
 import { ChipDismissible, ChipDismissibleProps } from "./ChipDismissible.cjs";
 import { ChipLink, ChipLinkProps } from "./ChipLink.cjs";
 import { ChipToggle, ChipToggleProps } from "./ChipToggle.cjs";
-export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps };
+import { UDSChipConfigProvider, UDSChipConfigProviderProps, useChipConfig } from "./UDSChipConfigProvider.cjs";
+export { Chip, ChipButton, type ChipButtonProps, ChipDismissible, type ChipDismissibleProps, ChipLink, type ChipLinkProps, type ChipProps, ChipToggle, type ChipToggleProps, UDSChipConfigProvider, type UDSChipConfigProviderProps, useChipConfig };