@esri/calcite-components 1.0.0-next.410 → 1.0.0-next.413

package/dist/types/preact.d.ts

@@ -6,80 +6,80 @@ declare module "preact/src/jsx" {
   namespace JSXInternal {
     interface IntrinsicElements {
       
-      "calcite-accordion": Omit<JSX.Accordion, "onCalciteAccordionChange"> & JSXInternal.HTMLAttributes<HTMLAccordionElement> & {
+      "calcite-accordion": Omit<JSX.CalciteAccordion, "onCalciteAccordionChange"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionElement> & {
         "oncalciteAccordionChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-accordion-item": Omit<JSX.AccordionItem, "onCalciteAccordionItemKeyEvent" | "onCalciteAccordionItemSelect" | "onCalciteAccordionItemClose" | "onCalciteAccordionItemRegister"> & JSXInternal.HTMLAttributes<HTMLAccordionItemElement> & {
+      "calcite-accordion-item": Omit<JSX.CalciteAccordionItem, "onCalciteAccordionItemKeyEvent" | "onCalciteAccordionItemSelect" | "onCalciteAccordionItemClose" | "onCalciteAccordionItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionItemElement> & {
         "oncalciteAccordionItemKeyEvent"?: (event: CustomEvent<any>) => void;
         "oncalciteAccordionItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteAccordionItemClose"?: (event: CustomEvent<any>) => void;
         "oncalciteAccordionItemRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-action": Omit<JSX.Action, "onCalciteActionClick"> & JSXInternal.HTMLAttributes<HTMLActionElement> & {
+      "calcite-action": Omit<JSX.CalciteAction, "onCalciteActionClick"> & JSXInternal.HTMLAttributes<HTMLCalciteActionElement> & {
         "oncalciteActionClick"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-action-bar": Omit<JSX.ActionBar, "onCalciteActionBarToggle"> & JSXInternal.HTMLAttributes<HTMLActionBarElement> & {
+      "calcite-action-bar": Omit<JSX.CalciteActionBar, "onCalciteActionBarToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionBarElement> & {
         "oncalciteActionBarToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-action-group": JSX.ActionGroup & JSXInternal.HTMLAttributes<HTMLActionGroupElement>
+      "calcite-action-group": JSX.CalciteActionGroup & JSXInternal.HTMLAttributes<HTMLCalciteActionGroupElement>
 
-      "calcite-action-menu": Omit<JSX.ActionMenu, "onCalciteActionMenuOpenChange"> & JSXInternal.HTMLAttributes<HTMLActionMenuElement> & {
+      "calcite-action-menu": Omit<JSX.CalciteActionMenu, "onCalciteActionMenuOpenChange"> & JSXInternal.HTMLAttributes<HTMLCalciteActionMenuElement> & {
         "oncalciteActionMenuOpenChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-action-pad": Omit<JSX.ActionPad, "onCalciteActionPadToggle"> & JSXInternal.HTMLAttributes<HTMLActionPadElement> & {
+      "calcite-action-pad": Omit<JSX.CalciteActionPad, "onCalciteActionPadToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionPadElement> & {
         "oncalciteActionPadToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-alert": Omit<JSX.Alert, "onCalciteAlertClose" | "onCalciteAlertOpen" | "onCalciteAlertSync" | "onCalciteAlertRegister"> & JSXInternal.HTMLAttributes<HTMLAlertElement> & {
+      "calcite-alert": Omit<JSX.CalciteAlert, "onCalciteAlertClose" | "onCalciteAlertOpen" | "onCalciteAlertSync" | "onCalciteAlertRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAlertElement> & {
         "oncalciteAlertClose"?: (event: CustomEvent<any>) => void;
         "oncalciteAlertOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteAlertSync"?: (event: CustomEvent<any>) => void;
         "oncalciteAlertRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-avatar": JSX.Avatar & JSXInternal.HTMLAttributes<HTMLAvatarElement>
+      "calcite-avatar": JSX.CalciteAvatar & JSXInternal.HTMLAttributes<HTMLCalciteAvatarElement>
 
-      "calcite-block": Omit<JSX.Block, "onCalciteBlockToggle"> & JSXInternal.HTMLAttributes<HTMLBlockElement> & {
+      "calcite-block": Omit<JSX.CalciteBlock, "onCalciteBlockToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteBlockElement> & {
         "oncalciteBlockToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-block-section": Omit<JSX.BlockSection, "onCalciteBlockSectionToggle"> & JSXInternal.HTMLAttributes<HTMLBlockSectionElement> & {
+      "calcite-block-section": Omit<JSX.CalciteBlockSection, "onCalciteBlockSectionToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteBlockSectionElement> & {
         "oncalciteBlockSectionToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-button": JSX.Button & JSXInternal.HTMLAttributes<HTMLButtonElement>
+      "calcite-button": JSX.CalciteButton & JSXInternal.HTMLAttributes<HTMLCalciteButtonElement>
 
-      "calcite-card": Omit<JSX.Card, "onCalciteCardSelect"> & JSXInternal.HTMLAttributes<HTMLCardElement> & {
+      "calcite-card": Omit<JSX.CalciteCard, "onCalciteCardSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteCardElement> & {
         "oncalciteCardSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-checkbox": Omit<JSX.Checkbox, "onCalciteInternalCheckboxBlur" | "onCalciteCheckboxChange" | "onCalciteInternalCheckboxFocus"> & JSXInternal.HTMLAttributes<HTMLCheckboxElement> & {
+      "calcite-checkbox": Omit<JSX.CalciteCheckbox, "onCalciteInternalCheckboxBlur" | "onCalciteCheckboxChange" | "onCalciteInternalCheckboxFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteCheckboxElement> & {
         "oncalciteInternalCheckboxBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteCheckboxChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalCheckboxFocus"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-chip": Omit<JSX.Chip, "onCalciteChipDismiss"> & JSXInternal.HTMLAttributes<HTMLChipElement> & {
+      "calcite-chip": Omit<JSX.CalciteChip, "onCalciteChipDismiss"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
         "oncalciteChipDismiss"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-color-picker": Omit<JSX.ColorPicker, "onCalciteColorPickerChange" | "onCalciteColorPickerInput"> & JSXInternal.HTMLAttributes<HTMLColorPickerElement> & {
+      "calcite-color-picker": Omit<JSX.CalciteColorPicker, "onCalciteColorPickerChange" | "onCalciteColorPickerInput"> & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerElement> & {
         "oncalciteColorPickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteColorPickerInput"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-color-picker-hex-input": Omit<JSX.ColorPickerHexInput, "onCalciteColorPickerHexInputChange"> & JSXInternal.HTMLAttributes<HTMLColorPickerHexInputElement> & {
+      "calcite-color-picker-hex-input": Omit<JSX.CalciteColorPickerHexInput, "onCalciteColorPickerHexInputChange"> & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerHexInputElement> & {
         "oncalciteColorPickerHexInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-color-picker-swatch": JSX.ColorPickerSwatch & JSXInternal.HTMLAttributes<HTMLColorPickerSwatchElement>
+      "calcite-color-picker-swatch": JSX.CalciteColorPickerSwatch & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>
 
-      "calcite-combobox": Omit<JSX.Combobox, "onCalciteLookupChange" | "onCalciteComboboxChange" | "onCalciteComboboxFilterChange" | "onCalciteComboboxChipDismiss" | "onCalciteComboboxOpen" | "onCalciteComboboxClose"> & JSXInternal.HTMLAttributes<HTMLComboboxElement> & {
+      "calcite-combobox": Omit<JSX.CalciteCombobox, "onCalciteLookupChange" | "onCalciteComboboxChange" | "onCalciteComboboxFilterChange" | "onCalciteComboboxChipDismiss" | "onCalciteComboboxOpen" | "onCalciteComboboxClose"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxElement> & {
         "oncalciteLookupChange"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxChange"?: (event: CustomEvent<any>) => void;
         "oncalciteComboboxFilterChange"?: (event: CustomEvent<any>) => void;
@@ -88,79 +88,79 @@ declare module "preact/src/jsx" {
         "oncalciteComboboxClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-combobox-item": Omit<JSX.ComboboxItem, "onCalciteComboboxItemChange"> & JSXInternal.HTMLAttributes<HTMLComboboxItemElement> & {
+      "calcite-combobox-item": Omit<JSX.CalciteComboboxItem, "onCalciteComboboxItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxItemElement> & {
         "oncalciteComboboxItemChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-combobox-item-group": JSX.ComboboxItemGroup & JSXInternal.HTMLAttributes<HTMLComboboxItemGroupElement>
+      "calcite-combobox-item-group": JSX.CalciteComboboxItemGroup & JSXInternal.HTMLAttributes<HTMLCalciteComboboxItemGroupElement>
 
-      "calcite-date-picker": Omit<JSX.DatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange"> & JSXInternal.HTMLAttributes<HTMLDatePickerElement> & {
+      "calcite-date-picker": Omit<JSX.CalciteDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerElement> & {
         "oncalciteDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerRangeChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-date-picker-day": Omit<JSX.DatePickerDay, "onCalciteDaySelect" | "onCalciteDayHover"> & JSXInternal.HTMLAttributes<HTMLDatePickerDayElement> & {
+      "calcite-date-picker-day": Omit<JSX.CalciteDatePickerDay, "onCalciteDaySelect" | "onCalciteDayHover"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerDayElement> & {
         "oncalciteDaySelect"?: (event: CustomEvent<any>) => void;
         "oncalciteDayHover"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-date-picker-month": Omit<JSX.DatePickerMonth, "onCalciteDatePickerSelect" | "onCalciteDatePickerHover" | "onCalciteDatePickerActiveDateChange" | "onCalciteDatePickerMouseOut"> & JSXInternal.HTMLAttributes<HTMLDatePickerMonthElement> & {
+      "calcite-date-picker-month": Omit<JSX.CalciteDatePickerMonth, "onCalciteDatePickerSelect" | "onCalciteDatePickerHover" | "onCalciteDatePickerActiveDateChange" | "onCalciteDatePickerMouseOut"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthElement> & {
         "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerHover"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerActiveDateChange"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerMouseOut"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-date-picker-month-header": Omit<JSX.DatePickerMonthHeader, "onCalciteDatePickerSelect"> & JSXInternal.HTMLAttributes<HTMLDatePickerMonthHeaderElement> & {
+      "calcite-date-picker-month-header": Omit<JSX.CalciteDatePickerMonthHeader, "onCalciteDatePickerSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> & {
         "oncalciteDatePickerSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown": Omit<JSX.Dropdown, "onCalciteDropdownSelect" | "onCalciteDropdownOpen" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLDropdownElement> & {
+      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownOpen" | "onCalciteDropdownClose"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
         "oncalciteDropdownSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown-group": Omit<JSX.DropdownGroup, "onCalciteDropdownItemChange"> & JSXInternal.HTMLAttributes<HTMLDropdownGroupElement> & {
+      "calcite-dropdown-group": Omit<JSX.CalciteDropdownGroup, "onCalciteDropdownItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownGroupElement> & {
         "oncalciteDropdownItemChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-dropdown-item": Omit<JSX.DropdownItem, "onCalciteDropdownItemSelect" | "onCalciteDropdownItemKeyEvent" | "onCalciteDropdownCloseRequest"> & JSXInternal.HTMLAttributes<HTMLDropdownItemElement> & {
+      "calcite-dropdown-item": Omit<JSX.CalciteDropdownItem, "onCalciteDropdownItemSelect" | "onCalciteDropdownItemKeyEvent" | "onCalciteDropdownCloseRequest"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownItemElement> & {
         "oncalciteDropdownItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownItemKeyEvent"?: (event: CustomEvent<any>) => void;
         "oncalciteDropdownCloseRequest"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-fab": JSX.Fab & JSXInternal.HTMLAttributes<HTMLFabElement>
+      "calcite-fab": JSX.CalciteFab & JSXInternal.HTMLAttributes<HTMLCalciteFabElement>
 
-      "calcite-filter": Omit<JSX.Filter, "onCalciteFilterChange"> & JSXInternal.HTMLAttributes<HTMLFilterElement> & {
+      "calcite-filter": Omit<JSX.CalciteFilter, "onCalciteFilterChange"> & JSXInternal.HTMLAttributes<HTMLCalciteFilterElement> & {
         "oncalciteFilterChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-flow": JSX.Flow & JSXInternal.HTMLAttributes<HTMLFlowElement>
+      "calcite-flow": JSX.CalciteFlow & JSXInternal.HTMLAttributes<HTMLCalciteFlowElement>
 
-      "calcite-graph": JSX.Graph & JSXInternal.HTMLAttributes<HTMLGraphElement>
+      "calcite-graph": JSX.CalciteGraph & JSXInternal.HTMLAttributes<HTMLCalciteGraphElement>
 
-      "calcite-handle": Omit<JSX.Handle, "onCalciteHandleNudge"> & JSXInternal.HTMLAttributes<HTMLHandleElement> & {
+      "calcite-handle": Omit<JSX.CalciteHandle, "onCalciteHandleNudge"> & JSXInternal.HTMLAttributes<HTMLCalciteHandleElement> & {
         "oncalciteHandleNudge"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-icon": JSX.Icon & JSXInternal.HTMLAttributes<HTMLIconElement>
+      "calcite-icon": JSX.CalciteIcon & JSXInternal.HTMLAttributes<HTMLCalciteIconElement>
 
-      "calcite-inline-editable": Omit<JSX.InlineEditable, "onCalciteInlineEditableEditCancel" | "onCalciteInlineEditableEditConfirm" | "onCalciteInlineEditableEnableEditingChange"> & JSXInternal.HTMLAttributes<HTMLInlineEditableElement> & {
+      "calcite-inline-editable": Omit<JSX.CalciteInlineEditable, "onCalciteInlineEditableEditCancel" | "onCalciteInlineEditableEditConfirm" | "onCalciteInlineEditableEnableEditingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInlineEditableElement> & {
         "oncalciteInlineEditableEditCancel"?: (event: CustomEvent<any>) => void;
         "oncalciteInlineEditableEditConfirm"?: (event: CustomEvent<any>) => void;
         "oncalciteInlineEditableEnableEditingChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input": Omit<JSX.Input, "onCalciteInputFocus" | "onCalciteInputBlur" | "onCalciteInputInput" | "onCalciteInputChange"> & JSXInternal.HTMLAttributes<HTMLInputElement> & {
+      "calcite-input": Omit<JSX.CalciteInput, "onCalciteInputFocus" | "onCalciteInputBlur" | "onCalciteInputInput" | "onCalciteInputChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputElement> & {
         "oncalciteInputFocus"?: (event: CustomEvent<any>) => void;
         "oncalciteInputBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteInputInput"?: (event: CustomEvent<any>) => void;
         "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-date-picker": Omit<JSX.InputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerOpen" | "onCalciteInputDatePickerClose"> & JSXInternal.HTMLAttributes<HTMLInputDatePickerElement> & {
+      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerOpen" | "onCalciteInputDatePickerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
         "oncalciteDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerRangeChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
@@ -168,202 +168,202 @@ declare module "preact/src/jsx" {
         "oncalciteInputDatePickerClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-message": JSX.InputMessage & JSXInternal.HTMLAttributes<HTMLInputMessageElement>
+      "calcite-input-message": JSX.CalciteInputMessage & JSXInternal.HTMLAttributes<HTMLCalciteInputMessageElement>
 
-      "calcite-input-time-picker": Omit<JSX.InputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLInputTimePickerElement> & {
+      "calcite-input-time-picker": Omit<JSX.CalciteInputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTimePickerElement> & {
         "oncalciteInputTimePickerChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-label": Omit<JSX.Label, "onCalciteInternalLabelClick"> & JSXInternal.HTMLAttributes<HTMLLabelElement> & {
+      "calcite-label": Omit<JSX.CalciteLabel, "onCalciteInternalLabelClick"> & JSXInternal.HTMLAttributes<HTMLCalciteLabelElement> & {
         "oncalciteInternalLabelClick"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-link": JSX.Link & JSXInternal.HTMLAttributes<HTMLLinkElement>
+      "calcite-link": JSX.CalciteLink & JSXInternal.HTMLAttributes<HTMLCalciteLinkElement>
 
-      "calcite-list": JSX.List & JSXInternal.HTMLAttributes<HTMLListElement>
+      "calcite-list": JSX.CalciteList & JSXInternal.HTMLAttributes<HTMLCalciteListElement>
 
-      "calcite-list-item": JSX.ListItem & JSXInternal.HTMLAttributes<HTMLListItemElement>
+      "calcite-list-item": JSX.CalciteListItem & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement>
 
-      "calcite-list-item-group": JSX.ListItemGroup & JSXInternal.HTMLAttributes<HTMLListItemGroupElement>
+      "calcite-list-item-group": JSX.CalciteListItemGroup & JSXInternal.HTMLAttributes<HTMLCalciteListItemGroupElement>
 
-      "calcite-loader": JSX.Loader & JSXInternal.HTMLAttributes<HTMLLoaderElement>
+      "calcite-loader": JSX.CalciteLoader & JSXInternal.HTMLAttributes<HTMLCalciteLoaderElement>
 
-      "calcite-modal": Omit<JSX.Modal, "onCalciteModalOpen" | "onCalciteModalClose"> & JSXInternal.HTMLAttributes<HTMLModalElement> & {
+      "calcite-modal": Omit<JSX.CalciteModal, "onCalciteModalOpen" | "onCalciteModalClose"> & JSXInternal.HTMLAttributes<HTMLCalciteModalElement> & {
         "oncalciteModalOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteModalClose"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-notice": Omit<JSX.Notice, "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLNoticeElement> & {
+      "calcite-notice": Omit<JSX.CalciteNotice, "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteNoticeElement> & {
         "oncalciteNoticeClose"?: (event: CustomEvent<any>) => void;
         "oncalciteNoticeOpen"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-option": Omit<JSX.Option, "onCalciteOptionChange"> & JSXInternal.HTMLAttributes<HTMLOptionElement> & {
+      "calcite-option": Omit<JSX.CalciteOption, "onCalciteOptionChange"> & JSXInternal.HTMLAttributes<HTMLCalciteOptionElement> & {
         "oncalciteOptionChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-option-group": Omit<JSX.OptionGroup, "onCalciteOptionGroupChange"> & JSXInternal.HTMLAttributes<HTMLOptionGroupElement> & {
+      "calcite-option-group": Omit<JSX.CalciteOptionGroup, "onCalciteOptionGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteOptionGroupElement> & {
         "oncalciteOptionGroupChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-pagination": Omit<JSX.Pagination, "onCalcitePaginationUpdate" | "onCalcitePaginationChange"> & JSXInternal.HTMLAttributes<HTMLPaginationElement> & {
+      "calcite-pagination": Omit<JSX.CalcitePagination, "onCalcitePaginationUpdate" | "onCalcitePaginationChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePaginationElement> & {
         "oncalcitePaginationUpdate"?: (event: CustomEvent<any>) => void;
         "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-panel": Omit<JSX.Panel, "onCalcitePanelDismissedChange" | "onCalcitePanelScroll" | "onCalcitePanelBackClick"> & JSXInternal.HTMLAttributes<HTMLPanelElement> & {
+      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelDismissedChange" | "onCalcitePanelScroll" | "onCalcitePanelBackClick"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
         "oncalcitePanelDismissedChange"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
         "oncalcitePanelBackClick"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-pick-list": Omit<JSX.PickList, "onCalciteListChange"> & JSXInternal.HTMLAttributes<HTMLPickListElement> & {
+      "calcite-pick-list": Omit<JSX.CalcitePickList, "onCalciteListChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListElement> & {
         "oncalciteListChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-pick-list-group": JSX.PickListGroup & JSXInternal.HTMLAttributes<HTMLPickListGroupElement>
+      "calcite-pick-list-group": JSX.CalcitePickListGroup & JSXInternal.HTMLAttributes<HTMLCalcitePickListGroupElement>
 
-      "calcite-pick-list-item": Omit<JSX.PickListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteListItemPropsChange" | "onCalciteListItemValueChange"> & JSXInternal.HTMLAttributes<HTMLPickListItemElement> & {
+      "calcite-pick-list-item": Omit<JSX.CalcitePickListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteListItemPropsChange" | "onCalciteListItemValueChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListItemElement> & {
         "oncalciteListItemChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
         "oncalciteListItemPropsChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListItemValueChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-popover": Omit<JSX.Popover, "onCalcitePopoverClose" | "onCalcitePopoverOpen"> & JSXInternal.HTMLAttributes<HTMLPopoverElement> & {
+      "calcite-popover": Omit<JSX.CalcitePopover, "onCalcitePopoverClose" | "onCalcitePopoverOpen"> & JSXInternal.HTMLAttributes<HTMLCalcitePopoverElement> & {
         "oncalcitePopoverClose"?: (event: CustomEvent<any>) => void;
         "oncalcitePopoverOpen"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-popover-manager": JSX.PopoverManager & JSXInternal.HTMLAttributes<HTMLPopoverManagerElement>
+      "calcite-popover-manager": JSX.CalcitePopoverManager & JSXInternal.HTMLAttributes<HTMLCalcitePopoverManagerElement>
 
-      "calcite-progress": JSX.Progress & JSXInternal.HTMLAttributes<HTMLProgressElement>
+      "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
 
-      "calcite-radio-button": Omit<JSX.RadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLRadioButtonElement> & {
+      "calcite-radio-button": Omit<JSX.CalciteRadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonElement> & {
         "oncalciteInternalRadioButtonBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteRadioButtonChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalRadioButtonCheckedChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInternalRadioButtonFocus"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-radio-button-group": Omit<JSX.RadioButtonGroup, "onCalciteRadioButtonGroupChange"> & JSXInternal.HTMLAttributes<HTMLRadioButtonGroupElement> & {
+      "calcite-radio-button-group": Omit<JSX.CalciteRadioButtonGroup, "onCalciteRadioButtonGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonGroupElement> & {
         "oncalciteRadioButtonGroupChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-radio-group": Omit<JSX.RadioGroup, "onCalciteRadioGroupChange"> & JSXInternal.HTMLAttributes<HTMLRadioGroupElement> & {
+      "calcite-radio-group": Omit<JSX.CalciteRadioGroup, "onCalciteRadioGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioGroupElement> & {
         "oncalciteRadioGroupChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-radio-group-item": Omit<JSX.RadioGroupItem, "onCalciteRadioGroupItemChange"> & JSXInternal.HTMLAttributes<HTMLRadioGroupItemElement> & {
+      "calcite-radio-group-item": Omit<JSX.CalciteRadioGroupItem, "onCalciteRadioGroupItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioGroupItemElement> & {
         "oncalciteRadioGroupItemChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-rating": Omit<JSX.Rating, "onCalciteRatingChange"> & JSXInternal.HTMLAttributes<HTMLRatingElement> & {
+      "calcite-rating": Omit<JSX.CalciteRating, "onCalciteRatingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRatingElement> & {
         "oncalciteRatingChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-scrim": JSX.Scrim & JSXInternal.HTMLAttributes<HTMLScrimElement>
+      "calcite-scrim": JSX.CalciteScrim & JSXInternal.HTMLAttributes<HTMLCalciteScrimElement>
 
-      "calcite-select": Omit<JSX.Select, "onCalciteSelectChange"> & JSXInternal.HTMLAttributes<HTMLSelectElement> & {
+      "calcite-select": Omit<JSX.CalciteSelect, "onCalciteSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSelectElement> & {
         "oncalciteSelectChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-shell": JSX.Shell & JSXInternal.HTMLAttributes<HTMLShellElement>
+      "calcite-shell": JSX.CalciteShell & JSXInternal.HTMLAttributes<HTMLCalciteShellElement>
 
-      "calcite-shell-center-row": JSX.ShellCenterRow & JSXInternal.HTMLAttributes<HTMLShellCenterRowElement>
+      "calcite-shell-center-row": JSX.CalciteShellCenterRow & JSXInternal.HTMLAttributes<HTMLCalciteShellCenterRowElement>
 
-      "calcite-shell-panel": Omit<JSX.ShellPanel, "onCalciteShellPanelToggle"> & JSXInternal.HTMLAttributes<HTMLShellPanelElement> & {
+      "calcite-shell-panel": Omit<JSX.CalciteShellPanel, "onCalciteShellPanelToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteShellPanelElement> & {
         "oncalciteShellPanelToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-slider": Omit<JSX.Slider, "onCalciteSliderInput" | "onCalciteSliderChange" | "onCalciteSliderUpdate"> & JSXInternal.HTMLAttributes<HTMLSliderElement> & {
+      "calcite-slider": Omit<JSX.CalciteSlider, "onCalciteSliderInput" | "onCalciteSliderChange" | "onCalciteSliderUpdate"> & JSXInternal.HTMLAttributes<HTMLCalciteSliderElement> & {
         "oncalciteSliderInput"?: (event: CustomEvent<any>) => void;
         "oncalciteSliderChange"?: (event: CustomEvent<any>) => void;
         "oncalciteSliderUpdate"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-sortable-list": Omit<JSX.SortableList, "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLSortableListElement> & {
+      "calcite-sortable-list": Omit<JSX.CalciteSortableList, "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSortableListElement> & {
         "oncalciteListOrderChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-split-button": Omit<JSX.SplitButton, "onCalciteSplitButtonPrimaryClick" | "onCalciteSplitButtonSecondaryClick"> & JSXInternal.HTMLAttributes<HTMLSplitButtonElement> & {
+      "calcite-split-button": Omit<JSX.CalciteSplitButton, "onCalciteSplitButtonPrimaryClick" | "onCalciteSplitButtonSecondaryClick"> & JSXInternal.HTMLAttributes<HTMLCalciteSplitButtonElement> & {
         "oncalciteSplitButtonPrimaryClick"?: (event: CustomEvent<any>) => void;
         "oncalciteSplitButtonSecondaryClick"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-stepper": Omit<JSX.Stepper, "onCalciteStepperItemChange"> & JSXInternal.HTMLAttributes<HTMLStepperElement> & {
+      "calcite-stepper": Omit<JSX.CalciteStepper, "onCalciteStepperItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteStepperElement> & {
         "oncalciteStepperItemChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-stepper-item": Omit<JSX.StepperItem, "onCalciteStepperItemKeyEvent" | "onCalciteStepperItemSelect" | "onCalciteStepperItemRegister"> & JSXInternal.HTMLAttributes<HTMLStepperItemElement> & {
+      "calcite-stepper-item": Omit<JSX.CalciteStepperItem, "onCalciteStepperItemKeyEvent" | "onCalciteStepperItemSelect" | "onCalciteStepperItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteStepperItemElement> & {
         "oncalciteStepperItemKeyEvent"?: (event: CustomEvent<any>) => void;
         "oncalciteStepperItemSelect"?: (event: CustomEvent<any>) => void;
         "oncalciteStepperItemRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-switch": Omit<JSX.Switch, "onCalciteSwitchChange"> & JSXInternal.HTMLAttributes<HTMLSwitchElement> & {
+      "calcite-switch": Omit<JSX.CalciteSwitch, "onCalciteSwitchChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSwitchElement> & {
         "oncalciteSwitchChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab": Omit<JSX.Tab, "onCalciteTabRegister"> & JSXInternal.HTMLAttributes<HTMLTabElement> & {
+      "calcite-tab": Omit<JSX.CalciteTab, "onCalciteTabRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteTabElement> & {
         "oncalciteTabRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab-nav": Omit<JSX.TabNav, "onCalciteTabChange"> & JSXInternal.HTMLAttributes<HTMLTabNavElement> & {
+      "calcite-tab-nav": Omit<JSX.CalciteTabNav, "onCalciteTabChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTabNavElement> & {
         "oncalciteTabChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tab-title": Omit<JSX.TabTitle, "onCalciteTabsActivate" | "onCalciteTabsFocusNext" | "onCalciteTabsFocusPrevious" | "onCalciteTabTitleRegister"> & JSXInternal.HTMLAttributes<HTMLTabTitleElement> & {
+      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteTabsFocusNext" | "onCalciteTabsFocusPrevious" | "onCalciteTabTitleRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
         "oncalciteTabsActivate"?: (event: CustomEvent<any>) => void;
         "oncalciteTabsFocusNext"?: (event: CustomEvent<any>) => void;
         "oncalciteTabsFocusPrevious"?: (event: CustomEvent<any>) => void;
         "oncalciteTabTitleRegister"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tabs": JSX.Tabs & JSXInternal.HTMLAttributes<HTMLTabsElement>
+      "calcite-tabs": JSX.CalciteTabs & JSXInternal.HTMLAttributes<HTMLCalciteTabsElement>
 
-      "calcite-tile": JSX.Tile & JSXInternal.HTMLAttributes<HTMLTileElement>
+      "calcite-tile": JSX.CalciteTile & JSXInternal.HTMLAttributes<HTMLCalciteTileElement>
 
-      "calcite-tile-select": Omit<JSX.TileSelect, "onCalciteTileSelectChange"> & JSXInternal.HTMLAttributes<HTMLTileSelectElement> & {
+      "calcite-tile-select": Omit<JSX.CalciteTileSelect, "onCalciteTileSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTileSelectElement> & {
         "oncalciteTileSelectChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tile-select-group": JSX.TileSelectGroup & JSXInternal.HTMLAttributes<HTMLTileSelectGroupElement>
+      "calcite-tile-select-group": JSX.CalciteTileSelectGroup & JSXInternal.HTMLAttributes<HTMLCalciteTileSelectGroupElement>
 
-      "calcite-time-picker": Omit<JSX.TimePicker, "onCalciteTimePickerBlur" | "onCalciteTimePickerChange" | "onCalciteTimePickerFocus"> & JSXInternal.HTMLAttributes<HTMLTimePickerElement> & {
+      "calcite-time-picker": Omit<JSX.CalciteTimePicker, "onCalciteTimePickerBlur" | "onCalciteTimePickerChange" | "onCalciteTimePickerFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteTimePickerElement> & {
         "oncalciteTimePickerBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteTimePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteTimePickerFocus"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tip": Omit<JSX.Tip, "onCalciteTipDismiss"> & JSXInternal.HTMLAttributes<HTMLTipElement> & {
+      "calcite-tip": Omit<JSX.CalciteTip, "onCalciteTipDismiss"> & JSXInternal.HTMLAttributes<HTMLCalciteTipElement> & {
         "oncalciteTipDismiss"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tip-group": JSX.TipGroup & JSXInternal.HTMLAttributes<HTMLTipGroupElement>
+      "calcite-tip-group": JSX.CalciteTipGroup & JSXInternal.HTMLAttributes<HTMLCalciteTipGroupElement>
 
-      "calcite-tip-manager": Omit<JSX.TipManager, "onCalciteTipManagerToggle"> & JSXInternal.HTMLAttributes<HTMLTipManagerElement> & {
+      "calcite-tip-manager": Omit<JSX.CalciteTipManager, "onCalciteTipManagerToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteTipManagerElement> & {
         "oncalciteTipManagerToggle"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tooltip": JSX.Tooltip & JSXInternal.HTMLAttributes<HTMLTooltipElement>
+      "calcite-tooltip": JSX.CalciteTooltip & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement>
 
-      "calcite-tooltip-manager": JSX.TooltipManager & JSXInternal.HTMLAttributes<HTMLTooltipManagerElement>
+      "calcite-tooltip-manager": JSX.CalciteTooltipManager & JSXInternal.HTMLAttributes<HTMLCalciteTooltipManagerElement>
 
-      "calcite-tree": Omit<JSX.Tree, "onCalciteTreeSelect"> & JSXInternal.HTMLAttributes<HTMLTreeElement> & {
+      "calcite-tree": Omit<JSX.CalciteTree, "onCalciteTreeSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteTreeElement> & {
         "oncalciteTreeSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-tree-item": Omit<JSX.TreeItem, "onCalciteTreeItemSelect"> & JSXInternal.HTMLAttributes<HTMLTreeItemElement> & {
+      "calcite-tree-item": Omit<JSX.CalciteTreeItem, "onCalciteTreeItemSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteTreeItemElement> & {
         "oncalciteTreeItemSelect"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-value-list": Omit<JSX.ValueList, "onCalciteListChange" | "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLValueListElement> & {
+      "calcite-value-list": Omit<JSX.CalciteValueList, "onCalciteListChange" | "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListElement> & {
         "oncalciteListChange"?: (event: CustomEvent<any>) => void;
         "oncalciteListOrderChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-value-list-item": Omit<JSX.ValueListItem, "onCalciteListItemRemove"> & JSXInternal.HTMLAttributes<HTMLValueListItemElement> & {
+      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemRemove"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
         "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
       };
     }

package/hydrate/index.js

@@ -18149,6 +18149,18 @@ class Filter {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 7);
+    // --------------------------------------------------------------------------
+    //
+    //  Properties
+    //
+    // --------------------------------------------------------------------------
+    /**
+     * The items to filter through. The filter uses this as the starting point, and returns items
+     * that contain the string entered in the input, using a partial match and recursive search.
+     *
+     * This property is required.
+     */
+    this.items = [];
     /**
      * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
      */
@@ -18161,6 +18173,10 @@ class Filter {
     this.filteredItems = [];
     /** specify the scale of filter, defaults to m */
     this.scale = "m";
+    /**
+     * Filter value.
+     */
+    this.value = "";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -18214,6 +18230,14 @@ class Filter {
   valueHandler(value) {
     this.filter(value);
   }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  componentWillLoad() {
+    this.filter(this.value);
+  }
   // --------------------------------------------------------------------------
   //
   //  Public Methods
@@ -22356,7 +22380,6 @@ function deselectSiblingItems(item) {
   this.items.forEach((currentItem) => {
     if (currentItem.value !== item.value) {
       currentItem.toggleSelected(false);
-      toggleSingleSelectItemTabbing(currentItem, false);
       if (this.selectedValues.has(currentItem.value)) {
         this.selectedValues.delete(currentItem.value);
       }
@@ -32441,6 +32464,9 @@ class ValueList {
     cleanUpObserver.call(this);
     this.cleanUpDragAndDrop();
   }
+  calciteListFocusOutHandler(event) {
+    calciteListFocusOutHandler.call(this, event);
+  }
   calciteListItemRemoveHandler(event) {
     removeItem.call(this, event);
   }
@@ -32539,7 +32565,7 @@ class ValueList {
       "getSelectedItems": [64],
       "setFocus": [64]
     },
-    "$listeners$": [[0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteListItemPropsChange", "calciteListItemPropsChangeHandler"], [0, "calciteListItemValueChange", "calciteListItemValueChangeHandler"]],
+    "$listeners$": [[0, "focusout", "calciteListFocusOutHandler"], [0, "calciteListItemRemove", "calciteListItemRemoveHandler"], [0, "calciteListItemChange", "calciteListItemChangeHandler"], [0, "calciteListItemPropsChange", "calciteListItemPropsChangeHandler"], [0, "calciteListItemValueChange", "calciteListItemValueChangeHandler"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["disabled", "disabled"], ["dragEnabled", "drag-enabled"], ["filterEnabled", "filter-enabled"], ["filterPlaceholder", "filter-placeholder"], ["loading", "loading"], ["multiple", "multiple"]]
   }; }