@swc-react/menu 0.33.3-overlay.66 → 0.34.0

package/index.d.ts

@@ -18,6 +18,7 @@ export declare const MenuGroup: import("@lit-labs/react").ReactWebComponent<SpMe
 }>;
 export declare const MenuItem: import("@lit-labs/react").ReactWebComponent<SpMenuItem, {
     spMenuItemAdded: EventName<Event>;
+    spMenuItemRemoved: EventName<Event>;
 }>;
 export declare type MenuType = EventTarget & SpMenu;
 export declare type MenuDividerType = EventTarget & SpMenuDivider;

package/index.dev.js

@@ -44,8 +44,10 @@ export const MenuItem = createComponent({
   react: React,
   tagName: "sp-menu-item",
   events: {
-    spMenuItemAdded: "sp-menu-item-added"
+    spMenuItemAdded: "sp-menu-item-added",
     // announces the item has been added so a parent menu can take ownerships
+    spMenuItemRemoved: "sp-menu-item-removed"
+    // announces when removed from the DOM so the parent menu can remove ownership and update selected state
   }
 });
 //# sourceMappingURL=index.dev.js.map

package/index.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type { EventName } from '@lit-labs/react';\nimport { Menu as SpMenu } from '@spectrum-web-components/menu';\nimport { MenuDivider as SpMenuDivider } from '@spectrum-web-components/menu';\nimport { MenuGroup as SpMenuGroup } from '@spectrum-web-components/menu';\nimport { MenuItem as SpMenuItem } from '@spectrum-web-components/menu';\n\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\n\nexport const Menu = createComponent({\n    displayName: 'Menu',\n    elementClass: SpMenu,\n    react: React,\n    tagName: 'sp-menu',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuDivider = createComponent({\n    displayName: 'MenuDivider',\n    elementClass: SpMenuDivider,\n    react: React,\n    tagName: 'sp-menu-divider',\n    events: {},\n});\nexport const MenuGroup = createComponent({\n    displayName: 'MenuGroup',\n    elementClass: SpMenuGroup,\n    react: React,\n    tagName: 'sp-menu-group',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuItem = createComponent({\n    displayName: 'MenuItem',\n    elementClass: SpMenuItem,\n    react: React,\n    tagName: 'sp-menu-item',\n    events: {\n        spMenuItemAdded: 'sp-menu-item-added' as EventName<Event>, // announces the item has been added so a parent menu can take ownerships\n    },\n});\n\nexport type MenuType = EventTarget & SpMenu;\nexport type MenuDividerType = EventTarget & SpMenuDivider;\nexport type MenuGroupType = EventTarget & SpMenuGroup;\nexport type MenuItemType = EventTarget & SpMenuItem;\n"],
-  "mappings": ";AAYA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,QAAQ,cAAc;AAC/B,SAAS,eAAe,qBAAqB;AAC7C,SAAS,aAAa,mBAAmB;AACzC,SAAS,YAAY,kBAAkB;AAEvC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEA,aAAM,OAAO,gBAAgB;AAAA,EAChC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA,EACX;AACJ,CAAC;AACM,aAAM,cAAc,gBAAgB;AAAA,EACvC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ,CAAC;AACb,CAAC;AACM,aAAM,YAAY,gBAAgB;AAAA,EACrC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA,EACX;AACJ,CAAC;AACM,aAAM,WAAW,gBAAgB;AAAA,EACpC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,iBAAiB;AAAA;AAAA,EACrB;AACJ,CAAC;",
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type { EventName } from '@lit-labs/react';\nimport { Menu as SpMenu } from '@spectrum-web-components/menu';\nimport { MenuDivider as SpMenuDivider } from '@spectrum-web-components/menu';\nimport { MenuGroup as SpMenuGroup } from '@spectrum-web-components/menu';\nimport { MenuItem as SpMenuItem } from '@spectrum-web-components/menu';\n\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\n\nexport const Menu = createComponent({\n    displayName: 'Menu',\n    elementClass: SpMenu,\n    react: React,\n    tagName: 'sp-menu',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuDivider = createComponent({\n    displayName: 'MenuDivider',\n    elementClass: SpMenuDivider,\n    react: React,\n    tagName: 'sp-menu-divider',\n    events: {},\n});\nexport const MenuGroup = createComponent({\n    displayName: 'MenuGroup',\n    elementClass: SpMenuGroup,\n    react: React,\n    tagName: 'sp-menu-group',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuItem = createComponent({\n    displayName: 'MenuItem',\n    elementClass: SpMenuItem,\n    react: React,\n    tagName: 'sp-menu-item',\n    events: {\n        spMenuItemAdded: 'sp-menu-item-added' as EventName<Event>, // announces the item has been added so a parent menu can take ownerships\n        spMenuItemRemoved: 'sp-menu-item-removed' as EventName<Event>, // announces when removed from the DOM so the parent menu can remove ownership and update selected state\n    },\n});\n\nexport type MenuType = EventTarget & SpMenu;\nexport type MenuDividerType = EventTarget & SpMenuDivider;\nexport type MenuGroupType = EventTarget & SpMenuGroup;\nexport type MenuItemType = EventTarget & SpMenuItem;\n"],
+  "mappings": ";AAYA,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,QAAQ,cAAc;AAC/B,SAAS,eAAe,qBAAqB;AAC7C,SAAS,aAAa,mBAAmB;AACzC,SAAS,YAAY,kBAAkB;AAEvC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAEA,aAAM,OAAO,gBAAgB;AAAA,EAChC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA,EACX;AACJ,CAAC;AACM,aAAM,cAAc,gBAAgB;AAAA,EACvC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ,CAAC;AACb,CAAC;AACM,aAAM,YAAY,gBAAgB;AAAA,EACrC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,QAAQ;AAAA;AAAA,IACR,OAAO;AAAA,EACX;AACJ,CAAC;AACM,aAAM,WAAW,gBAAgB;AAAA,EACpC,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AAAA,IACJ,iBAAiB;AAAA;AAAA,IACjB,mBAAmB;AAAA;AAAA,EACvB;AACJ,CAAC;",
   "names": []
 }

package/index.js

@@ -1,2 +1,2 @@
-"use strict";import*as e from"react";import{createComponent as t}from"@lit-labs/react";import{Menu as n}from"@spectrum-web-components/menu";import{MenuDivider as p}from"@spectrum-web-components/menu";import{MenuGroup as a}from"@spectrum-web-components/menu";import{MenuItem as m}from"@spectrum-web-components/menu";import"@spectrum-web-components/menu/sp-menu-divider.js";import"@spectrum-web-components/menu/sp-menu-group.js";import"@spectrum-web-components/menu/sp-menu-item.js";import"@spectrum-web-components/menu/sp-menu.js";export const Menu=t({displayName:"Menu",elementClass:n,react:e,tagName:"sp-menu",events:{change:"change",close:"close"}}),MenuDivider=t({displayName:"MenuDivider",elementClass:p,react:e,tagName:"sp-menu-divider",events:{}}),MenuGroup=t({displayName:"MenuGroup",elementClass:a,react:e,tagName:"sp-menu-group",events:{change:"change",close:"close"}}),MenuItem=t({displayName:"MenuItem",elementClass:m,react:e,tagName:"sp-menu-item",events:{spMenuItemAdded:"sp-menu-item-added"}});
+"use strict";import*as e from"react";import{createComponent as t}from"@lit-labs/react";import{Menu as n}from"@spectrum-web-components/menu";import{MenuDivider as m}from"@spectrum-web-components/menu";import{MenuGroup as p}from"@spectrum-web-components/menu";import{MenuItem as a}from"@spectrum-web-components/menu";import"@spectrum-web-components/menu/sp-menu-divider.js";import"@spectrum-web-components/menu/sp-menu-group.js";import"@spectrum-web-components/menu/sp-menu-item.js";import"@spectrum-web-components/menu/sp-menu.js";export const Menu=t({displayName:"Menu",elementClass:n,react:e,tagName:"sp-menu",events:{change:"change",close:"close"}}),MenuDivider=t({displayName:"MenuDivider",elementClass:m,react:e,tagName:"sp-menu-divider",events:{}}),MenuGroup=t({displayName:"MenuGroup",elementClass:p,react:e,tagName:"sp-menu-group",events:{change:"change",close:"close"}}),MenuItem=t({displayName:"MenuItem",elementClass:a,react:e,tagName:"sp-menu-item",events:{spMenuItemAdded:"sp-menu-item-added",spMenuItemRemoved:"sp-menu-item-removed"}});
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["index.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type { EventName } from '@lit-labs/react';\nimport { Menu as SpMenu } from '@spectrum-web-components/menu';\nimport { MenuDivider as SpMenuDivider } from '@spectrum-web-components/menu';\nimport { MenuGroup as SpMenuGroup } from '@spectrum-web-components/menu';\nimport { MenuItem as SpMenuItem } from '@spectrum-web-components/menu';\n\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\n\nexport const Menu = createComponent({\n    displayName: 'Menu',\n    elementClass: SpMenu,\n    react: React,\n    tagName: 'sp-menu',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuDivider = createComponent({\n    displayName: 'MenuDivider',\n    elementClass: SpMenuDivider,\n    react: React,\n    tagName: 'sp-menu-divider',\n    events: {},\n});\nexport const MenuGroup = createComponent({\n    displayName: 'MenuGroup',\n    elementClass: SpMenuGroup,\n    react: React,\n    tagName: 'sp-menu-group',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuItem = createComponent({\n    displayName: 'MenuItem',\n    elementClass: SpMenuItem,\n    react: React,\n    tagName: 'sp-menu-item',\n    events: {\n        spMenuItemAdded: 'sp-menu-item-added' as EventName<Event>, // announces the item has been added so a parent menu can take ownerships\n    },\n});\n\nexport type MenuType = EventTarget & SpMenu;\nexport type MenuDividerType = EventTarget & SpMenuDivider;\nexport type MenuGroupType = EventTarget & SpMenuGroup;\nexport type MenuItemType = EventTarget & SpMenuItem;\n"],
-  "mappings": "aAYA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,kBAEhC,OAAS,QAAQC,MAAc,gCAC/B,OAAS,eAAeC,MAAqB,gCAC7C,OAAS,aAAaC,MAAmB,gCACzC,OAAS,YAAYC,MAAkB,gCAEvC,MAAO,mDACP,MAAO,iDACP,MAAO,gDACP,MAAO,2CAEA,aAAM,KAAOJ,EAAgB,CAChC,YAAa,OACb,aAAcC,EACd,MAAOF,EACP,QAAS,UACT,OAAQ,CACJ,OAAQ,SACR,MAAO,OACX,CACJ,CAAC,EACY,YAAcC,EAAgB,CACvC,YAAa,cACb,aAAcE,EACd,MAAOH,EACP,QAAS,kBACT,OAAQ,CAAC,CACb,CAAC,EACY,UAAYC,EAAgB,CACrC,YAAa,YACb,aAAcG,EACd,MAAOJ,EACP,QAAS,gBACT,OAAQ,CACJ,OAAQ,SACR,MAAO,OACX,CACJ,CAAC,EACY,SAAWC,EAAgB,CACpC,YAAa,WACb,aAAcI,EACd,MAAOL,EACP,QAAS,eACT,OAAQ,CACJ,gBAAiB,oBACrB,CACJ,CAAC",
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as React from 'react';\nimport { createComponent } from '@lit-labs/react';\nimport type { EventName } from '@lit-labs/react';\nimport { Menu as SpMenu } from '@spectrum-web-components/menu';\nimport { MenuDivider as SpMenuDivider } from '@spectrum-web-components/menu';\nimport { MenuGroup as SpMenuGroup } from '@spectrum-web-components/menu';\nimport { MenuItem as SpMenuItem } from '@spectrum-web-components/menu';\n\nimport '@spectrum-web-components/menu/sp-menu-divider.js';\nimport '@spectrum-web-components/menu/sp-menu-group.js';\nimport '@spectrum-web-components/menu/sp-menu-item.js';\nimport '@spectrum-web-components/menu/sp-menu.js';\n\nexport const Menu = createComponent({\n    displayName: 'Menu',\n    elementClass: SpMenu,\n    react: React,\n    tagName: 'sp-menu',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuDivider = createComponent({\n    displayName: 'MenuDivider',\n    elementClass: SpMenuDivider,\n    react: React,\n    tagName: 'sp-menu-divider',\n    events: {},\n});\nexport const MenuGroup = createComponent({\n    displayName: 'MenuGroup',\n    elementClass: SpMenuGroup,\n    react: React,\n    tagName: 'sp-menu-group',\n    events: {\n        change: 'change' as EventName<Event>, // Announces that the `value` of the element has changed\n        close: 'close' as EventName<Event>,\n    },\n});\nexport const MenuItem = createComponent({\n    displayName: 'MenuItem',\n    elementClass: SpMenuItem,\n    react: React,\n    tagName: 'sp-menu-item',\n    events: {\n        spMenuItemAdded: 'sp-menu-item-added' as EventName<Event>, // announces the item has been added so a parent menu can take ownerships\n        spMenuItemRemoved: 'sp-menu-item-removed' as EventName<Event>, // announces when removed from the DOM so the parent menu can remove ownership and update selected state\n    },\n});\n\nexport type MenuType = EventTarget & SpMenu;\nexport type MenuDividerType = EventTarget & SpMenuDivider;\nexport type MenuGroupType = EventTarget & SpMenuGroup;\nexport type MenuItemType = EventTarget & SpMenuItem;\n"],
+  "mappings": "aAYA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,kBAEhC,OAAS,QAAQC,MAAc,gCAC/B,OAAS,eAAeC,MAAqB,gCAC7C,OAAS,aAAaC,MAAmB,gCACzC,OAAS,YAAYC,MAAkB,gCAEvC,MAAO,mDACP,MAAO,iDACP,MAAO,gDACP,MAAO,2CAEA,aAAM,KAAOJ,EAAgB,CAChC,YAAa,OACb,aAAcC,EACd,MAAOF,EACP,QAAS,UACT,OAAQ,CACJ,OAAQ,SACR,MAAO,OACX,CACJ,CAAC,EACY,YAAcC,EAAgB,CACvC,YAAa,cACb,aAAcE,EACd,MAAOH,EACP,QAAS,kBACT,OAAQ,CAAC,CACb,CAAC,EACY,UAAYC,EAAgB,CACrC,YAAa,YACb,aAAcG,EACd,MAAOJ,EACP,QAAS,gBACT,OAAQ,CACJ,OAAQ,SACR,MAAO,OACX,CACJ,CAAC,EACY,SAAWC,EAAgB,CACpC,YAAa,WACb,aAAcI,EACd,MAAOL,EACP,QAAS,eACT,OAAQ,CACJ,gBAAiB,qBACjB,kBAAmB,sBACvB,CACJ,CAAC",
   "names": ["React", "createComponent", "SpMenu", "SpMenuDivider", "SpMenuGroup", "SpMenuItem"]
 }

package/next.d.ts

@@ -8,13 +8,16 @@ export declare const Menu: import("react").ComponentType<Partial<{
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    accessKey?: string | undefined;
     color?: string | undefined;
     lang?: string | undefined;
-    'aria-describedby'?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    accessKey?: string | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     role?: import("react").AriaRole | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     hidden?: boolean | undefined;
     translate?: "yes" | "no" | undefined;
@@ -23,7 +26,9 @@ export declare const Menu: import("react").ComponentType<Partial<{
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    'aria-label'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -60,27 +65,22 @@ export declare const Menu: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "true" | "time" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-details'?: string | undefined;
     'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
     'aria-multiline'?: (boolean | "true" | "false") | undefined;
     'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "true" | "false") | undefined;
@@ -274,24 +274,14 @@ export declare const Menu: import("react").ComponentType<Partial<{
     animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     autofocus: boolean;
     normalize: () => void;
-    addEventListener: {
-        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    };
-    dispatchEvent: (event: Event) => boolean;
-    removeEventListener: {
-        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    };
-    readonly assignedSlot: HTMLSlotElement | null;
     shadowRoot: ShadowRoot;
-    readonly parentElement: HTMLElement | null;
     readonly renderOptions: import("lit-html").RenderOptions;
+    remove: () => void;
     readonly childNodes: NodeListOf<ChildNode>;
     selected: string[];
     value: string;
-    connectedCallback: () => void;
     disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
@@ -312,6 +302,14 @@ export declare const Menu: import("react").ComponentType<Partial<{
     outerText: string;
     spellcheck: boolean;
     attachInternals: () => ElementInternals;
+    addEventListener: {
+        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    };
+    removeEventListener: {
+        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    };
     readonly classList: DOMTokenList;
     readonly clientHeight: number;
     readonly clientLeft: number;
@@ -390,6 +388,7 @@ export declare const Menu: import("react").ComponentType<Partial<{
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
     readonly parentNode: ParentNode | null;
     readonly previousSibling: ChildNode | null;
     textContent: string | null;
@@ -425,6 +424,7 @@ export declare const Menu: import("react").ComponentType<Partial<{
     readonly NOTATION_NODE: number;
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
+    dispatchEvent: (event: Event) => boolean;
     ariaAtomic: string | null;
     ariaAutoComplete: string | null;
     ariaBusy: string | null;
@@ -463,7 +463,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
     after: (...nodes: (string | Node)[]) => void;
     before: (...nodes: (string | Node)[]) => void;
-    remove: () => void;
     replaceWith: (...nodes: (string | Node)[]) => void;
     innerHTML: string;
     readonly nextElementSibling: Element | null;
@@ -484,6 +483,7 @@ export declare const Menu: import("react").ComponentType<Partial<{
         <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
     };
     replaceChildren: (...nodes: (string | Node)[]) => void;
+    readonly assignedSlot: HTMLSlotElement | null;
     oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
@@ -581,12 +581,12 @@ export declare const Menu: import("react").ComponentType<Partial<{
     readonly dataset: DOMStringMap;
     isLTR: boolean;
     hasVisibleFocusInTree: () => boolean;
-    closeDescendentOverlays: () => void;
     ignore: boolean;
-    selects: "inherit" | "multiple" | "single" | undefined;
+    selects: "inherit" | "single" | "multiple" | undefined;
     valueSeparator: string;
     selectedItems: import("menu/src").MenuItem[];
     menuSlot: HTMLSlotElement;
+    isSubmenu: boolean;
     focusedItemIndex: number;
     focusInItemIndex: number;
     readonly childItems: import("menu/src").MenuItem[];
@@ -595,8 +595,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     startListeningToKeyboard: () => void;
     handleFocusout: (event: FocusEvent) => void;
     stopListeningToKeyboard: () => void;
-    handleSubmenuClosed: (event: Event) => void;
-    handleSubmenuOpened: (event: Event) => void;
     selectOrToggleItem: (targetItem: import("menu/src").MenuItem) => Promise<void>;
     handleKeydown: (event: KeyboardEvent) => void;
     focusMenuItemByOffset: (offset: number) => import("menu/src").MenuItem;
@@ -615,13 +613,16 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    accessKey?: string | undefined;
     color?: string | undefined;
     lang?: string | undefined;
-    'aria-describedby'?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    accessKey?: string | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     role?: import("react").AriaRole | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     hidden?: boolean | undefined;
     translate?: "yes" | "no" | undefined;
@@ -630,7 +631,9 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    'aria-label'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -667,27 +670,22 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "true" | "time" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-details'?: string | undefined;
     'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
     'aria-multiline'?: (boolean | "true" | "false") | undefined;
     'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "true" | "false") | undefined;
@@ -881,22 +879,12 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     autofocus: boolean;
     normalize: () => void;
-    addEventListener: {
-        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    };
-    dispatchEvent: (event: Event) => boolean;
-    removeEventListener: {
-        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    };
-    readonly assignedSlot: HTMLSlotElement | null;
     shadowRoot: ShadowRoot;
-    readonly parentElement: HTMLElement | null;
     readonly renderOptions: import("lit-html").RenderOptions;
+    remove: () => void;
     readonly childNodes: NodeListOf<ChildNode>;
-    connectedCallback: () => void;
     disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
@@ -917,6 +905,14 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     outerText: string;
     spellcheck: boolean;
     attachInternals: () => ElementInternals;
+    addEventListener: {
+        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    };
+    removeEventListener: {
+        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    };
     readonly classList: DOMTokenList;
     readonly clientHeight: number;
     readonly clientLeft: number;
@@ -995,6 +991,7 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
     readonly parentNode: ParentNode | null;
     readonly previousSibling: ChildNode | null;
     textContent: string | null;
@@ -1030,6 +1027,7 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     readonly NOTATION_NODE: number;
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
+    dispatchEvent: (event: Event) => boolean;
     ariaAtomic: string | null;
     ariaAutoComplete: string | null;
     ariaBusy: string | null;
@@ -1068,7 +1066,6 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
     after: (...nodes: (string | Node)[]) => void;
     before: (...nodes: (string | Node)[]) => void;
-    remove: () => void;
     replaceWith: (...nodes: (string | Node)[]) => void;
     innerHTML: string;
     readonly nextElementSibling: Element | null;
@@ -1089,6 +1086,7 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
         <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
     };
     replaceChildren: (...nodes: (string | Node)[]) => void;
+    readonly assignedSlot: HTMLSlotElement | null;
     oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
@@ -1196,13 +1194,16 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    accessKey?: string | undefined;
     color?: string | undefined;
     lang?: string | undefined;
-    'aria-describedby'?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    accessKey?: string | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     role?: import("react").AriaRole | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     hidden?: boolean | undefined;
     translate?: "yes" | "no" | undefined;
@@ -1211,7 +1212,9 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    'aria-label'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -1248,27 +1251,22 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "true" | "time" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-details'?: string | undefined;
     'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
     'aria-multiline'?: (boolean | "true" | "false") | undefined;
     'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "true" | "false") | undefined;
@@ -1462,24 +1460,14 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     autofocus: boolean;
     normalize: () => void;
-    addEventListener: {
-        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    };
-    dispatchEvent: (event: Event) => boolean;
-    removeEventListener: {
-        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    };
-    readonly assignedSlot: HTMLSlotElement | null;
     shadowRoot: ShadowRoot;
-    readonly parentElement: HTMLElement | null;
     readonly renderOptions: import("lit-html").RenderOptions;
+    remove: () => void;
     readonly childNodes: NodeListOf<ChildNode>;
     selected: string[];
     value: string;
-    connectedCallback: () => void;
     disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
@@ -1500,6 +1488,14 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     outerText: string;
     spellcheck: boolean;
     attachInternals: () => ElementInternals;
+    addEventListener: {
+        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    };
+    removeEventListener: {
+        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    };
     readonly classList: DOMTokenList;
     readonly clientHeight: number;
     readonly clientLeft: number;
@@ -1578,6 +1574,7 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
     readonly parentNode: ParentNode | null;
     readonly previousSibling: ChildNode | null;
     textContent: string | null;
@@ -1613,6 +1610,7 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     readonly NOTATION_NODE: number;
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
+    dispatchEvent: (event: Event) => boolean;
     ariaAtomic: string | null;
     ariaAutoComplete: string | null;
     ariaBusy: string | null;
@@ -1651,7 +1649,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
     after: (...nodes: (string | Node)[]) => void;
     before: (...nodes: (string | Node)[]) => void;
-    remove: () => void;
     replaceWith: (...nodes: (string | Node)[]) => void;
     innerHTML: string;
     readonly nextElementSibling: Element | null;
@@ -1672,6 +1669,7 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
         <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
     };
     replaceChildren: (...nodes: (string | Node)[]) => void;
+    readonly assignedSlot: HTMLSlotElement | null;
     oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
@@ -1769,12 +1767,12 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     readonly dataset: DOMStringMap;
     isLTR: boolean;
     hasVisibleFocusInTree: () => boolean;
-    closeDescendentOverlays: () => void;
     ignore: boolean;
-    selects: "inherit" | "multiple" | "single" | undefined;
+    selects: "inherit" | "single" | "multiple" | undefined;
     valueSeparator: string;
     selectedItems: import("menu/src").MenuItem[];
     menuSlot: HTMLSlotElement;
+    isSubmenu: boolean;
     focusedItemIndex: number;
     focusInItemIndex: number;
     readonly childItems: import("menu/src").MenuItem[];
@@ -1783,8 +1781,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     startListeningToKeyboard: () => void;
     handleFocusout: (event: FocusEvent) => void;
     stopListeningToKeyboard: () => void;
-    handleSubmenuClosed: (event: Event) => void;
-    handleSubmenuOpened: (event: Event) => void;
     selectOrToggleItem: (targetItem: import("menu/src").MenuItem) => Promise<void>;
     handleKeydown: (event: KeyboardEvent) => void;
     focusMenuItemByOffset: (offset: number) => import("menu/src").MenuItem;
@@ -1803,13 +1799,16 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
-    accessKey?: string | undefined;
     color?: string | undefined;
     lang?: string | undefined;
-    'aria-describedby'?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    accessKey?: string | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     role?: import("react").AriaRole | undefined;
-    'aria-selected'?: (boolean | "true" | "false") | undefined;
-    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     hidden?: boolean | undefined;
     translate?: "yes" | "no" | undefined;
@@ -1818,7 +1817,9 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
     inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    'aria-label'?: string | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -1855,27 +1856,22 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "true" | "time" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-details'?: string | undefined;
     'aria-dropeffect'?: "none" | "link" | "copy" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "grid" | "tree" | undefined;
-    'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
     'aria-level'?: number | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: (boolean | "true" | "false") | undefined;
     'aria-multiline'?: (boolean | "true" | "false") | undefined;
     'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined;
     'aria-owns'?: string | undefined;
     'aria-placeholder'?: string | undefined;
     'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "true" | "false") | undefined;
@@ -2074,46 +2070,16 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     disabled: boolean;
     autofocus: boolean;
     normalize: () => void;
-    addEventListener: {
-        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
-    };
-    dispatchEvent: (event: Event) => boolean;
-    removeEventListener: {
-        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
-        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
-    };
-    open: boolean;
-    readonly assignedSlot: HTMLSlotElement | null;
     shadowRoot: ShadowRoot;
-    readonly parentElement: HTMLElement | null;
+    open: boolean;
     readonly renderOptions: import("lit-html").RenderOptions;
-    readonly childNodes: NodeListOf<ChildNode>;
     active: boolean;
-    focused: boolean;
+    remove: () => void;
+    readonly childNodes: NodeListOf<ChildNode>;
     selected: boolean;
     value: string;
-    hasSubmenu: boolean;
-    noWrap: boolean;
-    overlayElement: import("overlay/src/OverlayBase").OverlayBase;
-    readonly itemText: string;
-    readonly focusElement: HTMLElement;
-    readonly itemChildren: import("menu/src").MenuItemChildren;
-    closeOverlay?: (() => Promise<void>) | undefined;
-    openOverlay: () => Promise<void>;
-    updateAriaSelected: () => void;
-    setRole: (role: string) => void;
-    connectedCallback: () => void;
-    _parentElement: HTMLElement;
     disconnectedCallback: () => void;
-    triggerUpdate: () => Promise<void>;
-    dispatchUpdate: () => void;
-    menuData: {
-        focusRoot?: import("menu/src").Menu | undefined;
-        parentMenu?: import("menu/src").Menu | undefined;
-        selectionRoot?: import("menu/src").Menu | undefined;
-        cleanupSteps: ((item: import("menu/src").MenuItem) => void)[];
-    };
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
@@ -2134,6 +2100,14 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     outerText: string;
     spellcheck: boolean;
     attachInternals: () => ElementInternals;
+    addEventListener: {
+        <K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    };
+    removeEventListener: {
+        <K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
+        (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions | undefined): void;
+    };
     readonly classList: DOMTokenList;
     readonly clientHeight: number;
     readonly clientLeft: number;
@@ -2212,6 +2186,7 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     readonly nodeName: string;
     readonly nodeType: number;
     nodeValue: string | null;
+    readonly parentElement: HTMLElement | null;
     readonly parentNode: ParentNode | null;
     readonly previousSibling: ChildNode | null;
     textContent: string | null;
@@ -2247,6 +2222,7 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     readonly NOTATION_NODE: number;
     readonly PROCESSING_INSTRUCTION_NODE: number;
     readonly TEXT_NODE: number;
+    dispatchEvent: (event: Event) => boolean;
     ariaAtomic: string | null;
     ariaAutoComplete: string | null;
     ariaBusy: string | null;
@@ -2285,7 +2261,6 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     getAnimations: (options?: GetAnimationsOptions | undefined) => Animation[];
     after: (...nodes: (string | Node)[]) => void;
     before: (...nodes: (string | Node)[]) => void;
-    remove: () => void;
     replaceWith: (...nodes: (string | Node)[]) => void;
     innerHTML: string;
     readonly nextElementSibling: Element | null;
@@ -2306,6 +2281,7 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
         <E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
     };
     replaceChildren: (...nodes: (string | Node)[]) => void;
+    readonly assignedSlot: HTMLSlotElement | null;
     oncopy: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     oncut: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
     onpaste: ((this: DocumentAndElementEventHandlers, ev: ClipboardEvent) => any) | null;
@@ -2403,6 +2379,22 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     readonly dataset: DOMStringMap;
     isLTR: boolean;
     hasVisibleFocusInTree: () => boolean;
+    focused: boolean;
+    hasSubmenu: boolean;
+    noWrap: boolean;
+    readonly itemText: string;
+    readonly focusElement: HTMLElement;
+    readonly itemChildren: import("menu/src").MenuItemChildren;
+    closeOverlay?: (() => Promise<void>) | undefined;
+    openOverlay: () => Promise<void>;
+    updateAriaSelected: () => void;
+    setRole: (role: string) => void;
+    _parentElement: HTMLElement;
+    triggerUpdate: () => Promise<void>;
+    menuData: {
+        focusRoot?: import("menu/src").Menu | undefined;
+        selectionRoot?: import("menu/src").Menu | undefined;
+    };
     renderAnchor: (options: {
         id: string;
         className?: string | undefined;
@@ -2413,4 +2405,5 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     }) => import("lit-html").TemplateResult<2 | 1>;
 } & {
     spMenuItemAdded: (e: Event) => void;
+    spMenuItemRemoved: (e: Event) => void;
 }> & import("react").RefAttributes<import("menu/src").MenuItem>>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@swc-react/menu",
-    "version": "0.33.3-overlay.66+30e96d5ea",
+    "version": "0.34.0",
     "publishConfig": {
         "access": "public"
     },
@@ -30,7 +30,7 @@
     ],
     "dependencies": {
         "@lit-labs/react": "^1.1.1",
-        "@spectrum-web-components/menu": "^0.33.3-overlay.66+30e96d5ea"
+        "@spectrum-web-components/menu": "^0.34.0"
     },
     "peerDependencies": {
         "next": "~13.4"
@@ -40,5 +40,5 @@
             "optional": true
         }
     },
-    "gitHead": "30e96d5eaed31b7b2af916d78cabccb722889fe3"
+    "gitHead": "f9b3294d67cdd52b2c36897cdc1c20ceaeb019cf"
 }