@esri/calcite-components 1.4.3-next.6 → 1.4.3

package/dist/types/components/split-button/split-button.d.ts

@@ -64,9 +64,11 @@ export declare class SplitButton implements InteractiveComponent, LoadableCompon
   calciteSplitButtonSecondaryClick: EventEmitter<void>;
   /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
+  connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   private calciteSplitButtonPrimaryClickHandler;
   private calciteSplitButtonSecondaryClickHandler;

package/dist/types/components/tile-select-group/tile-select-group.d.ts

@@ -14,6 +14,8 @@ export declare class TileSelectGroup implements InteractiveComponent {
    * Use `"horizontal"` for rows, and `"vertical"` for a single column.
    */
   layout: TileSelectGroupLayout;
+  connectedCallback(): void;
   componentDidRender(): void;
+  disconnectedCallback(): void;
   render(): VNode;
 }

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

@@ -2,7 +2,8 @@ import { ReferenceElement } from "../../utils/floating-ui";
 export default class TooltipManager {
   private registeredElements;
   private registeredShadowRootCounts;
-  private hoverTimeout;
+  private hoverOpenTimeout;
+  private hoverCloseTimeout;
   private hoveredTooltip;
   private clickedTooltip;
   private activeTooltip;
@@ -19,11 +20,14 @@ export default class TooltipManager {
   private removeShadowListeners;
   private addListeners;
   private removeListeners;
+  private clearHoverOpenTimeout;
+  private clearHoverCloseTimeout;
   private clearHoverTimeout;
-  private closeExistingTooltip;
+  private closeActiveTooltip;
   private toggleFocusedTooltip;
   private toggleTooltip;
-  private toggleHoveredTooltip;
+  private openHoveredTooltip;
+  private closeHoveredTooltip;
   private queryFocusedTooltip;
   private isClosableClickedTooltip;
   private registerShadowRoot;

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

@@ -1,5 +1,6 @@
 export declare const CSS: {
   container: string;
 };
-export declare const TOOLTIP_DELAY_MS = 500;
+export declare const TOOLTIP_OPEN_DELAY_MS = 300;
+export declare const TOOLTIP_CLOSE_DELAY_MS = 500;
 export declare const ARIA_DESCRIBED_BY = "aria-describedby";

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

@@ -1,7 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 import { InteractiveComponent } from "../../utils/interactive";
-import { OpenCloseComponent } from "../../utils/openCloseComponent";
 import { FlipContext, Scale, SelectionMode } from "../interfaces";
 import { TreeItemSelectDetail } from "./interfaces";
 /**
@@ -9,7 +8,7 @@ import { TreeItemSelectDetail } from "./interfaces";
  * @slot children - A slot for adding nested `calcite-tree` elements.
  * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
  */
-export declare class TreeItem implements ConditionalSlotComponent, InteractiveComponent, OpenCloseComponent {
+export declare class TreeItem implements ConditionalSlotComponent, InteractiveComponent {
   el: HTMLCalciteTreeItemElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
@@ -54,29 +53,7 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
    * @internal
    */
   selectionMode: SelectionMode;
-  getselectionMode(): void;
-  openTransitionProp: string;
-  transitionProp: string;
-  /**
-   * Specifies element that the transition is allowed to emit on.
-   */
-  transitionEl: HTMLDivElement;
-  /**
-   * Defines method for `beforeOpen` event handler.
-   */
-  onBeforeOpen(): void;
-  /**
-   * Defines method for `open` event handler:
-   */
-  onOpen(): void;
-  /**
-   * Defines method for `beforeClose` event handler:
-   */
-  onBeforeClose(): void;
-  /**
-   * Defines method for `close` event handler:
-   */
-  onClose(): void;
+  getSelectionMode(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillRender(): void;
@@ -85,7 +62,6 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   componentDidRender(): void;
   private isSelectionMultiLike;
   render(): VNode;
-  setTransitionEl(el: HTMLDivElement): void;
   onClick(event: Event): void;
   iconClickHandler: (event: MouseEvent) => void;
   childrenClickHandler: (event: MouseEvent) => void;

package/dist/types/preact.d.ts

@@ -0,0 +1,445 @@
+
+import { JSXInternal } from "preact/src/jsx";
+import { JSX } from "./components";
+
+declare module "preact/src/jsx" {
+  namespace JSXInternal {
+    interface IntrinsicElements {
+      
+      "calcite-accordion": Omit<JSX.CalciteAccordion, "onCalciteInternalAccordionChange"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionElement> & {
+        "oncalciteInternalAccordionChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-accordion-item": Omit<JSX.CalciteAccordionItem, "onCalciteInternalAccordionItemSelect" | "onCalciteInternalAccordionItemClose" | "onCalciteInternalAccordionItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAccordionItemElement> & {
+        "oncalciteInternalAccordionItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalAccordionItemClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalAccordionItemRegister"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-action": JSX.CalciteAction & JSXInternal.HTMLAttributes<HTMLCalciteActionElement>
+
+      "calcite-action-bar": Omit<JSX.CalciteActionBar, "onCalciteActionBarToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionBarElement> & {
+        "oncalciteActionBarToggle"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-action-group": JSX.CalciteActionGroup & JSXInternal.HTMLAttributes<HTMLCalciteActionGroupElement>
+
+      "calcite-action-menu": Omit<JSX.CalciteActionMenu, "onCalciteActionMenuOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteActionMenuElement> & {
+        "oncalciteActionMenuOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-action-pad": Omit<JSX.CalciteActionPad, "onCalciteActionPadToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteActionPadElement> & {
+        "oncalciteActionPadToggle"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-alert": Omit<JSX.CalciteAlert, "onCalciteAlertBeforeClose" | "onCalciteAlertClose" | "onCalciteAlertBeforeOpen" | "onCalciteAlertOpen" | "onCalciteInternalAlertSync" | "onCalciteInternalAlertRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteAlertElement> & {
+        "oncalciteAlertBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteAlertClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteAlertBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteAlertOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalAlertSync"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalAlertRegister"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-avatar": JSX.CalciteAvatar & JSXInternal.HTMLAttributes<HTMLCalciteAvatarElement>
+
+      "calcite-block": Omit<JSX.CalciteBlock, "onCalciteBlockToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteBlockElement> & {
+        "oncalciteBlockToggle"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-block-section": Omit<JSX.CalciteBlockSection, "onCalciteBlockSectionToggle"> & JSXInternal.HTMLAttributes<HTMLCalciteBlockSectionElement> & {
+        "oncalciteBlockSectionToggle"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-button": JSX.CalciteButton & JSXInternal.HTMLAttributes<HTMLCalciteButtonElement>
+
+      "calcite-card": Omit<JSX.CalciteCard, "onCalciteCardSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteCardElement> & {
+        "oncalciteCardSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "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.CalciteChip, "onCalciteChipClose" | "onCalciteChipSelect" | "onCalciteInternalChipKeyEvent"> & JSXInternal.HTMLAttributes<HTMLCalciteChipElement> & {
+        "oncalciteChipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteChipSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalChipKeyEvent"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-chip-group": Omit<JSX.CalciteChipGroup, "onCalciteChipGroupSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteChipGroupElement> & {
+        "oncalciteChipGroupSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "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.CalciteColorPickerHexInput, "onCalciteColorPickerHexInputChange"> & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerHexInputElement> & {
+        "oncalciteColorPickerHexInputChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-color-picker-swatch": JSX.CalciteColorPickerSwatch & JSXInternal.HTMLAttributes<HTMLCalciteColorPickerSwatchElement>
+
+      "calcite-combobox": Omit<JSX.CalciteCombobox, "onCalciteComboboxChange" | "onCalciteComboboxFilterChange" | "onCalciteComboboxChipClose" | "onCalciteComboboxBeforeClose" | "onCalciteComboboxClose" | "onCalciteComboboxBeforeOpen" | "onCalciteComboboxOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxElement> & {
+        "oncalciteComboboxChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxFilterChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxChipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteComboboxOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-combobox-item": Omit<JSX.CalciteComboboxItem, "onCalciteComboboxItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteComboboxItemElement> & {
+        "oncalciteComboboxItemChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-combobox-item-group": JSX.CalciteComboboxItemGroup & JSXInternal.HTMLAttributes<HTMLCalciteComboboxItemGroupElement>
+
+      "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.CalciteDatePickerDay, "onCalciteDaySelect" | "onCalciteInternalDayHover"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerDayElement> & {
+        "oncalciteDaySelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDayHover"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-date-picker-month": Omit<JSX.CalciteDatePickerMonth, "onCalciteInternalDatePickerSelect" | "onCalciteInternalDatePickerHover" | "onCalciteInternalDatePickerActiveDateChange" | "onCalciteInternalDatePickerMouseOut"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthElement> & {
+        "oncalciteInternalDatePickerSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDatePickerHover"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDatePickerActiveDateChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDatePickerMouseOut"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-date-picker-month-header": Omit<JSX.CalciteDatePickerMonthHeader, "onCalciteInternalDatePickerSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteDatePickerMonthHeaderElement> & {
+        "oncalciteInternalDatePickerSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-dropdown": Omit<JSX.CalciteDropdown, "onCalciteDropdownSelect" | "onCalciteDropdownBeforeClose" | "onCalciteDropdownClose" | "onCalciteDropdownBeforeOpen" | "onCalciteDropdownOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownElement> & {
+        "oncalciteDropdownSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteDropdownOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-dropdown-group": Omit<JSX.CalciteDropdownGroup, "onCalciteInternalDropdownItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownGroupElement> & {
+        "oncalciteInternalDropdownItemChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-dropdown-item": Omit<JSX.CalciteDropdownItem, "onCalciteDropdownItemSelect" | "onCalciteInternalDropdownItemSelect" | "onCalciteInternalDropdownItemKeyEvent" | "onCalciteInternalDropdownCloseRequest"> & JSXInternal.HTMLAttributes<HTMLCalciteDropdownItemElement> & {
+        "oncalciteDropdownItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDropdownItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDropdownItemKeyEvent"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalDropdownCloseRequest"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-fab": JSX.CalciteFab & JSXInternal.HTMLAttributes<HTMLCalciteFabElement>
+
+      "calcite-filter": Omit<JSX.CalciteFilter, "onCalciteFilterChange"> & JSXInternal.HTMLAttributes<HTMLCalciteFilterElement> & {
+        "oncalciteFilterChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-flow": JSX.CalciteFlow & JSXInternal.HTMLAttributes<HTMLCalciteFlowElement>
+
+      "calcite-flow-item": Omit<JSX.CalciteFlowItem, "onCalciteFlowItemBack" | "onCalciteFlowItemScroll" | "onCalciteFlowItemClose"> & JSXInternal.HTMLAttributes<HTMLCalciteFlowItemElement> & {
+        "oncalciteFlowItemBack"?: (event: CustomEvent<any>) => void;
+        "oncalciteFlowItemScroll"?: (event: CustomEvent<any>) => void;
+        "oncalciteFlowItemClose"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-graph": JSX.CalciteGraph & JSXInternal.HTMLAttributes<HTMLCalciteGraphElement>
+
+      "calcite-handle": Omit<JSX.CalciteHandle, "onCalciteHandleNudge"> & JSXInternal.HTMLAttributes<HTMLCalciteHandleElement> & {
+        "oncalciteHandleNudge"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-icon": JSX.CalciteIcon & JSXInternal.HTMLAttributes<HTMLCalciteIconElement>
+
+      "calcite-inline-editable": Omit<JSX.CalciteInlineEditable, "onCalciteInlineEditableEditCancel" | "onCalciteInlineEditableEditConfirm" | "onCalciteInternalInlineEditableEnableEditingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInlineEditableElement> & {
+        "oncalciteInlineEditableEditCancel"?: (event: CustomEvent<any>) => void;
+        "oncalciteInlineEditableEditConfirm"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInlineEditableEnableEditingChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-input": Omit<JSX.CalciteInput, "onCalciteInternalInputFocus" | "onCalciteInternalInputBlur" | "onCalciteInputInput" | "onCalciteInputChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputElement> & {
+        "oncalciteInternalInputFocus"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInputBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerBeforeClose" | "onCalciteInputDatePickerClose" | "onCalciteInputDatePickerBeforeOpen" | "onCalciteInputDatePickerOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
+        "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-input-message": JSX.CalciteInputMessage & JSXInternal.HTMLAttributes<HTMLCalciteInputMessageElement>
+
+      "calcite-input-number": Omit<JSX.CalciteInputNumber, "onCalciteInternalInputNumberFocus" | "onCalciteInternalInputNumberBlur" | "onCalciteInputNumberInput" | "onCalciteInputNumberChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputNumberElement> & {
+        "oncalciteInternalInputNumberFocus"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInputNumberBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputNumberInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputNumberChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-input-text": Omit<JSX.CalciteInputText, "onCalciteInternalInputTextFocus" | "onCalciteInternalInputTextBlur" | "onCalciteInputTextInput" | "onCalciteInputTextChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTextElement> & {
+        "oncalciteInternalInputTextFocus"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalInputTextBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTextInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputTextChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-input-time-picker": Omit<JSX.CalciteInputTimePicker, "onCalciteInputTimePickerChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInputTimePickerElement> & {
+        "oncalciteInputTimePickerChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-label": Omit<JSX.CalciteLabel, "onCalciteInternalLabelClick"> & JSXInternal.HTMLAttributes<HTMLCalciteLabelElement> & {
+        "oncalciteInternalLabelClick"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-link": JSX.CalciteLink & JSXInternal.HTMLAttributes<HTMLCalciteLinkElement>
+
+      "calcite-list": Omit<JSX.CalciteList, "onCalciteListChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalciteListElement> & {
+        "oncalciteListChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-list-item": Omit<JSX.CalciteListItem, "onCalciteListItemSelect" | "onCalciteListItemClose" | "onCalciteInternalListItemSelect" | "onCalciteInternalListItemActive" | "onCalciteInternalFocusPreviousItem"> & JSXInternal.HTMLAttributes<HTMLCalciteListItemElement> & {
+        "oncalciteListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemActive"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalFocusPreviousItem"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-list-item-group": JSX.CalciteListItemGroup & JSXInternal.HTMLAttributes<HTMLCalciteListItemGroupElement>
+
+      "calcite-loader": JSX.CalciteLoader & JSXInternal.HTMLAttributes<HTMLCalciteLoaderElement>
+
+      "calcite-menu": JSX.CalciteCalciteMenu & JSXInternal.HTMLAttributes<HTMLCalciteCalciteMenuElement>
+
+      "calcite-menu-item": Omit<JSX.CalciteCalciteMenuItem, "onCalciteInternalMenuItemKeyEvent" | "onCalciteMenuItemSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteCalciteMenuItemElement> & {
+        "oncalciteInternalMenuItemKeyEvent"?: (event: CustomEvent<any>) => void;
+        "oncalciteMenuItemSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-modal": Omit<JSX.CalciteModal, "onCalciteModalBeforeClose" | "onCalciteModalClose" | "onCalciteModalBeforeOpen" | "onCalciteModalOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteModalElement> & {
+        "oncalciteModalBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteModalClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteModalBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteModalOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-navigation": Omit<JSX.CalciteCalciteNavigation, "onCalciteNavigationActionSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteCalciteNavigationElement> & {
+        "oncalciteNavigationActionSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-navigation-logo": JSX.CalciteCalciteNavigationLogo & JSXInternal.HTMLAttributes<HTMLCalciteCalciteNavigationLogoElement>
+
+      "calcite-navigation-user": JSX.CalciteCalciteNavigationUser & JSXInternal.HTMLAttributes<HTMLCalciteCalciteNavigationUserElement>
+
+      "calcite-notice": Omit<JSX.CalciteNotice, "onCalciteNoticeClose" | "onCalciteNoticeOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteNoticeElement> & {
+        "oncalciteNoticeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteNoticeOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-option": Omit<JSX.CalciteOption, "onCalciteInternalOptionChange"> & JSXInternal.HTMLAttributes<HTMLCalciteOptionElement> & {
+        "oncalciteInternalOptionChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-option-group": Omit<JSX.CalciteOptionGroup, "onCalciteInternalOptionGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteOptionGroupElement> & {
+        "oncalciteInternalOptionGroupChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-pagination": Omit<JSX.CalcitePagination, "onCalcitePaginationChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePaginationElement> & {
+        "oncalcitePaginationChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-panel": Omit<JSX.CalcitePanel, "onCalcitePanelClose" | "onCalcitePanelScroll"> & JSXInternal.HTMLAttributes<HTMLCalcitePanelElement> & {
+        "oncalcitePanelClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePanelScroll"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-pick-list": Omit<JSX.CalcitePickList, "onCalciteListChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListElement> & {
+        "oncalciteListChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-pick-list-group": JSX.CalcitePickListGroup & JSXInternal.HTMLAttributes<HTMLCalcitePickListGroupElement>
+
+      "calcite-pick-list-item": Omit<JSX.CalcitePickListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteInternalListItemPropsChange" | "onCalciteInternalListItemValueChange"> & JSXInternal.HTMLAttributes<HTMLCalcitePickListItemElement> & {
+        "oncalciteListItemChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemPropsChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalListItemValueChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-popover": Omit<JSX.CalcitePopover, "onCalcitePopoverBeforeClose" | "onCalcitePopoverClose" | "onCalcitePopoverBeforeOpen" | "onCalcitePopoverOpen"> & JSXInternal.HTMLAttributes<HTMLCalcitePopoverElement> & {
+        "oncalcitePopoverBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePopoverClose"?: (event: CustomEvent<any>) => void;
+        "oncalcitePopoverBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalcitePopoverOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
+
+      "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.CalciteRadioButtonGroup, "onCalciteRadioButtonGroupChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonGroupElement> & {
+        "oncalciteRadioButtonGroupChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-rating": Omit<JSX.CalciteRating, "onCalciteRatingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteRatingElement> & {
+        "oncalciteRatingChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-scrim": JSX.CalciteScrim & JSXInternal.HTMLAttributes<HTMLCalciteScrimElement>
+
+      "calcite-segmented-control": Omit<JSX.CalciteSegmentedControl, "onCalciteSegmentedControlChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSegmentedControlElement> & {
+        "oncalciteSegmentedControlChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-segmented-control-item": Omit<JSX.CalciteSegmentedControlItem, "onCalciteInternalSegmentedControlItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSegmentedControlItemElement> & {
+        "oncalciteInternalSegmentedControlItemChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-select": Omit<JSX.CalciteSelect, "onCalciteSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSelectElement> & {
+        "oncalciteSelectChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-shell": JSX.CalciteShell & JSXInternal.HTMLAttributes<HTMLCalciteShellElement>
+
+      "calcite-shell-center-row": JSX.CalciteShellCenterRow & JSXInternal.HTMLAttributes<HTMLCalciteShellCenterRowElement>
+
+      "calcite-shell-panel": JSX.CalciteShellPanel & JSXInternal.HTMLAttributes<HTMLCalciteShellPanelElement>
+
+      "calcite-slider": Omit<JSX.CalciteSlider, "onCalciteSliderInput" | "onCalciteSliderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSliderElement> & {
+        "oncalciteSliderInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteSliderChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-sortable-list": Omit<JSX.CalciteSortableList, "onCalciteListOrderChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSortableListElement> & {
+        "oncalciteListOrderChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-split-button": Omit<JSX.CalciteSplitButton, "onCalciteSplitButtonPrimaryClick" | "onCalciteSplitButtonSecondaryClick"> & JSXInternal.HTMLAttributes<HTMLCalciteSplitButtonElement> & {
+        "oncalciteSplitButtonPrimaryClick"?: (event: CustomEvent<any>) => void;
+        "oncalciteSplitButtonSecondaryClick"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-stack": JSX.CalciteStack & JSXInternal.HTMLAttributes<HTMLCalciteStackElement>
+
+      "calcite-stepper": Omit<JSX.CalciteStepper, "onCalciteStepperItemChange" | "onCalciteInternalStepperItemChange"> & JSXInternal.HTMLAttributes<HTMLCalciteStepperElement> & {
+        "oncalciteStepperItemChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalStepperItemChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-stepper-item": Omit<JSX.CalciteStepperItem, "onCalciteInternalStepperItemKeyEvent" | "onCalciteInternalStepperItemSelect" | "onCalciteInternalUserRequestedStepperItemSelect" | "onCalciteInternalStepperItemRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteStepperItemElement> & {
+        "oncalciteInternalStepperItemKeyEvent"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalStepperItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalUserRequestedStepperItemSelect"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalStepperItemRegister"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-switch": Omit<JSX.CalciteSwitch, "onCalciteSwitchChange"> & JSXInternal.HTMLAttributes<HTMLCalciteSwitchElement> & {
+        "oncalciteSwitchChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tab": Omit<JSX.CalciteTab, "onCalciteInternalTabRegister"> & JSXInternal.HTMLAttributes<HTMLCalciteTabElement> & {
+        "oncalciteInternalTabRegister"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tab-nav": Omit<JSX.CalciteTabNav, "onCalciteTabChange" | "onCalciteInternalTabChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTabNavElement> & {
+        "oncalciteTabChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tab-title": Omit<JSX.CalciteTabTitle, "onCalciteTabsActivate" | "onCalciteInternalTabsActivate" | "onCalciteTabsClose" | "onCalciteInternalTabsClose" | "onCalciteInternalTabsFocusNext" | "onCalciteInternalTabsFocusPrevious" | "onCalciteInternalTabsFocusFirst" | "onCalciteInternalTabsFocusLast" | "onCalciteInternalTabTitleRegister" | "onCalciteInternalTabIconChanged"> & JSXInternal.HTMLAttributes<HTMLCalciteTabTitleElement> & {
+        "oncalciteTabsActivate"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsActivate"?: (event: CustomEvent<any>) => void;
+        "oncalciteTabsClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusNext"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusPrevious"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusFirst"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabsFocusLast"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabTitleRegister"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTabIconChanged"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tabs": JSX.CalciteTabs & JSXInternal.HTMLAttributes<HTMLCalciteTabsElement>
+
+      "calcite-text-area": Omit<JSX.CalciteTextArea, "onCalciteTextAreaInput" | "onCalciteTextAreaChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTextAreaElement> & {
+        "oncalciteTextAreaInput"?: (event: CustomEvent<any>) => void;
+        "oncalciteTextAreaChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tile": JSX.CalciteTile & JSXInternal.HTMLAttributes<HTMLCalciteTileElement>
+
+      "calcite-tile-select": Omit<JSX.CalciteTileSelect, "onCalciteTileSelectChange"> & JSXInternal.HTMLAttributes<HTMLCalciteTileSelectElement> & {
+        "oncalciteTileSelectChange"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tile-select-group": JSX.CalciteTileSelectGroup & JSXInternal.HTMLAttributes<HTMLCalciteTileSelectGroupElement>
+
+      "calcite-time-picker": Omit<JSX.CalciteTimePicker, "onCalciteInternalTimePickerBlur" | "onCalciteInternalTimePickerChange" | "onCalciteInternalTimePickerFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteTimePickerElement> & {
+        "oncalciteInternalTimePickerBlur"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTimePickerChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInternalTimePickerFocus"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tip": Omit<JSX.CalciteTip, "onCalciteTipDismiss"> & JSXInternal.HTMLAttributes<HTMLCalciteTipElement> & {
+        "oncalciteTipDismiss"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tip-group": JSX.CalciteTipGroup & JSXInternal.HTMLAttributes<HTMLCalciteTipGroupElement>
+
+      "calcite-tip-manager": Omit<JSX.CalciteTipManager, "onCalciteTipManagerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteTipManagerElement> & {
+        "oncalciteTipManagerClose"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tooltip": Omit<JSX.CalciteTooltip, "onCalciteTooltipBeforeClose" | "onCalciteTooltipClose" | "onCalciteTooltipBeforeOpen" | "onCalciteTooltipOpen"> & JSXInternal.HTMLAttributes<HTMLCalciteTooltipElement> & {
+        "oncalciteTooltipBeforeClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipClose"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipBeforeOpen"?: (event: CustomEvent<any>) => void;
+        "oncalciteTooltipOpen"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tree": Omit<JSX.CalciteTree, "onCalciteTreeSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteTreeElement> & {
+        "oncalciteTreeSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-tree-item": Omit<JSX.CalciteTreeItem, "onCalciteInternalTreeItemSelect"> & JSXInternal.HTMLAttributes<HTMLCalciteTreeItemElement> & {
+        "oncalciteInternalTreeItemSelect"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-value-list": Omit<JSX.CalciteValueList, "onCalciteListChange" | "onCalciteListOrderChange" | "onCalciteListFilter"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListElement> & {
+        "oncalciteListChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListOrderChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListFilter"?: (event: CustomEvent<any>) => void;
+      }
+
+      "calcite-value-list-item": Omit<JSX.CalciteValueListItem, "onCalciteListItemChange" | "onCalciteListItemRemove" | "onCalciteValueListItemDragHandleBlur"> & JSXInternal.HTMLAttributes<HTMLCalciteValueListItemElement> & {
+        "oncalciteListItemChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteListItemRemove"?: (event: CustomEvent<any>) => void;
+        "oncalciteValueListItemDragHandleBlur"?: (event: CustomEvent<any>) => void;
+      };
+    }
+  }
+}
+  

package/dist/types/utils/browser.d.ts

@@ -0,0 +1,11 @@
+interface NavigatorUAData {
+  brands: Array<{
+    brand: string;
+    version: string;
+  }>;
+  mobile: boolean;
+  platform: string;
+}
+export declare function getUserAgentData(): NavigatorUAData | undefined;
+export declare function getUserAgentString(): string;
+export {};