@yahoo/uds 3.176.0-beta.1 → 3.176.0

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

@@ -1,8 +1,6 @@
 
 "use client";
 import { InputHelpTextInternalProps } from "./InputHelpTextInternal.js";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components/client/Input/InputHelpText.d.ts
 type InputHelpTextProps = InputHelpTextInternalProps;
 /**
@@ -32,11 +30,7 @@ type InputHelpTextProps = InputHelpTextInternalProps;
  * @related [Input](https://uds.build/docs/components/input).
  **/
 declare const InputHelpText: {
-  ({
-    size,
-    isFilled,
-    ...props
-  }: InputHelpTextProps): _$react_jsx_runtime0.JSX.Element;
+  ({ size, isFilled, ...props }: InputHelpTextProps): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 //#endregion

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

@@ -32,14 +32,15 @@ import { jsx } from "react/jsx-runtime";
 * @related [Input](https://uds.build/docs/components/input).
 **/
 const InputHelpText = ({ size = "md", isFilled, ...props }) => {
+	const classNames = { root: getStyles({
+		inputSizeRoot: size,
+		inputVariantRoot: "default",
+		inputVariantValueRoot: !isFilled ? "empty" : "filled"
+	}) };
 	return /* @__PURE__ */ jsx(Box, {
 		asChild: true,
 		spacingTop: "2",
-		className: { root: getStyles({
-			inputSizeRoot: size,
-			inputVariantRoot: "default",
-			inputVariantValueRoot: !isFilled ? "empty" : "filled"
-		}) }.root,
+		className: classNames.root,
 		children: /* @__PURE__ */ jsx(InputHelpTextInternalMemo, {
 			size,
 			isFilled,

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-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");

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

@@ -1,11 +1,10 @@
 
 import { UniversalIconSlot } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
 import { IconProps } from "../../Icon.cjs";
 import { InputProps } from "./Input.cjs";
-import * as _$react from "react";
 import { PropsWithChildren } from "react";
-
 //#region src/components/client/Input/InputHelpTextInternal.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -29,6 +28,6 @@ interface InputHelpTextInternalProps extends PropsWithChildren {
     text?: Partial<React.HTMLAttributes<HTMLSpanElement> & DataAttributes>;
   };
 }
-declare const InputHelpTextInternalMemo: _$react.NamedExoticComponent<InputHelpTextInternalProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const InputHelpTextInternalMemo: import("react").NamedExoticComponent<InputHelpTextInternalProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { InputHelpTextInternalMemo as InputHelpTextInternal, type InputHelpTextInternalProps };

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

@@ -2,11 +2,10 @@
 "use client";
 import { UniversalIconSlot } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
 import { IconProps } from "../../Icon.js";
 import { InputProps } from "./Input.js";
-import * as _$react from "react";
 import { PropsWithChildren } from "react";
-
 //#region src/components/client/Input/InputHelpTextInternal.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -30,6 +29,6 @@ interface InputHelpTextInternalProps extends PropsWithChildren {
     text?: Partial<React.HTMLAttributes<HTMLSpanElement> & DataAttributes>;
   };
 }
-declare const InputHelpTextInternalMemo: _$react.NamedExoticComponent<InputHelpTextInternalProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const InputHelpTextInternalMemo: import("react").NamedExoticComponent<InputHelpTextInternalProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { InputHelpTextInternalMemo as InputHelpTextInternal, type InputHelpTextInternalProps };

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

@@ -1,15 +1,11 @@
 
 import { IconSize, InputSize } from "../../../types/dist/index.cjs";
+import "../../../tokens/types.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;
+  ({ children, value }: UDSConfigProviderProps<UDSInputConfigContextType>): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 type UDSInputConfigProviderProps = UDSConfigProviderProps<UDSInputConfigContextType>;

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

@@ -1,16 +1,12 @@
 
 "use client";
 import { IconSize, InputSize } from "../../../types/dist/index.js";
+import "../../../tokens/types.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;
+  ({ children, value }: UDSConfigProviderProps<UDSInputConfigContextType>): import("react/jsx-runtime").JSX.Element;
   displayName: string;
 };
 type UDSInputConfigProviderProps = UDSConfigProviderProps<UDSInputConfigContextType>;

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

@@ -1,9 +1,9 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_VStack = require("../../VStack.cjs");
+const require_utils_isFocusEnteringOwnFrame = require("../../../utils/isFocusEnteringOwnFrame.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _ariakit_react = require("@ariakit/react");
@@ -136,6 +136,11 @@ const MenuContent = (0, react.forwardRef)(function MenuContent({ size = "default
 			portalElement,
 			portal,
 			...props,
+			hideOnInteractOutside: (event) => {
+				if (require_utils_isFocusEnteringOwnFrame.isFocusEnteringOwnFrame(event, context?.getState().contentElement)) return false;
+				const consumerValue = props.hideOnInteractOutside;
+				return typeof consumerValue === "function" ? consumerValue(event) : consumerValue ?? true;
+			},
 			render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionVStack, {
 				overflow,
 				animate: motionState,

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

@@ -1,9 +1,8 @@
 
 import { SpacingAlias } from "../../../types/dist/index.cjs";
+import "../../../tokens/index.cjs";
 import { VStackProps } from "../../VStack.cjs";
-import * as _$react from "react";
 import { MenuProps } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.Content.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -232,6 +231,6 @@ interface MenuContentProps extends Omit<VStackProps, 'asChild'> {
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuContent: _$react.ForwardRefExoticComponent<MenuContentProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuContent: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuContent, type MenuContentProps };

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

@@ -1,10 +1,9 @@
 
 "use client";
 import { SpacingAlias } from "../../../types/dist/index.js";
+import "../../../tokens/index.js";
 import { VStackProps } from "../../VStack.js";
-import * as _$react from "react";
 import { MenuProps } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.Content.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -233,6 +232,6 @@ interface MenuContentProps extends Omit<VStackProps, 'asChild'> {
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuContent: _$react.ForwardRefExoticComponent<MenuContentProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuContent: import("react").ForwardRefExoticComponent<MenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuContent, type MenuContentProps };

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

@@ -2,6 +2,7 @@
 "use client";
 import { cx, getStyles } from "../../../styles/styler.js";
 import { VStack } from "../../VStack.js";
+import { isFocusEnteringOwnFrame } from "../../../utils/isFocusEnteringOwnFrame.js";
 import { forwardRef, useEffect, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useStoreState } from "@ariakit/react";
@@ -134,6 +135,11 @@ const MenuContent = forwardRef(function MenuContent({ size = "default", variant
 			portalElement,
 			portal,
 			...props,
+			hideOnInteractOutside: (event) => {
+				if (isFocusEnteringOwnFrame(event, context?.getState().contentElement)) return false;
+				const consumerValue = props.hideOnInteractOutside;
+				return typeof consumerValue === "function" ? consumerValue(event) : consumerValue ?? true;
+			},
 			render: /* @__PURE__ */ jsx(MotionVStack, {
 				overflow,
 				animate: motionState,

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_Divider_Divider = require("../../Divider/Divider.cjs");
 let react = require("react");
@@ -46,6 +45,14 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item), [Divider](https://uds.build/docs/components/divider)
 **/
 const MenuDivider = (0, react.forwardRef)(function MenuDivider({ role = "separator", contentPosition = "start", gap = "4", children, spacingVertical = children ? "2" : "0", spacingHorizontal = children ? "4" : "0", className, ...props }, ref) {
+	const menuSlotProps = {
+		root: { className: require_styles_styler.getStyles({
+			menuitemDividerVariantRoot: "default",
+			className
+		}) },
+		label: { className: require_styles_styler.getStyles({ menuitemDividerVariantText: "default" }) },
+		line: { className: require_styles_styler.getStyles({ menuitemDividerVariantLine: "default" }) }
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Divider_Divider.Divider, {
 		ref,
 		role,
@@ -54,14 +61,7 @@ const MenuDivider = (0, react.forwardRef)(function MenuDivider({ role = "separat
 		gap,
 		spacingVertical,
 		spacingHorizontal,
-		slotProps: {
-			root: { className: require_styles_styler.getStyles({
-				menuitemDividerVariantRoot: "default",
-				className
-			}) },
-			label: { className: require_styles_styler.getStyles({ menuitemDividerVariantText: "default" }) },
-			line: { className: require_styles_styler.getStyles({ menuitemDividerVariantLine: "default" }) }
-		},
+		slotProps: menuSlotProps,
 		...props,
 		children
 	});

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

@@ -1,8 +1,7 @@
 
 import { DividerProps } from "../../Divider/Divider.cjs";
-import * as _$react from "react";
+import "../../Divider/index.cjs";
 import { AriaRole } from "react";
-
 //#region src/components/client/Menu/Menu.Divider.d.ts
 interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
   /**
@@ -49,6 +48,6 @@ interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item), [Divider](https://uds.build/docs/components/divider)
  **/
-declare const MenuDivider: _$react.ForwardRefExoticComponent<MenuDividerProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuDivider, type MenuDividerProps };

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

@@ -1,9 +1,8 @@
 
 "use client";
 import { DividerProps } from "../../Divider/Divider.js";
-import * as _$react from "react";
+import "../../Divider/index.js";
 import { AriaRole } from "react";
-
 //#region src/components/client/Menu/Menu.Divider.d.ts
 interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
   /**
@@ -50,6 +49,6 @@ interface MenuDividerProps extends Omit<DividerProps, 'variant'> {
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item), [Divider](https://uds.build/docs/components/divider)
  **/
-declare const MenuDivider: _$react.ForwardRefExoticComponent<MenuDividerProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuDivider: import("react").ForwardRefExoticComponent<MenuDividerProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuDivider, type MenuDividerProps };

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

@@ -44,6 +44,14 @@ import { jsx } from "react/jsx-runtime";
 * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item), [Divider](https://uds.build/docs/components/divider)
 **/
 const MenuDivider = forwardRef(function MenuDivider({ role = "separator", contentPosition = "start", gap = "4", children, spacingVertical = children ? "2" : "0", spacingHorizontal = children ? "4" : "0", className, ...props }, ref) {
+	const menuSlotProps = {
+		root: { className: getStyles({
+			menuitemDividerVariantRoot: "default",
+			className
+		}) },
+		label: { className: getStyles({ menuitemDividerVariantText: "default" }) },
+		line: { className: getStyles({ menuitemDividerVariantLine: "default" }) }
+	};
 	return /* @__PURE__ */ jsx(Divider, {
 		ref,
 		role,
@@ -52,14 +60,7 @@ const MenuDivider = forwardRef(function MenuDivider({ role = "separator", conten
 		gap,
 		spacingVertical,
 		spacingHorizontal,
-		slotProps: {
-			root: { className: getStyles({
-				menuitemDividerVariantRoot: "default",
-				className
-			}) },
-			label: { className: getStyles({ menuitemDividerVariantText: "default" }) },
-			line: { className: getStyles({ menuitemDividerVariantLine: "default" }) }
-		},
+		slotProps: menuSlotProps,
 		...props,
 		children
 	});

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_client_Menu_Menu_ItemBase = require("./Menu.ItemBase.cjs");
 let react = require("react");
@@ -52,34 +51,35 @@ let _ariakit_react_menu = require("@ariakit/react/menu");
 * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
 **/
 const MenuItem = (0, react.forwardRef)(function MenuItem({ active, hideOnClick, focusOnHover, blurOnHoverEnd, tabbable, focusable, slotProps, ...props }, ref) {
+	const menuSlotProps = {
+		root: {
+			className: require_styles_styler.cx(require_styles_styler.getStyles({
+				menuitemItemVariantRoot: "default",
+				menuitemItemVariantActiveRoot: active ? "on" : "off"
+			}), slotProps?.root?.className),
+			...slotProps?.root
+		},
+		text: {
+			className: require_styles_styler.cx(require_styles_styler.getStyles({
+				menuitemSizeText: "default",
+				menuitemItemVariantText: "default",
+				menuitemItemVariantActiveText: active ? "on" : "off"
+			}), slotProps?.text?.className),
+			...slotProps?.text
+		},
+		startIcon: {
+			className: require_styles_styler.cx(require_styles_styler.getStyles({
+				menuitemItemVariantIcon: "default",
+				menuitemItemVariantActiveIcon: active ? "on" : "off"
+			}), slotProps?.startIcon?.className),
+			...slotProps?.startIcon
+		}
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_Menu_Menu_ItemBase.MenuItemBase, {
 		ref,
 		as: _ariakit_react_menu.MenuItem,
 		active,
-		slotProps: {
-			root: {
-				className: require_styles_styler.cx(require_styles_styler.getStyles({
-					menuitemItemVariantRoot: "default",
-					menuitemItemVariantActiveRoot: active ? "on" : "off"
-				}), slotProps?.root?.className),
-				...slotProps?.root
-			},
-			text: {
-				className: require_styles_styler.cx(require_styles_styler.getStyles({
-					menuitemSizeText: "default",
-					menuitemItemVariantText: "default",
-					menuitemItemVariantActiveText: active ? "on" : "off"
-				}), slotProps?.text?.className),
-				...slotProps?.text
-			},
-			startIcon: {
-				className: require_styles_styler.cx(require_styles_styler.getStyles({
-					menuitemItemVariantIcon: "default",
-					menuitemItemVariantActiveIcon: active ? "on" : "off"
-				}), slotProps?.startIcon?.className),
-				...slotProps?.startIcon
-			}
-		},
+		slotProps: menuSlotProps,
 		rootProps: {
 			hideOnClick,
 			focusOnHover,

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

@@ -1,11 +1,10 @@
 
 import { UniversalMenuItemProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
 import { PressableProps } from "../Pressable.cjs";
-import * as _$react from "react";
 import { AriaRole } from "react";
 import { MenuItemProps as MenuItemProps$1 } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.Item.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -128,6 +127,6 @@ interface MenuItemProps extends Omit<PressableProps, 'asChild'>, Omit<UniversalM
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuItem: _$react.ForwardRefExoticComponent<MenuItemProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItem, type MenuItemProps };

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

@@ -2,11 +2,10 @@
 "use client";
 import { UniversalMenuItemProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
 import { PressableProps } from "../Pressable.js";
-import * as _$react from "react";
 import { AriaRole } from "react";
 import { MenuItemProps as MenuItemProps$1 } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.Item.d.ts
 type DataAttributes = {
   [name: `data-${string}`]: string;
@@ -129,6 +128,6 @@ interface MenuItemProps extends Omit<PressableProps, 'asChild'>, Omit<UniversalM
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
  **/
-declare const MenuItem: _$react.ForwardRefExoticComponent<MenuItemProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItem, type MenuItemProps };

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

@@ -50,34 +50,35 @@ import { MenuItem as MenuItem$1 } from "@ariakit/react/menu";
 * @related [Menu](https://uds.build/docs/components/menu), [Menu.ItemCheckbox](https://uds.build/docs/components/menu-item-checkbox)
 **/
 const MenuItem = forwardRef(function MenuItem({ active, hideOnClick, focusOnHover, blurOnHoverEnd, tabbable, focusable, slotProps, ...props }, ref) {
+	const menuSlotProps = {
+		root: {
+			className: cx(getStyles({
+				menuitemItemVariantRoot: "default",
+				menuitemItemVariantActiveRoot: active ? "on" : "off"
+			}), slotProps?.root?.className),
+			...slotProps?.root
+		},
+		text: {
+			className: cx(getStyles({
+				menuitemSizeText: "default",
+				menuitemItemVariantText: "default",
+				menuitemItemVariantActiveText: active ? "on" : "off"
+			}), slotProps?.text?.className),
+			...slotProps?.text
+		},
+		startIcon: {
+			className: cx(getStyles({
+				menuitemItemVariantIcon: "default",
+				menuitemItemVariantActiveIcon: active ? "on" : "off"
+			}), slotProps?.startIcon?.className),
+			...slotProps?.startIcon
+		}
+	};
 	return /* @__PURE__ */ jsx(MenuItemBase, {
 		ref,
 		as: MenuItem$1,
 		active,
-		slotProps: {
-			root: {
-				className: cx(getStyles({
-					menuitemItemVariantRoot: "default",
-					menuitemItemVariantActiveRoot: active ? "on" : "off"
-				}), slotProps?.root?.className),
-				...slotProps?.root
-			},
-			text: {
-				className: cx(getStyles({
-					menuitemSizeText: "default",
-					menuitemItemVariantText: "default",
-					menuitemItemVariantActiveText: active ? "on" : "off"
-				}), slotProps?.text?.className),
-				...slotProps?.text
-			},
-			startIcon: {
-				className: cx(getStyles({
-					menuitemItemVariantIcon: "default",
-					menuitemItemVariantActiveIcon: active ? "on" : "off"
-				}), slotProps?.startIcon?.className),
-				...slotProps?.startIcon
-			}
-		},
+		slotProps: menuSlotProps,
 		rootProps: {
 			hideOnClick,
 			focusOnHover,

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_client_Pressable = require("../Pressable.cjs");
 const require_components_IconSlot = require("../../IconSlot.cjs");

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

@@ -1,10 +1,9 @@
 
 import { UniversalMenuItemProps } from "../../../types/dist/index.cjs";
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
 import { PressableProps } from "../Pressable.cjs";
-import * as _$react from "react";
 import { MenuItem, MenuItemCheckbox } from "@ariakit/react";
-
 //#region src/components/client/Menu/Menu.ItemBase.d.ts
 type MenuItemRootComponent = typeof MenuItem | typeof MenuItemCheckbox;
 type DataAttributes = {
@@ -30,6 +29,6 @@ declare const ITEM_CLASS_NAME = "uds-menu-item";
  * @private This is an internal component shared by [Menu.Item](https://uds.build/docs/components/menu#menu-item) and [Menu.ItemCheckbox](https://uds.build/docs/components/menu#menu-item-checkbox)
  * and may change without notice. Please do not use this component directly.
  */
-declare const MenuItemBase: _$react.ForwardRefExoticComponent<MenuItemBaseProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemBase: import("react").ForwardRefExoticComponent<MenuItemBaseProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ITEM_CLASS_NAME, MenuItemBase };

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

@@ -2,10 +2,9 @@
 "use client";
 import { UniversalMenuItemProps } from "../../../types/dist/index.js";
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
+import "../../../tokens/index.js";
 import { PressableProps } from "../Pressable.js";
-import * as _$react from "react";
 import { MenuItem, MenuItemCheckbox } from "@ariakit/react";
-
 //#region src/components/client/Menu/Menu.ItemBase.d.ts
 type MenuItemRootComponent = typeof MenuItem | typeof MenuItemCheckbox;
 type DataAttributes = {
@@ -31,6 +30,6 @@ declare const ITEM_CLASS_NAME = "uds-menu-item";
  * @private This is an internal component shared by [Menu.Item](https://uds.build/docs/components/menu#menu-item) and [Menu.ItemCheckbox](https://uds.build/docs/components/menu#menu-item-checkbox)
  * and may change without notice. Please do not use this component directly.
  */
-declare const MenuItemBase: _$react.ForwardRefExoticComponent<MenuItemBaseProps & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemBase: import("react").ForwardRefExoticComponent<MenuItemBaseProps & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ITEM_CLASS_NAME, MenuItemBase };

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_styles_styler = require("../../../styles/styler.cjs");
 const require_components_client_Menu_Menu_ItemBase = require("./Menu.ItemBase.cjs");
 let _yahoo_uds_icons = require("@yahoo/uds-icons");

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

@@ -1,10 +1,9 @@
 
 import { UniversalMenuItemProps } from "../../../types/dist/index.cjs";
+import "../../../tokens/index.cjs";
 import { PressableProps } from "../Pressable.cjs";
-import * as _$react from "react";
 import { HTMLAttributes } from "react";
 import { MenuItemCheckboxProps as MenuItemCheckboxProps$1 } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.ItemCheckbox.d.ts
 type HtmlButtonProps = HTMLAttributes<HTMLButtonElement>;
 interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlButtonProps, UniversalMenuItemProps {
@@ -131,6 +130,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: import("react").ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

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

@@ -1,11 +1,10 @@
 
 "use client";
 import { UniversalMenuItemProps } from "../../../types/dist/index.js";
+import "../../../tokens/index.js";
 import { PressableProps } from "../Pressable.js";
-import * as _$react from "react";
 import { HTMLAttributes } from "react";
 import { MenuItemCheckboxProps as MenuItemCheckboxProps$1 } from "@ariakit/react/menu";
-
 //#region src/components/client/Menu/Menu.ItemCheckbox.d.ts
 type HtmlButtonProps = HTMLAttributes<HTMLButtonElement>;
 interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlButtonProps, UniversalMenuItemProps {
@@ -132,6 +131,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "hideEndIcon" | "rootProps" | "active"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: import("react").ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & import("react").RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

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

@@ -1,7 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 "use client";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
 const require_components_client_SpringMotionConfig = require("../SpringMotionConfig.cjs");
 const require_hooks_useRtl = require("../../../hooks/useRtl.cjs");
 const require_components_client_Menu_utils_transformAriakitPlacement = require("./utils/transformAriakitPlacement.cjs");
@@ -51,8 +50,9 @@ let _ariakit_react_menu = require("@ariakit/react/menu");
 **/
 const MenuProvider = function MenuProvider({ placement = "bottom", rtl: explicitRtl, ...props }) {
 	const isRtl = require_hooks_useRtl.useRtl({ explicit: explicitRtl });
+	const ariakitPlacement = require_components_client_Menu_utils_transformAriakitPlacement.transformAriakitPlacement(placement, { rtl: isRtl });
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_SpringMotionConfig.SpringMotionConfig, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ariakit_react_menu.MenuProvider, {
-		placement: require_components_client_Menu_utils_transformAriakitPlacement.transformAriakitPlacement(placement, { rtl: isRtl }),
+		placement: ariakitPlacement,
 		rtl: isRtl,
 		...props
 	}) });