@fluentui-react-native/menu 1.15.0 → 1.15.1

package/lib-commonjs/MenuList/MenuList.js

@@ -1,97 +1,79 @@
-'use strict';
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuList = exports.menuListLookup = void 0;
-const jsx_runtime_1 = require('@fluentui-react-native/framework-base/jsx-runtime');
+const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
 /** @jsxImportSource @fluentui-react-native/framework-base */
-const react_1 = __importDefault(require('react'));
-const react_native_1 = require('react-native');
-const focus_zone_1 = require('@fluentui-react-native/focus-zone');
-const framework_1 = require('@fluentui-react-native/framework');
-const framework_base_1 = require('@fluentui-react-native/framework-base');
-const MenuList_styling_1 = require('./MenuList.styling');
-const MenuList_types_1 = require('./MenuList.types');
-const useMenuList_1 = require('./useMenuList');
-const useMenuListContextValue_1 = require('./useMenuListContextValue');
-const menuListContext_1 = require('../context/menuListContext');
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const focus_zone_1 = require("@fluentui-react-native/focus-zone");
+const framework_1 = require("@fluentui-react-native/framework");
+const framework_base_1 = require("@fluentui-react-native/framework-base");
+const MenuList_styling_1 = require("./MenuList.styling");
+const MenuList_types_1 = require("./MenuList.types");
+const useMenuList_1 = require("./useMenuList");
+const useMenuListContextValue_1 = require("./useMenuListContextValue");
+const menuListContext_1 = require("../context/menuListContext");
 const shouldHaveFocusZone = ['macos', 'win32'].includes(react_native_1.Platform.OS);
 const focusLandsOnContainer = react_native_1.Platform.OS === 'macos';
 const hasCircularNavigation = react_native_1.Platform.OS === 'win32';
 const menuListLookup = (layer, state, userProps) => {
-  return state[layer] || userProps[layer] || layer === 'hasMaxHeight';
+    return state[layer] || userProps[layer] || layer === 'hasMaxHeight';
 };
 exports.menuListLookup = menuListLookup;
 exports.MenuList = (0, framework_1.compose)({
-  displayName: MenuList_types_1.menuListName,
-  ...MenuList_styling_1.stylingSettings,
-  slots: {
-    root: react_native_1.View,
-    scrollView: react_native_1.ScrollView,
-    focusZone: shouldHaveFocusZone ? focus_zone_1.FocusZone : react_native_1.View,
-  },
-  useRender: (userProps, useSlots) => {
-    const menuList = (0, useMenuList_1.useMenuList)(userProps);
-    const menuListContextValue = (0, useMenuListContextValue_1.useMenuListContextValue)(menuList);
-    const Slots = useSlots(menuList.props, (layer) => (0, exports.menuListLookup)(layer, menuList, userProps));
-    return (_final, children) => {
-      const itemCount = react_1.default.Children.toArray(children).filter(
-        (child) => react_1.default.isValidElement(child) && child.type.displayName !== 'MenuDivider',
-      ).length;
-      let itemPosition = 0;
-      const childrenWithSet = react_1.default.Children.toArray(children).map((child) => {
-        if (react_1.default.isValidElement(child)) {
-          if (child.type.displayName !== 'MenuDivider') {
-            itemPosition++;
-          }
-          const childProps = (0, framework_base_1.extractProps)(child);
-          return react_1.default.cloneElement(child, {
-            accessibilityPosInSet: childProps?.accessibilityPosInSet ?? itemPosition, // win32
-            accessibilitySetSize: childProps?.accessibilitySetSize ?? itemCount, //win32
-            ...(childProps?.tooltip && { alwaysShowToolTip: true }),
-          });
-        }
-        return child;
-      });
-      const shouldHaveScrollView = react_native_1.Platform.OS === 'macos' || menuList.hasMaxHeight || menuList.hasMaxWidth;
-      const ScrollViewWrapper = shouldHaveScrollView ? Slots.scrollView : react_1.default.Fragment;
-      const hasMenuGroupChild = react_1.default.Children.toArray(children).some(
-        (child) => child && child.type && child.type.displayName === 'MenuGroup',
-      );
-      // On win32, tab navigation should only be enabled when we have menu groups.
-      const hasTabNavigation = react_native_1.Platform.OS === 'win32' && hasMenuGroupChild;
-      const content = jsx_runtime_1.jsx(Slots.root, {
-        children: jsx_runtime_1.jsx(
-          ScrollViewWrapper,
-          // avoid error that fires when props are passed into React.fragment
-          {
-            ...(shouldHaveScrollView && {
-              showsVerticalScrollIndicator: menuList.hasMaxHeight,
-              showsHorizontalScrollIndicator: menuList.hasMaxWidth,
-            }),
-            children: jsx_runtime_1.jsx(
-              Slots.focusZone,
-              // avoid error that fires when props are passed into React.fragment
-              {
-                ...(shouldHaveFocusZone && {
-                  componentRef: focusLandsOnContainer && menuList.focusZoneRef,
-                  focusZoneDirection: 'vertical',
-                  defaultTabbableElement: focusLandsOnContainer && menuList.focusZoneRef,
-                  enableFocusRing: false,
-                  isCircularNavigation: hasCircularNavigation,
-                  tabKeyNavigation: hasTabNavigation ? 'Normal' : 'None',
-                }),
-                children: childrenWithSet,
-              },
-            ),
-          },
-        ),
-      });
-      return jsx_runtime_1.jsx(menuListContext_1.MenuListProvider, { value: menuListContextValue, children: content });
-    };
-  },
+    displayName: MenuList_types_1.menuListName,
+    ...MenuList_styling_1.stylingSettings,
+    slots: {
+        root: react_native_1.View,
+        scrollView: react_native_1.ScrollView,
+        focusZone: shouldHaveFocusZone ? focus_zone_1.FocusZone : react_native_1.View,
+    },
+    useRender: (userProps, useSlots) => {
+        const menuList = (0, useMenuList_1.useMenuList)(userProps);
+        const menuListContextValue = (0, useMenuListContextValue_1.useMenuListContextValue)(menuList);
+        const Slots = useSlots(menuList.props, (layer) => (0, exports.menuListLookup)(layer, menuList, userProps));
+        return (_final, children) => {
+            const itemCount = react_1.default.Children.toArray(children).filter((child) => react_1.default.isValidElement(child) && child.type.displayName !== 'MenuDivider').length;
+            let itemPosition = 0;
+            const childrenWithSet = react_1.default.Children.toArray(children).map((child) => {
+                if (react_1.default.isValidElement(child)) {
+                    if (child.type.displayName !== 'MenuDivider') {
+                        itemPosition++;
+                    }
+                    const childProps = (0, framework_base_1.extractProps)(child);
+                    return react_1.default.cloneElement(child, {
+                        accessibilityPosInSet: childProps?.accessibilityPosInSet ?? itemPosition, // win32
+                        accessibilitySetSize: childProps?.accessibilitySetSize ?? itemCount, //win32
+                        ...(childProps?.tooltip && { alwaysShowToolTip: true }),
+                    });
+                }
+                return child;
+            });
+            const shouldHaveScrollView = react_native_1.Platform.OS === 'macos' || menuList.hasMaxHeight || menuList.hasMaxWidth;
+            const ScrollViewWrapper = shouldHaveScrollView ? Slots.scrollView : react_1.default.Fragment;
+            const hasMenuGroupChild = react_1.default.Children.toArray(children).some((child) => child && child.type && child.type.displayName === 'MenuGroup');
+            // On win32, tab navigation should only be enabled when we have menu groups.
+            const hasTabNavigation = react_native_1.Platform.OS === 'win32' && hasMenuGroupChild;
+            const content = (jsx_runtime_1.jsx(Slots.root, { children: jsx_runtime_1.jsx(ScrollViewWrapper
+                // avoid error that fires when props are passed into React.fragment
+                , { ...(shouldHaveScrollView && {
+                        showsVerticalScrollIndicator: menuList.hasMaxHeight,
+                        showsHorizontalScrollIndicator: menuList.hasMaxWidth,
+                    }), children: jsx_runtime_1.jsx(Slots.focusZone
+                    // avoid error that fires when props are passed into React.fragment
+                    , { ...(shouldHaveFocusZone && {
+                            componentRef: focusLandsOnContainer && menuList.focusZoneRef,
+                            focusZoneDirection: 'vertical',
+                            defaultTabbableElement: focusLandsOnContainer && menuList.focusZoneRef,
+                            enableFocusRing: false,
+                            isCircularNavigation: hasCircularNavigation,
+                            tabKeyNavigation: hasTabNavigation ? 'Normal' : 'None',
+                        }), children: childrenWithSet }) }) }));
+            return jsx_runtime_1.jsx(menuListContext_1.MenuListProvider, { value: menuListContextValue, children: content });
+        };
+    },
 });
-//# sourceMappingURL=MenuList.js.map
+//# sourceMappingURL=MenuList.js.map

package/lib-commonjs/MenuList/MenuList.styling.d.ts

@@ -2,4 +2,4 @@ import type { UseStylingOptions } from '@fluentui-react-native/framework';
 import type { MenuListProps, MenuListTokens, MenuListSlotProps } from './MenuList.types';
 export declare const menuListStates: (keyof MenuListTokens)[];
 export declare const stylingSettings: UseStylingOptions<MenuListProps, MenuListSlotProps, MenuListTokens>;
-//# sourceMappingURL=MenuList.styling.d.ts.map
+//# sourceMappingURL=MenuList.styling.d.ts.map

package/lib-commonjs/MenuList/MenuList.styling.js

@@ -1,38 +1,32 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.stylingSettings = exports.menuListStates = void 0;
-const react_native_1 = require('react-native');
-const framework_1 = require('@fluentui-react-native/framework');
-const tokens_1 = require('@fluentui-react-native/tokens');
-const MenuList_types_1 = require('./MenuList.types');
-const MenuListTokens_1 = require('./MenuListTokens');
+const react_native_1 = require("react-native");
+const framework_1 = require("@fluentui-react-native/framework");
+const tokens_1 = require("@fluentui-react-native/tokens");
+const MenuList_types_1 = require("./MenuList.types");
+const MenuListTokens_1 = require("./MenuListTokens");
 exports.menuListStates = ['hasMaxHeight'];
 exports.stylingSettings = {
-  tokens: [MenuListTokens_1.defaultMenuListTokens, MenuList_types_1.menuListName],
-  states: exports.menuListStates,
-  slotProps: {
-    root: (0, framework_1.buildProps)(
-      (tokens, theme) => ({
-        style: {
-          backgroundColor: tokens.backgroundColor,
-          display: 'flex',
-          gap: tokens.gap,
-          ...tokens_1.layoutStyles.from(tokens, theme),
-          ...(react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
-        },
-      }),
-      ['backgroundColor', 'borderRadius', 'gap', ...tokens_1.layoutStyles.keys],
-    ),
-    focusZone: (0, framework_1.buildProps)(
-      (tokens) => ({
-        style: {
-          display: 'flex',
-          flexDirection: 'column',
-          gap: tokens.gap,
-        },
-      }),
-      ['gap'],
-    ),
-  },
+    tokens: [MenuListTokens_1.defaultMenuListTokens, MenuList_types_1.menuListName],
+    states: exports.menuListStates,
+    slotProps: {
+        root: (0, framework_1.buildProps)((tokens, theme) => ({
+            style: {
+                backgroundColor: tokens.backgroundColor,
+                display: 'flex',
+                gap: tokens.gap,
+                ...tokens_1.layoutStyles.from(tokens, theme),
+                ...(react_native_1.Platform.OS === 'android' && { borderRadius: tokens.borderRadius }),
+            },
+        }), ['backgroundColor', 'borderRadius', 'gap', ...tokens_1.layoutStyles.keys]),
+        focusZone: (0, framework_1.buildProps)((tokens) => ({
+            style: {
+                display: 'flex',
+                flexDirection: 'column',
+                gap: tokens.gap,
+            },
+        }), ['gap']),
+    },
 };
-//# sourceMappingURL=MenuList.styling.js.map
+//# sourceMappingURL=MenuList.styling.js.map

package/lib-commonjs/MenuList/MenuList.types.d.ts

@@ -4,87 +4,87 @@ import type { IViewProps } from '@fluentui-react-native/adapters';
 import type { FocusZoneProps } from '@fluentui-react-native/focus-zone';
 import type { InteractionEvent } from '@fluentui-react-native/interactive-hooks';
 import type { IBackgroundColorTokens, LayoutTokens } from '@fluentui-react-native/tokens';
-export declare const menuListName = 'MenuList';
+export declare const menuListName = "MenuList";
 export interface MenuListTokens extends LayoutTokens, IBackgroundColorTokens {
-  /**
-   * Space between items in pixels
-   */
-  gap?: number;
-  /**
-   * States of the list control
-   */
-  hasMaxHeight?: MenuListTokens;
-  /**
-   * Border radius of the menu list
-   * @platform android macos
-   */
-  borderRadius?: AnimatableNumericValue | string;
+    /**
+     * Space between items in pixels
+     */
+    gap?: number;
+    /**
+     * States of the list control
+     */
+    hasMaxHeight?: MenuListTokens;
+    /**
+     * Border radius of the menu list
+     * @platform android macos
+     */
+    borderRadius?: AnimatableNumericValue | string;
 }
 export interface MenuListProps extends Omit<IViewProps, 'onPress'> {
-  /**
-   * Array of all checked items
-   */
-  checked?: string[];
-  /**
-   * Default items to be checked on mount
-   */
-  defaultChecked?: string[];
-  /**
-   * States that menu items can contain selectable items and reserves space for item alignment
-   */
-  hasCheckmarks?: boolean;
-  /**
-   * States that menu items can contain icons and reserves space for item alignment
-   */
-  hasIcons?: boolean;
-  /**
-   * States that menu items all have tooltips with its text by default.
-   *
-   * This option is useful for programmatically generated items to provide
-   * text for options that end up having tuncated text.
-   * @platform win32, macOS
-   */
-  hasTooltips?: boolean;
-  /**
-   * Callback when checked items change
-   *
-   * @param checked Array of all currently checked values
-   */
-  onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
-  /**
-   * Defines a minumum width for the Menu.
-   */
-  minWidth?: number | string;
+    /**
+     * Array of all checked items
+     */
+    checked?: string[];
+    /**
+     * Default items to be checked on mount
+     */
+    defaultChecked?: string[];
+    /**
+     * States that menu items can contain selectable items and reserves space for item alignment
+     */
+    hasCheckmarks?: boolean;
+    /**
+     * States that menu items can contain icons and reserves space for item alignment
+     */
+    hasIcons?: boolean;
+    /**
+     * States that menu items all have tooltips with its text by default.
+     *
+     * This option is useful for programmatically generated items to provide
+     * text for options that end up having tuncated text.
+     * @platform win32, macOS
+     */
+    hasTooltips?: boolean;
+    /**
+     * Callback when checked items change
+     *
+     * @param checked Array of all currently checked values
+     */
+    onCheckedChange?: (e: InteractionEvent, checked: string[]) => void;
+    /**
+     * Defines a minumum width for the Menu.
+     */
+    minWidth?: number | string;
 }
 export interface MenuListState extends Omit<MenuListProps, 'checked' | 'onCheckedChange'> {
-  props: MenuListProps;
-  checked?: Record<string, boolean>;
-  isCheckedControlled: boolean;
-  onArrowClose?: (e: InteractionEvent) => void;
-  onCheckedChange?: (e: InteractionEvent, name: string, isChecked: boolean) => void;
-  selectRadio?: (e: InteractionEvent, name: string) => void;
-  addRadioItem: (name: string) => void;
-  removeRadioItem: (name: string) => void;
-  trackMenuItem: (item: TrackedMenuItem) => void;
-  untrackMenuItem: (item: TrackedMenuItem) => void;
-  hasMaxHeight: boolean;
-  hasMaxWidth: boolean;
-  focusZoneRef?: React.RefObject<View>;
+    props: MenuListProps;
+    checked?: Record<string, boolean>;
+    isCheckedControlled: boolean;
+    onArrowClose?: (e: InteractionEvent) => void;
+    onCheckedChange?: (e: InteractionEvent, name: string, isChecked: boolean) => void;
+    selectRadio?: (e: InteractionEvent, name: string) => void;
+    addRadioItem: (name: string) => void;
+    removeRadioItem: (name: string) => void;
+    trackMenuItem: (item: TrackedMenuItem) => void;
+    untrackMenuItem: (item: TrackedMenuItem) => void;
+    hasMaxHeight: boolean;
+    hasMaxWidth: boolean;
+    focusZoneRef?: React.RefObject<View>;
 }
 export interface MenuListSlotProps {
-  root: React.PropsWithRef<IViewProps> & {
-    gap?: number;
-  };
-  focusZone?: FocusZoneProps;
-  scrollView?: ScrollViewProps;
+    root: React.PropsWithRef<IViewProps> & {
+        gap?: number;
+    };
+    focusZone?: FocusZoneProps;
+    scrollView?: ScrollViewProps;
 }
 export interface MenuListType {
-  props: MenuListProps;
-  tokens: MenuListTokens;
-  slotProps: MenuListSlotProps;
+    props: MenuListProps;
+    tokens: MenuListTokens;
+    slotProps: MenuListSlotProps;
 }
 export interface TrackedMenuItem {
-  ref: React.RefObject<View>;
-  disabled: boolean;
+    ref: React.RefObject<View>;
+    disabled: boolean;
 }
-//# sourceMappingURL=MenuList.types.d.ts.map
+//# sourceMappingURL=MenuList.types.d.ts.map

package/lib-commonjs/MenuList/MenuList.types.js

@@ -1,5 +1,5 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.menuListName = void 0;
 exports.menuListName = 'MenuList';
-//# sourceMappingURL=MenuList.types.js.map
+//# sourceMappingURL=MenuList.types.js.map

package/lib-commonjs/MenuList/MenuListTokens.android.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuListTokens } from './MenuList.types';
 export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
-//# sourceMappingURL=MenuListTokens.android.d.ts.map
+//# sourceMappingURL=MenuListTokens.android.d.ts.map

package/lib-commonjs/MenuList/MenuListTokens.android.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuListTokens = (t) => ({
-  backgroundColor: t.colors.neutralBackground1,
-  borderRadius: theme_tokens_1.globalTokens.corner.radius80,
-  paddingVertical: theme_tokens_1.globalTokens.size80,
+    backgroundColor: t.colors.neutralBackground1,
+    borderRadius: theme_tokens_1.globalTokens.corner.radius80,
+    paddingVertical: theme_tokens_1.globalTokens.size80,
 });
 exports.defaultMenuListTokens = defaultMenuListTokens;
-//# sourceMappingURL=MenuListTokens.android.js.map
+//# sourceMappingURL=MenuListTokens.android.js.map

package/lib-commonjs/MenuList/MenuListTokens.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuListTokens } from './MenuList.types';
 export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
-//# sourceMappingURL=MenuListTokens.d.ts.map
+//# sourceMappingURL=MenuListTokens.d.ts.map

package/lib-commonjs/MenuList/MenuListTokens.js

@@ -1,13 +1,13 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuListTokens = (t) => ({
-  padding: theme_tokens_1.globalTokens.size40,
-  minWidth: 128,
-  maxWidth: 300,
-  backgroundColor: t.colors.neutralBackground1,
-  gap: theme_tokens_1.globalTokens.size20,
+    padding: theme_tokens_1.globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    gap: theme_tokens_1.globalTokens.size20,
 });
 exports.defaultMenuListTokens = defaultMenuListTokens;
-//# sourceMappingURL=MenuListTokens.js.map
+//# sourceMappingURL=MenuListTokens.js.map

package/lib-commonjs/MenuList/MenuListTokens.macos.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuListTokens } from './MenuList.types';
 export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
-//# sourceMappingURL=MenuListTokens.macos.d.ts.map
+//# sourceMappingURL=MenuListTokens.macos.d.ts.map

package/lib-commonjs/MenuList/MenuListTokens.macos.js

@@ -1,11 +1,11 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuListTokens = (t) => ({
-  padding: 5, // hardcoded for now to match NSMenu
-  backgroundColor: t.colors.transparentBackground,
-  gap: theme_tokens_1.globalTokens.size20,
+    padding: 5, // hardcoded for now to match NSMenu
+    backgroundColor: t.colors.transparentBackground,
+    gap: theme_tokens_1.globalTokens.size20,
 });
 exports.defaultMenuListTokens = defaultMenuListTokens;
-//# sourceMappingURL=MenuListTokens.macos.js.map
+//# sourceMappingURL=MenuListTokens.macos.js.map

package/lib-commonjs/MenuList/MenuListTokens.win32.d.ts

@@ -2,4 +2,4 @@ import type { Theme } from '@fluentui-react-native/framework';
 import type { TokenSettings } from '@fluentui-react-native/use-styling';
 import type { MenuListTokens } from './MenuList.types';
 export declare const defaultMenuListTokens: TokenSettings<MenuListTokens, Theme>;
-//# sourceMappingURL=MenuListTokens.win32.d.ts.map
+//# sourceMappingURL=MenuListTokens.win32.d.ts.map

package/lib-commonjs/MenuList/MenuListTokens.win32.js

@@ -1,16 +1,16 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultMenuListTokens = void 0;
-const theme_tokens_1 = require('@fluentui-react-native/theme-tokens');
+const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 const defaultMenuListTokens = (t) => ({
-  paddingVertical: theme_tokens_1.globalTokens.size40,
-  minWidth: 128,
-  maxWidth: 300,
-  backgroundColor: t.colors.neutralBackground1,
-  /* To account for the width of the vertical scrollView. With the default minWidth, some content may be cut off */
-  hasMaxHeight: {
-    minWidth: 140,
-  },
+    paddingVertical: theme_tokens_1.globalTokens.size40,
+    minWidth: 128,
+    maxWidth: 300,
+    backgroundColor: t.colors.neutralBackground1,
+    /* To account for the width of the vertical scrollView. With the default minWidth, some content may be cut off */
+    hasMaxHeight: {
+        minWidth: 140,
+    },
 });
 exports.defaultMenuListTokens = defaultMenuListTokens;
-//# sourceMappingURL=MenuListTokens.win32.js.map
+//# sourceMappingURL=MenuListTokens.win32.js.map

package/lib-commonjs/MenuList/index.d.ts

@@ -3,4 +3,4 @@ export { menuListName } from './MenuList.types';
 export type { MenuListProps, MenuListState, MenuListTokens, MenuListSlotProps, MenuListType } from './MenuList.types';
 export { useMenuList } from './useMenuList';
 export { useMenuListContextValue } from './useMenuListContextValue';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/lib-commonjs/MenuList/index.js

@@ -1,32 +1,12 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMenuListContextValue = exports.useMenuList = exports.menuListName = exports.MenuList = void 0;
-const MenuList_1 = require('./MenuList');
-Object.defineProperty(exports, 'MenuList', {
-  enumerable: true,
-  get: function () {
-    return MenuList_1.MenuList;
-  },
-});
-const MenuList_types_1 = require('./MenuList.types');
-Object.defineProperty(exports, 'menuListName', {
-  enumerable: true,
-  get: function () {
-    return MenuList_types_1.menuListName;
-  },
-});
-const useMenuList_1 = require('./useMenuList');
-Object.defineProperty(exports, 'useMenuList', {
-  enumerable: true,
-  get: function () {
-    return useMenuList_1.useMenuList;
-  },
-});
-const useMenuListContextValue_1 = require('./useMenuListContextValue');
-Object.defineProperty(exports, 'useMenuListContextValue', {
-  enumerable: true,
-  get: function () {
-    return useMenuListContextValue_1.useMenuListContextValue;
-  },
-});
-//# sourceMappingURL=index.js.map
+const MenuList_1 = require("./MenuList");
+Object.defineProperty(exports, "MenuList", { enumerable: true, get: function () { return MenuList_1.MenuList; } });
+const MenuList_types_1 = require("./MenuList.types");
+Object.defineProperty(exports, "menuListName", { enumerable: true, get: function () { return MenuList_types_1.menuListName; } });
+const useMenuList_1 = require("./useMenuList");
+Object.defineProperty(exports, "useMenuList", { enumerable: true, get: function () { return useMenuList_1.useMenuList; } });
+const useMenuListContextValue_1 = require("./useMenuListContextValue");
+Object.defineProperty(exports, "useMenuListContextValue", { enumerable: true, get: function () { return useMenuListContextValue_1.useMenuListContextValue; } });
+//# sourceMappingURL=index.js.map

package/lib-commonjs/MenuList/useMenuList.d.ts

@@ -3,4 +3,4 @@ import type { View } from 'react-native';
 import type { MenuListProps, MenuListState } from './MenuList.types';
 export declare const useMenuList: (_props: MenuListProps) => MenuListState;
 export declare const useMenuItemTracking: (ref: React.RefObject<View>, disabled: boolean) => void;
-//# sourceMappingURL=useMenuList.d.ts.map
+//# sourceMappingURL=useMenuList.d.ts.map