@esri/calcite-components 1.7.0-next.8 → 1.7.0

package/dist/types/components.d.ts

@@ -35,6 +35,7 @@ import { HoverRange } from "./utils/date";
 import { RequestedItem as RequestedItem2 } from "./components/dropdown-group/interfaces";
 import { ItemKeyboardEvent } from "./components/dropdown/interfaces";
 import { FilterMessages } from "./components/filter/assets/filter/t9n";
+import { FlowItemLikeElement } from "./components/flow/interfaces";
 import { FlowItemMessages } from "./components/flow-item/assets/flow-item/t9n";
 import { ColorStop, DataSeries } from "./components/graph/interfaces";
 import { HandleMessages } from "./components/handle/assets/handle/t9n";
@@ -48,7 +49,7 @@ import { InputTextMessages } from "./components/input-text/assets/input-text/t9n
 import { InputTimePickerMessages } from "./components/input-time-picker/assets/input-time-picker/t9n";
 import { TimePickerMessages } from "./components/time-picker/assets/time-picker/t9n";
 import { InputTimeZoneMessages } from "./components/input-time-zone/assets/input-time-zone/t9n";
-import { DragEvent } from "./utils/sortableComponent";
+import { DragDetail } from "./utils/sortableComponent";
 import { ItemData } from "./components/list-item/interfaces";
 import { SelectionAppearance } from "./components/list/resources";
 import { ListItemMessages } from "./components/list-item/assets/list-item/t9n";
@@ -66,12 +67,17 @@ 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 { DisplayMode } from "./components/sheet/interfaces";
+import { DisplayMode as DisplayMode1 } 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";
 import { TabChangeEventDetail, TabCloseEventDetail } from "./components/tab/interfaces";
 import { TabTitleMessages } from "./components/tab-title/assets/tab-title/t9n";
+import { RowType, TableLayout, TableRowFocusEvent } from "./components/table/interfaces";
+import { TableMessages } from "./components/table/assets/table/t9n";
+import { TableCellMessages } from "./components/table-cell/assets/table-cell/t9n";
+import { TableHeaderMessages } from "./components/table-header/assets/table-header/t9n";
 import { TextAreaMessages } from "./components/text-area/assets/text-area/t9n";
 import { TileSelectType } from "./components/tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/tile-select-group/interfaces";
@@ -1531,7 +1537,11 @@ export namespace Components {
         /**
           * Removes the currently active `calcite-flow-item`.
          */
-        "back": () => Promise<HTMLCalciteFlowItemElement>;
+        "back": () => Promise<HTMLCalciteFlowItemElement | FlowItemLikeElement>;
+        /**
+          * This property enables the component to consider other custom elements implementing flow-item's interface.
+         */
+        "customItemSelectors": string;
         /**
           * Sets focus on the component.
          */
@@ -2082,6 +2092,10 @@ export namespace Components {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode": string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer": boolean;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -2494,11 +2508,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -3707,6 +3721,65 @@ export namespace Components {
          */
         "width": Width;
     }
+    interface CalciteSheet {
+        /**
+          * Passes a function to run before the component closes.
+          * @returns
+         */
+        "beforeClose": (el: HTMLCalciteSheetElement) => Promise<void>;
+        /**
+          * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
+         */
+        "displayMode": DisplayMode;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled": boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled": boolean;
+        /**
+          * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
+         */
+        "heightScale": Scale;
+        /**
+          * Specifies the label of the component.
+         */
+        "label": string;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open": boolean;
+        /**
+          * We use an internal property to handle styles for when a modal is actually opened, not just when the open attribute is applied. This is a property because we need to apply styles to the host element and to keep the styles present while beforeClose is .
+         */
+        "opened": boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled": boolean;
+        /**
+          * Determines where the component will be positioned.
+         */
+        "position": LogicalFlowPosition;
+        /**
+          * Sets focus on the component's "close" button (the first focusable item).
+         */
+        "setFocus": () => Promise<void>;
+        /**
+          * This internal property, managed by a containing calcite-shell, is used to inform the component if special configuration or styles are needed
+         */
+        "slottedInShell": boolean;
+        /**
+          * Updates the element(s) that are used within the focus-trap of the component.
+         */
+        "updateFocusTrapElements": () => Promise<void>;
+        /**
+          * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
+         */
+        "widthScale": Scale;
+    }
     interface CalciteShell {
         /**
           * Positions the center content behind any `calcite-shell-panel`s.
@@ -3745,7 +3818,7 @@ export namespace Components {
         /**
           * 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;
+        "displayMode": DisplayMode1;
         /**
           * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
          */
@@ -3886,11 +3959,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -4060,14 +4133,26 @@ export namespace Components {
           * The component header text.
          */
         "heading": string;
+        /**
+          * When `true`, displays a status icon in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
         "icon": boolean;
         /**
           * When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`).
          */
         "iconFlipRtl": boolean;
+        /**
+          * Specifies the layout of the `calcite-stepper-item` inherited from parent `calcite-stepper`, defaults to `horizontal`.
+         */
         "layout": Extract<"horizontal" | "vertical", Layout>;
+        /**
+          * When `true`, displays the step number in the `calcite-stepper-item` heading inherited from parent `calcite-stepper`.
+         */
         "numbered": boolean;
         "numberingSystem": NumberingSystem;
+        /**
+          * Specifies the size of the component inherited from the `calcite-stepper`, defaults to `m`.
+         */
         "scale": Scale;
         /**
           * When `true`, the component is selected.
@@ -4209,6 +4294,165 @@ export namespace Components {
          */
         "updateAriaInfo": (tabIds?: string[], titleIds?: string[]) => Promise<void>;
     }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered": boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator": boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout": TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableMessages;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered": boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize": number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale": Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems": HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode": Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra": boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * When true, prevents user interaction.  Notes:  This prop should use the @Prop decorator and reflect. The `disabled` Sass mixin must be added to the component's stylesheet.
+         */
+        "disabled": boolean;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableCellMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableCellMessages;
+        "numberCell": boolean;
+        "parentRowIsSelected": boolean;
+        "parentRowPositionLocalized": string;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        "readCellContentsToAT": boolean;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectionCell": boolean;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment": Alignment;
+        "bodyRowCount": number;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan": number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description": string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading": string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides": Partial<TableHeaderMessages>;
+        /**
+          * Made into a prop for testing purposes only
+         */
+        "messages": TableHeaderMessages;
+        "numberCell": boolean;
+        "parentRowPosition": number;
+        "parentRowType": RowType;
+        "positionInRow": number;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan": number;
+        "scale": Scale;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionCell": boolean;
+        "selectionMode": SelectionMode;
+        /**
+          * Sets focus on the component.
+         */
+        "setFocus": () => Promise<void>;
+    }
+    interface CalciteTableRow {
+        "bodyRowCount": number;
+        "cellCount": number;
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled": boolean;
+        "numbered": boolean;
+        "positionAll": number;
+        "positionSection": number;
+        "positionSectionLocalized": string;
+        "readCellContentsToAT": boolean;
+        "rowType": RowType;
+        "scale": Scale;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected": boolean;
+        "selectedRowCount": number;
+        "selectedRowCountLocalized": string;
+        "selectionMode": Extract<"multiple" | "single" | "none", SelectionMode>;
+    }
     interface CalciteTabs {
         /**
           * When `true`, the component will display with a folder style menu.
@@ -4627,11 +4871,11 @@ export namespace Components {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull": (event: DragEvent) => boolean;
+        "canPull": (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut": (event: DragEvent) => boolean;
+        "canPut": (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -4970,6 +5214,10 @@ export interface CalciteSelectCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteSelectElement;
 }
+export interface CalciteSheetCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteSheetElement;
+}
 export interface CalciteSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteSliderElement;
@@ -5006,6 +5254,14 @@ export interface CalciteTabTitleCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTabTitleElement;
 }
+export interface CalciteTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableElement;
+}
+export interface CalciteTableRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLCalciteTableRowElement;
+}
 export interface CalciteTextAreaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLCalciteTextAreaElement;
@@ -5503,6 +5759,12 @@ declare global {
         prototype: HTMLCalciteSelectElement;
         new (): HTMLCalciteSelectElement;
     };
+    interface HTMLCalciteSheetElement extends Components.CalciteSheet, HTMLStencilElement {
+    }
+    var HTMLCalciteSheetElement: {
+        prototype: HTMLCalciteSheetElement;
+        new (): HTMLCalciteSheetElement;
+    };
     interface HTMLCalciteShellElement extends Components.CalciteShell, HTMLStencilElement {
     }
     var HTMLCalciteShellElement: {
@@ -5581,6 +5843,30 @@ declare global {
         prototype: HTMLCalciteTabTitleElement;
         new (): HTMLCalciteTabTitleElement;
     };
+    interface HTMLCalciteTableElement extends Components.CalciteTable, HTMLStencilElement {
+    }
+    var HTMLCalciteTableElement: {
+        prototype: HTMLCalciteTableElement;
+        new (): HTMLCalciteTableElement;
+    };
+    interface HTMLCalciteTableCellElement extends Components.CalciteTableCell, HTMLStencilElement {
+    }
+    var HTMLCalciteTableCellElement: {
+        prototype: HTMLCalciteTableCellElement;
+        new (): HTMLCalciteTableCellElement;
+    };
+    interface HTMLCalciteTableHeaderElement extends Components.CalciteTableHeader, HTMLStencilElement {
+    }
+    var HTMLCalciteTableHeaderElement: {
+        prototype: HTMLCalciteTableHeaderElement;
+        new (): HTMLCalciteTableHeaderElement;
+    };
+    interface HTMLCalciteTableRowElement extends Components.CalciteTableRow, HTMLStencilElement {
+    }
+    var HTMLCalciteTableRowElement: {
+        prototype: HTMLCalciteTableRowElement;
+        new (): HTMLCalciteTableRowElement;
+    };
     interface HTMLCalciteTabsElement extends Components.CalciteTabs, HTMLStencilElement {
     }
     var HTMLCalciteTabsElement: {
@@ -5746,6 +6032,7 @@ declare global {
         "calcite-segmented-control": HTMLCalciteSegmentedControlElement;
         "calcite-segmented-control-item": HTMLCalciteSegmentedControlItemElement;
         "calcite-select": HTMLCalciteSelectElement;
+        "calcite-sheet": HTMLCalciteSheetElement;
         "calcite-shell": HTMLCalciteShellElement;
         "calcite-shell-center-row": HTMLCalciteShellCenterRowElement;
         "calcite-shell-panel": HTMLCalciteShellPanelElement;
@@ -5759,6 +6046,10 @@ declare global {
         "calcite-tab": HTMLCalciteTabElement;
         "calcite-tab-nav": HTMLCalciteTabNavElement;
         "calcite-tab-title": HTMLCalciteTabTitleElement;
+        "calcite-table": HTMLCalciteTableElement;
+        "calcite-table-cell": HTMLCalciteTableCellElement;
+        "calcite-table-header": HTMLCalciteTableHeaderElement;
+        "calcite-table-row": HTMLCalciteTableRowElement;
         "calcite-tabs": HTMLCalciteTabsElement;
         "calcite-text-area": HTMLCalciteTextAreaElement;
         "calcite-tile": HTMLCalciteTileElement;
@@ -7628,6 +7919,10 @@ declare namespace LocalJSX {
           * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode)
          */
         "inputMode"?: string;
+        /**
+          * When `true`, restricts the component to integer numbers only and disables exponential notation.
+         */
+        "integer"?: boolean;
         /**
           * Accessible name for the component's button or hyperlink.
          */
@@ -8006,11 +8301,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -8056,7 +8351,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the default slot has changes in order to notify parent lists.
          */
-        "onCalciteInternalListDefaultSlotChange"?: (event: CalciteListCustomEvent<DragEvent>) => void;
+        "onCalciteInternalListDefaultSlotChange"?: (event: CalciteListCustomEvent<void>) => void;
         /**
           * Emits when any of the list item selections have changed.
          */
@@ -8068,7 +8363,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when the order of the list has changed.
          */
-        "onCalciteListOrderChange"?: (event: CalciteListCustomEvent<DragEvent>) => void;
+        "onCalciteListOrderChange"?: (event: CalciteListCustomEvent<DragDetail>) => void;
         /**
           * The currently selected items.
           * @readonly
@@ -9104,6 +9399,65 @@ declare namespace LocalJSX {
          */
         "width"?: Width;
     }
+    interface CalciteSheet {
+        /**
+          * Passes a function to run before the component closes.
+          * @returns
+         */
+        "beforeClose"?: (el: HTMLCalciteSheetElement) => Promise<void>;
+        /**
+          * Specifies the display mode - `"float"` (content is separated detached), or `"overlay"` (displays on top of center content).
+         */
+        "displayMode"?: DisplayMode;
+        /**
+          * When `true`, disables the default close on escape behavior.
+         */
+        "escapeDisabled"?: boolean;
+        /**
+          * When `true`, prevents focus trapping.
+         */
+        "focusTrapDisabled"?: boolean;
+        /**
+          * When `position` is `"block-start"` or `"block-end"`, specifies the height of the component.
+         */
+        "heightScale"?: Scale;
+        /**
+          * Specifies the label of the component.
+         */
+        "label": string;
+        /**
+          * Fires when the component is requested to be closed and before the closing transition begins.
+         */
+        "onCalciteSheetBeforeClose"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is added to the DOM but not rendered, and before the opening transition begins.
+         */
+        "onCalciteSheetBeforeOpen"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is closed and animation is complete.
+         */
+        "onCalciteSheetClose"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * Fires when the component is open and animation is complete.
+         */
+        "onCalciteSheetOpen"?: (event: CalciteSheetCustomEvent<void>) => void;
+        /**
+          * When `true`, displays and positions the component.
+         */
+        "open"?: boolean;
+        /**
+          * When `true`, disables the closing of the component when clicked outside.
+         */
+        "outsideCloseDisabled"?: boolean;
+        /**
+          * Determines where the component will be positioned.
+         */
+        "position"?: LogicalFlowPosition;
+        /**
+          * When `position` is `"inline-start"` or `"inline-end"`, specifies the width of the component.
+         */
+        "widthScale"?: Scale;
+    }
     interface CalciteShell {
         /**
           * Positions the center content behind any `calcite-shell-panel`s.
@@ -9142,7 +9496,7 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "displayMode"?: DisplayMode1;
         /**
           * When `layout` is `horizontal`, or `layout` is `vertical` and `displayMode` is `float`, specifies the maximum height of the component.
          */
@@ -9283,11 +9637,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -9562,6 +9916,123 @@ declare namespace LocalJSX {
          */
         "tab"?: string;
     }
+    interface CalciteTable {
+        /**
+          * When `true`, displays borders in the component.
+         */
+        "bordered"?: boolean;
+        /**
+          * Specifies an accessible title for the component.
+         */
+        "caption": string;
+        /**
+          * When `true`, number values are displayed with a group separator corresponding to the language and country format.
+         */
+        "groupSeparator"?: boolean;
+        /**
+          * Specifies the layout of the component.
+         */
+        "layout"?: TableLayout;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableMessages>;
+        /**
+          * When `true`, displays the position of the row in numeric form.
+         */
+        "numbered"?: boolean;
+        /**
+          * Specifies the Unicode numeral system used by the component for localization.
+         */
+        "numberingSystem"?: NumberingSystem;
+        /**
+          * Emits when the component's page selection changes.
+         */
+        "onCalciteTablePageChange"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Emits when the component's selected rows change.
+         */
+        "onCalciteTableSelect"?: (event: CalciteTableCustomEvent<void>) => void;
+        /**
+          * Specifies the page size of the component. When `true`, renders `calcite-pagination`
+         */
+        "pageSize"?: number;
+        /**
+          * Specifies the size of the component.
+         */
+        "scale"?: Scale;
+        /**
+          * Specifies the component's selected items.
+          * @readonly
+         */
+        "selectedItems"?: HTMLCalciteTableRowElement[];
+        /**
+          * Specifies the selection mode of the component.
+         */
+        "selectionMode"?: Extract<"none" | "multiple" | "single", SelectionMode>;
+        /**
+          * When `true`, displays zebra styling in the component.
+         */
+        "zebra"?: boolean;
+    }
+    interface CalciteTableCell {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableCellMessages>;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+    }
+    interface CalciteTableHeader {
+        /**
+          * Specifies the alignment of the component.
+         */
+        "alignment"?: Alignment;
+        /**
+          * Specifies the number of columns the component should span.
+         */
+        "colSpan"?: number;
+        /**
+          * A description to display beneath heading content.
+         */
+        "description"?: string;
+        /**
+          * A heading to display above description content.
+         */
+        "heading"?: string;
+        /**
+          * Use this property to override individual strings used by the component.
+         */
+        "messageOverrides"?: Partial<TableHeaderMessages>;
+        /**
+          * Specifies the number of rows the component should span.
+         */
+        "rowSpan"?: number;
+    }
+    interface CalciteTableRow {
+        /**
+          * When `true`, interaction is prevented and the component is displayed with lower opacity.
+         */
+        "disabled"?: boolean;
+        /**
+          * Fires when the selected state of the component changes.
+         */
+        "onCalciteTableRowSelect"?: (event: CalciteTableRowCustomEvent<void>) => void;
+        /**
+          * When `true`, the component is selected.
+         */
+        "selected"?: boolean;
+    }
     interface CalciteTabs {
         /**
           * When `true`, the component will display with a folder style menu.
@@ -9960,11 +10431,11 @@ declare namespace LocalJSX {
         /**
           * When provided, the method will be called to determine whether the element can  move from the list.
          */
-        "canPull"?: (event: DragEvent) => boolean;
+        "canPull"?: (detail: DragDetail) => boolean;
         /**
           * When provided, the method will be called to determine whether the element can be added from another list.
          */
-        "canPut"?: (event: DragEvent) => boolean;
+        "canPut"?: (detail: DragDetail) => boolean;
         /**
           * When `true`, interaction is prevented and the component is displayed with lower opacity.
          */
@@ -10162,6 +10633,7 @@ declare namespace LocalJSX {
         "calcite-segmented-control": CalciteSegmentedControl;
         "calcite-segmented-control-item": CalciteSegmentedControlItem;
         "calcite-select": CalciteSelect;
+        "calcite-sheet": CalciteSheet;
         "calcite-shell": CalciteShell;
         "calcite-shell-center-row": CalciteShellCenterRow;
         "calcite-shell-panel": CalciteShellPanel;
@@ -10175,6 +10647,10 @@ declare namespace LocalJSX {
         "calcite-tab": CalciteTab;
         "calcite-tab-nav": CalciteTabNav;
         "calcite-tab-title": CalciteTabTitle;
+        "calcite-table": CalciteTable;
+        "calcite-table-cell": CalciteTableCell;
+        "calcite-table-header": CalciteTableHeader;
+        "calcite-table-row": CalciteTableRow;
         "calcite-tabs": CalciteTabs;
         "calcite-text-area": CalciteTextArea;
         "calcite-tile": CalciteTile;
@@ -10281,6 +10757,7 @@ declare module "@stencil/core" {
             "calcite-segmented-control": LocalJSX.CalciteSegmentedControl & JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlElement>;
             "calcite-segmented-control-item": LocalJSX.CalciteSegmentedControlItem & JSXBase.HTMLAttributes<HTMLCalciteSegmentedControlItemElement>;
             "calcite-select": LocalJSX.CalciteSelect & JSXBase.HTMLAttributes<HTMLCalciteSelectElement>;
+            "calcite-sheet": LocalJSX.CalciteSheet & JSXBase.HTMLAttributes<HTMLCalciteSheetElement>;
             "calcite-shell": LocalJSX.CalciteShell & JSXBase.HTMLAttributes<HTMLCalciteShellElement>;
             "calcite-shell-center-row": LocalJSX.CalciteShellCenterRow & JSXBase.HTMLAttributes<HTMLCalciteShellCenterRowElement>;
             "calcite-shell-panel": LocalJSX.CalciteShellPanel & JSXBase.HTMLAttributes<HTMLCalciteShellPanelElement>;
@@ -10294,6 +10771,10 @@ declare module "@stencil/core" {
             "calcite-tab": LocalJSX.CalciteTab & JSXBase.HTMLAttributes<HTMLCalciteTabElement>;
             "calcite-tab-nav": LocalJSX.CalciteTabNav & JSXBase.HTMLAttributes<HTMLCalciteTabNavElement>;
             "calcite-tab-title": LocalJSX.CalciteTabTitle & JSXBase.HTMLAttributes<HTMLCalciteTabTitleElement>;
+            "calcite-table": LocalJSX.CalciteTable & JSXBase.HTMLAttributes<HTMLCalciteTableElement>;
+            "calcite-table-cell": LocalJSX.CalciteTableCell & JSXBase.HTMLAttributes<HTMLCalciteTableCellElement>;
+            "calcite-table-header": LocalJSX.CalciteTableHeader & JSXBase.HTMLAttributes<HTMLCalciteTableHeaderElement>;
+            "calcite-table-row": LocalJSX.CalciteTableRow & JSXBase.HTMLAttributes<HTMLCalciteTableRowElement>;
             "calcite-tabs": LocalJSX.CalciteTabs & JSXBase.HTMLAttributes<HTMLCalciteTabsElement>;
             "calcite-text-area": LocalJSX.CalciteTextArea & JSXBase.HTMLAttributes<HTMLCalciteTextAreaElement>;
             "calcite-tile": LocalJSX.CalciteTile & JSXBase.HTMLAttributes<HTMLCalciteTileElement>;