@esri/calcite-components 5.0.0-next.72 → 5.0.0-next.74

package/dist/types/stencil.d.ts

@@ -1,614 +1,614 @@
 /// <reference types="../index.d.ts" />
-import type { Accordion } from "../components/calcite-accordion/index.js";
-import type { AccordionItem } from "../components/calcite-accordion-item/index.js";
-import type { Action } from "../components/calcite-action/index.js";
-import type { ActionBar } from "../components/calcite-action-bar/index.js";
-import type { ActionGroup } from "../components/calcite-action-group/index.js";
-import type { ActionMenu } from "../components/calcite-action-menu/index.js";
-import type { ActionPad } from "../components/calcite-action-pad/index.js";
-import type { Alert } from "../components/calcite-alert/index.js";
-import type { Autocomplete } from "../components/calcite-autocomplete/index.js";
-import type { AutocompleteItem } from "../components/calcite-autocomplete-item/index.js";
-import type { AutocompleteItemGroup } from "../components/calcite-autocomplete-item-group/index.js";
-import type { Avatar } from "../components/calcite-avatar/index.js";
-import type { Block } from "../components/calcite-block/index.js";
-import type { BlockGroup } from "../components/calcite-block-group/index.js";
-import type { BlockSection } from "../components/calcite-block-section/index.js";
-import type { Button } from "../components/calcite-button/index.js";
-import type { Card } from "../components/calcite-card/index.js";
-import type { CardGroup } from "../components/calcite-card-group/index.js";
-import type { Carousel } from "../components/calcite-carousel/index.js";
-import type { CarouselItem } from "../components/calcite-carousel-item/index.js";
-import type { Checkbox } from "../components/calcite-checkbox/index.js";
-import type { Chip } from "../components/calcite-chip/index.js";
-import type { ChipGroup } from "../components/calcite-chip-group/index.js";
-import type { ColorPicker } from "../components/calcite-color-picker/index.js";
-import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/index.js";
-import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/index.js";
-import type { Combobox } from "../components/calcite-combobox/index.js";
-import type { ComboboxItem } from "../components/calcite-combobox-item/index.js";
-import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/index.js";
-import type { DatePicker } from "../components/calcite-date-picker/index.js";
-import type { DatePickerDay } from "../components/calcite-date-picker-day/index.js";
-import type { DatePickerMonth } from "../components/calcite-date-picker-month/index.js";
-import type { Dialog } from "../components/calcite-dialog/index.js";
-import type { Dropdown } from "../components/calcite-dropdown/index.js";
-import type { DropdownGroup } from "../components/calcite-dropdown-group/index.js";
-import type { DropdownItem } from "../components/calcite-dropdown-item/index.js";
-import type { Fab } from "../components/calcite-fab/index.js";
-import type { Filter } from "../components/calcite-filter/index.js";
-import type { Flow } from "../components/calcite-flow/index.js";
-import type { FlowItem } from "../components/calcite-flow-item/index.js";
-import type { Graph } from "../components/calcite-graph/index.js";
-import type { Handle } from "../components/calcite-handle/index.js";
-import type { Icon } from "../components/calcite-icon/index.js";
-import type { InlineEditable } from "../components/calcite-inline-editable/index.js";
-import type { Input } from "../components/calcite-input/index.js";
-import type { InputDatePicker } from "../components/calcite-input-date-picker/index.js";
-import type { InputMessage } from "../components/calcite-input-message/index.js";
-import type { InputNumber } from "../components/calcite-input-number/index.js";
-import type { InputText } from "../components/calcite-input-text/index.js";
-import type { InputTimePicker } from "../components/calcite-input-time-picker/index.js";
-import type { InputTimeZone } from "../components/calcite-input-time-zone/index.js";
-import type { Label } from "../components/calcite-label/index.js";
-import type { Link } from "../components/calcite-link/index.js";
-import type { List } from "../components/calcite-list/index.js";
-import type { ListItem } from "../components/calcite-list-item/index.js";
-import type { ListItemGroup } from "../components/calcite-list-item-group/index.js";
-import type { Loader } from "../components/calcite-loader/index.js";
-import type { Menu } from "../components/calcite-menu/index.js";
-import type { MenuItem } from "../components/calcite-menu-item/index.js";
-import type { Meter } from "../components/calcite-meter/index.js";
-import type { Navigation } from "../components/calcite-navigation/index.js";
-import type { NavigationLogo } from "../components/calcite-navigation-logo/index.js";
-import type { NavigationUser } from "../components/calcite-navigation-user/index.js";
-import type { Notice } from "../components/calcite-notice/index.js";
-import type { Option } from "../components/calcite-option/index.js";
-import type { OptionGroup } from "../components/calcite-option-group/index.js";
-import type { Pagination } from "../components/calcite-pagination/index.js";
-import type { Panel } from "../components/calcite-panel/index.js";
-import type { Popover } from "../components/calcite-popover/index.js";
-import type { Progress } from "../components/calcite-progress/index.js";
-import type { RadioButton } from "../components/calcite-radio-button/index.js";
-import type { RadioButtonGroup } from "../components/calcite-radio-button-group/index.js";
-import type { Rating } from "../components/calcite-rating/index.js";
-import type { Scrim } from "../components/calcite-scrim/index.js";
-import type { SegmentedControl } from "../components/calcite-segmented-control/index.js";
-import type { SegmentedControlItem } from "../components/calcite-segmented-control-item/index.js";
-import type { Select } from "../components/calcite-select/index.js";
-import type { Sheet } from "../components/calcite-sheet/index.js";
-import type { Shell } from "../components/calcite-shell/index.js";
-import type { ShellPanel } from "../components/calcite-shell-panel/index.js";
-import type { Slider } from "../components/calcite-slider/index.js";
-import type { SortHandle } from "../components/calcite-sort-handle/index.js";
-import type { SortableList } from "../components/calcite-sortable-list/index.js";
-import type { SplitButton } from "../components/calcite-split-button/index.js";
-import type { Stack } from "../components/calcite-stack/index.js";
-import type { Stepper } from "../components/calcite-stepper/index.js";
-import type { StepperItem } from "../components/calcite-stepper-item/index.js";
-import type { Swatch } from "../components/calcite-swatch/index.js";
-import type { SwatchGroup } from "../components/calcite-swatch-group/index.js";
-import type { Switch } from "../components/calcite-switch/index.js";
-import type { Tab } from "../components/calcite-tab/index.js";
-import type { TabNav } from "../components/calcite-tab-nav/index.js";
-import type { TabTitle } from "../components/calcite-tab-title/index.js";
-import type { Table } from "../components/calcite-table/index.js";
-import type { TableCell } from "../components/calcite-table-cell/index.js";
-import type { TableHeader } from "../components/calcite-table-header/index.js";
-import type { TableRow } from "../components/calcite-table-row/index.js";
-import type { Tabs } from "../components/calcite-tabs/index.js";
-import type { TextArea } from "../components/calcite-text-area/index.js";
-import type { Tile } from "../components/calcite-tile/index.js";
-import type { TileGroup } from "../components/calcite-tile-group/index.js";
-import type { TimePicker } from "../components/calcite-time-picker/index.js";
-import type { Tooltip } from "../components/calcite-tooltip/index.js";
-import type { Tree } from "../components/calcite-tree/index.js";
-import type { TreeItem } from "../components/calcite-tree-item/index.js";
+import type { Accordion } from "../components/calcite-accordion/customElement.js";
+import type { AccordionItem } from "../components/calcite-accordion-item/customElement.js";
+import type { Action } from "../components/calcite-action/customElement.js";
+import type { ActionBar } from "../components/calcite-action-bar/customElement.js";
+import type { ActionGroup } from "../components/calcite-action-group/customElement.js";
+import type { ActionMenu } from "../components/calcite-action-menu/customElement.js";
+import type { ActionPad } from "../components/calcite-action-pad/customElement.js";
+import type { Alert } from "../components/calcite-alert/customElement.js";
+import type { Autocomplete } from "../components/calcite-autocomplete/customElement.js";
+import type { AutocompleteItem } from "../components/calcite-autocomplete-item/customElement.js";
+import type { AutocompleteItemGroup } from "../components/calcite-autocomplete-item-group/customElement.js";
+import type { Avatar } from "../components/calcite-avatar/customElement.js";
+import type { Block } from "../components/calcite-block/customElement.js";
+import type { BlockGroup } from "../components/calcite-block-group/customElement.js";
+import type { BlockSection } from "../components/calcite-block-section/customElement.js";
+import type { Button } from "../components/calcite-button/customElement.js";
+import type { Card } from "../components/calcite-card/customElement.js";
+import type { CardGroup } from "../components/calcite-card-group/customElement.js";
+import type { Carousel } from "../components/calcite-carousel/customElement.js";
+import type { CarouselItem } from "../components/calcite-carousel-item/customElement.js";
+import type { Checkbox } from "../components/calcite-checkbox/customElement.js";
+import type { Chip } from "../components/calcite-chip/customElement.js";
+import type { ChipGroup } from "../components/calcite-chip-group/customElement.js";
+import type { ColorPicker } from "../components/calcite-color-picker/customElement.js";
+import type { ColorPickerHexInput } from "../components/calcite-color-picker-hex-input/customElement.js";
+import type { ColorPickerSwatch } from "../components/calcite-color-picker-swatch/customElement.js";
+import type { Combobox } from "../components/calcite-combobox/customElement.js";
+import type { ComboboxItem } from "../components/calcite-combobox-item/customElement.js";
+import type { ComboboxItemGroup } from "../components/calcite-combobox-item-group/customElement.js";
+import type { DatePicker } from "../components/calcite-date-picker/customElement.js";
+import type { DatePickerDay } from "../components/calcite-date-picker-day/customElement.js";
+import type { DatePickerMonth } from "../components/calcite-date-picker-month/customElement.js";
+import type { Dialog } from "../components/calcite-dialog/customElement.js";
+import type { Dropdown } from "../components/calcite-dropdown/customElement.js";
+import type { DropdownGroup } from "../components/calcite-dropdown-group/customElement.js";
+import type { DropdownItem } from "../components/calcite-dropdown-item/customElement.js";
+import type { Fab } from "../components/calcite-fab/customElement.js";
+import type { Filter } from "../components/calcite-filter/customElement.js";
+import type { Flow } from "../components/calcite-flow/customElement.js";
+import type { FlowItem } from "../components/calcite-flow-item/customElement.js";
+import type { Graph } from "../components/calcite-graph/customElement.js";
+import type { Handle } from "../components/calcite-handle/customElement.js";
+import type { Icon } from "../components/calcite-icon/customElement.js";
+import type { InlineEditable } from "../components/calcite-inline-editable/customElement.js";
+import type { Input } from "../components/calcite-input/customElement.js";
+import type { InputDatePicker } from "../components/calcite-input-date-picker/customElement.js";
+import type { InputMessage } from "../components/calcite-input-message/customElement.js";
+import type { InputNumber } from "../components/calcite-input-number/customElement.js";
+import type { InputText } from "../components/calcite-input-text/customElement.js";
+import type { InputTimePicker } from "../components/calcite-input-time-picker/customElement.js";
+import type { InputTimeZone } from "../components/calcite-input-time-zone/customElement.js";
+import type { Label } from "../components/calcite-label/customElement.js";
+import type { Link } from "../components/calcite-link/customElement.js";
+import type { List } from "../components/calcite-list/customElement.js";
+import type { ListItem } from "../components/calcite-list-item/customElement.js";
+import type { ListItemGroup } from "../components/calcite-list-item-group/customElement.js";
+import type { Loader } from "../components/calcite-loader/customElement.js";
+import type { Menu } from "../components/calcite-menu/customElement.js";
+import type { MenuItem } from "../components/calcite-menu-item/customElement.js";
+import type { Meter } from "../components/calcite-meter/customElement.js";
+import type { Navigation } from "../components/calcite-navigation/customElement.js";
+import type { NavigationLogo } from "../components/calcite-navigation-logo/customElement.js";
+import type { NavigationUser } from "../components/calcite-navigation-user/customElement.js";
+import type { Notice } from "../components/calcite-notice/customElement.js";
+import type { Option } from "../components/calcite-option/customElement.js";
+import type { OptionGroup } from "../components/calcite-option-group/customElement.js";
+import type { Pagination } from "../components/calcite-pagination/customElement.js";
+import type { Panel } from "../components/calcite-panel/customElement.js";
+import type { Popover } from "../components/calcite-popover/customElement.js";
+import type { Progress } from "../components/calcite-progress/customElement.js";
+import type { RadioButton } from "../components/calcite-radio-button/customElement.js";
+import type { RadioButtonGroup } from "../components/calcite-radio-button-group/customElement.js";
+import type { Rating } from "../components/calcite-rating/customElement.js";
+import type { Scrim } from "../components/calcite-scrim/customElement.js";
+import type { SegmentedControl } from "../components/calcite-segmented-control/customElement.js";
+import type { SegmentedControlItem } from "../components/calcite-segmented-control-item/customElement.js";
+import type { Select } from "../components/calcite-select/customElement.js";
+import type { Sheet } from "../components/calcite-sheet/customElement.js";
+import type { Shell } from "../components/calcite-shell/customElement.js";
+import type { ShellPanel } from "../components/calcite-shell-panel/customElement.js";
+import type { Slider } from "../components/calcite-slider/customElement.js";
+import type { SortHandle } from "../components/calcite-sort-handle/customElement.js";
+import type { SortableList } from "../components/calcite-sortable-list/customElement.js";
+import type { SplitButton } from "../components/calcite-split-button/customElement.js";
+import type { Stack } from "../components/calcite-stack/customElement.js";
+import type { Stepper } from "../components/calcite-stepper/customElement.js";
+import type { StepperItem } from "../components/calcite-stepper-item/customElement.js";
+import type { Swatch } from "../components/calcite-swatch/customElement.js";
+import type { SwatchGroup } from "../components/calcite-swatch-group/customElement.js";
+import type { Switch } from "../components/calcite-switch/customElement.js";
+import type { Tab } from "../components/calcite-tab/customElement.js";
+import type { TabNav } from "../components/calcite-tab-nav/customElement.js";
+import type { TabTitle } from "../components/calcite-tab-title/customElement.js";
+import type { Table } from "../components/calcite-table/customElement.js";
+import type { TableCell } from "../components/calcite-table-cell/customElement.js";
+import type { TableHeader } from "../components/calcite-table-header/customElement.js";
+import type { TableRow } from "../components/calcite-table-row/customElement.js";
+import type { Tabs } from "../components/calcite-tabs/customElement.js";
+import type { TextArea } from "../components/calcite-text-area/customElement.js";
+import type { Tile } from "../components/calcite-tile/customElement.js";
+import type { TileGroup } from "../components/calcite-tile-group/customElement.js";
+import type { TimePicker } from "../components/calcite-time-picker/customElement.js";
+import type { Tooltip } from "../components/calcite-tooltip/customElement.js";
+import type { Tree } from "../components/calcite-tree/customElement.js";
+import type { TreeItem } from "../components/calcite-tree-item/customElement.js";
 import { JSXBase as StencilJsx } from "@stencil/core/internal";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface StencilCalciteAccordion extends Partial<Pick<Accordion, 'appearance' | 'iconPosition' | 'iconType' | 'scale' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteAccordionElement> {
+interface StencilCalciteAccordion extends Partial<Pick<Accordion, "appearance" | "iconPosition" | "iconType" | "scale" | "selectionMode">>, StencilJsx.HTMLAttributes<Accordion> {
 }
 
-interface StencilCalciteAccordionItem extends Partial<Pick<AccordionItem, 'description' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides'>>, StencilJsx.HTMLAttributes<HTMLCalciteAccordionItemElement> {
-  onCalciteAccordionItemCollapse?: EventHandler<HTMLCalciteAccordionItemElement["calciteAccordionItemCollapse"]>;
-  onCalciteAccordionItemExpand?: EventHandler<HTMLCalciteAccordionItemElement["calciteAccordionItemExpand"]>;
+interface StencilCalciteAccordionItem extends Partial<Pick<AccordionItem, "description" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides">>, StencilJsx.HTMLAttributes<AccordionItem> {
+  onCalciteAccordionItemCollapse?: EventHandler<AccordionItem["calciteAccordionItemCollapse"]>;
+  onCalciteAccordionItemExpand?: EventHandler<AccordionItem["calciteAccordionItemExpand"]>;
 }
 
-interface StencilCalciteAction extends Required<Pick<Action, 'text'>>, Partial<Pick<Action, 'active' | 'alignment' | 'appearance' | 'aria' | 'compact' | 'disabled' | 'form' | 'icon' | 'iconFlipRtl' | 'indicator' | 'label' | 'loading' | 'messageOverrides' | 'scale' | 'textEnabled' | 'type'>>, StencilJsx.HTMLAttributes<HTMLCalciteActionElement> {
-  onCalciteInternalActionMouseDown?: EventHandler<HTMLCalciteActionElement["calciteInternalActionMouseDown"]>;
+interface StencilCalciteAction extends Required<Pick<Action, "text">>, Partial<Pick<Action, "active" | "alignment" | "appearance" | "aria" | "compact" | "disabled" | "form" | "icon" | "iconFlipRtl" | "indicator" | "label" | "loading" | "messageOverrides" | "scale" | "textEnabled" | "type">>, StencilJsx.HTMLAttributes<Action> {
+  onCalciteInternalActionMouseDown?: EventHandler<Action["calciteInternalActionMouseDown"]>;
 }
 
-interface StencilCalciteActionBar extends Partial<Pick<ActionBar, 'actionsEndGroupLabel' | 'expandDisabled' | 'expanded' | 'floating' | 'layout' | 'messageOverrides' | 'overflowActionsDisabled' | 'overlayPositioning' | 'position' | 'scale' | 'selectionAppearance'>>, StencilJsx.HTMLAttributes<HTMLCalciteActionBarElement> {
-  onCalciteActionBarCollapse?: EventHandler<HTMLCalciteActionBarElement["calciteActionBarCollapse"]>;
-  onCalciteActionBarExpand?: EventHandler<HTMLCalciteActionBarElement["calciteActionBarExpand"]>;
-  onCalciteActionBarToggle?: EventHandler<HTMLCalciteActionBarElement["calciteActionBarToggle"]>;
+interface StencilCalciteActionBar extends Partial<Pick<ActionBar, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "floating" | "layout" | "messageOverrides" | "overflowActionsDisabled" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionBar> {
+  onCalciteActionBarCollapse?: EventHandler<ActionBar["calciteActionBarCollapse"]>;
+  onCalciteActionBarExpand?: EventHandler<ActionBar["calciteActionBarExpand"]>;
+  onCalciteActionBarToggle?: EventHandler<ActionBar["calciteActionBarToggle"]>;
 }
 
-interface StencilCalciteActionGroup extends Partial<Pick<ActionGroup, 'columns' | 'expanded' | 'label' | 'layout' | 'menuFlipPlacements' | 'menuOpen' | 'menuPlacement' | 'messageOverrides' | 'overlayPositioning' | 'scale' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteActionGroupElement> {
-  onCalciteActionGroupCollapse?: EventHandler<HTMLCalciteActionGroupElement["calciteActionGroupCollapse"]>;
-  onCalciteActionGroupExpand?: EventHandler<HTMLCalciteActionGroupElement["calciteActionGroupExpand"]>;
+interface StencilCalciteActionGroup extends Partial<Pick<ActionGroup, "columns" | "expanded" | "label" | "layout" | "menuFlipPlacements" | "menuOpen" | "menuPlacement" | "messageOverrides" | "overlayPositioning" | "scale" | "selectionMode" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionGroup> {
+  onCalciteActionGroupCollapse?: EventHandler<ActionGroup["calciteActionGroupCollapse"]>;
+  onCalciteActionGroupExpand?: EventHandler<ActionGroup["calciteActionGroupExpand"]>;
 }
 
-interface StencilCalciteActionMenu extends Required<Pick<ActionMenu, 'label'>>, Partial<Pick<ActionMenu, 'appearance' | 'expanded' | 'flipPlacements' | 'open' | 'overlayPositioning' | 'placement' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteActionMenuElement> {
-  onCalciteActionMenuCollapse?: EventHandler<HTMLCalciteActionMenuElement["calciteActionMenuCollapse"]>;
-  onCalciteActionMenuExpand?: EventHandler<HTMLCalciteActionMenuElement["calciteActionMenuExpand"]>;
-  onCalciteActionMenuOpen?: EventHandler<HTMLCalciteActionMenuElement["calciteActionMenuOpen"]>;
+interface StencilCalciteActionMenu extends Required<Pick<ActionMenu, "label">>, Partial<Pick<ActionMenu, "appearance" | "expanded" | "flipPlacements" | "open" | "overlayPositioning" | "placement" | "scale" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionMenu> {
+  onCalciteActionMenuCollapse?: EventHandler<ActionMenu["calciteActionMenuCollapse"]>;
+  onCalciteActionMenuExpand?: EventHandler<ActionMenu["calciteActionMenuExpand"]>;
+  onCalciteActionMenuOpen?: EventHandler<ActionMenu["calciteActionMenuOpen"]>;
 }
 
-interface StencilCalciteActionPad extends Partial<Pick<ActionPad, 'actionsEndGroupLabel' | 'expandDisabled' | 'expanded' | 'layout' | 'messageOverrides' | 'overlayPositioning' | 'position' | 'scale' | 'selectionAppearance'>>, StencilJsx.HTMLAttributes<HTMLCalciteActionPadElement> {
-  onCalciteActionPadCollapse?: EventHandler<HTMLCalciteActionPadElement["calciteActionPadCollapse"]>;
-  onCalciteActionPadExpand?: EventHandler<HTMLCalciteActionPadElement["calciteActionPadExpand"]>;
-  onCalciteActionPadToggle?: EventHandler<HTMLCalciteActionPadElement["calciteActionPadToggle"]>;
+interface StencilCalciteActionPad extends Partial<Pick<ActionPad, "actionsEndGroupLabel" | "expandDisabled" | "expanded" | "layout" | "messageOverrides" | "overlayPositioning" | "position" | "scale" | "selectionAppearance" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<ActionPad> {
+  onCalciteActionPadCollapse?: EventHandler<ActionPad["calciteActionPadCollapse"]>;
+  onCalciteActionPadExpand?: EventHandler<ActionPad["calciteActionPadExpand"]>;
+  onCalciteActionPadToggle?: EventHandler<ActionPad["calciteActionPadToggle"]>;
 }
 
-interface StencilCalciteAlert extends Required<Pick<Alert, 'label'>>, Partial<Pick<Alert, 'autoClose' | 'autoCloseDuration' | 'icon' | 'iconFlipRtl' | 'kind' | 'messageOverrides' | 'numberingSystem' | 'open' | 'placement' | 'queue' | 'scale' | 'topLayerDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteAlertElement> {
-  onCalciteAlertBeforeClose?: EventHandler<HTMLCalciteAlertElement["calciteAlertBeforeClose"]>;
-  onCalciteAlertBeforeOpen?: EventHandler<HTMLCalciteAlertElement["calciteAlertBeforeOpen"]>;
-  onCalciteAlertClose?: EventHandler<HTMLCalciteAlertElement["calciteAlertClose"]>;
-  onCalciteAlertOpen?: EventHandler<HTMLCalciteAlertElement["calciteAlertOpen"]>;
+interface StencilCalciteAlert extends Required<Pick<Alert, "label">>, Partial<Pick<Alert, "autoClose" | "autoCloseDuration" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "numberingSystem" | "open" | "placement" | "queue" | "scale" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Alert> {
+  onCalciteAlertBeforeClose?: EventHandler<Alert["calciteAlertBeforeClose"]>;
+  onCalciteAlertBeforeOpen?: EventHandler<Alert["calciteAlertBeforeOpen"]>;
+  onCalciteAlertClose?: EventHandler<Alert["calciteAlertClose"]>;
+  onCalciteAlertOpen?: EventHandler<Alert["calciteAlertOpen"]>;
 }
 
-interface StencilCalciteAutocomplete extends Partial<Pick<Autocomplete, 'alignment' | 'autocomplete' | 'disabled' | 'flipPlacements' | 'form' | 'icon' | 'iconFlipRtl' | 'inputValue' | 'label' | 'labelText' | 'loading' | 'maxLength' | 'messageOverrides' | 'minLength' | 'name' | 'open' | 'overlayPositioning' | 'pattern' | 'placeholder' | 'placement' | 'prefixText' | 'readOnly' | 'required' | 'scale' | 'status' | 'suffixText' | 'topLayerDisabled' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteAutocompleteElement> {
-  onCalciteAutocompleteBeforeClose?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteBeforeClose"]>;
-  onCalciteAutocompleteBeforeOpen?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteBeforeOpen"]>;
-  onCalciteAutocompleteChange?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteChange"]>;
-  onCalciteAutocompleteClose?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteClose"]>;
-  onCalciteAutocompleteOpen?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteOpen"]>;
-  onCalciteAutocompleteTextChange?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteTextChange"]>;
-  onCalciteAutocompleteTextInput?: EventHandler<HTMLCalciteAutocompleteElement["calciteAutocompleteTextInput"]>;
+interface StencilCalciteAutocomplete extends Partial<Pick<Autocomplete, "alignment" | "autocomplete" | "disabled" | "flipPlacements" | "form" | "icon" | "iconFlipRtl" | "inputValue" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "open" | "overlayPositioning" | "pattern" | "placeholder" | "placement" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Autocomplete> {
+  onCalciteAutocompleteBeforeClose?: EventHandler<Autocomplete["calciteAutocompleteBeforeClose"]>;
+  onCalciteAutocompleteBeforeOpen?: EventHandler<Autocomplete["calciteAutocompleteBeforeOpen"]>;
+  onCalciteAutocompleteChange?: EventHandler<Autocomplete["calciteAutocompleteChange"]>;
+  onCalciteAutocompleteClose?: EventHandler<Autocomplete["calciteAutocompleteClose"]>;
+  onCalciteAutocompleteOpen?: EventHandler<Autocomplete["calciteAutocompleteOpen"]>;
+  onCalciteAutocompleteTextChange?: EventHandler<Autocomplete["calciteAutocompleteTextChange"]>;
+  onCalciteAutocompleteTextInput?: EventHandler<Autocomplete["calciteAutocompleteTextInput"]>;
 }
 
-interface StencilCalciteAutocompleteItem extends Required<Pick<AutocompleteItem, 'heading'>>, Partial<Pick<AutocompleteItem, 'description' | 'disabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteAutocompleteItemElement> {
-  onCalciteAutocompleteItemSelect?: EventHandler<HTMLCalciteAutocompleteItemElement["calciteAutocompleteItemSelect"]>;
+interface StencilCalciteAutocompleteItem extends Required<Pick<AutocompleteItem, "heading">>, Partial<Pick<AutocompleteItem, "description" | "disabled" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "value">>, StencilJsx.HTMLAttributes<AutocompleteItem> {
+  onCalciteAutocompleteItemSelect?: EventHandler<AutocompleteItem["calciteAutocompleteItemSelect"]>;
 }
 
-interface StencilCalciteAutocompleteItemGroup extends Required<Pick<AutocompleteItemGroup, 'heading'>>, Partial<Pick<AutocompleteItemGroup, 'label' | 'position'>>, StencilJsx.HTMLAttributes<HTMLCalciteAutocompleteItemGroupElement> {
+interface StencilCalciteAutocompleteItemGroup extends Required<Pick<AutocompleteItemGroup, "heading">>, Partial<Pick<AutocompleteItemGroup, "label" | "position">>, StencilJsx.HTMLAttributes<AutocompleteItemGroup> {
 }
 
-interface StencilCalciteAvatar extends Partial<Pick<Avatar, 'fullName' | 'label' | 'scale' | 'thumbnail' | 'userId' | 'username'>>, StencilJsx.HTMLAttributes<HTMLCalciteAvatarElement> {
+interface StencilCalciteAvatar extends Partial<Pick<Avatar, "fullName" | "label" | "scale" | "thumbnail" | "userId" | "username">>, StencilJsx.HTMLAttributes<Avatar> {
 }
 
-interface StencilCalciteBlock extends Partial<Pick<Block, 'collapsible' | 'description' | 'disabled' | 'dragDisabled' | 'dragHandle' | 'expanded' | 'heading' | 'headingLevel' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'loading' | 'menuFlipPlacements' | 'menuPlacement' | 'messageOverrides' | 'open' | 'overlayPositioning' | 'scale' | 'sortHandleOpen' | 'status'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockElement> {
-  onCalciteBlockBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeClose"]>;
-  onCalciteBlockBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockBeforeOpen"]>;
-  onCalciteBlockClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockClose"]>;
-  onCalciteBlockCollapse?: EventHandler<HTMLCalciteBlockElement["calciteBlockCollapse"]>;
-  onCalciteBlockExpand?: EventHandler<HTMLCalciteBlockElement["calciteBlockExpand"]>;
-  onCalciteBlockOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockOpen"]>;
-  onCalciteBlockSortHandleBeforeClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockSortHandleBeforeClose"]>;
-  onCalciteBlockSortHandleBeforeOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockSortHandleBeforeOpen"]>;
-  onCalciteBlockSortHandleClose?: EventHandler<HTMLCalciteBlockElement["calciteBlockSortHandleClose"]>;
-  onCalciteBlockSortHandleOpen?: EventHandler<HTMLCalciteBlockElement["calciteBlockSortHandleOpen"]>;
-  onCalciteBlockToggle?: EventHandler<HTMLCalciteBlockElement["calciteBlockToggle"]>;
+interface StencilCalciteBlock extends Partial<Pick<Block, "collapsible" | "description" | "disabled" | "dragDisabled" | "dragHandle" | "expanded" | "heading" | "headingLevel" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "loading" | "menuFlipPlacements" | "menuPlacement" | "messageOverrides" | "open" | "overlayPositioning" | "scale" | "sortHandleOpen" | "status" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Block> {
+  onCalciteBlockBeforeClose?: EventHandler<Block["calciteBlockBeforeClose"]>;
+  onCalciteBlockBeforeOpen?: EventHandler<Block["calciteBlockBeforeOpen"]>;
+  onCalciteBlockClose?: EventHandler<Block["calciteBlockClose"]>;
+  onCalciteBlockCollapse?: EventHandler<Block["calciteBlockCollapse"]>;
+  onCalciteBlockExpand?: EventHandler<Block["calciteBlockExpand"]>;
+  onCalciteBlockOpen?: EventHandler<Block["calciteBlockOpen"]>;
+  onCalciteBlockSortHandleBeforeClose?: EventHandler<Block["calciteBlockSortHandleBeforeClose"]>;
+  onCalciteBlockSortHandleBeforeOpen?: EventHandler<Block["calciteBlockSortHandleBeforeOpen"]>;
+  onCalciteBlockSortHandleClose?: EventHandler<Block["calciteBlockSortHandleClose"]>;
+  onCalciteBlockSortHandleOpen?: EventHandler<Block["calciteBlockSortHandleOpen"]>;
+  onCalciteBlockToggle?: EventHandler<Block["calciteBlockToggle"]>;
 }
 
-interface StencilCalciteBlockGroup extends Required<Pick<BlockGroup, 'label'>>, Partial<Pick<BlockGroup, 'canPull' | 'canPut' | 'disabled' | 'dragEnabled' | 'group' | 'loading' | 'scale' | 'sortDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockGroupElement> {
-  onCalciteBlockGroupDragEnd?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupDragEnd"]>;
-  onCalciteBlockGroupDragStart?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupDragStart"]>;
-  onCalciteBlockGroupMoveHalt?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupMoveHalt"]>;
-  onCalciteBlockGroupOrderChange?: EventHandler<HTMLCalciteBlockGroupElement["calciteBlockGroupOrderChange"]>;
+interface StencilCalciteBlockGroup extends Required<Pick<BlockGroup, "label">>, Partial<Pick<BlockGroup, "canPull" | "canPut" | "disabled" | "dragEnabled" | "group" | "loading" | "scale" | "sortDisabled">>, StencilJsx.HTMLAttributes<BlockGroup> {
+  onCalciteBlockGroupDragEnd?: EventHandler<BlockGroup["calciteBlockGroupDragEnd"]>;
+  onCalciteBlockGroupDragStart?: EventHandler<BlockGroup["calciteBlockGroupDragStart"]>;
+  onCalciteBlockGroupMoveHalt?: EventHandler<BlockGroup["calciteBlockGroupMoveHalt"]>;
+  onCalciteBlockGroupOrderChange?: EventHandler<BlockGroup["calciteBlockGroupOrderChange"]>;
 }
 
-interface StencilCalciteBlockSection extends Partial<Pick<BlockSection, 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'scale' | 'status' | 'text' | 'toggleDisplay'>>, StencilJsx.HTMLAttributes<HTMLCalciteBlockSectionElement> {
-  onCalciteBlockSectionCollapse?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionCollapse"]>;
-  onCalciteBlockSectionExpand?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionExpand"]>;
-  onCalciteBlockSectionToggle?: EventHandler<HTMLCalciteBlockSectionElement["calciteBlockSectionToggle"]>;
+interface StencilCalciteBlockSection extends Partial<Pick<BlockSection, "expanded" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "scale" | "status" | "text" | "toggleDisplay">>, StencilJsx.HTMLAttributes<BlockSection> {
+  onCalciteBlockSectionCollapse?: EventHandler<BlockSection["calciteBlockSectionCollapse"]>;
+  onCalciteBlockSectionExpand?: EventHandler<BlockSection["calciteBlockSectionExpand"]>;
+  onCalciteBlockSectionToggle?: EventHandler<BlockSection["calciteBlockSectionToggle"]>;
 }
 
-interface StencilCalciteButton extends Partial<Pick<Button, 'alignment' | 'appearance' | 'disabled' | 'download' | 'form' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'kind' | 'label' | 'loading' | 'messageOverrides' | 'name' | 'rel' | 'round' | 'scale' | 'splitChild' | 'target' | 'type' | 'width'>>, StencilJsx.HTMLAttributes<HTMLCalciteButtonElement> {
+interface StencilCalciteButton extends Partial<Pick<Button, "alignment" | "appearance" | "disabled" | "download" | "form" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "kind" | "label" | "loading" | "messageOverrides" | "name" | "rel" | "round" | "scale" | "splitChild" | "target" | "type" | "width">>, StencilJsx.HTMLAttributes<Button> {
 }
 
-interface StencilCalciteCard extends Partial<Pick<Card, 'disabled' | 'label' | 'loading' | 'messageOverrides' | 'selectable' | 'selected' | 'thumbnailPosition'>>, StencilJsx.HTMLAttributes<HTMLCalciteCardElement> {
-  onCalciteCardSelect?: EventHandler<HTMLCalciteCardElement["calciteCardSelect"]>;
+interface StencilCalciteCard extends Partial<Pick<Card, "disabled" | "label" | "loading" | "messageOverrides" | "selectable" | "selected" | "thumbnailPosition">>, StencilJsx.HTMLAttributes<Card> {
+  onCalciteCardSelect?: EventHandler<Card["calciteCardSelect"]>;
 }
 
-interface StencilCalciteCardGroup extends Required<Pick<CardGroup, 'label'>>, Partial<Pick<CardGroup, 'disabled' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteCardGroupElement> {
-  onCalciteCardGroupSelect?: EventHandler<HTMLCalciteCardGroupElement["calciteCardGroupSelect"]>;
+interface StencilCalciteCardGroup extends Required<Pick<CardGroup, "label">>, Partial<Pick<CardGroup, "disabled" | "selectionMode">>, StencilJsx.HTMLAttributes<CardGroup> {
+  onCalciteCardGroupSelect?: EventHandler<CardGroup["calciteCardGroupSelect"]>;
 }
 
-interface StencilCalciteCarousel extends Required<Pick<Carousel, 'label'>>, Partial<Pick<Carousel, 'arrowType' | 'autoplay' | 'autoplayDuration' | 'controlOverlay' | 'disabled' | 'messageOverrides' | 'paginationDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteCarouselElement> {
-  onCalciteCarouselChange?: EventHandler<HTMLCalciteCarouselElement["calciteCarouselChange"]>;
-  onCalciteCarouselPause?: EventHandler<HTMLCalciteCarouselElement["calciteCarouselPause"]>;
-  onCalciteCarouselPlay?: EventHandler<HTMLCalciteCarouselElement["calciteCarouselPlay"]>;
-  onCalciteCarouselResume?: EventHandler<HTMLCalciteCarouselElement["calciteCarouselResume"]>;
-  onCalciteCarouselStop?: EventHandler<HTMLCalciteCarouselElement["calciteCarouselStop"]>;
+interface StencilCalciteCarousel extends Required<Pick<Carousel, "label">>, Partial<Pick<Carousel, "arrowType" | "autoplay" | "autoplayDuration" | "controlOverlay" | "disabled" | "messageOverrides" | "paginationDisabled">>, StencilJsx.HTMLAttributes<Carousel> {
+  onCalciteCarouselChange?: EventHandler<Carousel["calciteCarouselChange"]>;
+  onCalciteCarouselPause?: EventHandler<Carousel["calciteCarouselPause"]>;
+  onCalciteCarouselPlay?: EventHandler<Carousel["calciteCarouselPlay"]>;
+  onCalciteCarouselResume?: EventHandler<Carousel["calciteCarouselResume"]>;
+  onCalciteCarouselStop?: EventHandler<Carousel["calciteCarouselStop"]>;
 }
 
-interface StencilCalciteCarouselItem extends Required<Pick<CarouselItem, 'label'>>, Partial<Pick<CarouselItem, 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteCarouselItemElement> {
+interface StencilCalciteCarouselItem extends Required<Pick<CarouselItem, "label">>, Partial<Pick<CarouselItem, "selected">>, StencilJsx.HTMLAttributes<CarouselItem> {
 }
 
-interface StencilCalciteCheckbox extends Partial<Pick<Checkbox, 'checked' | 'disabled' | 'form' | 'indeterminate' | 'label' | 'labelText' | 'messageOverrides' | 'name' | 'required' | 'scale' | 'status' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteCheckboxElement> {
-  onCalciteCheckboxChange?: EventHandler<HTMLCalciteCheckboxElement["calciteCheckboxChange"]>;
+interface StencilCalciteCheckbox extends Partial<Pick<Checkbox, "checked" | "disabled" | "form" | "indeterminate" | "label" | "labelText" | "messageOverrides" | "name" | "required" | "scale" | "status" | "value">>, StencilJsx.HTMLAttributes<Checkbox> {
+  onCalciteCheckboxChange?: EventHandler<Checkbox["calciteCheckboxChange"]>;
 }
 
-interface StencilCalciteChip extends Required<Pick<Chip, 'label'>>, Partial<Pick<Chip, 'appearance' | 'closable' | 'closed' | 'closeOnDelete' | 'disabled' | 'icon' | 'iconFlipRtl' | 'kind' | 'messageOverrides' | 'scale' | 'selected' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteChipElement> {
-  onCalciteChipClose?: EventHandler<HTMLCalciteChipElement["calciteChipClose"]>;
-  onCalciteChipSelect?: EventHandler<HTMLCalciteChipElement["calciteChipSelect"]>;
+interface StencilCalciteChip extends Required<Pick<Chip, "label">>, Partial<Pick<Chip, "appearance" | "closable" | "closed" | "closeOnDelete" | "disabled" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "scale" | "selected" | "value">>, StencilJsx.HTMLAttributes<Chip> {
+  onCalciteChipClose?: EventHandler<Chip["calciteChipClose"]>;
+  onCalciteChipSelect?: EventHandler<Chip["calciteChipSelect"]>;
 }
 
-interface StencilCalciteChipGroup extends Required<Pick<ChipGroup, 'label'>>, Partial<Pick<ChipGroup, 'disabled' | 'scale' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteChipGroupElement> {
-  onCalciteChipGroupSelect?: EventHandler<HTMLCalciteChipGroupElement["calciteChipGroupSelect"]>;
+interface StencilCalciteChipGroup extends Required<Pick<ChipGroup, "label">>, Partial<Pick<ChipGroup, "disabled" | "scale" | "selectionMode">>, StencilJsx.HTMLAttributes<ChipGroup> {
+  onCalciteChipGroupSelect?: EventHandler<ChipGroup["calciteChipGroupSelect"]>;
 }
 
-interface StencilCalciteColorPicker extends Partial<Pick<ColorPicker, 'alphaChannel' | 'channelsDisabled' | 'clearable' | 'disabled' | 'fieldDisabled' | 'format' | 'hexDisabled' | 'messageOverrides' | 'numberingSystem' | 'savedDisabled' | 'scale' | 'storageId' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteColorPickerElement> {
-  onCalciteColorPickerChange?: EventHandler<HTMLCalciteColorPickerElement["calciteColorPickerChange"]>;
-  onCalciteColorPickerInput?: EventHandler<HTMLCalciteColorPickerElement["calciteColorPickerInput"]>;
+interface StencilCalciteColorPicker extends Partial<Pick<ColorPicker, "alphaChannel" | "channelsDisabled" | "clearable" | "disabled" | "fieldDisabled" | "format" | "hexDisabled" | "messageOverrides" | "numberingSystem" | "savedDisabled" | "scale" | "storageId" | "value">>, StencilJsx.HTMLAttributes<ColorPicker> {
+  onCalciteColorPickerChange?: EventHandler<ColorPicker["calciteColorPickerChange"]>;
+  onCalciteColorPickerInput?: EventHandler<ColorPicker["calciteColorPickerInput"]>;
 }
 
-interface StencilCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexInput, 'allowEmpty' | 'alphaChannel' | 'hexLabel' | 'numberingSystem' | 'scale' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteColorPickerHexInputElement> {
-  onCalciteColorPickerHexInputChange?: EventHandler<HTMLCalciteColorPickerHexInputElement["calciteColorPickerHexInputChange"]>;
+interface StencilCalciteColorPickerHexInput extends Partial<Pick<ColorPickerHexInput, "allowEmpty" | "alphaChannel" | "hexLabel" | "numberingSystem" | "scale" | "value">>, StencilJsx.HTMLAttributes<ColorPickerHexInput> {
+  onCalciteColorPickerHexInputChange?: EventHandler<ColorPickerHexInput["calciteColorPickerHexInputChange"]>;
 }
 
-interface StencilCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, 'active' | 'color' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteColorPickerSwatchElement> {
+interface StencilCalciteColorPickerSwatch extends Partial<Pick<ColorPickerSwatch, "active" | "color" | "scale">>, StencilJsx.HTMLAttributes<ColorPickerSwatch> {
 }
 
-interface StencilCalciteCombobox extends Required<Pick<Combobox, 'label'>>, Partial<Pick<Combobox, 'allowCustomValues' | 'clearDisabled' | 'disabled' | 'filterProps' | 'filterText' | 'flipPlacements' | 'form' | 'labelText' | 'maxItems' | 'messageOverrides' | 'name' | 'open' | 'overlayPositioning' | 'placeholder' | 'placeholderIcon' | 'placeholderIconFlipRtl' | 'placement' | 'readOnly' | 'required' | 'scale' | 'selectAllEnabled' | 'selectionDisplay' | 'selectionMode' | 'status' | 'topLayerDisabled' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteComboboxElement> {
-  onCalciteComboboxBeforeClose?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxBeforeClose"]>;
-  onCalciteComboboxBeforeOpen?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxBeforeOpen"]>;
-  onCalciteComboboxChange?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxChange"]>;
-  onCalciteComboboxChipClose?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxChipClose"]>;
-  onCalciteComboboxClose?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxClose"]>;
-  onCalciteComboboxFilterChange?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxFilterChange"]>;
-  onCalciteComboboxOpen?: EventHandler<HTMLCalciteComboboxElement["calciteComboboxOpen"]>;
+interface StencilCalciteCombobox extends Required<Pick<Combobox, "label">>, Partial<Pick<Combobox, "allowCustomValues" | "clearDisabled" | "disabled" | "filterProps" | "filterText" | "flipPlacements" | "form" | "labelText" | "maxItems" | "messageOverrides" | "name" | "open" | "overlayPositioning" | "placeholder" | "placeholderIcon" | "placeholderIconFlipRtl" | "placement" | "readOnly" | "required" | "scale" | "selectAllEnabled" | "selectionDisplay" | "selectionMode" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Combobox> {
+  onCalciteComboboxBeforeClose?: EventHandler<Combobox["calciteComboboxBeforeClose"]>;
+  onCalciteComboboxBeforeOpen?: EventHandler<Combobox["calciteComboboxBeforeOpen"]>;
+  onCalciteComboboxChange?: EventHandler<Combobox["calciteComboboxChange"]>;
+  onCalciteComboboxChipClose?: EventHandler<Combobox["calciteComboboxChipClose"]>;
+  onCalciteComboboxClose?: EventHandler<Combobox["calciteComboboxClose"]>;
+  onCalciteComboboxFilterChange?: EventHandler<Combobox["calciteComboboxFilterChange"]>;
+  onCalciteComboboxOpen?: EventHandler<Combobox["calciteComboboxOpen"]>;
 }
 
-interface StencilCalciteComboboxItem extends Required<Pick<ComboboxItem, 'heading'>>, Partial<Pick<ComboboxItem, 'active' | 'ancestors' | 'description' | 'disabled' | 'filterDisabled' | 'guid' | 'icon' | 'iconFlipRtl' | 'label' | 'metadata' | 'selected' | 'shortHeading' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteComboboxItemElement> {
-  onCalciteComboboxItemChange?: EventHandler<HTMLCalciteComboboxItemElement["calciteComboboxItemChange"]>;
+interface StencilCalciteComboboxItem extends Required<Pick<ComboboxItem, "heading">>, Partial<Pick<ComboboxItem, "active" | "ancestors" | "description" | "disabled" | "filterDisabled" | "guid" | "icon" | "iconFlipRtl" | "label" | "metadata" | "selected" | "shortHeading" | "value">>, StencilJsx.HTMLAttributes<ComboboxItem> {
+  onCalciteComboboxItemChange?: EventHandler<ComboboxItem["calciteComboboxItemChange"]>;
 }
 
-interface StencilCalciteComboboxItemGroup extends Required<Pick<ComboboxItemGroup, 'label'>>, Partial<Pick<ComboboxItemGroup, 'ancestors' | 'position'>>, StencilJsx.HTMLAttributes<HTMLCalciteComboboxItemGroupElement> {
+interface StencilCalciteComboboxItemGroup extends Required<Pick<ComboboxItemGroup, "label">>, Partial<Pick<ComboboxItemGroup, "ancestors" | "position">>, StencilJsx.HTMLAttributes<ComboboxItemGroup> {
 }
 
-interface StencilCalciteDatePicker extends Partial<Pick<DatePicker, 'activeDate' | 'activeRange' | 'calendars' | 'headingLevel' | 'layout' | 'max' | 'maxAsDate' | 'messageOverrides' | 'min' | 'minAsDate' | 'monthStyle' | 'numberingSystem' | 'proximitySelectionDisabled' | 'range' | 'scale' | 'value' | 'valueAsDate'>>, StencilJsx.HTMLAttributes<HTMLCalciteDatePickerElement> {
-  onCalciteDatePickerChange?: EventHandler<HTMLCalciteDatePickerElement["calciteDatePickerChange"]>;
-  onCalciteDatePickerRangeChange?: EventHandler<HTMLCalciteDatePickerElement["calciteDatePickerRangeChange"]>;
+interface StencilCalciteDatePicker extends Partial<Pick<DatePicker, "activeDate" | "activeRange" | "calendars" | "headingLevel" | "layout" | "max" | "maxAsDate" | "messageOverrides" | "min" | "minAsDate" | "monthStyle" | "numberingSystem" | "proximitySelectionDisabled" | "range" | "scale" | "value" | "valueAsDate">>, StencilJsx.HTMLAttributes<DatePicker> {
+  onCalciteDatePickerChange?: EventHandler<DatePicker["calciteDatePickerChange"]>;
+  onCalciteDatePickerRangeChange?: EventHandler<DatePicker["calciteDatePickerRangeChange"]>;
 }
 
-interface StencilCalciteDatePickerDay extends Required<Pick<DatePickerDay, 'day'>>, Partial<Pick<DatePickerDay, 'active' | 'currentMonth' | 'disabled' | 'endOfRange' | 'highlighted' | 'range' | 'rangeHover' | 'scale' | 'selected' | 'startOfRange' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteDatePickerDayElement> {
+interface StencilCalciteDatePickerDay extends Required<Pick<DatePickerDay, "day">>, Partial<Pick<DatePickerDay, "active" | "currentMonth" | "disabled" | "endOfRange" | "highlighted" | "range" | "rangeHover" | "scale" | "selected" | "startOfRange" | "value">>, StencilJsx.HTMLAttributes<DatePickerDay> {
 }
 
-interface StencilCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, 'activeDate' | 'calendars' | 'endDate' | 'headingLevel' | 'hoverRange' | 'max' | 'min' | 'monthStyle' | 'range' | 'scale' | 'selectedDate' | 'startDate'>>, StencilJsx.HTMLAttributes<HTMLCalciteDatePickerMonthElement> {
+interface StencilCalciteDatePickerMonth extends Partial<Pick<DatePickerMonth, "activeDate" | "calendars" | "endDate" | "headingLevel" | "hoverRange" | "max" | "min" | "monthStyle" | "range" | "scale" | "selectedDate" | "startDate">>, StencilJsx.HTMLAttributes<DatePickerMonth> {
 }
 
-interface StencilCalciteDialog extends Partial<Pick<Dialog, 'beforeClose' | 'closeDisabled' | 'description' | 'dragEnabled' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'kind' | 'loading' | 'menuOpen' | 'messageOverrides' | 'modal' | 'open' | 'outsideCloseDisabled' | 'overlayPositioning' | 'placement' | 'resizable' | 'scale' | 'topLayerDisabled' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDialogElement> {
-  onCalciteDialogBeforeClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeClose"]>;
-  onCalciteDialogBeforeOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogBeforeOpen"]>;
-  onCalciteDialogClose?: EventHandler<HTMLCalciteDialogElement["calciteDialogClose"]>;
-  onCalciteDialogOpen?: EventHandler<HTMLCalciteDialogElement["calciteDialogOpen"]>;
-  onCalciteDialogScroll?: EventHandler<HTMLCalciteDialogElement["calciteDialogScroll"]>;
+interface StencilCalciteDialog extends Partial<Pick<Dialog, "beforeClose" | "closeDisabled" | "description" | "dragEnabled" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "kind" | "loading" | "menuOpen" | "messageOverrides" | "modal" | "open" | "outsideCloseDisabled" | "overlayPositioning" | "placement" | "resizable" | "scale" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Dialog> {
+  onCalciteDialogBeforeClose?: EventHandler<Dialog["calciteDialogBeforeClose"]>;
+  onCalciteDialogBeforeOpen?: EventHandler<Dialog["calciteDialogBeforeOpen"]>;
+  onCalciteDialogClose?: EventHandler<Dialog["calciteDialogClose"]>;
+  onCalciteDialogOpen?: EventHandler<Dialog["calciteDialogOpen"]>;
+  onCalciteDialogScroll?: EventHandler<Dialog["calciteDialogScroll"]>;
 }
 
-interface StencilCalciteDropdown extends Partial<Pick<Dropdown, 'closeOnSelectDisabled' | 'disabled' | 'flipPlacements' | 'maxItems' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'topLayerDisabled' | 'type' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownElement> {
-  onCalciteDropdownBeforeClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeClose"]>;
-  onCalciteDropdownBeforeOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownBeforeOpen"]>;
-  onCalciteDropdownClose?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownClose"]>;
-  onCalciteDropdownOpen?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownOpen"]>;
-  onCalciteDropdownSelect?: EventHandler<HTMLCalciteDropdownElement["calciteDropdownSelect"]>;
+interface StencilCalciteDropdown extends Partial<Pick<Dropdown, "closeOnSelectDisabled" | "disabled" | "flipPlacements" | "maxItems" | "offsetDistance" | "offsetSkidding" | "open" | "overlayPositioning" | "placement" | "scale" | "topLayerDisabled" | "type" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Dropdown> {
+  onCalciteDropdownBeforeClose?: EventHandler<Dropdown["calciteDropdownBeforeClose"]>;
+  onCalciteDropdownBeforeOpen?: EventHandler<Dropdown["calciteDropdownBeforeOpen"]>;
+  onCalciteDropdownClose?: EventHandler<Dropdown["calciteDropdownClose"]>;
+  onCalciteDropdownOpen?: EventHandler<Dropdown["calciteDropdownOpen"]>;
+  onCalciteDropdownSelect?: EventHandler<Dropdown["calciteDropdownSelect"]>;
 }
 
-interface StencilCalciteDropdownGroup extends Partial<Pick<DropdownGroup, 'groupTitle' | 'position' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownGroupElement> {
+interface StencilCalciteDropdownGroup extends Partial<Pick<DropdownGroup, "groupTitle" | "position" | "selectionMode">>, StencilJsx.HTMLAttributes<DropdownGroup> {
 }
 
-interface StencilCalciteDropdownItem extends Partial<Pick<DropdownItem, 'disabled' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'rel' | 'selected' | 'target'>>, StencilJsx.HTMLAttributes<HTMLCalciteDropdownItemElement> {
-  onCalciteDropdownItemSelect?: EventHandler<HTMLCalciteDropdownItemElement["calciteDropdownItemSelect"]>;
+interface StencilCalciteDropdownItem extends Partial<Pick<DropdownItem, "disabled" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "rel" | "selected" | "target">>, StencilJsx.HTMLAttributes<DropdownItem> {
+  onCalciteDropdownItemSelect?: EventHandler<DropdownItem["calciteDropdownItemSelect"]>;
 }
 
-interface StencilCalciteFab extends Partial<Pick<Fab, 'appearance' | 'disabled' | 'icon' | 'iconFlipRtl' | 'kind' | 'label' | 'loading' | 'scale' | 'text' | 'textEnabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteFabElement> {
+interface StencilCalciteFab extends Partial<Pick<Fab, "appearance" | "disabled" | "icon" | "iconFlipRtl" | "kind" | "label" | "loading" | "scale" | "text" | "textEnabled">>, StencilJsx.HTMLAttributes<Fab> {
 }
 
-interface StencilCalciteFilter extends Partial<Pick<Filter, 'disabled' | 'filterProps' | 'items' | 'label' | 'messageOverrides' | 'placeholder' | 'scale' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteFilterElement> {
-  onCalciteFilterChange?: EventHandler<HTMLCalciteFilterElement["calciteFilterChange"]>;
+interface StencilCalciteFilter extends Partial<Pick<Filter, "disabled" | "filterProps" | "items" | "label" | "messageOverrides" | "placeholder" | "scale" | "value">>, StencilJsx.HTMLAttributes<Filter> {
+  onCalciteFilterChange?: EventHandler<Filter["calciteFilterChange"]>;
 }
 
-interface StencilCalciteFlow extends StencilJsx.HTMLAttributes<HTMLCalciteFlowElement> {
+interface StencilCalciteFlow extends StencilJsx.HTMLAttributes<Flow> {
 }
 
-interface StencilCalciteFlowItem extends Partial<Pick<FlowItem, 'beforeBack' | 'beforeClose' | 'closable' | 'closed' | 'collapsed' | 'collapsible' | 'description' | 'disabled' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'loading' | 'menuOpen' | 'messageOverrides' | 'overlayPositioning' | 'scale' | 'selected' | 'showBackButton'>>, StencilJsx.HTMLAttributes<HTMLCalciteFlowItemElement> {
-  onCalciteFlowItemBack?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemBack"]>;
-  onCalciteFlowItemClose?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemClose"]>;
-  onCalciteFlowItemCollapse?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemCollapse"]>;
-  onCalciteFlowItemExpand?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemExpand"]>;
-  onCalciteFlowItemScroll?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemScroll"]>;
-  onCalciteFlowItemToggle?: EventHandler<HTMLCalciteFlowItemElement["calciteFlowItemToggle"]>;
+interface StencilCalciteFlowItem extends Partial<Pick<FlowItem, "beforeBack" | "beforeClose" | "closable" | "closed" | "collapsed" | "collapsible" | "description" | "disabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "loading" | "menuOpen" | "messageOverrides" | "overlayPositioning" | "scale" | "selected" | "showBackButton" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<FlowItem> {
+  onCalciteFlowItemBack?: EventHandler<FlowItem["calciteFlowItemBack"]>;
+  onCalciteFlowItemClose?: EventHandler<FlowItem["calciteFlowItemClose"]>;
+  onCalciteFlowItemCollapse?: EventHandler<FlowItem["calciteFlowItemCollapse"]>;
+  onCalciteFlowItemExpand?: EventHandler<FlowItem["calciteFlowItemExpand"]>;
+  onCalciteFlowItemScroll?: EventHandler<FlowItem["calciteFlowItemScroll"]>;
+  onCalciteFlowItemToggle?: EventHandler<FlowItem["calciteFlowItemToggle"]>;
 }
 
-interface StencilCalciteGraph extends Required<Pick<Graph, 'max' | 'min'>>, Partial<Pick<Graph, 'colorStops' | 'data' | 'highlightMax' | 'highlightMin'>>, StencilJsx.HTMLAttributes<HTMLCalciteGraphElement> {
+interface StencilCalciteGraph extends Required<Pick<Graph, "max" | "min">>, Partial<Pick<Graph, "colorStops" | "data" | "highlightMax" | "highlightMin">>, StencilJsx.HTMLAttributes<Graph> {
 }
 
-interface StencilCalciteHandle extends Partial<Pick<Handle, 'disabled' | 'dragHandle' | 'messageOverrides' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteHandleElement> {
-  onCalciteHandleChange?: EventHandler<HTMLCalciteHandleElement["calciteHandleChange"]>;
-  onCalciteHandleNudge?: EventHandler<HTMLCalciteHandleElement["calciteHandleNudge"]>;
+interface StencilCalciteHandle extends Partial<Pick<Handle, "disabled" | "dragHandle" | "messageOverrides" | "selected">>, StencilJsx.HTMLAttributes<Handle> {
+  onCalciteHandleChange?: EventHandler<Handle["calciteHandleChange"]>;
+  onCalciteHandleNudge?: EventHandler<Handle["calciteHandleNudge"]>;
 }
 
-interface StencilCalciteIcon extends Partial<Pick<Icon, 'flipRtl' | 'icon' | 'preload' | 'scale' | 'textLabel'>>, StencilJsx.HTMLAttributes<HTMLCalciteIconElement> {
+interface StencilCalciteIcon extends Partial<Pick<Icon, "flipRtl" | "icon" | "preload" | "scale" | "textLabel">>, StencilJsx.HTMLAttributes<Icon> {
 }
 
-interface StencilCalciteInlineEditable extends Partial<Pick<InlineEditable, 'afterConfirm' | 'controls' | 'disabled' | 'editingEnabled' | 'loading' | 'messageOverrides' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteInlineEditableElement> {
-  onCalciteInlineEditableEditCancel?: EventHandler<HTMLCalciteInlineEditableElement["calciteInlineEditableEditCancel"]>;
-  onCalciteInlineEditableEditConfirm?: EventHandler<HTMLCalciteInlineEditableElement["calciteInlineEditableEditConfirm"]>;
+interface StencilCalciteInlineEditable extends Partial<Pick<InlineEditable, "afterConfirm" | "controls" | "disabled" | "editingEnabled" | "loading" | "messageOverrides" | "scale">>, StencilJsx.HTMLAttributes<InlineEditable> {
+  onCalciteInlineEditableEditCancel?: EventHandler<InlineEditable["calciteInlineEditableEditCancel"]>;
+  onCalciteInlineEditableEditConfirm?: EventHandler<InlineEditable["calciteInlineEditableEditConfirm"]>;
 }
 
-interface StencilCalciteInput extends Partial<Pick<Input, 'accept' | 'alignment' | 'autocomplete' | 'clearable' | 'disabled' | 'files' | 'form' | 'groupSeparator' | 'icon' | 'iconFlipRtl' | 'label' | 'labelText' | 'loading' | 'max' | 'maxLength' | 'messageOverrides' | 'min' | 'minLength' | 'multiple' | 'name' | 'numberButtonType' | 'numberingSystem' | 'pattern' | 'placeholder' | 'prefixText' | 'readOnly' | 'required' | 'scale' | 'status' | 'step' | 'suffixText' | 'type' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputElement> {
-  onCalciteInputChange?: EventHandler<HTMLCalciteInputElement["calciteInputChange"]>;
-  onCalciteInputInput?: EventHandler<HTMLCalciteInputElement["calciteInputInput"]>;
+interface StencilCalciteInput extends Partial<Pick<Input, "accept" | "alignment" | "autocomplete" | "clearable" | "disabled" | "files" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "multiple" | "name" | "numberButtonType" | "numberingSystem" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "type" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Input> {
+  onCalciteInputChange?: EventHandler<Input["calciteInputChange"]>;
+  onCalciteInputInput?: EventHandler<Input["calciteInputInput"]>;
 }
 
-interface StencilCalciteInputDatePicker extends Partial<Pick<InputDatePicker, 'calendars' | 'disabled' | 'flipPlacements' | 'focusTrapDisabled' | 'form' | 'headingLevel' | 'label' | 'labelText' | 'layout' | 'max' | 'maxAsDate' | 'messageOverrides' | 'min' | 'minAsDate' | 'monthStyle' | 'name' | 'numberingSystem' | 'open' | 'overlayPositioning' | 'placement' | 'proximitySelectionDisabled' | 'range' | 'readOnly' | 'required' | 'scale' | 'status' | 'topLayerDisabled' | 'validationIcon' | 'validationMessage' | 'value' | 'valueAsDate'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputDatePickerElement> {
-  onCalciteInputDatePickerBeforeClose?: EventHandler<HTMLCalciteInputDatePickerElement["calciteInputDatePickerBeforeClose"]>;
-  onCalciteInputDatePickerBeforeOpen?: EventHandler<HTMLCalciteInputDatePickerElement["calciteInputDatePickerBeforeOpen"]>;
-  onCalciteInputDatePickerChange?: EventHandler<HTMLCalciteInputDatePickerElement["calciteInputDatePickerChange"]>;
-  onCalciteInputDatePickerClose?: EventHandler<HTMLCalciteInputDatePickerElement["calciteInputDatePickerClose"]>;
-  onCalciteInputDatePickerOpen?: EventHandler<HTMLCalciteInputDatePickerElement["calciteInputDatePickerOpen"]>;
+interface StencilCalciteInputDatePicker extends Partial<Pick<InputDatePicker, "calendars" | "disabled" | "flipPlacements" | "focusTrapDisabled" | "form" | "headingLevel" | "label" | "labelText" | "layout" | "max" | "maxAsDate" | "messageOverrides" | "min" | "minAsDate" | "monthStyle" | "name" | "numberingSystem" | "open" | "overlayPositioning" | "placement" | "proximitySelectionDisabled" | "range" | "readOnly" | "required" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value" | "valueAsDate">>, StencilJsx.HTMLAttributes<InputDatePicker> {
+  onCalciteInputDatePickerBeforeClose?: EventHandler<InputDatePicker["calciteInputDatePickerBeforeClose"]>;
+  onCalciteInputDatePickerBeforeOpen?: EventHandler<InputDatePicker["calciteInputDatePickerBeforeOpen"]>;
+  onCalciteInputDatePickerChange?: EventHandler<InputDatePicker["calciteInputDatePickerChange"]>;
+  onCalciteInputDatePickerClose?: EventHandler<InputDatePicker["calciteInputDatePickerClose"]>;
+  onCalciteInputDatePickerOpen?: EventHandler<InputDatePicker["calciteInputDatePickerOpen"]>;
 }
 
-interface StencilCalciteInputMessage extends Partial<Pick<InputMessage, 'icon' | 'iconFlipRtl' | 'scale' | 'status'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputMessageElement> {
+interface StencilCalciteInputMessage extends Partial<Pick<InputMessage, "icon" | "iconFlipRtl" | "scale" | "status">>, StencilJsx.HTMLAttributes<InputMessage> {
 }
 
-interface StencilCalciteInputNumber extends Partial<Pick<InputNumber, 'alignment' | 'autocomplete' | 'clearable' | 'disabled' | 'form' | 'groupSeparator' | 'icon' | 'iconFlipRtl' | 'integer' | 'label' | 'labelText' | 'loading' | 'max' | 'maxLength' | 'messageOverrides' | 'min' | 'minLength' | 'name' | 'numberButtonType' | 'numberingSystem' | 'placeholder' | 'prefixText' | 'readOnly' | 'required' | 'scale' | 'status' | 'step' | 'suffixText' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputNumberElement> {
-  onCalciteInputNumberChange?: EventHandler<HTMLCalciteInputNumberElement["calciteInputNumberChange"]>;
-  onCalciteInputNumberInput?: EventHandler<HTMLCalciteInputNumberElement["calciteInputNumberInput"]>;
+interface StencilCalciteInputNumber extends Partial<Pick<InputNumber, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "groupSeparator" | "icon" | "iconFlipRtl" | "integer" | "label" | "labelText" | "loading" | "max" | "maxLength" | "messageOverrides" | "min" | "minLength" | "name" | "numberButtonType" | "numberingSystem" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "step" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputNumber> {
+  onCalciteInputNumberChange?: EventHandler<InputNumber["calciteInputNumberChange"]>;
+  onCalciteInputNumberInput?: EventHandler<InputNumber["calciteInputNumberInput"]>;
 }
 
-interface StencilCalciteInputText extends Partial<Pick<InputText, 'alignment' | 'autocomplete' | 'clearable' | 'disabled' | 'form' | 'icon' | 'iconFlipRtl' | 'label' | 'labelText' | 'loading' | 'maxLength' | 'messageOverrides' | 'minLength' | 'name' | 'pattern' | 'placeholder' | 'prefixText' | 'readOnly' | 'required' | 'scale' | 'status' | 'suffixText' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputTextElement> {
-  onCalciteInputTextChange?: EventHandler<HTMLCalciteInputTextElement["calciteInputTextChange"]>;
-  onCalciteInputTextInput?: EventHandler<HTMLCalciteInputTextElement["calciteInputTextInput"]>;
+interface StencilCalciteInputText extends Partial<Pick<InputText, "alignment" | "autocomplete" | "clearable" | "disabled" | "form" | "icon" | "iconFlipRtl" | "label" | "labelText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "pattern" | "placeholder" | "prefixText" | "readOnly" | "required" | "scale" | "status" | "suffixText" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputText> {
+  onCalciteInputTextChange?: EventHandler<InputText["calciteInputTextChange"]>;
+  onCalciteInputTextInput?: EventHandler<InputText["calciteInputTextInput"]>;
 }
 
-interface StencilCalciteInputTimePicker extends Partial<Pick<InputTimePicker, 'disabled' | 'focusTrapDisabled' | 'form' | 'hourFormat' | 'label' | 'labelText' | 'max' | 'messageOverrides' | 'min' | 'name' | 'numberingSystem' | 'open' | 'overlayPositioning' | 'placement' | 'readOnly' | 'required' | 'scale' | 'status' | 'step' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputTimePickerElement> {
-  onCalciteInputTimePickerBeforeClose?: EventHandler<HTMLCalciteInputTimePickerElement["calciteInputTimePickerBeforeClose"]>;
-  onCalciteInputTimePickerBeforeOpen?: EventHandler<HTMLCalciteInputTimePickerElement["calciteInputTimePickerBeforeOpen"]>;
-  onCalciteInputTimePickerChange?: EventHandler<HTMLCalciteInputTimePickerElement["calciteInputTimePickerChange"]>;
-  onCalciteInputTimePickerClose?: EventHandler<HTMLCalciteInputTimePickerElement["calciteInputTimePickerClose"]>;
-  onCalciteInputTimePickerOpen?: EventHandler<HTMLCalciteInputTimePickerElement["calciteInputTimePickerOpen"]>;
+interface StencilCalciteInputTimePicker extends Partial<Pick<InputTimePicker, "disabled" | "focusTrapDisabled" | "form" | "hourFormat" | "label" | "labelText" | "max" | "messageOverrides" | "min" | "name" | "numberingSystem" | "open" | "overlayPositioning" | "placement" | "readOnly" | "required" | "scale" | "status" | "step" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimePicker> {
+  onCalciteInputTimePickerBeforeClose?: EventHandler<InputTimePicker["calciteInputTimePickerBeforeClose"]>;
+  onCalciteInputTimePickerBeforeOpen?: EventHandler<InputTimePicker["calciteInputTimePickerBeforeOpen"]>;
+  onCalciteInputTimePickerChange?: EventHandler<InputTimePicker["calciteInputTimePickerChange"]>;
+  onCalciteInputTimePickerClose?: EventHandler<InputTimePicker["calciteInputTimePickerClose"]>;
+  onCalciteInputTimePickerOpen?: EventHandler<InputTimePicker["calciteInputTimePickerOpen"]>;
 }
 
-interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, 'clearable' | 'disabled' | 'form' | 'labelText' | 'maxItems' | 'messageOverrides' | 'mode' | 'name' | 'offsetStyle' | 'open' | 'overlayPositioning' | 'readOnly' | 'referenceDate' | 'scale' | 'status' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteInputTimeZoneElement> {
-  onCalciteInputTimeZoneBeforeClose?: EventHandler<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneBeforeClose"]>;
-  onCalciteInputTimeZoneBeforeOpen?: EventHandler<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneBeforeOpen"]>;
-  onCalciteInputTimeZoneChange?: EventHandler<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneChange"]>;
-  onCalciteInputTimeZoneClose?: EventHandler<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneClose"]>;
-  onCalciteInputTimeZoneOpen?: EventHandler<HTMLCalciteInputTimeZoneElement["calciteInputTimeZoneOpen"]>;
+interface StencilCalciteInputTimeZone extends Partial<Pick<InputTimeZone, "clearable" | "disabled" | "form" | "labelText" | "maxItems" | "messageOverrides" | "mode" | "name" | "offsetStyle" | "open" | "overlayPositioning" | "readOnly" | "referenceDate" | "scale" | "status" | "topLayerDisabled" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<InputTimeZone> {
+  onCalciteInputTimeZoneBeforeClose?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeClose"]>;
+  onCalciteInputTimeZoneBeforeOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneBeforeOpen"]>;
+  onCalciteInputTimeZoneChange?: EventHandler<InputTimeZone["calciteInputTimeZoneChange"]>;
+  onCalciteInputTimeZoneClose?: EventHandler<InputTimeZone["calciteInputTimeZoneClose"]>;
+  onCalciteInputTimeZoneOpen?: EventHandler<InputTimeZone["calciteInputTimeZoneOpen"]>;
 }
 
-interface StencilCalciteLabel extends Partial<Pick<Label, 'alignment' | 'for' | 'layout' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteLabelElement> {
+interface StencilCalciteLabel extends Partial<Pick<Label, "alignment" | "for" | "layout" | "scale">>, StencilJsx.HTMLAttributes<Label> {
 }
 
-interface StencilCalciteLink extends Partial<Pick<Link, 'disabled' | 'download' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'rel' | 'target'>>, StencilJsx.HTMLAttributes<HTMLCalciteLinkElement> {
+interface StencilCalciteLink extends Partial<Pick<Link, "disabled" | "download" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "rel" | "target">>, StencilJsx.HTMLAttributes<Link> {
 }
 
-interface StencilCalciteList extends Required<Pick<List, 'label'>>, Partial<Pick<List, 'canPull' | 'canPut' | 'disabled' | 'displayMode' | 'dragEnabled' | 'filterEnabled' | 'filterLabel' | 'filterPlaceholder' | 'filterPredicate' | 'filterProps' | 'filterText' | 'group' | 'interactionMode' | 'loading' | 'messageOverrides' | 'numberingSystem' | 'scale' | 'selectionAppearance' | 'selectionMode' | 'sortDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteListElement> {
-  onCalciteListChange?: EventHandler<HTMLCalciteListElement["calciteListChange"]>;
-  onCalciteListDragEnd?: EventHandler<HTMLCalciteListElement["calciteListDragEnd"]>;
-  onCalciteListDragStart?: EventHandler<HTMLCalciteListElement["calciteListDragStart"]>;
-  onCalciteListFilter?: EventHandler<HTMLCalciteListElement["calciteListFilter"]>;
-  onCalciteListMoveHalt?: EventHandler<HTMLCalciteListElement["calciteListMoveHalt"]>;
-  onCalciteListOrderChange?: EventHandler<HTMLCalciteListElement["calciteListOrderChange"]>;
+interface StencilCalciteList extends Required<Pick<List, "label">>, Partial<Pick<List, "canPull" | "canPut" | "disabled" | "displayMode" | "dragEnabled" | "filterEnabled" | "filterLabel" | "filterPlaceholder" | "filterPredicate" | "filterProps" | "filterText" | "group" | "interactionMode" | "loading" | "messageOverrides" | "numberingSystem" | "scale" | "selectionAppearance" | "selectionMode" | "sortDisabled">>, StencilJsx.HTMLAttributes<List> {
+  onCalciteListChange?: EventHandler<List["calciteListChange"]>;
+  onCalciteListDragEnd?: EventHandler<List["calciteListDragEnd"]>;
+  onCalciteListDragStart?: EventHandler<List["calciteListDragStart"]>;
+  onCalciteListFilter?: EventHandler<List["calciteListFilter"]>;
+  onCalciteListMoveHalt?: EventHandler<List["calciteListMoveHalt"]>;
+  onCalciteListOrderChange?: EventHandler<List["calciteListOrderChange"]>;
 }
 
-interface StencilCalciteListItem extends Partial<Pick<ListItem, 'closable' | 'closed' | 'description' | 'disabled' | 'dragDisabled' | 'expanded' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'label' | 'messageOverrides' | 'metadata' | 'open' | 'scale' | 'selected' | 'sortHandleOpen' | 'unavailable' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteListItemElement> {
-  onCalciteListItemClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemClose"]>;
-  onCalciteListItemCollapse?: EventHandler<HTMLCalciteListItemElement["calciteListItemCollapse"]>;
-  onCalciteListItemExpand?: EventHandler<HTMLCalciteListItemElement["calciteListItemExpand"]>;
-  onCalciteListItemSelect?: EventHandler<HTMLCalciteListItemElement["calciteListItemSelect"]>;
-  onCalciteListItemSortHandleBeforeClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeClose"]>;
-  onCalciteListItemSortHandleBeforeOpen?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleBeforeOpen"]>;
-  onCalciteListItemSortHandleClose?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleClose"]>;
-  onCalciteListItemSortHandleOpen?: EventHandler<HTMLCalciteListItemElement["calciteListItemSortHandleOpen"]>;
-  onCalciteListItemToggle?: EventHandler<HTMLCalciteListItemElement["calciteListItemToggle"]>;
+interface StencilCalciteListItem extends Partial<Pick<ListItem, "closable" | "closed" | "description" | "disabled" | "dragDisabled" | "expanded" | "iconEnd" | "iconFlipRtl" | "iconStart" | "label" | "messageOverrides" | "metadata" | "open" | "scale" | "selected" | "sortHandleOpen" | "topLayerDisabled" | "unavailable" | "value">>, StencilJsx.HTMLAttributes<ListItem> {
+  onCalciteListItemClose?: EventHandler<ListItem["calciteListItemClose"]>;
+  onCalciteListItemCollapse?: EventHandler<ListItem["calciteListItemCollapse"]>;
+  onCalciteListItemExpand?: EventHandler<ListItem["calciteListItemExpand"]>;
+  onCalciteListItemSelect?: EventHandler<ListItem["calciteListItemSelect"]>;
+  onCalciteListItemSortHandleBeforeClose?: EventHandler<ListItem["calciteListItemSortHandleBeforeClose"]>;
+  onCalciteListItemSortHandleBeforeOpen?: EventHandler<ListItem["calciteListItemSortHandleBeforeOpen"]>;
+  onCalciteListItemSortHandleClose?: EventHandler<ListItem["calciteListItemSortHandleClose"]>;
+  onCalciteListItemSortHandleOpen?: EventHandler<ListItem["calciteListItemSortHandleOpen"]>;
+  onCalciteListItemToggle?: EventHandler<ListItem["calciteListItemToggle"]>;
 }
 
-interface StencilCalciteListItemGroup extends Partial<Pick<ListItemGroup, 'disabled' | 'heading' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteListItemGroupElement> {
+interface StencilCalciteListItemGroup extends Partial<Pick<ListItemGroup, "disabled" | "heading" | "scale">>, StencilJsx.HTMLAttributes<ListItemGroup> {
 }
 
-interface StencilCalciteLoader extends Required<Pick<Loader, 'label'>>, Partial<Pick<Loader, 'inline' | 'scale' | 'text' | 'type' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteLoaderElement> {
+interface StencilCalciteLoader extends Required<Pick<Loader, "label">>, Partial<Pick<Loader, "inline" | "scale" | "text" | "type" | "value">>, StencilJsx.HTMLAttributes<Loader> {
 }
 
-interface StencilCalciteMenu extends Required<Pick<Menu, 'label'>>, Partial<Pick<Menu, 'layout' | 'messageOverrides'>>, StencilJsx.HTMLAttributes<HTMLCalciteMenuElement> {
+interface StencilCalciteMenu extends Required<Pick<Menu, "label">>, Partial<Pick<Menu, "layout" | "messageOverrides">>, StencilJsx.HTMLAttributes<Menu> {
 }
 
-interface StencilCalciteMenuItem extends Required<Pick<MenuItem, 'label'>>, Partial<Pick<MenuItem, 'active' | 'breadcrumb' | 'href' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'open' | 'rel' | 'target' | 'text'>>, StencilJsx.HTMLAttributes<HTMLCalciteMenuItemElement> {
-  onCalciteMenuItemSelect?: EventHandler<HTMLCalciteMenuItemElement["calciteMenuItemSelect"]>;
+interface StencilCalciteMenuItem extends Required<Pick<MenuItem, "label">>, Partial<Pick<MenuItem, "active" | "breadcrumb" | "href" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "open" | "rel" | "target" | "text">>, StencilJsx.HTMLAttributes<MenuItem> {
+  onCalciteMenuItemSelect?: EventHandler<MenuItem["calciteMenuItemSelect"]>;
 }
 
-interface StencilCalciteMeter extends Required<Pick<Meter, 'label'>>, Partial<Pick<Meter, 'appearance' | 'disabled' | 'fillType' | 'form' | 'groupSeparator' | 'high' | 'low' | 'max' | 'min' | 'name' | 'numberingSystem' | 'rangeLabels' | 'rangeLabelType' | 'scale' | 'unitLabel' | 'value' | 'valueLabel' | 'valueLabelType'>>, StencilJsx.HTMLAttributes<HTMLCalciteMeterElement> {
+interface StencilCalciteMeter extends Required<Pick<Meter, "label">>, Partial<Pick<Meter, "appearance" | "disabled" | "fillType" | "form" | "groupSeparator" | "high" | "low" | "max" | "min" | "name" | "numberingSystem" | "rangeLabels" | "rangeLabelType" | "scale" | "unitLabel" | "value" | "valueLabel" | "valueLabelType">>, StencilJsx.HTMLAttributes<Meter> {
 }
 
-interface StencilCalciteNavigation extends Partial<Pick<Navigation, 'label' | 'navigationAction'>>, StencilJsx.HTMLAttributes<HTMLCalciteNavigationElement> {
-  onCalciteNavigationActionSelect?: EventHandler<HTMLCalciteNavigationElement["calciteNavigationActionSelect"]>;
+interface StencilCalciteNavigation extends Partial<Pick<Navigation, "label" | "navigationAction">>, StencilJsx.HTMLAttributes<Navigation> {
+  onCalciteNavigationActionSelect?: EventHandler<Navigation["calciteNavigationActionSelect"]>;
 }
 
-interface StencilCalciteNavigationLogo extends Partial<Pick<NavigationLogo, 'active' | 'description' | 'heading' | 'headingLevel' | 'href' | 'icon' | 'iconFlipRtl' | 'label' | 'rel' | 'target' | 'thumbnail'>>, StencilJsx.HTMLAttributes<HTMLCalciteNavigationLogoElement> {
+interface StencilCalciteNavigationLogo extends Partial<Pick<NavigationLogo, "active" | "description" | "heading" | "headingLevel" | "href" | "icon" | "iconFlipRtl" | "label" | "rel" | "target" | "thumbnail">>, StencilJsx.HTMLAttributes<NavigationLogo> {
 }
 
-interface StencilCalciteNavigationUser extends Partial<Pick<NavigationUser, 'active' | 'fullName' | 'label' | 'textDisabled' | 'thumbnail' | 'userId' | 'username'>>, StencilJsx.HTMLAttributes<HTMLCalciteNavigationUserElement> {
+interface StencilCalciteNavigationUser extends Partial<Pick<NavigationUser, "active" | "fullName" | "label" | "textDisabled" | "thumbnail" | "userId" | "username">>, StencilJsx.HTMLAttributes<NavigationUser> {
 }
 
-interface StencilCalciteNotice extends Partial<Pick<Notice, 'appearance' | 'closable' | 'icon' | 'iconFlipRtl' | 'kind' | 'messageOverrides' | 'open' | 'scale' | 'width'>>, StencilJsx.HTMLAttributes<HTMLCalciteNoticeElement> {
-  onCalciteNoticeBeforeClose?: EventHandler<HTMLCalciteNoticeElement["calciteNoticeBeforeClose"]>;
-  onCalciteNoticeBeforeOpen?: EventHandler<HTMLCalciteNoticeElement["calciteNoticeBeforeOpen"]>;
-  onCalciteNoticeClose?: EventHandler<HTMLCalciteNoticeElement["calciteNoticeClose"]>;
-  onCalciteNoticeOpen?: EventHandler<HTMLCalciteNoticeElement["calciteNoticeOpen"]>;
+interface StencilCalciteNotice extends Partial<Pick<Notice, "appearance" | "closable" | "icon" | "iconFlipRtl" | "kind" | "messageOverrides" | "open" | "scale" | "width">>, StencilJsx.HTMLAttributes<Notice> {
+  onCalciteNoticeBeforeClose?: EventHandler<Notice["calciteNoticeBeforeClose"]>;
+  onCalciteNoticeBeforeOpen?: EventHandler<Notice["calciteNoticeBeforeOpen"]>;
+  onCalciteNoticeClose?: EventHandler<Notice["calciteNoticeClose"]>;
+  onCalciteNoticeOpen?: EventHandler<Notice["calciteNoticeOpen"]>;
 }
 
-interface StencilCalciteOption extends Partial<Pick<Option, 'disabled' | 'label' | 'selected' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteOptionElement> {
+interface StencilCalciteOption extends Partial<Pick<Option, "disabled" | "label" | "selected" | "value">>, StencilJsx.HTMLAttributes<Option> {
 }
 
-interface StencilCalciteOptionGroup extends Required<Pick<OptionGroup, 'label'>>, Partial<Pick<OptionGroup, 'disabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteOptionGroupElement> {
+interface StencilCalciteOptionGroup extends Required<Pick<OptionGroup, "label">>, Partial<Pick<OptionGroup, "disabled">>, StencilJsx.HTMLAttributes<OptionGroup> {
 }
 
-interface StencilCalcitePagination extends Partial<Pick<Pagination, 'groupSeparator' | 'messageOverrides' | 'numberingSystem' | 'pageSize' | 'scale' | 'startItem' | 'totalItems'>>, StencilJsx.HTMLAttributes<HTMLCalcitePaginationElement> {
-  onCalcitePaginationChange?: EventHandler<HTMLCalcitePaginationElement["calcitePaginationChange"]>;
+interface StencilCalcitePagination extends Partial<Pick<Pagination, "groupSeparator" | "messageOverrides" | "numberingSystem" | "pageSize" | "scale" | "startItem" | "totalItems">>, StencilJsx.HTMLAttributes<Pagination> {
+  onCalcitePaginationChange?: EventHandler<Pagination["calcitePaginationChange"]>;
 }
 
-interface StencilCalcitePanel extends Partial<Pick<Panel, 'beforeClose' | 'closable' | 'closed' | 'collapsed' | 'collapseDirection' | 'collapsible' | 'description' | 'disabled' | 'heading' | 'headingLevel' | 'icon' | 'iconFlipRtl' | 'loading' | 'menuFlipPlacements' | 'menuOpen' | 'menuPlacement' | 'messageOverrides' | 'overlayPositioning' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalcitePanelElement> {
-  onCalcitePanelClose?: EventHandler<HTMLCalcitePanelElement["calcitePanelClose"]>;
-  onCalcitePanelCollapse?: EventHandler<HTMLCalcitePanelElement["calcitePanelCollapse"]>;
-  onCalcitePanelExpand?: EventHandler<HTMLCalcitePanelElement["calcitePanelExpand"]>;
-  onCalcitePanelScroll?: EventHandler<HTMLCalcitePanelElement["calcitePanelScroll"]>;
-  onCalcitePanelToggle?: EventHandler<HTMLCalcitePanelElement["calcitePanelToggle"]>;
+interface StencilCalcitePanel extends Partial<Pick<Panel, "beforeClose" | "closable" | "closed" | "collapsed" | "collapseDirection" | "collapsible" | "description" | "disabled" | "heading" | "headingLevel" | "icon" | "iconFlipRtl" | "loading" | "menuFlipPlacements" | "menuOpen" | "menuPlacement" | "messageOverrides" | "overlayPositioning" | "scale" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Panel> {
+  onCalcitePanelClose?: EventHandler<Panel["calcitePanelClose"]>;
+  onCalcitePanelCollapse?: EventHandler<Panel["calcitePanelCollapse"]>;
+  onCalcitePanelExpand?: EventHandler<Panel["calcitePanelExpand"]>;
+  onCalcitePanelScroll?: EventHandler<Panel["calcitePanelScroll"]>;
+  onCalcitePanelToggle?: EventHandler<Panel["calcitePanelToggle"]>;
 }
 
-interface StencilCalcitePopover extends Required<Pick<Popover, 'label' | 'referenceElement'>>, Partial<Pick<Popover, 'autoClose' | 'closable' | 'flipDisabled' | 'flipPlacements' | 'focusTrapDisabled' | 'focusTrapOptions' | 'heading' | 'headingLevel' | 'messageOverrides' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'pointerDisabled' | 'scale' | 'topLayerDisabled' | 'triggerDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalcitePopoverElement> {
-  onCalcitePopoverBeforeClose?: EventHandler<HTMLCalcitePopoverElement["calcitePopoverBeforeClose"]>;
-  onCalcitePopoverBeforeOpen?: EventHandler<HTMLCalcitePopoverElement["calcitePopoverBeforeOpen"]>;
-  onCalcitePopoverClose?: EventHandler<HTMLCalcitePopoverElement["calcitePopoverClose"]>;
-  onCalcitePopoverOpen?: EventHandler<HTMLCalcitePopoverElement["calcitePopoverOpen"]>;
+interface StencilCalcitePopover extends Required<Pick<Popover, "label" | "referenceElement">>, Partial<Pick<Popover, "autoClose" | "closable" | "flipDisabled" | "flipPlacements" | "focusTrapDisabled" | "focusTrapOptions" | "heading" | "headingLevel" | "messageOverrides" | "offsetDistance" | "offsetSkidding" | "open" | "overlayPositioning" | "placement" | "pointerDisabled" | "scale" | "topLayerDisabled" | "triggerDisabled">>, StencilJsx.HTMLAttributes<Popover> {
+  onCalcitePopoverBeforeClose?: EventHandler<Popover["calcitePopoverBeforeClose"]>;
+  onCalcitePopoverBeforeOpen?: EventHandler<Popover["calcitePopoverBeforeOpen"]>;
+  onCalcitePopoverClose?: EventHandler<Popover["calcitePopoverClose"]>;
+  onCalcitePopoverOpen?: EventHandler<Popover["calcitePopoverOpen"]>;
 }
 
-interface StencilCalciteProgress extends Partial<Pick<Progress, 'label' | 'reversed' | 'text' | 'type' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteProgressElement> {
+interface StencilCalciteProgress extends Partial<Pick<Progress, "label" | "reversed" | "text" | "type" | "value">>, StencilJsx.HTMLAttributes<Progress> {
 }
 
-interface StencilCalciteRadioButton extends Required<Pick<RadioButton, 'value'>>, Partial<Pick<RadioButton, 'checked' | 'disabled' | 'form' | 'labelText' | 'name' | 'required' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteRadioButtonElement> {
-  onCalciteRadioButtonChange?: EventHandler<HTMLCalciteRadioButtonElement["calciteRadioButtonChange"]>;
+interface StencilCalciteRadioButton extends Required<Pick<RadioButton, "value">>, Partial<Pick<RadioButton, "checked" | "disabled" | "form" | "labelText" | "name" | "required" | "scale">>, StencilJsx.HTMLAttributes<RadioButton> {
+  onCalciteRadioButtonChange?: EventHandler<RadioButton["calciteRadioButtonChange"]>;
 }
 
-interface StencilCalciteRadioButtonGroup extends Required<Pick<RadioButtonGroup, 'name'>>, Partial<Pick<RadioButtonGroup, 'disabled' | 'labelText' | 'layout' | 'messageOverrides' | 'required' | 'scale' | 'status' | 'validationIcon' | 'validationMessage'>>, StencilJsx.HTMLAttributes<HTMLCalciteRadioButtonGroupElement> {
-  onCalciteRadioButtonGroupChange?: EventHandler<HTMLCalciteRadioButtonGroupElement["calciteRadioButtonGroupChange"]>;
+interface StencilCalciteRadioButtonGroup extends Required<Pick<RadioButtonGroup, "name">>, Partial<Pick<RadioButtonGroup, "disabled" | "labelText" | "layout" | "messageOverrides" | "required" | "scale" | "status" | "validationIcon" | "validationMessage">>, StencilJsx.HTMLAttributes<RadioButtonGroup> {
+  onCalciteRadioButtonGroupChange?: EventHandler<RadioButtonGroup["calciteRadioButtonGroupChange"]>;
 }
 
-interface StencilCalciteRating extends Partial<Pick<Rating, 'average' | 'count' | 'disabled' | 'form' | 'labelText' | 'messageOverrides' | 'name' | 'readOnly' | 'scale' | 'showChip' | 'status' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteRatingElement> {
-  onCalciteRatingChange?: EventHandler<HTMLCalciteRatingElement["calciteRatingChange"]>;
+interface StencilCalciteRating extends Partial<Pick<Rating, "average" | "count" | "disabled" | "form" | "labelText" | "messageOverrides" | "name" | "readOnly" | "scale" | "showChip" | "status" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Rating> {
+  onCalciteRatingChange?: EventHandler<Rating["calciteRatingChange"]>;
 }
 
-interface StencilCalciteScrim extends Partial<Pick<Scrim, 'loading' | 'messageOverrides'>>, StencilJsx.HTMLAttributes<HTMLCalciteScrimElement> {
+interface StencilCalciteScrim extends Partial<Pick<Scrim, "loading" | "messageOverrides">>, StencilJsx.HTMLAttributes<Scrim> {
 }
 
-interface StencilCalciteSegmentedControl extends Partial<Pick<SegmentedControl, 'appearance' | 'disabled' | 'form' | 'labelText' | 'layout' | 'messageOverrides' | 'name' | 'required' | 'scale' | 'status' | 'validationIcon' | 'validationMessage' | 'value' | 'width'>>, StencilJsx.HTMLAttributes<HTMLCalciteSegmentedControlElement> {
-  onCalciteSegmentedControlChange?: EventHandler<HTMLCalciteSegmentedControlElement["calciteSegmentedControlChange"]>;
+interface StencilCalciteSegmentedControl extends Partial<Pick<SegmentedControl, "appearance" | "disabled" | "form" | "labelText" | "layout" | "messageOverrides" | "name" | "required" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "width">>, StencilJsx.HTMLAttributes<SegmentedControl> {
+  onCalciteSegmentedControlChange?: EventHandler<SegmentedControl["calciteSegmentedControlChange"]>;
 }
 
-interface StencilCalciteSegmentedControlItem extends Partial<Pick<SegmentedControlItem, 'checked' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteSegmentedControlItemElement> {
+interface StencilCalciteSegmentedControlItem extends Partial<Pick<SegmentedControlItem, "checked" | "iconEnd" | "iconFlipRtl" | "iconStart" | "value">>, StencilJsx.HTMLAttributes<SegmentedControlItem> {
 }
 
-interface StencilCalciteSelect extends Required<Pick<Select, 'label'>>, Partial<Pick<Select, 'disabled' | 'form' | 'labelText' | 'messageOverrides' | 'name' | 'required' | 'scale' | 'status' | 'validationIcon' | 'validationMessage' | 'value' | 'width'>>, StencilJsx.HTMLAttributes<HTMLCalciteSelectElement> {
-  onCalciteSelectChange?: EventHandler<HTMLCalciteSelectElement["calciteSelectChange"]>;
+interface StencilCalciteSelect extends Required<Pick<Select, "label">>, Partial<Pick<Select, "disabled" | "form" | "labelText" | "messageOverrides" | "name" | "required" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "width">>, StencilJsx.HTMLAttributes<Select> {
+  onCalciteSelectChange?: EventHandler<Select["calciteSelectChange"]>;
 }
 
-interface StencilCalciteSheet extends Required<Pick<Sheet, 'label'>>, Partial<Pick<Sheet, 'beforeClose' | 'displayMode' | 'escapeDisabled' | 'focusTrapDisabled' | 'focusTrapOptions' | 'height' | 'heightScale' | 'messageOverrides' | 'open' | 'outsideCloseDisabled' | 'position' | 'resizable' | 'topLayerDisabled' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteSheetElement> {
-  onCalciteSheetBeforeClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeClose"]>;
-  onCalciteSheetBeforeOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetBeforeOpen"]>;
-  onCalciteSheetClose?: EventHandler<HTMLCalciteSheetElement["calciteSheetClose"]>;
-  onCalciteSheetOpen?: EventHandler<HTMLCalciteSheetElement["calciteSheetOpen"]>;
+interface StencilCalciteSheet extends Required<Pick<Sheet, "label">>, Partial<Pick<Sheet, "beforeClose" | "displayMode" | "escapeDisabled" | "focusTrapDisabled" | "focusTrapOptions" | "height" | "heightScale" | "messageOverrides" | "open" | "outsideCloseDisabled" | "position" | "resizable" | "topLayerDisabled" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<Sheet> {
+  onCalciteSheetBeforeClose?: EventHandler<Sheet["calciteSheetBeforeClose"]>;
+  onCalciteSheetBeforeOpen?: EventHandler<Sheet["calciteSheetBeforeOpen"]>;
+  onCalciteSheetClose?: EventHandler<Sheet["calciteSheetClose"]>;
+  onCalciteSheetOpen?: EventHandler<Sheet["calciteSheetOpen"]>;
 }
 
-interface StencilCalciteShell extends Partial<Pick<Shell, 'contentBehind'>>, StencilJsx.HTMLAttributes<HTMLCalciteShellElement> {
+interface StencilCalciteShell extends Partial<Pick<Shell, "contentBehind">>, StencilJsx.HTMLAttributes<Shell> {
 }
 
-interface StencilCalciteShellPanel extends Partial<Pick<ShellPanel, 'collapsed' | 'displayMode' | 'height' | 'heightScale' | 'layout' | 'messageOverrides' | 'position' | 'resizable' | 'width' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteShellPanelElement> {
-  onCalciteShellPanelCollapse?: EventHandler<HTMLCalciteShellPanelElement["calciteShellPanelCollapse"]>;
-  onCalciteShellPanelExpand?: EventHandler<HTMLCalciteShellPanelElement["calciteShellPanelExpand"]>;
+interface StencilCalciteShellPanel extends Partial<Pick<ShellPanel, "collapsed" | "displayMode" | "height" | "heightScale" | "layout" | "messageOverrides" | "position" | "resizable" | "width" | "widthScale">>, StencilJsx.HTMLAttributes<ShellPanel> {
+  onCalciteShellPanelCollapse?: EventHandler<ShellPanel["calciteShellPanelCollapse"]>;
+  onCalciteShellPanelExpand?: EventHandler<ShellPanel["calciteShellPanelExpand"]>;
 }
 
-interface StencilCalciteSlider extends Partial<Pick<Slider, 'disabled' | 'fillPlacement' | 'form' | 'groupSeparator' | 'hasHistogram' | 'histogram' | 'histogramStops' | 'labelFormatter' | 'labelHandles' | 'labelText' | 'labelTicks' | 'max' | 'maxLabel' | 'maxValue' | 'messageOverrides' | 'min' | 'minLabel' | 'minValue' | 'mirrored' | 'name' | 'numberingSystem' | 'pageStep' | 'precise' | 'required' | 'scale' | 'snap' | 'status' | 'step' | 'ticks' | 'validationIcon' | 'validationMessage' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteSliderElement> {
-  onCalciteSliderChange?: EventHandler<HTMLCalciteSliderElement["calciteSliderChange"]>;
-  onCalciteSliderInput?: EventHandler<HTMLCalciteSliderElement["calciteSliderInput"]>;
+interface StencilCalciteSlider extends Partial<Pick<Slider, "disabled" | "fillPlacement" | "form" | "groupSeparator" | "hasHistogram" | "histogram" | "histogramStops" | "labelFormatter" | "labelHandles" | "labelText" | "labelTicks" | "max" | "maxLabel" | "maxValue" | "messageOverrides" | "min" | "minLabel" | "minValue" | "mirrored" | "name" | "numberingSystem" | "pageStep" | "precise" | "required" | "scale" | "snap" | "status" | "step" | "ticks" | "validationIcon" | "validationMessage" | "value">>, StencilJsx.HTMLAttributes<Slider> {
+  onCalciteSliderChange?: EventHandler<Slider["calciteSliderChange"]>;
+  onCalciteSliderInput?: EventHandler<Slider["calciteSliderInput"]>;
 }
 
-interface StencilCalciteSortHandle extends Partial<Pick<SortHandle, 'addToItems' | 'disabled' | 'flipPlacements' | 'label' | 'messageOverrides' | 'moveToItems' | 'open' | 'overlayPositioning' | 'placement' | 'scale' | 'setPosition' | 'setSize' | 'sortDisabled' | 'widthScale'>>, StencilJsx.HTMLAttributes<HTMLCalciteSortHandleElement> {
-  onCalciteSortHandleAdd?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleAdd"]>;
-  onCalciteSortHandleBeforeClose?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleBeforeClose"]>;
-  onCalciteSortHandleBeforeOpen?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleBeforeOpen"]>;
-  onCalciteSortHandleClose?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleClose"]>;
-  onCalciteSortHandleMove?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleMove"]>;
-  onCalciteSortHandleOpen?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleOpen"]>;
-  onCalciteSortHandleReorder?: EventHandler<HTMLCalciteSortHandleElement["calciteSortHandleReorder"]>;
+interface StencilCalciteSortHandle extends Partial<Pick<SortHandle, "addToItems" | "disabled" | "flipPlacements" | "label" | "messageOverrides" | "moveToItems" | "open" | "overlayPositioning" | "placement" | "scale" | "setPosition" | "setSize" | "sortDisabled" | "topLayerDisabled" | "widthScale">>, StencilJsx.HTMLAttributes<SortHandle> {
+  onCalciteSortHandleAdd?: EventHandler<SortHandle["calciteSortHandleAdd"]>;
+  onCalciteSortHandleBeforeClose?: EventHandler<SortHandle["calciteSortHandleBeforeClose"]>;
+  onCalciteSortHandleBeforeOpen?: EventHandler<SortHandle["calciteSortHandleBeforeOpen"]>;
+  onCalciteSortHandleClose?: EventHandler<SortHandle["calciteSortHandleClose"]>;
+  onCalciteSortHandleMove?: EventHandler<SortHandle["calciteSortHandleMove"]>;
+  onCalciteSortHandleOpen?: EventHandler<SortHandle["calciteSortHandleOpen"]>;
+  onCalciteSortHandleReorder?: EventHandler<SortHandle["calciteSortHandleReorder"]>;
 }
 
-interface StencilCalciteSortableList extends Partial<Pick<SortableList, 'canPull' | 'canPut' | 'disabled' | 'dragSelector' | 'group' | 'handleSelector' | 'layout' | 'loading'>>, StencilJsx.HTMLAttributes<HTMLCalciteSortableListElement> {
-  onCalciteListOrderChange?: EventHandler<HTMLCalciteSortableListElement["calciteListOrderChange"]>;
+interface StencilCalciteSortableList extends Partial<Pick<SortableList, "canPull" | "canPut" | "disabled" | "dragSelector" | "group" | "handleSelector" | "layout" | "loading">>, StencilJsx.HTMLAttributes<SortableList> {
+  onCalciteListOrderChange?: EventHandler<SortableList["calciteListOrderChange"]>;
 }
 
-interface StencilCalciteSplitButton extends Partial<Pick<SplitButton, 'appearance' | 'disabled' | 'download' | 'dropdownIconType' | 'dropdownLabel' | 'flipPlacements' | 'href' | 'kind' | 'loading' | 'overlayPositioning' | 'placement' | 'primaryIconEnd' | 'primaryIconFlipRtl' | 'primaryIconStart' | 'primaryLabel' | 'primaryText' | 'rel' | 'scale' | 'target' | 'width'>>, StencilJsx.HTMLAttributes<HTMLCalciteSplitButtonElement> {
-  onCalciteSplitButtonPrimaryClick?: EventHandler<HTMLCalciteSplitButtonElement["calciteSplitButtonPrimaryClick"]>;
-  onCalciteSplitButtonSecondaryClick?: EventHandler<HTMLCalciteSplitButtonElement["calciteSplitButtonSecondaryClick"]>;
+interface StencilCalciteSplitButton extends Partial<Pick<SplitButton, "appearance" | "disabled" | "download" | "dropdownIconType" | "dropdownLabel" | "flipPlacements" | "href" | "kind" | "loading" | "overlayPositioning" | "placement" | "primaryIconEnd" | "primaryIconFlipRtl" | "primaryIconStart" | "primaryLabel" | "primaryText" | "rel" | "scale" | "target" | "topLayerDisabled" | "width">>, StencilJsx.HTMLAttributes<SplitButton> {
+  onCalciteSplitButtonPrimaryClick?: EventHandler<SplitButton["calciteSplitButtonPrimaryClick"]>;
+  onCalciteSplitButtonSecondaryClick?: EventHandler<SplitButton["calciteSplitButtonSecondaryClick"]>;
 }
 
-interface StencilCalciteStack extends Partial<Pick<Stack, 'disabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteStackElement> {
+interface StencilCalciteStack extends Partial<Pick<Stack, "disabled">>, StencilJsx.HTMLAttributes<Stack> {
 }
 
-interface StencilCalciteStepper extends Partial<Pick<Stepper, 'icon' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteStepperElement> {
-  onCalciteStepperChange?: EventHandler<HTMLCalciteStepperElement["calciteStepperChange"]>;
+interface StencilCalciteStepper extends Partial<Pick<Stepper, "icon" | "layout" | "messageOverrides" | "numbered" | "numberingSystem" | "scale">>, StencilJsx.HTMLAttributes<Stepper> {
+  onCalciteStepperChange?: EventHandler<Stepper["calciteStepperChange"]>;
 }
 
-interface StencilCalciteStepperItem extends Partial<Pick<StepperItem, 'complete' | 'description' | 'disabled' | 'error' | 'heading' | 'iconFlipRtl' | 'messageOverrides' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteStepperItemElement> {
-  onCalciteStepperItemSelect?: EventHandler<HTMLCalciteStepperItemElement["calciteStepperItemSelect"]>;
+interface StencilCalciteStepperItem extends Partial<Pick<StepperItem, "complete" | "description" | "disabled" | "error" | "heading" | "iconFlipRtl" | "messageOverrides" | "selected">>, StencilJsx.HTMLAttributes<StepperItem> {
+  onCalciteStepperItemSelect?: EventHandler<StepperItem["calciteStepperItemSelect"]>;
 }
 
-interface StencilCalciteSwatch extends Required<Pick<Swatch, 'label'>>, Partial<Pick<Swatch, 'color' | 'disabled' | 'scale' | 'selected' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteSwatchElement> {
-  onCalciteSwatchSelect?: EventHandler<HTMLCalciteSwatchElement["calciteSwatchSelect"]>;
+interface StencilCalciteSwatch extends Required<Pick<Swatch, "label">>, Partial<Pick<Swatch, "color" | "disabled" | "scale" | "selected" | "value">>, StencilJsx.HTMLAttributes<Swatch> {
+  onCalciteSwatchSelect?: EventHandler<Swatch["calciteSwatchSelect"]>;
 }
 
-interface StencilCalciteSwatchGroup extends Required<Pick<SwatchGroup, 'label'>>, Partial<Pick<SwatchGroup, 'disabled' | 'scale' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteSwatchGroupElement> {
-  onCalciteSwatchGroupSelect?: EventHandler<HTMLCalciteSwatchGroupElement["calciteSwatchGroupSelect"]>;
+interface StencilCalciteSwatchGroup extends Required<Pick<SwatchGroup, "label">>, Partial<Pick<SwatchGroup, "disabled" | "scale" | "selectionMode">>, StencilJsx.HTMLAttributes<SwatchGroup> {
+  onCalciteSwatchGroupSelect?: EventHandler<SwatchGroup["calciteSwatchGroupSelect"]>;
 }
 
-interface StencilCalciteSwitch extends Partial<Pick<Switch, 'checked' | 'disabled' | 'form' | 'label' | 'labelTextEnd' | 'labelTextStart' | 'name' | 'scale' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteSwitchElement> {
-  onCalciteSwitchChange?: EventHandler<HTMLCalciteSwitchElement["calciteSwitchChange"]>;
+interface StencilCalciteSwitch extends Partial<Pick<Switch, "checked" | "disabled" | "form" | "label" | "labelTextEnd" | "labelTextStart" | "name" | "scale" | "value">>, StencilJsx.HTMLAttributes<Switch> {
+  onCalciteSwitchChange?: EventHandler<Switch["calciteSwitchChange"]>;
 }
 
-interface StencilCalciteTab extends Partial<Pick<Tab, 'selected' | 'tab'>>, StencilJsx.HTMLAttributes<HTMLCalciteTabElement> {
+interface StencilCalciteTab extends Partial<Pick<Tab, "selected" | "tab">>, StencilJsx.HTMLAttributes<Tab> {
 }
 
-interface StencilCalciteTabNav extends Partial<Pick<TabNav, 'messageOverrides' | 'position' | 'storageId' | 'syncId'>>, StencilJsx.HTMLAttributes<HTMLCalciteTabNavElement> {
-  onCalciteTabChange?: EventHandler<HTMLCalciteTabNavElement["calciteTabChange"]>;
+interface StencilCalciteTabNav extends Partial<Pick<TabNav, "messageOverrides" | "position" | "storageId" | "syncId">>, StencilJsx.HTMLAttributes<TabNav> {
+  onCalciteTabChange?: EventHandler<TabNav["calciteTabChange"]>;
 }
 
-interface StencilCalciteTabTitle extends Partial<Pick<TabTitle, 'closable' | 'closed' | 'disabled' | 'iconEnd' | 'iconFlipRtl' | 'iconStart' | 'messageOverrides' | 'position' | 'selected' | 'tab'>>, StencilJsx.HTMLAttributes<HTMLCalciteTabTitleElement> {
-  onCalciteTabsActivate?: EventHandler<HTMLCalciteTabTitleElement["calciteTabsActivate"]>;
-  onCalciteTabsClose?: EventHandler<HTMLCalciteTabTitleElement["calciteTabsClose"]>;
+interface StencilCalciteTabTitle extends Partial<Pick<TabTitle, "closable" | "closed" | "disabled" | "iconEnd" | "iconFlipRtl" | "iconStart" | "messageOverrides" | "position" | "selected" | "tab">>, StencilJsx.HTMLAttributes<TabTitle> {
+  onCalciteTabsActivate?: EventHandler<TabTitle["calciteTabsActivate"]>;
+  onCalciteTabsClose?: EventHandler<TabTitle["calciteTabsClose"]>;
 }
 
-interface StencilCalciteTable extends Required<Pick<Table, 'caption'>>, Partial<Pick<Table, 'bordered' | 'currentPage' | 'groupSeparator' | 'interactionMode' | 'layout' | 'messageOverrides' | 'numbered' | 'numberingSystem' | 'pageSize' | 'scale' | 'selectionDisplay' | 'selectionMode' | 'striped'>>, StencilJsx.HTMLAttributes<HTMLCalciteTableElement> {
-  onCalciteTablePageChange?: EventHandler<HTMLCalciteTableElement["calciteTablePageChange"]>;
-  onCalciteTableSelect?: EventHandler<HTMLCalciteTableElement["calciteTableSelect"]>;
+interface StencilCalciteTable extends Required<Pick<Table, "caption">>, Partial<Pick<Table, "bordered" | "currentPage" | "groupSeparator" | "interactionMode" | "layout" | "messageOverrides" | "numbered" | "numberingSystem" | "pageSize" | "scale" | "selectionDisplay" | "selectionMode" | "striped">>, StencilJsx.HTMLAttributes<Table> {
+  onCalciteTablePageChange?: EventHandler<Table["calciteTablePageChange"]>;
+  onCalciteTableSelect?: EventHandler<Table["calciteTableSelect"]>;
 }
 
-interface StencilCalciteTableCell extends Partial<Pick<TableCell, 'alignment' | 'colSpan' | 'messageOverrides' | 'rowSpan'>>, StencilJsx.HTMLAttributes<HTMLCalciteTableCellElement> {
+interface StencilCalciteTableCell extends Partial<Pick<TableCell, "alignment" | "colSpan" | "messageOverrides" | "rowSpan">>, StencilJsx.HTMLAttributes<TableCell> {
 }
 
-interface StencilCalciteTableHeader extends Partial<Pick<TableHeader, 'alignment' | 'colSpan' | 'description' | 'heading' | 'messageOverrides' | 'rowSpan'>>, StencilJsx.HTMLAttributes<HTMLCalciteTableHeaderElement> {
+interface StencilCalciteTableHeader extends Partial<Pick<TableHeader, "alignment" | "colSpan" | "description" | "heading" | "messageOverrides" | "rowSpan">>, StencilJsx.HTMLAttributes<TableHeader> {
 }
 
-interface StencilCalciteTableRow extends Partial<Pick<TableRow, 'alignment' | 'disabled' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteTableRowElement> {
-  onCalciteTableRowSelect?: EventHandler<HTMLCalciteTableRowElement["calciteTableRowSelect"]>;
+interface StencilCalciteTableRow extends Partial<Pick<TableRow, "alignment" | "disabled" | "selected">>, StencilJsx.HTMLAttributes<TableRow> {
+  onCalciteTableRowSelect?: EventHandler<TableRow["calciteTableRowSelect"]>;
 }
 
-interface StencilCalciteTabs extends Partial<Pick<Tabs, 'bordered' | 'layout' | 'position' | 'scale'>>, StencilJsx.HTMLAttributes<HTMLCalciteTabsElement> {
+interface StencilCalciteTabs extends Partial<Pick<Tabs, "bordered" | "layout" | "position" | "scale">>, StencilJsx.HTMLAttributes<Tabs> {
 }
 
-interface StencilCalciteTextArea extends Partial<Pick<TextArea, 'columns' | 'disabled' | 'form' | 'groupSeparator' | 'label' | 'labelText' | 'limitText' | 'loading' | 'maxLength' | 'messageOverrides' | 'minLength' | 'name' | 'numberingSystem' | 'placeholder' | 'readOnly' | 'required' | 'resize' | 'rows' | 'scale' | 'status' | 'validationIcon' | 'validationMessage' | 'value' | 'wrap'>>, StencilJsx.HTMLAttributes<HTMLCalciteTextAreaElement> {
-  onCalciteTextAreaChange?: EventHandler<HTMLCalciteTextAreaElement["calciteTextAreaChange"]>;
-  onCalciteTextAreaInput?: EventHandler<HTMLCalciteTextAreaElement["calciteTextAreaInput"]>;
+interface StencilCalciteTextArea extends Partial<Pick<TextArea, "columns" | "disabled" | "form" | "groupSeparator" | "label" | "labelText" | "limitText" | "loading" | "maxLength" | "messageOverrides" | "minLength" | "name" | "numberingSystem" | "placeholder" | "readOnly" | "required" | "resize" | "rows" | "scale" | "status" | "validationIcon" | "validationMessage" | "value" | "wrap">>, StencilJsx.HTMLAttributes<TextArea> {
+  onCalciteTextAreaChange?: EventHandler<TextArea["calciteTextAreaChange"]>;
+  onCalciteTextAreaInput?: EventHandler<TextArea["calciteTextAreaInput"]>;
 }
 
-interface StencilCalciteTile extends Partial<Pick<Tile, 'active' | 'alignment' | 'description' | 'disabled' | 'embed' | 'heading' | 'headingLevel' | 'href' | 'icon' | 'iconFlipRtl' | 'label' | 'scale' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteTileElement> {
-  onCalciteTileSelect?: EventHandler<HTMLCalciteTileElement["calciteTileSelect"]>;
+interface StencilCalciteTile extends Partial<Pick<Tile, "active" | "alignment" | "description" | "disabled" | "embed" | "heading" | "headingLevel" | "href" | "icon" | "iconFlipRtl" | "label" | "scale" | "selected">>, StencilJsx.HTMLAttributes<Tile> {
+  onCalciteTileSelect?: EventHandler<Tile["calciteTileSelect"]>;
 }
 
-interface StencilCalciteTileGroup extends Required<Pick<TileGroup, 'label'>>, Partial<Pick<TileGroup, 'alignment' | 'disabled' | 'layout' | 'scale' | 'selectionAppearance' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteTileGroupElement> {
-  onCalciteTileGroupSelect?: EventHandler<HTMLCalciteTileGroupElement["calciteTileGroupSelect"]>;
+interface StencilCalciteTileGroup extends Required<Pick<TileGroup, "label">>, Partial<Pick<TileGroup, "alignment" | "disabled" | "layout" | "scale" | "selectionAppearance" | "selectionMode">>, StencilJsx.HTMLAttributes<TileGroup> {
+  onCalciteTileGroupSelect?: EventHandler<TileGroup["calciteTileGroupSelect"]>;
 }
 
-interface StencilCalciteTimePicker extends Partial<Pick<TimePicker, 'hourFormat' | 'messageOverrides' | 'numberingSystem' | 'scale' | 'step' | 'time' | 'value'>>, StencilJsx.HTMLAttributes<HTMLCalciteTimePickerElement> {
-  onCalciteTimePickerChange?: EventHandler<HTMLCalciteTimePickerElement["calciteTimePickerChange"]>;
+interface StencilCalciteTimePicker extends Partial<Pick<TimePicker, "hourFormat" | "messageOverrides" | "numberingSystem" | "scale" | "step" | "time" | "value">>, StencilJsx.HTMLAttributes<TimePicker> {
+  onCalciteTimePickerChange?: EventHandler<TimePicker["calciteTimePickerChange"]>;
 }
 
-interface StencilCalciteTooltip extends Partial<Pick<Tooltip, 'closeOnClick' | 'label' | 'offsetDistance' | 'offsetSkidding' | 'open' | 'overlayPositioning' | 'placement' | 'referenceElement' | 'topLayerDisabled'>>, StencilJsx.HTMLAttributes<HTMLCalciteTooltipElement> {
-  onCalciteTooltipBeforeClose?: EventHandler<HTMLCalciteTooltipElement["calciteTooltipBeforeClose"]>;
-  onCalciteTooltipBeforeOpen?: EventHandler<HTMLCalciteTooltipElement["calciteTooltipBeforeOpen"]>;
-  onCalciteTooltipClose?: EventHandler<HTMLCalciteTooltipElement["calciteTooltipClose"]>;
-  onCalciteTooltipOpen?: EventHandler<HTMLCalciteTooltipElement["calciteTooltipOpen"]>;
+interface StencilCalciteTooltip extends Partial<Pick<Tooltip, "closeOnClick" | "label" | "offsetDistance" | "offsetSkidding" | "open" | "overlayPositioning" | "placement" | "referenceElement" | "topLayerDisabled">>, StencilJsx.HTMLAttributes<Tooltip> {
+  onCalciteTooltipBeforeClose?: EventHandler<Tooltip["calciteTooltipBeforeClose"]>;
+  onCalciteTooltipBeforeOpen?: EventHandler<Tooltip["calciteTooltipBeforeOpen"]>;
+  onCalciteTooltipClose?: EventHandler<Tooltip["calciteTooltipClose"]>;
+  onCalciteTooltipOpen?: EventHandler<Tooltip["calciteTooltipOpen"]>;
 }
 
-interface StencilCalciteTree extends Partial<Pick<Tree, 'lines' | 'scale' | 'selectionMode'>>, StencilJsx.HTMLAttributes<HTMLCalciteTreeElement> {
-  onCalciteTreeSelect?: EventHandler<HTMLCalciteTreeElement["calciteTreeSelect"]>;
+interface StencilCalciteTree extends Partial<Pick<Tree, "lines" | "scale" | "selectionMode">>, StencilJsx.HTMLAttributes<Tree> {
+  onCalciteTreeSelect?: EventHandler<Tree["calciteTreeSelect"]>;
 }
 
-interface StencilCalciteTreeItem extends Partial<Pick<TreeItem, 'disabled' | 'expanded' | 'iconFlipRtl' | 'iconStart' | 'label' | 'selected'>>, StencilJsx.HTMLAttributes<HTMLCalciteTreeItemElement> {
-  onCalciteTreeItemCollapse?: EventHandler<HTMLCalciteTreeItemElement["calciteTreeItemCollapse"]>;
-  onCalciteTreeItemExpand?: EventHandler<HTMLCalciteTreeItemElement["calciteTreeItemExpand"]>;
-  onCalciteTreeItemSelect?: EventHandler<HTMLCalciteTreeItemElement["calciteTreeItemSelect"]>;
+interface StencilCalciteTreeItem extends Partial<Pick<TreeItem, "disabled" | "expanded" | "iconFlipRtl" | "iconStart" | "label" | "selected">>, StencilJsx.HTMLAttributes<TreeItem> {
+  onCalciteTreeItemCollapse?: EventHandler<TreeItem["calciteTreeItemCollapse"]>;
+  onCalciteTreeItemExpand?: EventHandler<TreeItem["calciteTreeItemExpand"]>;
+  onCalciteTreeItemSelect?: EventHandler<TreeItem["calciteTreeItemSelect"]>;
 }
 
 interface ExposedElements {