@yahoo/uds 3.166.0 → 3.168.0

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

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

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

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

@@ -1,8 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSChipConfigProvider, useChipConfig } from "./UDSChipConfigProvider.js";
 import { ChipButton } from "./ChipButton.js";
 import { ChipDismissible } from "./ChipDismissible.js";
 import { ChipLink } from "./ChipLink.js";
 import { ChipToggle } from "./ChipToggle.js";
 import { Chip } from "./Chip.js";
-export { Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle };
+export { Chip, ChipButton, ChipDismissible, ChipLink, ChipToggle, UDSChipConfigProvider, useChipConfig };

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

@@ -9,6 +9,7 @@ const require_components_HStack = require("../../HStack.cjs");
 const require_components_VStack = require("../../VStack.cjs");
 const require_hooks_usePrefersReducedMotion = require("../../../hooks/usePrefersReducedMotion.cjs");
 const require_components_client_AnimateHeightChange = require("../AnimateHeightChange.cjs");
+const require_components_client_Input_UDSInputConfigProvider = require("./UDSInputConfigProvider.cjs");
 const require_components_client_Input_InputHelpTextInternal = require("./InputHelpTextInternal.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -90,6 +91,7 @@ const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", s
 	const generatedId = (0, react.useId)();
 	const uid = id ?? `uds-input-${generatedId}`;
 	const helpTextId = `uds-input-${uid}-help-text`;
+	const { startIconSize, endIconSize } = require_components_client_Input_UDSInputConfigProvider.useInputConfig(size);
 	const { className: inputClassName, ...inputProps } = slotProps?.input ?? {};
 	const { className: inputWrapperClassName, ...inputWrapperProps } = slotProps?.inputWrapper ?? {};
 	const ref = (0, react.useRef)(null);
@@ -204,7 +206,10 @@ const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", s
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StartIcon, {
 						icon: startIcon,
 						className: classNames.startIcon,
-						iconProps: slotProps?.startIcon
+						iconProps: {
+							size: startIconSize,
+							...slotProps?.startIcon
+						}
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
 						ref,
@@ -229,7 +234,10 @@ const Input = (0, react.forwardRef)(function Input({ id, label, type = "text", s
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EndIcon, {
 							icon: endIcon,
 							className: classNames.endIcon,
-							iconProps: slotProps?.endIcon
+							iconProps: {
+								size: endIconSize,
+								...slotProps?.endIcon
+							}
 						})
 					})
 				]

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

@@ -7,6 +7,7 @@ import { HStack } from "../../HStack.js";
 import { VStack } from "../../VStack.js";
 import { usePrefersReducedMotion } from "../../../hooks/usePrefersReducedMotion.js";
 import { AnimateHeightChange } from "../AnimateHeightChange.js";
+import { useInputConfig } from "./UDSInputConfigProvider.js";
 import { InputHelpTextInternal as InputHelpTextInternalMemo } from "./InputHelpTextInternal.js";
 import { forwardRef, memo, useCallback, useEffect, useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -87,6 +88,7 @@ const Input = forwardRef(function Input({ id, label, type = "text", size = "md",
 	const generatedId = useId();
 	const uid = id ?? `uds-input-${generatedId}`;
 	const helpTextId = `uds-input-${uid}-help-text`;
+	const { startIconSize, endIconSize } = useInputConfig(size);
 	const { className: inputClassName, ...inputProps } = slotProps?.input ?? {};
 	const { className: inputWrapperClassName, ...inputWrapperProps } = slotProps?.inputWrapper ?? {};
 	const ref = useRef(null);
@@ -201,7 +203,10 @@ const Input = forwardRef(function Input({ id, label, type = "text", size = "md",
 					/* @__PURE__ */ jsx(StartIcon, {
 						icon: startIcon,
 						className: classNames.startIcon,
-						iconProps: slotProps?.startIcon
+						iconProps: {
+							size: startIconSize,
+							...slotProps?.startIcon
+						}
 					}),
 					/* @__PURE__ */ jsx("input", {
 						ref,
@@ -226,7 +231,10 @@ const Input = forwardRef(function Input({ id, label, type = "text", size = "md",
 						children: /* @__PURE__ */ jsx(EndIcon, {
 							icon: endIcon,
 							className: classNames.endIcon,
-							iconProps: slotProps?.endIcon
+							iconProps: {
+								size: endIconSize,
+								...slotProps?.endIcon
+							}
 						})
 					})
 				]

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

@@ -5,11 +5,16 @@ 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_Input_UDSInputConfigProvider = require("./UDSInputConfigProvider.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/client/Input/InputHelpTextInternal.tsx
 const InputHelpTextInternal = (0, react.forwardRef)(function InputHelpTextInternal({ startIcon, endIcon, iconProps, children, size, isFilled, slotProps, ...rest }, ref) {
-	const defaultIconProps = { variant: "outline" };
+	const { helperIconSize } = require_components_client_Input_UDSInputConfigProvider.useInputConfig(size);
+	const defaultIconProps = {
+		variant: "outline",
+		size: helperIconSize
+	};
 	const classNames = {
 		helperText: require_styles_styler.cx(require_styles_styler.getStyles({
 			inputSizeHelperText: size,

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

@@ -3,11 +3,16 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { HStack } from "../../HStack.js";
+import { useInputConfig } from "./UDSInputConfigProvider.js";
 import { forwardRef, memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/client/Input/InputHelpTextInternal.tsx
 const InputHelpTextInternal = forwardRef(function InputHelpTextInternal({ startIcon, endIcon, iconProps, children, size, isFilled, slotProps, ...rest }, ref) {
-	const defaultIconProps = { variant: "outline" };
+	const { helperIconSize } = useInputConfig(size);
+	const defaultIconProps = {
+		variant: "outline",
+		size: helperIconSize
+	};
 	const classNames = {
 		helperText: cx(getStyles({
 			inputSizeHelperText: size,

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

@@ -0,0 +1,33 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Input/UDSInputConfigProvider.tsx
+const { Provider: UDSInputConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").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
+exports.UDSInputConfigProvider = UDSInputConfigProvider;
+exports.useInputConfig = useInputConfig;

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

@@ -0,0 +1,32 @@
+
+import { IconSize, InputSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSInputConfigContextType } from "../../../runtime/inputConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Input/UDSInputConfigProvider.d.ts
+declare const UDSInputConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSInputConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSInputConfigProviderProps = UDSConfigProviderProps<UDSInputConfigContextType>;
+/**
+ * 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.
+ */
+declare const useInputConfig: (sizeProp?: InputSize | undefined) => {
+  size: InputSize | undefined;
+  startIconSize: IconSize | undefined;
+  endIconSize: IconSize | undefined;
+  helperIconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSInputConfigContextType, UDSInputConfigProvider, type UDSInputConfigProviderProps, useInputConfig };

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

@@ -0,0 +1,33 @@
+
+"use client";
+import { IconSize, InputSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSInputConfigContextType } from "../../../runtime/inputConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Input/UDSInputConfigProvider.d.ts
+declare const UDSInputConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSInputConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSInputConfigProviderProps = UDSConfigProviderProps<UDSInputConfigContextType>;
+/**
+ * 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.
+ */
+declare const useInputConfig: (sizeProp?: InputSize | undefined) => {
+  size: InputSize | undefined;
+  startIconSize: IconSize | undefined;
+  endIconSize: IconSize | undefined;
+  helperIconSize: IconSize | undefined;
+};
+//#endregion
+export { type UDSInputConfigContextType, UDSInputConfigProvider, type UDSInputConfigProviderProps, useInputConfig };