@yahoo/uds 3.166.0 → 3.168.0

package/dist/components/client/Pagination/UDSPaginationConfigProvider.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/Pagination/UDSPaginationConfigProvider.tsx
+const { Provider: UDSPaginationConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("Pagination");
+/** The icon size Pagination hardcoded before runtime config support. */
+const paginationFallbackIconSize = "sm";
+/**
+* Resolves the configured icon size for a Pagination size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* Pagination 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 usePaginationConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: paginationFallbackIconSize
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+exports.UDSPaginationConfigProvider = UDSPaginationConfigProvider;
+exports.usePaginationConfig = usePaginationConfig;

package/dist/components/client/Pagination/UDSPaginationConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { IconSize, PaginationSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSPaginationConfigContextType } from "../../../runtime/paginationConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Pagination/UDSPaginationConfigProvider.d.ts
+declare const UDSPaginationConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSPaginationConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSPaginationConfigProviderProps = UDSConfigProviderProps<UDSPaginationConfigContextType>;
+/**
+ * Resolves the configured icon size for a Pagination size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * Pagination 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 usePaginationConfig: (sizeProp?: PaginationSize | undefined) => {
+  size: PaginationSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSPaginationConfigContextType, UDSPaginationConfigProvider, type UDSPaginationConfigProviderProps, usePaginationConfig };

package/dist/components/client/Pagination/UDSPaginationConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { IconSize, PaginationSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSPaginationConfigContextType } from "../../../runtime/paginationConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Pagination/UDSPaginationConfigProvider.d.ts
+declare const UDSPaginationConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSPaginationConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSPaginationConfigProviderProps = UDSConfigProviderProps<UDSPaginationConfigContextType>;
+/**
+ * Resolves the configured icon size for a Pagination size.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * Pagination 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 usePaginationConfig: (sizeProp?: PaginationSize | undefined) => {
+  size: PaginationSize | undefined;
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSPaginationConfigContextType, UDSPaginationConfigProvider, type UDSPaginationConfigProviderProps, usePaginationConfig };

package/dist/components/client/Pagination/UDSPaginationConfigProvider.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/Pagination/UDSPaginationConfigProvider.tsx
+const { Provider: UDSPaginationConfigProvider, useConfigContext } = createUDSConfigProvider("Pagination");
+/** The icon size Pagination hardcoded before runtime config support. */
+const paginationFallbackIconSize = "sm";
+/**
+* Resolves the configured icon size for a Pagination size.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* Pagination 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 usePaginationConfig = (sizeProp) => {
+	const context = useConfigContext();
+	if (!context) return {
+		size: sizeProp,
+		iconSize: paginationFallbackIconSize
+	};
+	const size = sizeProp ?? context.defaultSize;
+	return {
+		size,
+		iconSize: context.iconSize[size]
+	};
+};
+//#endregion
+export { UDSPaginationConfigProvider, usePaginationConfig };

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

@@ -6,6 +6,7 @@ const require_components_client_Pagination_Pagination = require("./Pagination.cj
 const require_components_client_Pagination_PaginationEllipsis = require("./PaginationEllipsis.cjs");
 const require_components_client_Pagination_PaginationItem = require("./PaginationItem.cjs");
 const require_components_client_Pagination_PaginationLink = require("./PaginationLink.cjs");
+const require_components_client_Pagination_UDSPaginationConfigProvider = require("./UDSPaginationConfigProvider.cjs");
 const require_components_client_Pagination_PaginationNext = require("./PaginationNext.cjs");
 const require_components_client_Pagination_PaginationNumbers = require("./PaginationNumbers.cjs");
 const require_components_client_Pagination_PaginationPrev = require("./PaginationPrev.cjs");
@@ -16,4 +17,6 @@ exports.PaginationLink = require_components_client_Pagination_PaginationLink.Pag
 exports.PaginationNext = require_components_client_Pagination_PaginationNext.PaginationNext;
 exports.PaginationNumbers = require_components_client_Pagination_PaginationNumbers.PaginationNumbers;
 exports.PaginationPrev = require_components_client_Pagination_PaginationPrev.PaginationPrev;
+exports.UDSPaginationConfigProvider = require_components_client_Pagination_UDSPaginationConfigProvider.UDSPaginationConfigProvider;
 exports.computeVisiblePages = require_components_client_Pagination_computeVisiblePages.computeVisiblePages;
+exports.usePaginationConfig = require_components_client_Pagination_UDSPaginationConfigProvider.usePaginationConfig;

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

@@ -7,4 +7,5 @@ import { PaginationLink, PaginationLinkProps } from "./PaginationLink.cjs";
 import { PaginationNext, PaginationNextProps } from "./PaginationNext.cjs";
 import { PaginationNumbers, PaginationNumbersProps } from "./PaginationNumbers.cjs";
 import { PaginationPrev, PaginationPrevProps } from "./PaginationPrev.cjs";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationNumbers, type PaginationNumbersProps, PaginationPrev, type PaginationPrevProps, type PaginationProps, computeVisiblePages };
+import { UDSPaginationConfigProvider, UDSPaginationConfigProviderProps, usePaginationConfig } from "./UDSPaginationConfigProvider.cjs";
+export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationNumbers, type PaginationNumbersProps, PaginationPrev, type PaginationPrevProps, type PaginationProps, UDSPaginationConfigProvider, type UDSPaginationConfigProviderProps, computeVisiblePages, usePaginationConfig };

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

@@ -8,4 +8,5 @@ import { PaginationLink, PaginationLinkProps } from "./PaginationLink.js";
 import { PaginationNext, PaginationNextProps } from "./PaginationNext.js";
 import { PaginationNumbers, PaginationNumbersProps } from "./PaginationNumbers.js";
 import { PaginationPrev, PaginationPrevProps } from "./PaginationPrev.js";
-export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationNumbers, type PaginationNumbersProps, PaginationPrev, type PaginationPrevProps, type PaginationProps, computeVisiblePages };
+import { UDSPaginationConfigProvider, UDSPaginationConfigProviderProps, usePaginationConfig } from "./UDSPaginationConfigProvider.js";
+export { Pagination, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, type PaginationItemProps, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationNumbers, type PaginationNumbersProps, PaginationPrev, type PaginationPrevProps, type PaginationProps, UDSPaginationConfigProvider, type UDSPaginationConfigProviderProps, computeVisiblePages, usePaginationConfig };

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

@@ -5,7 +5,8 @@ import { Pagination } from "./Pagination.js";
 import { PaginationEllipsis } from "./PaginationEllipsis.js";
 import { PaginationItem } from "./PaginationItem.js";
 import { PaginationLink } from "./PaginationLink.js";
+import { UDSPaginationConfigProvider, usePaginationConfig } from "./UDSPaginationConfigProvider.js";
 import { PaginationNext } from "./PaginationNext.js";
 import { PaginationNumbers } from "./PaginationNumbers.js";
 import { PaginationPrev } from "./PaginationPrev.js";
-export { Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNumbers, PaginationPrev, computeVisiblePages };
+export { Pagination, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationNumbers, PaginationPrev, UDSPaginationConfigProvider, computeVisiblePages, usePaginationConfig };

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.cts

@@ -29,7 +29,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/client/Popover/UDSPopoverConfigProvider.d.ts

@@ -30,7 +30,7 @@ declare function usePopoverConfig(sizeProp?: PopoverSize | undefined, variantPro
   gap: SpacingAlias;
   dismissButtonSpacing: SpacingAlias;
   dismissIconSize: number;
-  ariaKitPlacement: ("bottom-start" | "bottom-end" | "top-start" | "top-end" | ("bottom" | "left" | "right" | "top") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
+  ariaKitPlacement: ("top-start" | "top-end" | "bottom-start" | "bottom-end" | ("top" | "bottom" | "left" | "right") | "left-start" | "right-start" | "left-end" | "right-end") | undefined;
   animationDuration: number;
 };
 //#endregion

package/dist/components/client/Select/SelectItem.cjs

@@ -6,6 +6,7 @@ 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_Select_UDSSelectItemConfigProvider = require("./UDSSelectItemConfigProvider.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -34,6 +35,7 @@ const buildSelectItemClasses = ({ disabled, className }) => {
 */
 const SelectItem = (0, react.forwardRef)(function SelectItem({ children, className, slotProps, disabled, value, startIcon, ...props }, ref) {
 	const isSelected = (0, _ariakit_react.useStoreState)((0, _ariakit_react.useSelectContext)(), "value") === value;
+	const { startIconSize, endIconSize } = require_components_client_Select_UDSSelectItemConfigProvider.useSelectItemConfig();
 	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
@@ -132,7 +134,7 @@ const SelectItem = (0, react.forwardRef)(function SelectItem({ children, classNa
 						icon: startIcon,
 						className: classNames.startIcon,
 						iconProps: {
-							size: "sm",
+							size: startIconSize,
 							variant: isSelected ? "fill" : "outline",
 							color: "current",
 							...startIconSlotProps
@@ -157,7 +159,7 @@ const SelectItem = (0, react.forwardRef)(function SelectItem({ children, classNa
 					icon: _yahoo_uds_icons.Check,
 					className: classNames.endIcon,
 					iconProps: {
-						size: "sm",
+						size: endIconSize,
 						variant: "fill",
 						color: "current",
 						...endIconSlotProps

package/dist/components/client/Select/SelectItem.js

@@ -4,6 +4,7 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { HStack } from "../../HStack.js";
+import { useSelectItemConfig } from "./UDSSelectItemConfigProvider.js";
 import { Check } from "@yahoo/uds-icons";
 import { forwardRef, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -32,6 +33,7 @@ const buildSelectItemClasses = ({ disabled, className }) => {
 */
 const SelectItem = forwardRef(function SelectItem({ children, className, slotProps, disabled, value, startIcon, ...props }, ref) {
 	const isSelected = useStoreState(useSelectContext(), "value") === value;
+	const { startIconSize, endIconSize } = useSelectItemConfig();
 	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
 	const { className: textClassName, ...textSlotProps } = slotProps?.text ?? {};
 	const { className: startIconClassName, ...startIconSlotProps } = slotProps?.startIcon ?? {};
@@ -130,7 +132,7 @@ const SelectItem = forwardRef(function SelectItem({ children, className, slotPro
 						icon: startIcon,
 						className: classNames.startIcon,
 						iconProps: {
-							size: "sm",
+							size: startIconSize,
 							variant: isSelected ? "fill" : "outline",
 							color: "current",
 							...startIconSlotProps
@@ -155,7 +157,7 @@ const SelectItem = forwardRef(function SelectItem({ children, className, slotPro
 					icon: Check,
 					className: classNames.endIcon,
 					iconProps: {
-						size: "sm",
+						size: endIconSize,
 						variant: "fill",
 						color: "current",
 						...endIconSlotProps

package/dist/components/client/Select/UDSSelectItemConfigProvider.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/Select/UDSSelectItemConfigProvider.tsx
+const { Provider: UDSSelectItemConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("SelectItem");
+/** The icon size SelectItem hardcoded before runtime config support. */
+const selectItemFallbackIconSize = "sm";
+/**
+* Resolves the configured start/end icon sizes for SelectItem.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* SelectItem 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 useSelectItemConfig = () => {
+	const context = useConfigContext();
+	if (!context) return {
+		startIconSize: selectItemFallbackIconSize,
+		endIconSize: selectItemFallbackIconSize
+	};
+	const size = context.defaultSize;
+	return {
+		startIconSize: context.startIconSize[size],
+		endIconSize: context.endIconSize[size]
+	};
+};
+//#endregion
+exports.UDSSelectItemConfigProvider = UDSSelectItemConfigProvider;
+exports.useSelectItemConfig = useSelectItemConfig;

package/dist/components/client/Select/UDSSelectItemConfigProvider.d.cts

@@ -0,0 +1,29 @@
+
+import { IconSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSSelectItemConfigContextType } from "../../../runtime/selectItemConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Select/UDSSelectItemConfigProvider.d.ts
+declare const UDSSelectItemConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSSelectItemConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSSelectItemConfigProviderProps = UDSConfigProviderProps<UDSSelectItemConfigContextType>;
+/**
+ * Resolves the configured start/end icon sizes for SelectItem.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * SelectItem 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 useSelectItemConfig: () => {
+  startIconSize: IconSize;
+  endIconSize: IconSize;
+};
+//#endregion
+export { type UDSSelectItemConfigContextType, UDSSelectItemConfigProvider, type UDSSelectItemConfigProviderProps, useSelectItemConfig };

package/dist/components/client/Select/UDSSelectItemConfigProvider.d.ts

@@ -0,0 +1,30 @@
+
+"use client";
+import { IconSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSSelectItemConfigContextType } from "../../../runtime/selectItemConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Select/UDSSelectItemConfigProvider.d.ts
+declare const UDSSelectItemConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSSelectItemConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSSelectItemConfigProviderProps = UDSConfigProviderProps<UDSSelectItemConfigContextType>;
+/**
+ * Resolves the configured start/end icon sizes for SelectItem.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider:
+ * SelectItem 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 useSelectItemConfig: () => {
+  startIconSize: IconSize;
+  endIconSize: IconSize;
+};
+//#endregion
+export { type UDSSelectItemConfigContextType, UDSSelectItemConfigProvider, type UDSSelectItemConfigProviderProps, useSelectItemConfig };

package/dist/components/client/Select/UDSSelectItemConfigProvider.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/Select/UDSSelectItemConfigProvider.tsx
+const { Provider: UDSSelectItemConfigProvider, useConfigContext } = createUDSConfigProvider("SelectItem");
+/** The icon size SelectItem hardcoded before runtime config support. */
+const selectItemFallbackIconSize = "sm";
+/**
+* Resolves the configured start/end icon sizes for SelectItem.
+*
+* Unlike other UDS config hooks, this hook does not require a provider:
+* SelectItem 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 useSelectItemConfig = () => {
+	const context = useConfigContext();
+	if (!context) return {
+		startIconSize: selectItemFallbackIconSize,
+		endIconSize: selectItemFallbackIconSize
+	};
+	const size = context.defaultSize;
+	return {
+		startIconSize: context.startIconSize[size],
+		endIconSize: context.endIconSize[size]
+	};
+};
+//#endregion
+export { UDSSelectItemConfigProvider, useSelectItemConfig };

package/dist/components/client/Select/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_Select_UDSSelectItemConfigProvider = require("./UDSSelectItemConfigProvider.cjs");
 const require_components_client_Select_Select = require("./Select.cjs");
 const require_components_client_Select_SelectContent = require("./SelectContent.cjs");
 const require_components_client_Select_SelectDivider = require("./SelectDivider.cjs");
@@ -9,3 +10,5 @@ exports.Select = require_components_client_Select_Select.Select;
 exports.SelectContent = require_components_client_Select_SelectContent.SelectContent;
 exports.SelectDivider = require_components_client_Select_SelectDivider.SelectDivider;
 exports.SelectItem = require_components_client_Select_SelectItem.SelectItem;
+exports.UDSSelectItemConfigProvider = require_components_client_Select_UDSSelectItemConfigProvider.UDSSelectItemConfigProvider;
+exports.useSelectItemConfig = require_components_client_Select_UDSSelectItemConfigProvider.useSelectItemConfig;

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

@@ -1,6 +1,8 @@
 
+import { UDSSelectItemConfigContextType } from "../../../runtime/selectItemConfig.cjs";
 import { Select, SelectProps } from "./Select.cjs";
 import { SelectContent, SelectContentProps } from "./SelectContent.cjs";
 import { SelectDivider, SelectDividerProps } from "./SelectDivider.cjs";
 import { SelectItem, SelectItemProps } from "./SelectItem.cjs";
-export { Select, SelectContent, SelectContentProps, SelectDivider, SelectDividerProps, SelectItem, SelectItemProps, SelectProps };
+import { UDSSelectItemConfigProvider, UDSSelectItemConfigProviderProps, useSelectItemConfig } from "./UDSSelectItemConfigProvider.cjs";
+export { Select, SelectContent, SelectContentProps, SelectDivider, SelectDividerProps, SelectItem, SelectItemProps, SelectProps, UDSSelectItemConfigContextType, UDSSelectItemConfigProvider, UDSSelectItemConfigProviderProps, useSelectItemConfig };

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

@@ -1,7 +1,9 @@
 
 "use client";
+import { UDSSelectItemConfigContextType } from "../../../runtime/selectItemConfig.js";
 import { Select, SelectProps } from "./Select.js";
 import { SelectContent, SelectContentProps } from "./SelectContent.js";
 import { SelectDivider, SelectDividerProps } from "./SelectDivider.js";
 import { SelectItem, SelectItemProps } from "./SelectItem.js";
-export { Select, SelectContent, SelectContentProps, SelectDivider, SelectDividerProps, SelectItem, SelectItemProps, SelectProps };
+import { UDSSelectItemConfigProvider, UDSSelectItemConfigProviderProps, useSelectItemConfig } from "./UDSSelectItemConfigProvider.js";
+export { Select, SelectContent, SelectContentProps, SelectDivider, SelectDividerProps, SelectItem, SelectItemProps, SelectProps, UDSSelectItemConfigContextType, UDSSelectItemConfigProvider, UDSSelectItemConfigProviderProps, useSelectItemConfig };

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

@@ -1,7 +1,8 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
+import { UDSSelectItemConfigProvider, useSelectItemConfig } from "./UDSSelectItemConfigProvider.js";
 import { Select } from "./Select.js";
 import { SelectContent } from "./SelectContent.js";
 import { SelectDivider } from "./SelectDivider.js";
 import { SelectItem } from "./SelectItem.js";
-export { Select, SelectContent, SelectDivider, SelectItem };
+export { Select, SelectContent, SelectDivider, SelectItem, UDSSelectItemConfigProvider, useSelectItemConfig };

package/dist/components/client/Tabs/Tab.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_Text = require("../../Text.cjs");
+const require_components_client_Tabs_UDSTabConfigProvider = require("./UDSTabConfigProvider.cjs");
 const require_components_client_Tabs_tabsContext = require("./tabsContext.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -16,6 +17,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 	const generatedId = (0, react.useId)();
 	const uid = value ?? `uds-tab-${generatedId}`;
 	const { variant, reduceMotion } = require_components_client_Tabs_tabsContext.useTabsContext();
+	const { iconSize } = require_components_client_Tabs_UDSTabConfigProvider.useTabConfig();
 	const store = (0, _ariakit_react.useTabContext)();
 	if (!store) throw new Error("Tab must be wrapped in a Tabs component");
 	const selectedId = (0, _ariakit_react.useStoreState)(store, "selectedId");
@@ -54,7 +56,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 			startIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 				icon: startIcon,
 				iconProps: {
-					size: "sm",
+					size: iconSize,
 					color: "current"
 				},
 				className: iconConfigClass,
@@ -70,7 +72,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 			endIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
 				icon: endIcon,
 				iconProps: {
-					size: "sm",
+					size: iconSize,
 					color: "current"
 				},
 				className: iconConfigClass,

package/dist/components/client/Tabs/Tab.js

@@ -3,6 +3,7 @@
 import { cx, getStyles } from "../../../styles/styler.js";
 import { IconSlot } from "../../IconSlot.js";
 import { Text } from "../../Text.js";
+import { useTabConfig } from "./UDSTabConfigProvider.js";
 import { useTabsContext } from "./tabsContext.js";
 import { isValidElement, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,6 +15,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 	const generatedId = useId();
 	const uid = value ?? `uds-tab-${generatedId}`;
 	const { variant, reduceMotion } = useTabsContext();
+	const { iconSize } = useTabConfig();
 	const store = useTabContext();
 	if (!store) throw new Error("Tab must be wrapped in a Tabs component");
 	const selectedId = useStoreState(store, "selectedId");
@@ -52,7 +54,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 			startIcon && /* @__PURE__ */ jsx(IconSlot, {
 				icon: startIcon,
 				iconProps: {
-					size: "sm",
+					size: iconSize,
 					color: "current"
 				},
 				className: iconConfigClass,
@@ -68,7 +70,7 @@ function Tab({ value, children, startIcon, endIcon, disabled, asChild = false, c
 			endIcon && /* @__PURE__ */ jsx(IconSlot, {
 				icon: endIcon,
 				iconProps: {
-					size: "sm",
+					size: iconSize,
 					color: "current"
 				},
 				className: iconConfigClass,

package/dist/components/client/Tabs/UDSTabConfigProvider.cjs

@@ -0,0 +1,22 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region src/components/client/Tabs/UDSTabConfigProvider.tsx
+const { Provider: UDSTabConfigProvider, useConfigContext } = require("../providers/createUDSConfigProvider.cjs").createUDSConfigProvider("Tab");
+/** The icon size Tab hardcoded before runtime config support. */
+const tabFallbackIconSize = "sm";
+/**
+* Resolves the configured icon size for Tab.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Tab 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 useTabConfig = () => {
+	const context = useConfigContext();
+	if (!context) return { iconSize: tabFallbackIconSize };
+	return { iconSize: context.iconSize[context.defaultSize] };
+};
+//#endregion
+exports.UDSTabConfigProvider = UDSTabConfigProvider;
+exports.useTabConfig = useTabConfig;

package/dist/components/client/Tabs/UDSTabConfigProvider.d.cts

@@ -0,0 +1,27 @@
+
+import { IconSize } from "../../../types/dist/index.cjs";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.cjs";
+import { UDSTabConfigContextType } from "../../../runtime/tabConfig.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Tabs/UDSTabConfigProvider.d.ts
+declare const UDSTabConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSTabConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSTabConfigProviderProps = UDSConfigProviderProps<UDSTabConfigContextType>;
+/**
+ * Resolves the configured icon size for Tab.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Tab 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 useTabConfig: () => {
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSTabConfigContextType, UDSTabConfigProvider, type UDSTabConfigProviderProps, useTabConfig };

package/dist/components/client/Tabs/UDSTabConfigProvider.d.ts

@@ -0,0 +1,28 @@
+
+"use client";
+import { IconSize } from "../../../types/dist/index.js";
+import { UDSConfigProviderProps } from "../providers/createUDSConfigProvider.js";
+import { UDSTabConfigContextType } from "../../../runtime/tabConfig.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/client/Tabs/UDSTabConfigProvider.d.ts
+declare const UDSTabConfigProvider: {
+  ({
+    children,
+    value
+  }: UDSConfigProviderProps<UDSTabConfigContextType>): _$react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+type UDSTabConfigProviderProps = UDSConfigProviderProps<UDSTabConfigContextType>;
+/**
+ * Resolves the configured icon size for Tab.
+ *
+ * Unlike other UDS config hooks, this hook does not require a provider: Tab 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 useTabConfig: () => {
+  iconSize: IconSize;
+};
+//#endregion
+export { type UDSTabConfigContextType, UDSTabConfigProvider, type UDSTabConfigProviderProps, useTabConfig };

package/dist/components/client/Tabs/UDSTabConfigProvider.js

@@ -0,0 +1,21 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { createUDSConfigProvider } from "../providers/createUDSConfigProvider.js";
+//#region src/components/client/Tabs/UDSTabConfigProvider.tsx
+const { Provider: UDSTabConfigProvider, useConfigContext } = createUDSConfigProvider("Tab");
+/** The icon size Tab hardcoded before runtime config support. */
+const tabFallbackIconSize = "sm";
+/**
+* Resolves the configured icon size for Tab.
+*
+* Unlike other UDS config hooks, this hook does not require a provider: Tab 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 useTabConfig = () => {
+	const context = useConfigContext();
+	if (!context) return { iconSize: tabFallbackIconSize };
+	return { iconSize: context.iconSize[context.defaultSize] };
+};
+//#endregion
+export { UDSTabConfigProvider, useTabConfig };

package/dist/components/client/Tabs/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_Tabs_UDSTabConfigProvider = require("./UDSTabConfigProvider.cjs");
 const require_components_client_Tabs_Tab = require("./Tab.cjs");
 const require_components_client_Tabs_TabList = require("./TabList.cjs");
 const require_components_client_Tabs_TabPanel = require("./TabPanel.cjs");
@@ -9,3 +10,5 @@ exports.Tab = require_components_client_Tabs_Tab.Tab;
 exports.TabList = require_components_client_Tabs_TabList.TabList;
 exports.TabPanel = require_components_client_Tabs_TabPanel.TabPanel;
 exports.Tabs = require_components_client_Tabs_Tabs.Tabs;
+exports.UDSTabConfigProvider = require_components_client_Tabs_UDSTabConfigProvider.UDSTabConfigProvider;
+exports.useTabConfig = require_components_client_Tabs_UDSTabConfigProvider.useTabConfig;

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

@@ -1,7 +1,9 @@
 
+import { UDSTabConfigContextType } from "../../../runtime/tabConfig.cjs";
 import { Tab, TabProps } from "./Tab.cjs";
 import { TabList, TabListProps } from "./TabList.cjs";
 import { TabPanel, TabPanelProps } from "./TabPanel.cjs";
 import { Tabs, TabsProps } from "./Tabs.cjs";
 import { TabsVariant } from "./tabsContext.cjs";
-export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, type TabsVariant };
+import { UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig } from "./UDSTabConfigProvider.cjs";
+export { Tab, TabList, TabListProps, TabPanel, TabPanelProps, TabProps, Tabs, TabsProps, type TabsVariant, UDSTabConfigContextType, UDSTabConfigProvider, UDSTabConfigProviderProps, useTabConfig };