@primer/view-components 0.44.0-rc.2b4579f7 → 0.44.0-rc.385b39ff

package/app/components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -11,10 +11,6 @@ export declare class ActionMenuElement extends HTMLElement {
     #private;
     includeFragment: IncludeFragmentElement;
     overlay: AnchoredPositionElement;
-    list: HTMLElement;
-    static validItemRoles: string[];
-    static validSelectors: string[];
-    static menuItemSelectors: string[];
     get selectVariant(): SelectVariant;
     set selectVariant(variant: SelectVariant);
     get dynamicLabelPrefix(): string;
@@ -22,7 +18,6 @@ export declare class ActionMenuElement extends HTMLElement {
     get dynamicLabel(): boolean;
     set dynamicLabel(value: boolean);
     get popoverElement(): HTMLElement | null;
-    get childPopoverElements(): HTMLElement[];
     get invokerElement(): HTMLButtonElement | null;
     get invokerLabel(): HTMLElement | null;
     get selectedItems(): SelectedItem[];

package/app/components/primer/alpha/action_menu/action_menu_element.js

@@ -15,14 +15,13 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _ActionMenuElement_instances, _a, _ActionMenuElement_abortController, _ActionMenuElement_originalLabel, _ActionMenuElement_inputName, _ActionMenuElement_invokerBeingClicked, _ActionMenuElement_intersectionObserver, _ActionMenuElement_focusZoneStack, _ActionMenuElement_updateLevels, _ActionMenuElement_softDisableItems, _ActionMenuElement_potentiallyDisallowActivation, _ActionMenuElement_isAnchorActivationViaSpace, _ActionMenuElement_isClipboardActivationViaKeyboard, _ActionMenuElement_isActivation, _ActionMenuElement_handleItemKeyboardEvent, _ActionMenuElement_handleToggleEvent, _ActionMenuElement_handleInvokerActivated, _ActionMenuElement_handleDialogItemActivated, _ActionMenuElement_handleItemActivated, _ActionMenuElement_handleIncludeFragmentReplaced, _ActionMenuElement_handleFocusOut, _ActionMenuElement_show, _ActionMenuElement_hide, _ActionMenuElement_isOpen, _ActionMenuElement_setDynamicLabel, _ActionMenuElement_updateInput, _ActionMenuElement_firstItem_get, _ActionMenuElement_subMenuForItem, _ActionMenuElement_itemForSubMenu;
-var ActionMenuElement_1;
+var _ActionMenuElement_instances, _ActionMenuElement_abortController, _ActionMenuElement_originalLabel, _ActionMenuElement_inputName, _ActionMenuElement_invokerBeingClicked, _ActionMenuElement_intersectionObserver, _ActionMenuElement_softDisableItems, _ActionMenuElement_potentiallyDisallowActivation, _ActionMenuElement_isAnchorActivationViaSpace, _ActionMenuElement_isActivation, _ActionMenuElement_handleInvokerActivated, _ActionMenuElement_handleDialogItemActivated, _ActionMenuElement_handleItemActivated, _ActionMenuElement_handleIncludeFragmentReplaced, _ActionMenuElement_handleFocusOut, _ActionMenuElement_show, _ActionMenuElement_hide, _ActionMenuElement_isOpen, _ActionMenuElement_setDynamicLabel, _ActionMenuElement_updateInput, _ActionMenuElement_firstItem_get;
 import { controller, target } from '@github/catalyst';
 import '@oddbird/popover-polyfill';
 import { observeMutationsUntilConditionMet } from '../../utils';
-import { ActionMenuFocusZoneStack } from './action_menu_focus_zone_stack';
-import { ClipboardCopyElement } from '@github/clipboard-copy-element';
-let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement extends HTMLElement {
+const validSelectors = ['[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]'];
+const menuItemSelectors = validSelectors.map(selector => `:not([hidden]) > ${selector}`);
+let ActionMenuElement = class ActionMenuElement extends HTMLElement {
     constructor() {
         super(...arguments);
         _ActionMenuElement_instances.add(this);
@@ -31,7 +30,6 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
         _ActionMenuElement_inputName.set(this, '');
         _ActionMenuElement_invokerBeingClicked.set(this, false);
         _ActionMenuElement_intersectionObserver.set(this, void 0);
-        _ActionMenuElement_focusZoneStack.set(this, void 0);
     }
     get selectVariant() {
         return this.getAttribute('data-select-variant');
@@ -62,10 +60,6 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
     get popoverElement() {
         return this.invokerElement?.popoverTargetElement || null;
     }
-    // i.e. sub-menus
-    get childPopoverElements() {
-        return Array.from(this.overlay.querySelectorAll('anchored-position'));
-    }
     get invokerElement() {
         const id = this.querySelector('[role=menu]')?.id;
         if (!id)
@@ -102,7 +96,7 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
         this.addEventListener('mouseover', this, { signal });
         this.addEventListener('focusout', this, { signal });
         this.addEventListener('mousedown', this, { signal });
-        this.addEventListener('toggle', this, { signal, capture: true });
+        this.popoverElement?.addEventListener('toggle', this, { signal });
         __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_setDynamicLabel).call(this);
         __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_updateInput).call(this);
         __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_softDisableItems).call(this);
@@ -140,10 +134,6 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
         if (!this.includeFragment) {
             this.setAttribute('data-ready', 'true');
         }
-        const levelObserver = new MutationObserver(() => __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_updateLevels).call(this));
-        levelObserver.observe(this, { childList: true, subtree: true });
-        __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_updateLevels).call(this);
-        __classPrivateFieldSet(this, _ActionMenuElement_focusZoneStack, new ActionMenuFocusZoneStack(), "f");
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _ActionMenuElement_abortController, "f").abort();
@@ -151,9 +141,10 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
     handleEvent(event) {
         const targetIsInvoker = this.invokerElement?.contains(event.target);
         const eventIsActivation = __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isActivation).call(this, event);
-        if (event.type === 'toggle' && event instanceof ToggleEvent) {
-            __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_handleToggleEvent).call(this, event);
-            return;
+        if (event.type === 'toggle' && event.newState === 'open') {
+            window.requestAnimationFrame(() => {
+                __classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)?.focus();
+            });
         }
         if (targetIsInvoker && event.type === 'mousedown') {
             __classPrivateFieldSet(this, _ActionMenuElement_invokerBeingClicked, true, "f");
@@ -181,7 +172,7 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
             });
             return;
         }
-        const item = event.target.closest(ActionMenuElement_1.menuItemSelectors.join(','));
+        const item = event.target.closest(menuItemSelectors.join(','));
         const targetIsItem = item !== null;
         if (targetIsItem && eventIsActivation) {
             if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_potentiallyDisallowActivation).call(this, event))
@@ -200,26 +191,15 @@ let ActionMenuElement = ActionMenuElement_1 = _a = class ActionMenuElement exten
                 event.preventDefault();
                 item.click();
             }
-            const subMenu = __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_subMenuForItem).call(this, item);
-            if (subMenu) {
-                // Prevent submitting a form when clicking on sub-menu items
-                event.preventDefault();
-                subMenu.showPopover();
-                return;
-            }
             __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_handleItemActivated).call(this, item);
             return;
         }
         if (event.type === 'include-fragment-replaced') {
             __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_handleIncludeFragmentReplaced).call(this);
-            return;
-        }
-        if (targetIsItem && event instanceof KeyboardEvent) {
-            __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_handleItemKeyboardEvent).call(this, event, item);
         }
     }
     get items() {
-        return Array.from(this.querySelectorAll(ActionMenuElement_1.menuItemSelectors.join(',')));
+        return Array.from(this.querySelectorAll(menuItemSelectors.join(',')));
     }
     getItemById(itemId) {
         return this.querySelector(`li[data-item-id="${itemId}"`);
@@ -294,18 +274,10 @@ _ActionMenuElement_originalLabel = new WeakMap();
 _ActionMenuElement_inputName = new WeakMap();
 _ActionMenuElement_invokerBeingClicked = new WeakMap();
 _ActionMenuElement_intersectionObserver = new WeakMap();
-_ActionMenuElement_focusZoneStack = new WeakMap();
 _ActionMenuElement_instances = new WeakSet();
-_ActionMenuElement_updateLevels = function _ActionMenuElement_updateLevels() {
-    let idx = 1;
-    for (const menu of this.querySelectorAll('[role=menu]')) {
-        menu.setAttribute('data-level', idx.toString());
-        idx++;
-    }
-};
 _ActionMenuElement_softDisableItems = function _ActionMenuElement_softDisableItems() {
     const { signal } = __classPrivateFieldGet(this, _ActionMenuElement_abortController, "f");
-    for (const item of this.querySelectorAll(ActionMenuElement_1.validSelectors.join(','))) {
+    for (const item of this.querySelectorAll(validSelectors.join(','))) {
         item.addEventListener('click', __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_potentiallyDisallowActivation).bind(this), { signal });
         item.addEventListener('keydown', __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_potentiallyDisallowActivation).bind(this), { signal });
     }
@@ -313,7 +285,7 @@ _ActionMenuElement_softDisableItems = function _ActionMenuElement_softDisableIte
 _ActionMenuElement_potentiallyDisallowActivation = function _ActionMenuElement_potentiallyDisallowActivation(event) {
     if (!__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isActivation).call(this, event))
         return false;
-    const item = event.target.closest(ActionMenuElement_1.menuItemSelectors.join(','));
+    const item = event.target.closest(menuItemSelectors.join(','));
     if (!item)
         return false;
     if (item.getAttribute('aria-disabled')) {
@@ -333,57 +305,11 @@ _ActionMenuElement_isAnchorActivationViaSpace = function _ActionMenuElement_isAn
         !(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) &&
         event.key === ' ');
 };
-_ActionMenuElement_isClipboardActivationViaKeyboard = function _ActionMenuElement_isClipboardActivationViaKeyboard(event) {
-    return (event.target instanceof ClipboardCopyElement &&
-        event instanceof KeyboardEvent &&
-        event.type === 'keydown' &&
-        !(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) &&
-        (event.key === ' ' || event.key === 'Enter'));
-};
 _ActionMenuElement_isActivation = function _ActionMenuElement_isActivation(event) {
     // Some browsers fire MouseEvents (Firefox) and others fire PointerEvents (Chrome). Activating an item via
     // enter or space counterintuitively fires one of these rather than a KeyboardEvent. Since PointerEvent
     // inherits from MouseEvent, it is enough to check for MouseEvent here.
-    return ((event instanceof MouseEvent && event.type === 'click') ||
-        __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isAnchorActivationViaSpace).call(this, event) ||
-        __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isClipboardActivationViaKeyboard).call(this, event));
-};
-_ActionMenuElement_handleItemKeyboardEvent = function _ActionMenuElement_handleItemKeyboardEvent(event, item) {
-    switch (event.key) {
-        case 'ArrowRight': {
-            const subMenu = __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_subMenuForItem).call(this, item);
-            subMenu?.showPopover();
-            break;
-        }
-        case 'ArrowLeft':
-            if (item.closest('role[menu]') !== this.list) {
-                const overlay = item.closest('anchored-position');
-                overlay?.hidePopover();
-            }
-            break;
-    }
-};
-_ActionMenuElement_handleToggleEvent = function _ActionMenuElement_handleToggleEvent(event) {
-    const subMenu = event.target;
-    if (event.newState === 'open') {
-        // allow tabbing away from primary menu, but trap focus in sub-menus
-        const isPrimaryMenu = subMenu === this.overlay;
-        __classPrivateFieldGet(this, _ActionMenuElement_focusZoneStack, "f").push(subMenu, { trapFocus: !isPrimaryMenu });
-        window.requestAnimationFrame(() => {
-            const firstItem = subMenu.querySelector(ActionMenuElement_1.menuItemSelectors.join(','));
-            firstItem?.focus();
-        });
-    }
-    else {
-        // Note that this will also cause focus to return to the invoker button, which is
-        // desirable
-        __classPrivateFieldGet(this, _ActionMenuElement_focusZoneStack, "f").pop(subMenu);
-        const item = __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_itemForSubMenu).call(this, subMenu);
-        const openPopover = document.querySelector(':popover-open');
-        if (item && !openPopover) {
-            item.focus();
-        }
-    }
+    return (event instanceof MouseEvent && event.type === 'click') || __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isAnchorActivationViaSpace).call(this, event);
 };
 _ActionMenuElement_handleInvokerActivated = function _ActionMenuElement_handleInvokerActivated(event) {
     event.preventDefault();
@@ -486,9 +412,6 @@ _ActionMenuElement_show = function _ActionMenuElement_show() {
 };
 _ActionMenuElement_hide = function _ActionMenuElement_hide() {
     this.popoverElement?.hidePopover();
-    for (const child of this.childPopoverElements) {
-        child.hidePopover();
-    }
 };
 _ActionMenuElement_isOpen = function _ActionMenuElement_isOpen() {
     return this.popoverElement?.matches(':popover-open');
@@ -553,35 +476,15 @@ _ActionMenuElement_updateInput = function _ActionMenuElement_updateInput() {
     }
 };
 _ActionMenuElement_firstItem_get = function _ActionMenuElement_firstItem_get() {
-    return this.querySelector(ActionMenuElement_1.menuItemSelectors.join(','));
-};
-_ActionMenuElement_subMenuForItem = function _ActionMenuElement_subMenuForItem(item) {
-    const popoverId = item.getAttribute('popovertarget');
-    if (popoverId) {
-        return this.querySelector(`[id="${popoverId}"]`);
-    }
-    return null;
+    return this.querySelector(menuItemSelectors.join(','));
 };
-_ActionMenuElement_itemForSubMenu = function _ActionMenuElement_itemForSubMenu(subMenu) {
-    const anchorId = subMenu.getAttribute('anchor');
-    if (anchorId) {
-        return this.querySelector(`[id="${anchorId}"]`);
-    }
-    return null;
-};
-ActionMenuElement.validItemRoles = ['menuitem', 'menuitemcheckbox', 'menuitemradio'];
-ActionMenuElement.validSelectors = ActionMenuElement_1.validItemRoles.map(role => `[role="${role}"]`);
-ActionMenuElement.menuItemSelectors = ActionMenuElement_1.validSelectors.map(selector => `:not([hidden]) > ${selector}`);
 __decorate([
     target
 ], ActionMenuElement.prototype, "includeFragment", void 0);
 __decorate([
     target
 ], ActionMenuElement.prototype, "overlay", void 0);
-__decorate([
-    target
-], ActionMenuElement.prototype, "list", void 0);
-ActionMenuElement = ActionMenuElement_1 = __decorate([
+ActionMenuElement = __decorate([
     controller
 ], ActionMenuElement);
 export { ActionMenuElement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.44.0-rc.2b4579f7",
+  "version": "0.44.0-rc.385b39ff",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -325,11 +325,77 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/default/",
     "parameters": [
+      {
+        "name": "menu_id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "Id of the menu."
+      },
+      {
+        "name": "anchor_align",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "One of `:center`, `:end`, or `:start`.."
+      },
+      {
+        "name": "anchor_side",
+        "type": "Symbol",
+        "default": "`:outside_bottom`",
+        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`.."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`.."
+      },
+      {
+        "name": "src",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Used with an `include-fragment` element to load menu content from the given source URL."
+      },
+      {
+        "name": "preload",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "When true, and src is present, loads the `include-fragment` on trigger hover."
+      },
+      {
+        "name": "dynamic_label",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to display the text of the currently selected item in the show button."
+      },
+      {
+        "name": "dynamic_label_prefix",
+        "type": "String",
+        "default": "`nil`",
+        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
+      },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "One of `:multiple`, `:none`, or `:single`."
+      },
+      {
+        "name": "form_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
+      },
+      {
+        "name": "overlay_arguments",
+        "type": "Hash",
+        "default": "`{}`",
+        "description": "Arguments to pass to the underlying [Overlay](/components/alpha/overlay)"
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [ActionMenu::PrimaryMenu](/components/alpha/actionmenuprimarymenu)."
+        "description": "[System arguments](/system-arguments)."
       }
     ]
   },
@@ -418,7 +484,7 @@
         "name": "system_arguments",
         "type": "Hash",
         "default": "N/A",
-        "description": "The arguments accepted by [ActionMenu::ListWrapper](/components/alpha/actionmenulistwrapper)"
+        "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)"
       }
     ]
   },
@@ -444,171 +510,6 @@
       }
     ]
   },
-  {
-    "component": "ActionMenu::Menu",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "ActionMenuMenu",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/menu/default/",
-    "parameters": [
-      {
-        "name": "anchor_align",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:center`, `:end`, or `:start`."
-      },
-      {
-        "name": "anchor_side",
-        "type": "Symbol",
-        "default": "N/A",
-        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
-      },
-      {
-        "name": "menu_id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "Id of the menu."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:auto`",
-        "description": "One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
-      },
-      {
-        "name": "src",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Used with an `include-fragment` element to load menu content from the given source URL."
-      },
-      {
-        "name": "preload",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "When true, and src is present, loads the `include-fragment` on trigger hover."
-      },
-      {
-        "name": "select_variant",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "One of `:multiple`, `:none`, or `:single`."
-      },
-      {
-        "name": "form_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
-      },
-      {
-        "name": "overlay_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Arguments to pass to the underlying [Overlay](/components/alpha/overlay)"
-      },
-      {
-        "name": "list_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Arguments to pass to the underlying [ActionMenu::List](/components/alpha/actionmenulist)"
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)."
-      }
-    ]
-  },
-  {
-    "component": "ActionMenu::PrimaryMenu",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "ActionMenuPrimaryMenu",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/primary_menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/primary_menu/default/",
-    "parameters": [
-      {
-        "name": "anchor_align",
-        "type": "Symbol",
-        "default": "`:start`",
-        "description": "One of `:center`, `:end`, or `:start`."
-      },
-      {
-        "name": "anchor_side",
-        "type": "Symbol",
-        "default": "`:outside_bottom`",
-        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
-      },
-      {
-        "name": "dynamic_label",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to display the text of the currently selected item in the show button."
-      },
-      {
-        "name": "dynamic_label_prefix",
-        "type": "String",
-        "default": "`nil`",
-        "description": "If provided, the prefix is prepended to the dynamic label and displayed in the show button."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)."
-      }
-    ]
-  },
-  {
-    "component": "ActionMenu::SubMenu",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "ActionMenuSubMenu",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/sub_menu.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/sub_menu/default/",
-    "parameters": [
-      {
-        "name": "menu_id",
-        "type": "String",
-        "default": "`self.class.generate_id`",
-        "description": "Id of the menu."
-      },
-      {
-        "name": "anchor_align",
-        "type": "Symbol",
-        "default": "`:start`",
-        "description": "One of `:center`, `:end`, or `:start`."
-      },
-      {
-        "name": "anchor_side",
-        "type": "Symbol",
-        "default": "`:outside_right`",
-        "description": "One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
-      },
-      {
-        "name": "overlay_arguments",
-        "type": "Hash",
-        "default": "`{}`",
-        "description": "Arguments to pass to the underlying [Overlay](/components/alpha/overlay)"
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)."
-      }
-    ]
-  },
-  {
-    "component": "ActionMenu::SubMenuItem",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "ActionMenuSubMenuItem",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_menu/sub_menu_item.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_menu/sub_menu_item/default/",
-    "parameters": []
-  },
   {
     "component": "AutoComplete",
     "status": "deprecated",

package/static/audited_at.json

@@ -12,10 +12,6 @@
   "Primer::Alpha::ActionMenu::Heading": "",
   "Primer::Alpha::ActionMenu::List": "",
   "Primer::Alpha::ActionMenu::ListWrapper": "2023-07-10",
-  "Primer::Alpha::ActionMenu::Menu": "",
-  "Primer::Alpha::ActionMenu::PrimaryMenu": "",
-  "Primer::Alpha::ActionMenu::SubMenu": "",
-  "Primer::Alpha::ActionMenu::SubMenuItem": "",
   "Primer::Alpha::AutoComplete": "",
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::Banner": "",

package/static/constants.json

@@ -152,15 +152,18 @@
     ]
   },
   "Primer::Alpha::ActionMenu": {
+    "DEFAULT_PRELOAD": false,
+    "DEFAULT_SELECT_VARIANT": "none",
     "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::GeneratedSlotMethods",
     "Group": "Primer::Alpha::ActionMenu::Group",
     "Heading": "Primer::Alpha::ActionMenu::Heading",
     "List": "Primer::Alpha::ActionMenu::List",
     "ListWrapper": "Primer::Alpha::ActionMenu::ListWrapper",
-    "Menu": "Primer::Alpha::ActionMenu::Menu",
-    "PrimaryMenu": "Primer::Alpha::ActionMenu::PrimaryMenu",
-    "SubMenu": "Primer::Alpha::ActionMenu::SubMenu",
-    "SubMenuItem": "Primer::Alpha::ActionMenu::SubMenuItem"
+    "SELECT_VARIANT_OPTIONS": [
+      "single",
+      "multiple",
+      "none"
+    ]
   },
   "Primer::Alpha::ActionMenu::Group": {
     "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::Group::GeneratedSlotMethods"
@@ -180,29 +183,6 @@
   "Primer::Alpha::ActionMenu::ListWrapper": {
     "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::ListWrapper::GeneratedSlotMethods"
   },
-  "Primer::Alpha::ActionMenu::Menu": {
-    "DEFAULT_PRELOAD": false,
-    "DEFAULT_SELECT_VARIANT": "none",
-    "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::Menu::GeneratedSlotMethods",
-    "SELECT_VARIANT_OPTIONS": [
-      "single",
-      "multiple",
-      "none"
-    ]
-  },
-  "Primer::Alpha::ActionMenu::PrimaryMenu": {
-    "DEFAULT_ANCHOR_ALIGN": "start",
-    "DEFAULT_ANCHOR_SIDE": "outside_bottom",
-    "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::PrimaryMenu::GeneratedSlotMethods"
-  },
-  "Primer::Alpha::ActionMenu::SubMenu": {
-    "DEFAULT_ANCHOR_ALIGN": "start",
-    "DEFAULT_ANCHOR_SIDE": "outside_right",
-    "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::SubMenu::GeneratedSlotMethods"
-  },
-  "Primer::Alpha::ActionMenu::SubMenuItem": {
-    "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::SubMenuItem::GeneratedSlotMethods"
-  },
   "Primer::Alpha::AutoComplete": {
     "GeneratedSlotMethods": "Primer::Alpha::AutoComplete::GeneratedSlotMethods",
     "Item": "Primer::Alpha::AutoComplete::Item"