@esri/calcite-components 1.4.0-next.2 → 1.4.0-next.21

package/dist/types/components/tooltip/TooltipManager.d.ts

@@ -1,19 +1,22 @@
 import { ReferenceElement } from "../../utils/floating-ui";
 export default class TooltipManager {
   private registeredElements;
+  private registeredShadowRootCounts;
   private hoverTimeout;
+  private hoveredTooltip;
   private clickedTooltip;
-  private activeTooltipEl;
+  private activeTooltip;
   private registeredElementCount;
   registerElement(referenceEl: ReferenceElement, tooltip: HTMLCalciteTooltipElement): void;
   unregisterElement(referenceEl: ReferenceElement): void;
   private queryTooltip;
   private keyDownHandler;
-  private queryHoveredTooltip;
   private pointerMoveHandler;
   private pointerDownHandler;
   private focusInHandler;
   private focusOutHandler;
+  private addShadowListeners;
+  private removeShadowListeners;
   private addListeners;
   private removeListeners;
   private clearHoverTimeout;
@@ -22,4 +25,8 @@ export default class TooltipManager {
   private toggleTooltip;
   private toggleHoveredTooltip;
   private queryFocusedTooltip;
+  private isClosableClickedTooltip;
+  private registerShadowRoot;
+  private unregisterShadowRoot;
+  private getReferenceElShadowRootNode;
 }

package/dist/types/components/tree-item/tree-item.d.ts

@@ -103,8 +103,10 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   updateAfterInitialRender: boolean;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
+  actionSlotWrapper: HTMLElement;
   private parentTreeItem?;
   hasEndActions: boolean;
+  private isActionEndEvent;
   private updateParentIsExpanded;
   /**
    * This is meant to be called in `componentDidLoad` in order to take advantage of the hierarchical component lifecycle

package/dist/types/components.d.ts

@@ -50,6 +50,9 @@ import { TimePickerMessages } from "./components/time-picker/assets/time-picker/
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
 import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
+import { MenuMessages } from "./components/menu/assets/menu/t9n";
+import { MenuItemMessages } from "./components/menu-item/assets/menu-item/t9n";
+import { MenuItemCustomEvent } from "./components/menu-item/interfaces";
 import { ModalMessages } from "./components/modal/assets/modal/t9n";
 import { NoticeMessages } from "./components/notice/assets/notice/t9n";
 import { PaginationMessages } from "./components/pagination/assets/pagination/t9n";
@@ -60,6 +63,7 @@ import { PickListItemMessages } from "./components/pick-list-item/assets/pick-li
 import { PopoverMessages } from "./components/popover/assets/popover/t9n";
 import { RatingMessages } from "./components/rating/assets/rating/t9n";
 import { ScrimMessages } from "./components/scrim/assets/scrim/t9n";
+import { DisplayMode } from "./components/shell-panel/interfaces";
 import { ShellPanelMessages } from "./components/shell-panel/assets/shell-panel/t9n";
 import { StepperItemChangeEventDetail, StepperItemEventDetail, StepperItemKeyEventDetail } from "./components/stepper/interfaces";
 import { TabID, TabLayout, TabPosition } from "./components/tabs/interfaces";
@@ -398,9 +402,13 @@ export namespace Components {
     }
     interface CalciteAvatar {
         /**
-          * Specifies the full name of the user.
+          * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
          */
         "fullName": string;
+        /**
+          * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
+         */
+        "label": string;
         /**
           * Specifies the size of the component.
          */
@@ -677,7 +685,7 @@ export namespace Components {
          */
         "closed": boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -709,11 +717,11 @@ export namespace Components {
          */
         "messages": ChipMessages;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
          */
         "scale": Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected": boolean;
         /**
@@ -731,7 +739,7 @@ export namespace Components {
     }
     interface CalciteChipGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled": boolean;
         /**
@@ -739,7 +747,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
          */
         "scale": Scale;
         /**
@@ -761,9 +769,17 @@ export namespace Components {
     }
     interface CalciteColorPicker {
         /**
-          * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
+          * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
          */
         "allowEmpty": boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel": boolean;
+        /**
+          * When true, hides the RGB/HSV channel inputs
+         */
+        "channelsDisabled": boolean;
         /**
           * Internal prop for advanced use-cases.
          */
@@ -777,16 +793,23 @@ export namespace Components {
           * @default "auto"
          */
         "format": Format;
+        /**
+          * When true, hides the hex input
+         */
+        "hexDisabled": boolean;
         /**
           * When `true`, hides the RGB/HSV channel inputs.
+          * @deprecated use `channelsDisabled` instead
          */
         "hideChannels": boolean;
         /**
-          * When `true`, hides the Hex input.
+          * When `true`, hides the hex input.
+          * @deprecated use `hexDisabled` instead
          */
         "hideHex": boolean;
         /**
           * When `true`, hides the saved colors section.
+          * @deprecated use `savedDisabled` instead
          */
         "hideSaved": boolean;
         /**
@@ -801,6 +824,10 @@ export namespace Components {
           * Specifies the Unicode numeral system used by the component for localization.
          */
         "numberingSystem": NumberingSystem;
+        /**
+          * When true, hides the saved colors section
+         */
+        "savedDisabled": boolean;
         /**
           * Specifies the size of the component.
          */
@@ -826,10 +853,19 @@ export namespace Components {
           * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
          */
         "allowEmpty": boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel": boolean;
         /**
           * Specifies accessible label for the input field.
+          * @deprecated use `messages` instead
          */
         "hexLabel": string;
+        /**
+          * Messages are passed by parent component for accessible labels.
+         */
+        "messages": ColorPickerMessages;
         /**
           * Specifies the Unicode numeral system used by the component for localization.
          */
@@ -843,7 +879,7 @@ export namespace Components {
          */
         "setFocus": () => Promise<void>;
         /**
-          * The Hex value.
+          * The hex value.
          */
         "value": string;
     }
@@ -856,7 +892,7 @@ export namespace Components {
           * The color value.
           * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
          */
-        "color": string;
+        "color": string | null;
         /**
           * Specifies the size of the component.
          */
@@ -2256,7 +2292,7 @@ export namespace Components {
          */
         "step": number;
         /**
-          * The component's value in UTC (always 24-hour format).
+          * The time value in ISO (24-hour) format.
          */
         "value": string;
     }
@@ -2488,6 +2524,95 @@ export namespace Components {
          */
         "value": number;
     }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuMessages;
+        /**
+          * Specifies the role of `menu` component. Marked as internal for parsing the role attribute in `menu-item` component shadowDOM. This property falls outside of the `globalAttribute` interface pattern because it is immutable and has a default value.
+         */
+        "role": string;
+        /**
+          * Sets focus on the component's first focusable element.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active": boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb": boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href": string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd": string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl": FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart": string;
+        "isTopLevelItem": boolean;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        "layout": Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<MenuItemMessages>;
+        /**
+          * Made into a prop for testing purposes only.
+         */
+        "messages": MenuItemMessages;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open": boolean;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel": string;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target": string;
+        /**
+          * Specifies the text to display.
+         */
+        "text": string;
+        "topLevelMenuLayout": Layout;
+    }
     interface CalciteModal {
         /**
           * Passes a function to run before the component closes.
@@ -3271,12 +3396,22 @@ export namespace Components {
         "collapsed": boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached": boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale": Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode": DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale": Scale;
         /**
           * The direction of the component.
          */
@@ -3294,11 +3429,11 @@ export namespace Components {
          */
         "position": Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable": boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale": Scale;
     }
@@ -4382,6 +4517,10 @@ export interface CalciteListItemCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteListItemElement;
 }
+export interface CalciteMenuItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteMenuItemElement;
+}
 export interface CalciteModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteModalElement;
@@ -4816,6 +4955,18 @@ declare global {
         prototype: HTMLCalciteLoaderElement;
         new (): HTMLCalciteLoaderElement;
     };
+    interface HTMLCalciteMenuElement extends Components.CalciteMenu, HTMLStencilElement {
+    }
+    var HTMLCalciteMenuElement: {
+        prototype: HTMLCalciteMenuElement;
+        new (): HTMLCalciteMenuElement;
+    };
+    interface HTMLCalciteMenuItemElement extends Components.CalciteMenuItem, HTMLStencilElement {
+    }
+    var HTMLCalciteMenuItemElement: {
+        prototype: HTMLCalciteMenuItemElement;
+        new (): HTMLCalciteMenuItemElement;
+    };
     interface HTMLCalciteModalElement extends Components.CalciteModal, HTMLStencilElement {
     }
     var HTMLCalciteModalElement: {
@@ -5145,6 +5296,8 @@ declare global {
         "calcite-list-item": HTMLCalciteListItemElement;
         "calcite-list-item-group": HTMLCalciteListItemGroupElement;
         "calcite-loader": HTMLCalciteLoaderElement;
+        "calcite-menu": HTMLCalciteMenuElement;
+        "calcite-menu-item": HTMLCalciteMenuItemElement;
         "calcite-modal": HTMLCalciteModalElement;
         "calcite-notice": HTMLCalciteNoticeElement;
         "calcite-option": HTMLCalciteOptionElement;
@@ -5493,9 +5646,13 @@ declare namespace LocalJSX {
     }
     interface CalciteAvatar {
         /**
-          * Specifies the full name of the user.
+          * Specifies the full name of the user. When `label` and `thumbnail` are not defined, specifies the accessible name for the component.
          */
         "fullName"?: string;
+        /**
+          * Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.
+         */
+        "label"?: string;
         /**
           * Specifies the size of the component.
          */
@@ -5752,7 +5909,7 @@ declare namespace LocalJSX {
          */
         "closed"?: boolean;
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -5784,11 +5941,11 @@ declare namespace LocalJSX {
          */
         "onCalciteChipSelect"?: (event: CalciteChipCustomEvent<void>) => void;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. When contained in a parent `calcite-chip-group` inherits the parent's `scale` value.
          */
         "scale"?: Scale;
         /**
-          * When true, the component is selected.
+          * When `true`, the component is selected.
          */
         "selected"?: boolean;
         /**
@@ -5798,7 +5955,7 @@ declare namespace LocalJSX {
     }
     interface CalciteChipGroup {
         /**
-          * When true, interaction is prevented and the component is displayed with lower opacity.
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
         "disabled"?: boolean;
         /**
@@ -5810,7 +5967,7 @@ declare namespace LocalJSX {
          */
         "onCalciteChipGroupSelect"?: (event: CalciteChipGroupCustomEvent<void>) => void;
         /**
-          * Specifies the size of the component.
+          * Specifies the size of the component. Child `calcite-chip`s inherit the component's value.
          */
         "scale"?: Scale;
         /**
@@ -5828,9 +5985,17 @@ declare namespace LocalJSX {
     }
     interface CalciteColorPicker {
         /**
-          * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
+          * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
          */
         "allowEmpty"?: boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel"?: boolean;
+        /**
+          * When true, hides the RGB/HSV channel inputs
+         */
+        "channelsDisabled"?: boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -5840,16 +6005,23 @@ declare namespace LocalJSX {
           * @default "auto"
          */
         "format"?: Format;
+        /**
+          * When true, hides the hex input
+         */
+        "hexDisabled"?: boolean;
         /**
           * When `true`, hides the RGB/HSV channel inputs.
+          * @deprecated use `channelsDisabled` instead
          */
         "hideChannels"?: boolean;
         /**
-          * When `true`, hides the Hex input.
+          * When `true`, hides the hex input.
+          * @deprecated use `hexDisabled` instead
          */
         "hideHex"?: boolean;
         /**
           * When `true`, hides the saved colors section.
+          * @deprecated use `savedDisabled` instead
          */
         "hideSaved"?: boolean;
         /**
@@ -5868,6 +6040,10 @@ declare namespace LocalJSX {
           * Fires as the color value changes.  Similar to the `calciteColorPickerChange` event with the exception of dragging. When dragging the color field or hue slider thumb, this event fires as the thumb is moved.
          */
         "onCalciteColorPickerInput"?: (event: CalciteColorPickerCustomEvent<void>) => void;
+        /**
+          * When true, hides the saved colors section
+         */
+        "savedDisabled"?: boolean;
         /**
           * Specifies the size of the component.
          */
@@ -5889,8 +6065,13 @@ declare namespace LocalJSX {
           * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.  When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
          */
         "allowEmpty"?: boolean;
+        /**
+          * When true, the component will allow updates to the color's alpha value.
+         */
+        "alphaChannel"?: boolean;
         /**
           * Specifies accessible label for the input field.
+          * @deprecated use `messages` instead
          */
         "hexLabel"?: string;
         /**
@@ -5906,7 +6087,7 @@ declare namespace LocalJSX {
          */
         "scale"?: Scale;
         /**
-          * The Hex value.
+          * The hex value.
          */
         "value"?: string;
     }
@@ -5919,7 +6100,7 @@ declare namespace LocalJSX {
           * The color value.
           * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color_value
          */
-        "color"?: string;
+        "color"?: string | null;
         /**
           * Specifies the size of the component.
          */
@@ -7271,7 +7452,7 @@ declare namespace LocalJSX {
          */
         "step"?: number;
         /**
-          * The component's value in UTC (always 24-hour format).
+          * The time value in ISO (24-hour) format.
          */
         "value"?: string;
     }
@@ -7365,6 +7546,10 @@ declare namespace LocalJSX {
           * When `true`, a busy indicator is displayed.
          */
         "loading"?: boolean;
+        /**
+          * Emits when any of the list item selections have changed.
+         */
+        "onCalciteListChange"?: (event: CalciteListCustomEvent<void>) => void;
         /**
           * Emits when the component's filter has changed.
          */
@@ -7472,6 +7657,76 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
+    interface CalciteMenu {
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: Layout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuMessages>;
+    }
+    interface CalciteMenuItem {
+        /**
+          * When `true`, the component is highlighted.
+         */
+        "active"?: boolean;
+        /**
+          * When `true`, the component displays a breadcrumb trail for use as a navigational aid.
+         */
+        "breadcrumb"?: boolean;
+        /**
+          * Specifies the URL destination of the component, which can be set as an absolute or relative path.
+         */
+        "href"?: string;
+        /**
+          * Specifies an icon to display at the end of the component.
+         */
+        "iconEnd"?: string;
+        /**
+          * Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`).
+         */
+        "iconFlipRtl"?: FlipContext;
+        /**
+          * Specifies an icon to display at the start of the component.
+         */
+        "iconStart"?: string;
+        /**
+          * Accessible name for the component.
+         */
+        "label": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<MenuItemMessages>;
+        /**
+          * Emits when the component is selected.
+         */
+        "onCalciteMenuItemSelect"?: (event: CalciteMenuItemCustomEvent<void>) => void;
+        /**
+          * When `true`, the component will display any slotted `calcite-menu-item` in an open overflow menu.
+         */
+        "open"?: boolean;
+        /**
+          * Defines the relationship between the `href` value and the current document.
+          * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
+         */
+        "rel"?: string;
+        /**
+          * Specifies where to open the linked document defined in the `href` property.
+          * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
+         */
+        "target"?: string;
+        /**
+          * Specifies the text to display.
+         */
+        "text"?: string;
+    }
     interface CalciteModal {
         /**
           * Passes a function to run before the component closes.
@@ -8199,12 +8454,22 @@ declare namespace LocalJSX {
         "collapsed"?: boolean;
         /**
           * When `true`, the content area displays like a floating panel.
+          * @deprecated use `displayMode` instead.
          */
         "detached"?: boolean;
         /**
-          * When `detached`, specifies the maximum height of the component.
+          * When `displayMode` is `float`, specifies the maximum height of the component.
+          * @deprecated use `heightScale` instead.
          */
         "detachedHeightScale"?: Scale;
+        /**
+          * Specifies the display mode - `"dock"` (full height, displays adjacent to center content), `"float"` (not full height, content is separated detached from `calcite-action-bar`, displays on top of center content), or `"overlay"` (full height, displays on top of center content).
+         */
+        "displayMode"?: DisplayMode;
+        /**
+          * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
+         */
+        "heightScale"?: Scale;
         /**
           * The direction of the component.
          */
@@ -8218,11 +8483,11 @@ declare namespace LocalJSX {
          */
         "position"?: Position;
         /**
-          * When `true` and not `detached`, the component's content area is resizable.
+          * When `true` and `displayMode` is not `float`, the component's content area is resizable.
          */
         "resizable"?: boolean;
         /**
-          * Specifies the width of the component's content area.
+          * When `layout` is `vertical`, specifies the width of the component.
          */
         "widthScale"?: Scale;
     }
@@ -9156,6 +9421,8 @@ declare namespace LocalJSX {
         "calcite-list-item": CalciteListItem;
         "calcite-list-item-group": CalciteListItemGroup;
         "calcite-loader": CalciteLoader;
+        "calcite-menu": CalciteMenu;
+        "calcite-menu-item": CalciteMenuItem;
         "calcite-modal": CalciteModal;
         "calcite-notice": CalciteNotice;
         "calcite-option": CalciteOption;
@@ -9258,6 +9525,8 @@ declare module "@stencil/core" {
             "calcite-list-item": LocalJSX.CalciteListItem & JSXBase.HTMLAttributes<HTMLCalciteListItemElement>;
             "calcite-list-item-group": LocalJSX.CalciteListItemGroup & JSXBase.HTMLAttributes<HTMLCalciteListItemGroupElement>;
             "calcite-loader": LocalJSX.CalciteLoader & JSXBase.HTMLAttributes<HTMLCalciteLoaderElement>;
+            "calcite-menu": LocalJSX.CalciteMenu & JSXBase.HTMLAttributes<HTMLCalciteMenuElement>;
+            "calcite-menu-item": LocalJSX.CalciteMenuItem & JSXBase.HTMLAttributes<HTMLCalciteMenuItemElement>;
             "calcite-modal": LocalJSX.CalciteModal & JSXBase.HTMLAttributes<HTMLCalciteModalElement>;
             "calcite-notice": LocalJSX.CalciteNotice & JSXBase.HTMLAttributes<HTMLCalciteNoticeElement>;
             "calcite-option": LocalJSX.CalciteOption & JSXBase.HTMLAttributes<HTMLCalciteOptionElement>;