@swc-react/menu 0.35.1-rc.26 → 0.36.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

@@ -2,32 +2,36 @@
 /// <reference types="react" />
 export declare const Menu: import("react").ComponentType<Partial<{
     dir?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    rel?: string | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined;
+    lang?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
     accessKey?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "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;
-    lang?: string | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
     prefix?: string | undefined;
-    slot?: string | undefined;
     children?: import("react").ReactNode;
-    style?: import("react").CSSProperties | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    tabIndex?: number | undefined;
-    rel?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-describedby'?: string | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    role?: import("react").AriaRole | undefined;
+    'aria-controls'?: string | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-label'?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -51,7 +55,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -70,11 +73,10 @@ export declare const Menu: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
@@ -82,14 +84,12 @@ export declare const Menu: import("react").ComponentType<Partial<{
     '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;
@@ -272,8 +272,10 @@ export declare const Menu: import("react").ComponentType<Partial<{
 } & {
     readonly attributes: NamedNodeMap;
     readonly localName: string;
+    size: import("@spectrum-web-components/base").ElementSize;
     label: string;
-    normalize: () => void;
+    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
+    readonly renderOptions: import("lit-html").RenderOptions;
     blur: () => void;
     click: () => void;
     focus: ({ preventScroll }?: FocusOptions) => void;
@@ -281,13 +283,21 @@ export declare const Menu: import("react").ComponentType<Partial<{
         (options?: ScrollToOptions | undefined): void;
         (x: number, y: number): void;
     };
+    autofocus: boolean;
+    normalize: () => void;
+    ariaHidden: string | null;
+    readonly childNodes: NodeListOf<ChildNode>;
+    shadowRoot: ShadowRoot;
+    remove: () => void;
+    selected: string[];
+    value: string;
+    disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
     addController: (controller: import("lit").ReactiveController) => void;
     removeController: (controller: import("lit").ReactiveController) => void;
-    connectedCallback: () => void;
-    disconnectedCallback: () => void;
     attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
     requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
     readonly updateComplete: Promise<boolean>;
@@ -326,7 +336,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
-    shadowRoot: ShadowRoot;
     readonly tagName: string;
     attachShadow: (init: ShadowRootInit) => ShadowRoot;
     closest: {
@@ -383,7 +392,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean;
     webkitMatchesSelector: (selectors: string) => boolean;
     readonly baseURI: string;
-    readonly childNodes: NodeListOf<ChildNode>;
     readonly firstChild: ChildNode | null;
     readonly isConnected: boolean;
     readonly lastChild: ChildNode | null;
@@ -439,7 +447,6 @@ export declare const Menu: import("react").ComponentType<Partial<{
     ariaDisabled: string | null;
     ariaExpanded: string | null;
     ariaHasPopup: string | null;
-    ariaHidden: string | null;
     ariaKeyShortcuts: string | null;
     ariaLabel: string | null;
     ariaLevel: string | null;
@@ -464,11 +471,9 @@ export declare const Menu: import("react").ComponentType<Partial<{
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     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;
@@ -584,19 +589,15 @@ export declare const Menu: import("react").ComponentType<Partial<{
     onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-    autofocus: boolean;
     readonly dataset: DOMStringMap;
-    readonly renderOptions: import("lit-html").RenderOptions;
-    selected: string[];
-    value: string;
     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[];
@@ -605,8 +606,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;
@@ -618,32 +617,36 @@ export declare const Menu: import("react").ComponentType<Partial<{
 }> & import("react").RefAttributes<import("menu/src").Menu>>;
 export declare const MenuDivider: import("react").ComponentType<Partial<{
     dir?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    rel?: string | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined;
+    lang?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
     accessKey?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "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;
-    lang?: string | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
     prefix?: string | undefined;
-    slot?: string | undefined;
     children?: import("react").ReactNode;
-    style?: import("react").CSSProperties | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    tabIndex?: number | undefined;
-    rel?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-describedby'?: string | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    role?: import("react").AriaRole | undefined;
+    'aria-controls'?: string | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-label'?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -667,7 +670,6 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -686,11 +688,10 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
@@ -698,14 +699,12 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     '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;
@@ -889,7 +888,8 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     readonly attributes: NamedNodeMap;
     readonly localName: string;
     size: import("@spectrum-web-components/base").ElementSize;
-    normalize: () => void;
+    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
+    readonly renderOptions: import("lit-html").RenderOptions;
     blur: () => void;
     click: () => void;
     focus: (options?: FocusOptions | undefined) => void;
@@ -897,13 +897,19 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
         (options?: ScrollToOptions | undefined): void;
         (x: number, y: number): void;
     };
+    autofocus: boolean;
+    normalize: () => void;
+    ariaHidden: string | null;
+    readonly childNodes: NodeListOf<ChildNode>;
+    shadowRoot: ShadowRoot;
+    remove: () => void;
+    disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
     addController: (controller: import("lit").ReactiveController) => void;
     removeController: (controller: import("lit").ReactiveController) => void;
-    connectedCallback: () => void;
-    disconnectedCallback: () => void;
     attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
     requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
     readonly updateComplete: Promise<boolean>;
@@ -942,7 +948,6 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
-    shadowRoot: ShadowRoot;
     readonly tagName: string;
     attachShadow: (init: ShadowRootInit) => ShadowRoot;
     closest: {
@@ -999,7 +1004,6 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean;
     webkitMatchesSelector: (selectors: string) => boolean;
     readonly baseURI: string;
-    readonly childNodes: NodeListOf<ChildNode>;
     readonly firstChild: ChildNode | null;
     readonly isConnected: boolean;
     readonly lastChild: ChildNode | null;
@@ -1055,7 +1059,6 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     ariaDisabled: string | null;
     ariaExpanded: string | null;
     ariaHasPopup: string | null;
-    ariaHidden: string | null;
     ariaKeyShortcuts: string | null;
     ariaLabel: string | null;
     ariaLevel: string | null;
@@ -1080,11 +1083,9 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     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;
@@ -1200,40 +1201,42 @@ export declare const MenuDivider: import("react").ComponentType<Partial<{
     onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-    autofocus: boolean;
     readonly dataset: DOMStringMap;
-    readonly renderOptions: import("lit-html").RenderOptions;
     isLTR: boolean;
     hasVisibleFocusInTree: () => boolean;
 } & {}> & import("react").RefAttributes<import("menu/src").MenuDivider>>;
 export declare const MenuGroup: import("react").ComponentType<Partial<{
     dir?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    rel?: string | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined;
+    lang?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
     accessKey?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "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;
-    lang?: string | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
     prefix?: string | undefined;
-    slot?: string | undefined;
     children?: import("react").ReactNode;
-    style?: import("react").CSSProperties | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    tabIndex?: number | undefined;
-    rel?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-describedby'?: string | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    role?: import("react").AriaRole | undefined;
+    'aria-controls'?: string | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-label'?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -1257,7 +1260,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -1276,11 +1278,10 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
@@ -1288,14 +1289,12 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     '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;
@@ -1478,8 +1477,10 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
 } & {
     readonly attributes: NamedNodeMap;
     readonly localName: string;
+    size: import("@spectrum-web-components/base").ElementSize;
     label: string;
-    normalize: () => void;
+    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
+    readonly renderOptions: import("lit-html").RenderOptions;
     blur: () => void;
     click: () => void;
     focus: ({ preventScroll }?: FocusOptions) => void;
@@ -1487,13 +1488,21 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
         (options?: ScrollToOptions | undefined): void;
         (x: number, y: number): void;
     };
+    autofocus: boolean;
+    normalize: () => void;
+    ariaHidden: string | null;
+    readonly childNodes: NodeListOf<ChildNode>;
+    shadowRoot: ShadowRoot;
+    remove: () => void;
+    selected: string[];
+    value: string;
+    disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
     addController: (controller: import("lit").ReactiveController) => void;
     removeController: (controller: import("lit").ReactiveController) => void;
-    connectedCallback: () => void;
-    disconnectedCallback: () => void;
     attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
     requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
     readonly updateComplete: Promise<boolean>;
@@ -1532,7 +1541,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
-    shadowRoot: ShadowRoot;
     readonly tagName: string;
     attachShadow: (init: ShadowRootInit) => ShadowRoot;
     closest: {
@@ -1589,7 +1597,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean;
     webkitMatchesSelector: (selectors: string) => boolean;
     readonly baseURI: string;
-    readonly childNodes: NodeListOf<ChildNode>;
     readonly firstChild: ChildNode | null;
     readonly isConnected: boolean;
     readonly lastChild: ChildNode | null;
@@ -1645,7 +1652,6 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     ariaDisabled: string | null;
     ariaExpanded: string | null;
     ariaHasPopup: string | null;
-    ariaHidden: string | null;
     ariaKeyShortcuts: string | null;
     ariaLabel: string | null;
     ariaLevel: string | null;
@@ -1670,11 +1676,9 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     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;
@@ -1790,19 +1794,15 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
     onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-    autofocus: boolean;
     readonly dataset: DOMStringMap;
-    readonly renderOptions: import("lit-html").RenderOptions;
-    selected: string[];
-    value: string;
     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[];
@@ -1811,8 +1811,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;
@@ -1824,32 +1822,36 @@ export declare const MenuGroup: import("react").ComponentType<Partial<{
 }> & import("react").RefAttributes<import("menu/src").MenuGroup>>;
 export declare const MenuItem: import("react").ComponentType<Partial<{
     dir?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    title?: string | undefined;
+    tabIndex?: number | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    rel?: string | undefined;
+    id?: string | undefined;
+    className?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined;
+    lang?: string | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
     accessKey?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    'aria-label'?: string | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "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;
-    lang?: string | undefined;
-    title?: string | undefined;
     translate?: "yes" | "no" | undefined;
-    className?: string | undefined;
-    id?: string | undefined;
     prefix?: string | undefined;
-    slot?: string | undefined;
     children?: import("react").ReactNode;
-    style?: import("react").CSSProperties | undefined;
     contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     nonce?: string | undefined;
-    tabIndex?: number | undefined;
-    rel?: string | undefined;
-    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-describedby'?: string | undefined;
-    'aria-haspopup'?: boolean | "true" | "dialog" | "menu" | "false" | "listbox" | "tree" | "grid" | undefined;
-    'aria-expanded'?: (boolean | "true" | "false") | undefined;
-    role?: import("react").AriaRole | undefined;
+    'aria-controls'?: string | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-    'aria-label'?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -1873,7 +1875,6 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -1892,11 +1893,10 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     'aria-colindex'?: number | undefined;
     'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "true" | "time" | "page" | "false" | "step" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
-    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
@@ -1904,14 +1904,12 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     '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;
@@ -2095,7 +2093,8 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     readonly attributes: NamedNodeMap;
     readonly localName: string;
     label?: string | undefined;
-    normalize: () => void;
+    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
+    readonly renderOptions: import("lit-html").RenderOptions;
     blur: () => void;
     click: () => void;
     focus: (options?: FocusOptions | undefined) => void;
@@ -2103,13 +2102,29 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
         (options?: ScrollToOptions | undefined): void;
         (x: number, y: number): void;
     };
+    disabled: boolean;
+    autofocus: boolean;
+    normalize: () => void;
+    download?: string | undefined;
+    href?: string | undefined;
+    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
+    ariaHidden: string | null;
+    slotContentIsPresent: boolean;
+    slotHasContent: boolean;
+    readonly childNodes: NodeListOf<ChildNode>;
+    shadowRoot: ShadowRoot;
+    open: boolean;
+    active: boolean;
+    remove: () => void;
+    selected: boolean;
+    value: string;
+    disconnectedCallback: () => void;
+    connectedCallback: () => void;
     readonly renderRoot: HTMLElement | ShadowRoot;
     isUpdatePending: boolean;
     hasUpdated: boolean;
     addController: (controller: import("lit").ReactiveController) => void;
     removeController: (controller: import("lit").ReactiveController) => void;
-    connectedCallback: () => void;
-    disconnectedCallback: () => void;
     attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
     requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
     readonly updateComplete: Promise<boolean>;
@@ -2148,7 +2163,6 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     scrollLeft: number;
     scrollTop: number;
     readonly scrollWidth: number;
-    shadowRoot: ShadowRoot;
     readonly tagName: string;
     attachShadow: (init: ShadowRootInit) => ShadowRoot;
     closest: {
@@ -2205,7 +2219,6 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     toggleAttribute: (qualifiedName: string, force?: boolean | undefined) => boolean;
     webkitMatchesSelector: (selectors: string) => boolean;
     readonly baseURI: string;
-    readonly childNodes: NodeListOf<ChildNode>;
     readonly firstChild: ChildNode | null;
     readonly isConnected: boolean;
     readonly lastChild: ChildNode | null;
@@ -2261,7 +2274,6 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     ariaDisabled: string | null;
     ariaExpanded: string | null;
     ariaHasPopup: string | null;
-    ariaHidden: string | null;
     ariaKeyShortcuts: string | null;
     ariaLabel: string | null;
     ariaLevel: string | null;
@@ -2286,11 +2298,9 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     ariaValueMin: string | null;
     ariaValueNow: string | null;
     ariaValueText: string | null;
-    animate: (keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions | undefined) => Animation;
     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;
@@ -2406,40 +2416,28 @@ export declare const MenuItem: import("react").ComponentType<Partial<{
     onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
     onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
-    autofocus: boolean;
     readonly dataset: DOMStringMap;
-    download?: string | undefined;
-    href?: string | undefined;
-    target?: "_blank" | "_parent" | "_self" | "_top" | undefined;
-    disabled: boolean;
-    open: boolean;
-    readonly renderOptions: import("lit-html").RenderOptions;
-    active: boolean;
+    isLTR: boolean;
+    hasVisibleFocusInTree: () => boolean;
     focused: boolean;
-    selected: boolean;
-    value: string;
     hasSubmenu: boolean;
-    contentSlot: HTMLSlotElement;
-    iconSlot: HTMLSlotElement;
     noWrap: boolean;
-    overlayElement: import("overlay/src").Overlay;
     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>;
-    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)[];
     };
-    isLTR: boolean;
-    hasVisibleFocusInTree: () => boolean;
+    getSlotContentPresence: (selector: string) => boolean;
+    managePresenceObservedSlot: () => void;
+    manageTextObservedSlot: () => void;
     renderAnchor: (options: {
         id: string;
         className?: string | undefined;
@@ -2450,4 +2448,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.35.1-rc.26+05bd08374",
+    "version": "0.36.0",
     "publishConfig": {
         "access": "public"
     },
@@ -30,7 +30,7 @@
     ],
     "dependencies": {
         "@lit-labs/react": "^1.1.1",
-        "@spectrum-web-components/menu": "^0.35.1-rc.26+05bd08374"
+        "@spectrum-web-components/menu": "^0.36.0"
     },
     "peerDependencies": {
         "next": "~13.4"
@@ -40,5 +40,5 @@
             "optional": true
         }
     },
-    "gitHead": "05bd0837417e287acdf2685d1ca05ab4d138fc95"
+    "gitHead": "a532ff8a410abeefb54d9638a2316ae82570566e"
 }