@six-group/ui-library 0.0.0-insider.b8b84f6 → 0.0.0-insider.b9edd84

package/dist/types/components.d.ts

@@ -5,6 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { AlertType } from "./components/six-alert/six-alert";
 import { EmptyPayload } from "./utils/types";
 import { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 import { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -13,18 +14,19 @@ import { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 import { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 import { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
 import { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
+import { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 import { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 import { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
 import { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 import { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 import { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-import { SixRootCollapsedPayload } from "./components/six-root/six-root";
 import { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 import { SixSelectChangePayload } from "./components/six-select/six-select";
 import { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
 import { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group/six-tab-group";
 import { TimeFormat } from "./utils/time.util";
 import { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
+export { AlertType } from "./components/six-alert/six-alert";
 export { EmptyPayload } from "./utils/types";
 export { SixDateFormats } from "./components/six-datepicker/six-date-formats";
 export { SixDatepickerSelectPayload } from "./components/six-datepicker/six-datepicker";
@@ -33,12 +35,12 @@ export { SixDropdownAsyncFilterPayload, SixDropdownAutoFilterPayload, SixDropdow
 export { SixFileListDownloadPayload, SixFileListRemovePayload } from "./components/six-file-list-item/six-file-list-item";
 export { SixFileUploadFailurePayload, SixFileUploadSuccessPayload } from "./components/six-file-upload/six-file-upload";
 export { SixHeaderAppSwitcherSelectPayload, SixHeaderProfileSelectPayload, SixHeaderSearchFieldToggle } from "./components/six-header/six-header";
+export { SelectionRange, SelectionRangeDirection } from "./components/six-input/six-input";
 export { ItemPickerPaddingDirection, ItemPickerType } from "./components/six-item-picker/types";
 export { SixItemPickerChangePayload } from "./components/six-item-picker/six-item-picker";
 export { SixLanguageSwitcherChangePayload, SixLanguageSwitcherInput } from "./components/six-language-switcher/six-language-switcher";
 export { SixMenuItemData as SixMenuItemData1, SixMenuItemSelectedPayload } from "./components/six-menu/six-menu";
 export { StageType } from "./components/six-stage-indicator/six-stage-indicator";
-export { SixRootCollapsedPayload } from "./components/six-root/six-root";
 export { SixSearchFieldChangePayload } from "./components/six-search-field/six-search-field";
 export { SixSelectChangePayload } from "./components/six-select/six-select";
 export { StageType as StageType1 } from "./components/six-stage-indicator/six-stage-indicator";
@@ -46,12 +48,6 @@ export { SixTabHidePayload, SixTabShowPayload } from "./components/six-tab-group
 export { TimeFormat } from "./utils/time.util";
 export { SixTimepickerChange } from "./components/six-timepicker/six-timepicker";
 export namespace Components {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value": {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -63,7 +59,7 @@ export namespace Components {
          */
         "closable": boolean;
         /**
-          * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the alert before it closes (e.g. moves the mouse over it), the timer will restart.
+          * The length of time, in milliseconds, the alert will show before closing itself. If the user hovers over the toast alert, the timer will pause. On leaving the element with the mouse, the timer resets.
          */
         "duration": number;
         /**
@@ -80,12 +76,13 @@ export namespace Components {
         "show": () => Promise<void>;
         /**
           * Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when dismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by calling this method again. The returned promise will resolve after the alert is hidden.
+          * @param adjustPosition If true, the top and right position of the toast stack is shifted according to the six-root header's height and the presence of a vertical scrollbar.
          */
-        "toast": () => Promise<void>;
+        "toast": (adjustPosition?: boolean) => Promise<void>;
         /**
           * The type of alert.
          */
-        "type": 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type": AlertType;
     }
     /**
      * @since 1.0
@@ -194,7 +191,14 @@ export namespace Components {
         /**
           * The button's type.
          */
-        "type": 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+        "type": | 'secondary'
+    | 'primary'
+    | 'link'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'action'
+    | 'action-outline';
         /**
           * An optional value for the button. Ignored when `href` is set.
          */
@@ -223,7 +227,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to draw the checkbox in an indeterminate state.
          */
@@ -297,7 +305,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
@@ -321,7 +333,7 @@ export namespace Components {
         /**
           * The language used to render the weekdays and months.
          */
-        "locale": 'en' | 'de' | 'fr' | 'it';
+        "locale": 'en' | 'de' | 'fr' | 'it' | 'es';
         /**
           * The maximum datetime allowed. Value must be a date object
          */
@@ -541,6 +553,10 @@ export namespace Components {
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
         "hoist": boolean;
+        /**
+          * Determines if the dropdown panel's width should match the width of the trigger element.  If set to `true`, the panel will resize its width to align with the trigger's width. If `false` or omitted, the panel will maintain its default width.
+         */
+        "matchTriggerWidth": boolean;
         /**
           * Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods.
          */
@@ -566,6 +582,7 @@ export namespace Components {
     | 'left-end';
         /**
           * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu is activated.
+          * @deprecated : use the property `matchTriggerWidth` instead.
          */
         "reposition": () => Promise<void>;
         /**
@@ -581,6 +598,12 @@ export namespace Components {
          */
         "virtualScroll": boolean;
     }
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface SixError {
+    }
     interface SixErrorPage {
         /**
           * Defines a custom description.
@@ -656,6 +679,14 @@ export namespace Components {
           * Set when button is disabled.
          */
         "disabled": false;
+        /**
+          * The error message shown, if `invalid` is set to true.
+         */
+        "errorText": string | string[];
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+         */
+        "invalid": boolean;
         /**
           * Label of the drop area.
          */
@@ -668,6 +699,10 @@ export namespace Components {
           * More than one file allowed.
          */
         "multiple": false;
+        /**
+          * Set to true to draw the control in a loading state.
+         */
+        "uploading": boolean;
     }
     /**
      * @since 1.0
@@ -714,6 +749,14 @@ export namespace Components {
           * Get open state for search
          */
         "getIsSearchOpen": () => Promise<boolean>;
+        /**
+          * Set whether the hamburger menu should be visible or not
+         */
+        "hideHamburgerMenu": boolean;
+        /**
+          * The displayed logo. Either six or bme. Defaults to six.
+         */
+        "logo": 'six' | 'bme';
         /**
           * Set the hamburger menu icon to open or closed state
          */
@@ -809,10 +852,22 @@ export namespace Components {
           * Set to true to disable the input.
          */
         "disabled": boolean;
+        /**
+          * Internal: Styles the input for the dropdown filter search.
+         */
+        "dropdownSearch": boolean;
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
+        /**
+          * Returns the start and end positions of the text selection
+         */
+        "getSelectionRange": () => Promise<SelectionRange>;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -888,11 +943,11 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
-        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>;
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: SelectionRangeDirection) => Promise<void | undefined>;
         /**
           * The input's size.
          */
@@ -1016,6 +1071,10 @@ export namespace Components {
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface SixMenu {
+        /**
+          * Internal: Disables handling of key presses.
+         */
+        "disableKeyboardHandling": boolean;
         /**
           * Used for virtual scrolling Define how many items should be rendered in the DOM when using virtual scrolling
          */
@@ -1059,7 +1118,11 @@ export namespace Components {
      */
     interface SixMenuItem {
         /**
-          * Set to true to draw the item in a checked state.
+          * Defines if the checked state is displayed as a checkbox or a check-icon
+         */
+        "checkType": 'checkbox' | 'check';
+        /**
+          * Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the checked state
          */
         "checked": boolean;
         /**
@@ -1182,7 +1245,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The range's help text. Alternatively, you can use the help-text slot.
          */
@@ -1241,10 +1308,6 @@ export namespace Components {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint": number;
         /**
           * Defines whether the content section should be padded
          */
@@ -1309,7 +1372,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to allow filtering for entries in the dropdown
          */
@@ -1317,7 +1384,7 @@ export namespace Components {
         /**
           * The debounce for the filter callbacks.
          */
-        "filterDebounce": number;
+        "filterDebounce"?: number;
         /**
           * The filter's placeholder text.
          */
@@ -1348,6 +1415,7 @@ export namespace Components {
         "line": boolean;
         /**
           * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
+          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
          */
         "maxTagsVisible": number;
         /**
@@ -1374,6 +1442,14 @@ export namespace Components {
           * Set to true to show an asterisk beneath the label.
          */
         "required": boolean;
+        /**
+          * Enables the select all button.
+         */
+        "selectAllButton": boolean;
+        /**
+          * Custom text for the "select all" button. Defaults to "Select all" and equivalents in supported languages.
+         */
+        "selectAllText"?: string;
         /**
           * Sets focus on the select.
          */
@@ -1442,6 +1518,10 @@ export namespace Components {
           * Set to true to draw the sidebar item in a disabled state.
          */
         "disabled": boolean;
+        /**
+          * Provide if the item should be rendered as anchor tag. Note, that the href is added automatically when using routerLink in Angular.
+         */
+        "href": string | undefined;
         /**
           * Set to true to draw the item in a selected state.
          */
@@ -1456,6 +1536,10 @@ export namespace Components {
      * @status stable
      */
     interface SixSidebarItemGroup {
+        /**
+          * Provide if the item should be rendered as anchor tag. Note, that the href is added automatically when using routerLink in Angular.
+         */
+        "href": string | undefined;
         /**
           * Icon of the group
          */
@@ -1511,7 +1595,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
          */
@@ -1658,7 +1746,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The textarea's help text. Alternatively, you can use the help-text slot.
          */
@@ -1722,11 +1814,11 @@ export namespace Components {
         /**
           * Replaces a range of text with a new string.
          */
-        "setRangeText": (replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>;
+        "setRangeText": (replacement: string, start: number, end: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
         /**
           * Sets the start and end positions of the text selection (0-based).
          */
-        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>;
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: "forward" | "backward" | "none") => Promise<void | undefined>;
         /**
           * The textarea's size.
          */
@@ -1806,7 +1898,11 @@ export namespace Components {
         /**
           * The input's error text. Alternatively, you can use the error-text slot.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Define the time format. Valid formats are:  HH:mm:ss hh:mm:ss:aa HH:mm:ss:ms hh:mm:ss:ms:aa HH:mm hh:mm:aa HH hh:aa mm ss ms  where HH is the 24 hour format and hh is the 12 hour format  Please notice that when using the 12-hour-clock (hh) you always need a period indicator (aa). So the time can be parsed as either am or pm
          */
@@ -2003,10 +2099,6 @@ export interface SixRangeCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixRangeElement;
 }
-export interface SixRootCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSixRootElement;
-}
 export interface SixSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSixSearchFieldElement;
@@ -2052,18 +2144,26 @@ export interface SixTooltipCustomEvent<T> extends CustomEvent<T> {
     target: HTMLSixTooltipElement;
 }
 declare global {
-    interface HTMLSetAttributesElement extends Components.SetAttributes, HTMLStencilElement {
+    interface HTMLSixAlertElementEventMap {
+        "six-alert-show": EmptyPayload;
+        "six-alert-after-show": EmptyPayload;
+        "six-alert-hide": EmptyPayload;
+        "six-alert-after-hide": EmptyPayload;
     }
-    var HTMLSetAttributesElement: {
-        prototype: HTMLSetAttributesElement;
-        new (): HTMLSetAttributesElement;
-    };
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixAlertElement extends Components.SixAlert, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixAlertElementEventMap>(type: K, listener: (this: HTMLSixAlertElement, ev: SixAlertCustomEvent<HTMLSixAlertElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixAlertElementEventMap>(type: K, listener: (this: HTMLSixAlertElement, ev: SixAlertCustomEvent<HTMLSixAlertElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixAlertElement: {
         prototype: HTMLSixAlertElement;
@@ -2091,12 +2191,24 @@ declare global {
         prototype: HTMLSixBadgeElement;
         new (): HTMLSixBadgeElement;
     };
+    interface HTMLSixButtonElementEventMap {
+        "six-button-blur": EmptyPayload;
+        "six-button-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixButtonElement extends Components.SixButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixButtonElementEventMap>(type: K, listener: (this: HTMLSixButtonElement, ev: SixButtonCustomEvent<HTMLSixButtonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixButtonElementEventMap>(type: K, listener: (this: HTMLSixButtonElement, ev: SixButtonCustomEvent<HTMLSixButtonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixButtonElement: {
         prototype: HTMLSixButtonElement;
@@ -2112,71 +2224,170 @@ declare global {
         prototype: HTMLSixCardElement;
         new (): HTMLSixCardElement;
     };
+    interface HTMLSixCheckboxElementEventMap {
+        "six-checkbox-blur": EmptyPayload;
+        "six-checkbox-change": EmptyPayload;
+        "six-checkbox-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixCheckboxElement extends Components.SixCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixCheckboxElementEventMap>(type: K, listener: (this: HTMLSixCheckboxElement, ev: SixCheckboxCustomEvent<HTMLSixCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixCheckboxElementEventMap>(type: K, listener: (this: HTMLSixCheckboxElement, ev: SixCheckboxCustomEvent<HTMLSixCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixCheckboxElement: {
         prototype: HTMLSixCheckboxElement;
         new (): HTMLSixCheckboxElement;
     };
+    interface HTMLSixDatepickerElementEventMap {
+        "six-datepicker-select": SixDatepickerSelectPayload;
+        "six-datepicker-clear": EmptyPayload;
+        "six-datepicker-blur": SixDatepickerSelectPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixDatepickerElement extends Components.SixDatepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixDatepickerElementEventMap>(type: K, listener: (this: HTMLSixDatepickerElement, ev: SixDatepickerCustomEvent<HTMLSixDatepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixDatepickerElementEventMap>(type: K, listener: (this: HTMLSixDatepickerElement, ev: SixDatepickerCustomEvent<HTMLSixDatepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixDatepickerElement: {
         prototype: HTMLSixDatepickerElement;
         new (): HTMLSixDatepickerElement;
     };
+    interface HTMLSixDetailsElementEventMap {
+        "six-details-show": EmptyPayload;
+        "six-details-after-show": EmptyPayload;
+        "six-details-hide": EmptyPayload;
+        "six-details-after-hide": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixDetailsElement extends Components.SixDetails, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixDetailsElementEventMap>(type: K, listener: (this: HTMLSixDetailsElement, ev: SixDetailsCustomEvent<HTMLSixDetailsElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixDetailsElementEventMap>(type: K, listener: (this: HTMLSixDetailsElement, ev: SixDetailsCustomEvent<HTMLSixDetailsElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixDetailsElement: {
         prototype: HTMLSixDetailsElement;
         new (): HTMLSixDetailsElement;
     };
+    interface HTMLSixDialogElementEventMap {
+        "six-dialog-show": EmptyPayload;
+        "six-dialog-after-show": EmptyPayload;
+        "six-dialog-hide": EmptyPayload;
+        "six-dialog-after-hide": EmptyPayload;
+        "six-dialog-initial-focus": EmptyPayload;
+        "six-dialog-overlay-dismiss": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixDialogElement extends Components.SixDialog, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixDialogElementEventMap>(type: K, listener: (this: HTMLSixDialogElement, ev: SixDialogCustomEvent<HTMLSixDialogElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixDialogElementEventMap>(type: K, listener: (this: HTMLSixDialogElement, ev: SixDialogCustomEvent<HTMLSixDialogElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixDialogElement: {
         prototype: HTMLSixDialogElement;
         new (): HTMLSixDialogElement;
     };
+    interface HTMLSixDrawerElementEventMap {
+        "six-drawer-show": EmptyPayload;
+        "six-drawer-after-show": EmptyPayload;
+        "six-drawer-hide": EmptyPayload;
+        "six-drawer-after-hide": EmptyPayload;
+        "six-drawer-initial-focus": EmptyPayload;
+        "six-drawer-overlay-dismiss": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixDrawerElement extends Components.SixDrawer, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixDrawerElementEventMap>(type: K, listener: (this: HTMLSixDrawerElement, ev: SixDrawerCustomEvent<HTMLSixDrawerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixDrawerElementEventMap>(type: K, listener: (this: HTMLSixDrawerElement, ev: SixDrawerCustomEvent<HTMLSixDrawerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixDrawerElement: {
         prototype: HTMLSixDrawerElement;
         new (): HTMLSixDrawerElement;
     };
+    interface HTMLSixDropdownElementEventMap {
+        "six-dropdown-show": EmptyPayload;
+        "six-dropdown-after-show": EmptyPayload;
+        "six-dropdown-hide": EmptyPayload;
+        "six-dropdown-after-hide": EmptyPayload;
+        "six-dropdown-auto-filter-fired": SixDropdownAutoFilterPayload;
+        "six-async-filter-fired": SixDropdownAsyncFilterPayload;
+        "six-dropdown-scroll": SixDropdownScrollPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixDropdownElement extends Components.SixDropdown, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixDropdownElementEventMap>(type: K, listener: (this: HTMLSixDropdownElement, ev: SixDropdownCustomEvent<HTMLSixDropdownElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixDropdownElementEventMap>(type: K, listener: (this: HTMLSixDropdownElement, ev: SixDropdownCustomEvent<HTMLSixDropdownElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixDropdownElement: {
         prototype: HTMLSixDropdownElement;
         new (): HTMLSixDropdownElement;
     };
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface HTMLSixErrorElement extends Components.SixError, HTMLStencilElement {
+    }
+    var HTMLSixErrorElement: {
+        prototype: HTMLSixErrorElement;
+        new (): HTMLSixErrorElement;
+    };
     interface HTMLSixErrorPageElement extends Components.SixErrorPage, HTMLStencilElement {
     }
     var HTMLSixErrorPageElement: {
@@ -2193,21 +2404,45 @@ declare global {
         prototype: HTMLSixFileListElement;
         new (): HTMLSixFileListElement;
     };
+    interface HTMLSixFileListItemElementEventMap {
+        "six-file-list-item-download": SixFileListDownloadPayload;
+        "six-file-list-item-remove": SixFileListRemovePayload;
+    }
     /**
      * @since 2.0.0
      * @status experimental
      */
     interface HTMLSixFileListItemElement extends Components.SixFileListItem, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixFileListItemElementEventMap>(type: K, listener: (this: HTMLSixFileListItemElement, ev: SixFileListItemCustomEvent<HTMLSixFileListItemElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixFileListItemElementEventMap>(type: K, listener: (this: HTMLSixFileListItemElement, ev: SixFileListItemCustomEvent<HTMLSixFileListItemElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixFileListItemElement: {
         prototype: HTMLSixFileListItemElement;
         new (): HTMLSixFileListItemElement;
     };
+    interface HTMLSixFileUploadElementEventMap {
+        "six-file-upload-success": SixFileUploadSuccessPayload;
+        "six-file-upload-failure": SixFileUploadFailurePayload;
+    }
     /**
      * @since 2.0.0
      * @status experimental
      */
     interface HTMLSixFileUploadElement extends Components.SixFileUpload, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixFileUploadElementEventMap>(type: K, listener: (this: HTMLSixFileUploadElement, ev: SixFileUploadCustomEvent<HTMLSixFileUploadElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixFileUploadElementEventMap>(type: K, listener: (this: HTMLSixFileUploadElement, ev: SixFileUploadCustomEvent<HTMLSixFileUploadElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixFileUploadElement: {
         prototype: HTMLSixFileUploadElement;
@@ -2233,11 +2468,27 @@ declare global {
         prototype: HTMLSixGroupLabelElement;
         new (): HTMLSixGroupLabelElement;
     };
+    interface HTMLSixHeaderElementEventMap {
+        "six-header-app-name-clicked": EmptyPayload;
+        "six-header-app-switcher-select": SixHeaderAppSwitcherSelectPayload;
+        "six-header-profile-select": SixHeaderProfileSelectPayload;
+        "six-header-hamburger-menu-clicked": EmptyPayload;
+        "six-header-logo-clicked": EmptyPayload;
+        "six-header-search-field-toggle": SixHeaderSearchFieldToggle;
+    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixHeaderElement extends Components.SixHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixHeaderElementEventMap>(type: K, listener: (this: HTMLSixHeaderElement, ev: SixHeaderCustomEvent<HTMLSixHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixHeaderElementEventMap>(type: K, listener: (this: HTMLSixHeaderElement, ev: SixHeaderCustomEvent<HTMLSixHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixHeaderElement: {
         prototype: HTMLSixHeaderElement;
@@ -2264,28 +2515,66 @@ declare global {
         prototype: HTMLSixIconButtonElement;
         new (): HTMLSixIconButtonElement;
     };
+    interface HTMLSixInputElementEventMap {
+        "six-input-change": EmptyPayload;
+        "six-input-clear": EmptyPayload;
+        "six-input-input": EmptyPayload;
+        "six-input-focus": EmptyPayload;
+        "six-input-blur": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixInputElement extends Components.SixInput, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixInputElementEventMap>(type: K, listener: (this: HTMLSixInputElement, ev: SixInputCustomEvent<HTMLSixInputElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixInputElementEventMap>(type: K, listener: (this: HTMLSixInputElement, ev: SixInputCustomEvent<HTMLSixInputElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixInputElement: {
         prototype: HTMLSixInputElement;
         new (): HTMLSixInputElement;
     };
+    interface HTMLSixItemPickerElementEventMap {
+        "six-item-picker-change": SixItemPickerChangePayload;
+        "six-item-picker-change-debounced": SixItemPickerChangePayload;
+    }
     /**
      * @since 2.0.0
      * @status experimental
      */
     interface HTMLSixItemPickerElement extends Components.SixItemPicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixItemPickerElementEventMap>(type: K, listener: (this: HTMLSixItemPickerElement, ev: SixItemPickerCustomEvent<HTMLSixItemPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixItemPickerElementEventMap>(type: K, listener: (this: HTMLSixItemPickerElement, ev: SixItemPickerCustomEvent<HTMLSixItemPickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixItemPickerElement: {
         prototype: HTMLSixItemPickerElement;
         new (): HTMLSixItemPickerElement;
     };
+    interface HTMLSixLanguageSwitcherElementEventMap {
+        "six-language-switcher-change": SixLanguageSwitcherChangePayload;
+    }
     interface HTMLSixLanguageSwitcherElement extends Components.SixLanguageSwitcher, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixLanguageSwitcherElementEventMap>(type: K, listener: (this: HTMLSixLanguageSwitcherElement, ev: SixLanguageSwitcherCustomEvent<HTMLSixLanguageSwitcherElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixLanguageSwitcherElementEventMap>(type: K, listener: (this: HTMLSixLanguageSwitcherElement, ev: SixLanguageSwitcherCustomEvent<HTMLSixLanguageSwitcherElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixLanguageSwitcherElement: {
         prototype: HTMLSixLanguageSwitcherElement;
@@ -2311,12 +2600,23 @@ declare global {
         prototype: HTMLSixMainContainerElement;
         new (): HTMLSixMainContainerElement;
     };
+    interface HTMLSixMenuElementEventMap {
+        "six-menu-item-selected": SixMenuItemSelectedPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixMenuElement extends Components.SixMenu, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixMenuElementEventMap>(type: K, listener: (this: HTMLSixMenuElement, ev: SixMenuCustomEvent<HTMLSixMenuElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixMenuElementEventMap>(type: K, listener: (this: HTMLSixMenuElement, ev: SixMenuCustomEvent<HTMLSixMenuElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixMenuElement: {
         prototype: HTMLSixMenuElement;
@@ -2387,23 +2687,49 @@ declare global {
         prototype: HTMLSixProgressRingElement;
         new (): HTMLSixProgressRingElement;
     };
+    interface HTMLSixRadioElementEventMap {
+        "six-radio-blur": EmptyPayload;
+        "six-radio-change": EmptyPayload;
+        "six-radio-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixRadioElement extends Components.SixRadio, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixRadioElementEventMap>(type: K, listener: (this: HTMLSixRadioElement, ev: SixRadioCustomEvent<HTMLSixRadioElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixRadioElementEventMap>(type: K, listener: (this: HTMLSixRadioElement, ev: SixRadioCustomEvent<HTMLSixRadioElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixRadioElement: {
         prototype: HTMLSixRadioElement;
         new (): HTMLSixRadioElement;
     };
+    interface HTMLSixRangeElementEventMap {
+        "six-range-change": EmptyPayload;
+        "six-range-blur": EmptyPayload;
+        "six-range-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixRangeElement extends Components.SixRange, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixRangeElementEventMap>(type: K, listener: (this: HTMLSixRangeElement, ev: SixRangeCustomEvent<HTMLSixRangeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixRangeElementEventMap>(type: K, listener: (this: HTMLSixRangeElement, ev: SixRangeCustomEvent<HTMLSixRangeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixRangeElement: {
         prototype: HTMLSixRangeElement;
@@ -2419,32 +2745,71 @@ declare global {
         prototype: HTMLSixRootElement;
         new (): HTMLSixRootElement;
     };
+    interface HTMLSixSearchFieldElementEventMap {
+        "six-search-field-change": SixSearchFieldChangePayload;
+    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixSearchFieldElement extends Components.SixSearchField, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixSearchFieldElementEventMap>(type: K, listener: (this: HTMLSixSearchFieldElement, ev: SixSearchFieldCustomEvent<HTMLSixSearchFieldElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixSearchFieldElementEventMap>(type: K, listener: (this: HTMLSixSearchFieldElement, ev: SixSearchFieldCustomEvent<HTMLSixSearchFieldElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixSearchFieldElement: {
         prototype: HTMLSixSearchFieldElement;
         new (): HTMLSixSearchFieldElement;
     };
+    interface HTMLSixSelectElementEventMap {
+        "six-select-change": SixSelectChangePayload;
+        "six-select-focus": EmptyPayload;
+        "six-select-blur": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixSelectElement extends Components.SixSelect, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixSelectElementEventMap>(type: K, listener: (this: HTMLSixSelectElement, ev: SixSelectCustomEvent<HTMLSixSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixSelectElementEventMap>(type: K, listener: (this: HTMLSixSelectElement, ev: SixSelectCustomEvent<HTMLSixSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixSelectElement: {
         prototype: HTMLSixSelectElement;
         new (): HTMLSixSelectElement;
     };
+    interface HTMLSixSidebarElementEventMap {
+        "six-sidebar-show": EmptyPayload;
+        "six-sidebar-after-show": EmptyPayload;
+        "six-sidebar-hide": EmptyPayload;
+        "six-sidebar-after-hide": EmptyPayload;
+        "six-sidebar-initial-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixSidebarElement extends Components.SixSidebar, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixSidebarElementEventMap>(type: K, listener: (this: HTMLSixSidebarElement, ev: SixSidebarCustomEvent<HTMLSixSidebarElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixSidebarElementEventMap>(type: K, listener: (this: HTMLSixSidebarElement, ev: SixSidebarCustomEvent<HTMLSixSidebarElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixSidebarElement: {
         prototype: HTMLSixSidebarElement;
@@ -2487,34 +2852,70 @@ declare global {
         prototype: HTMLSixStageIndicatorElement;
         new (): HTMLSixStageIndicatorElement;
     };
+    interface HTMLSixSwitchElementEventMap {
+        "six-switch-blur": boolean;
+        "six-switch-change": boolean;
+        "six-switch-focus": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixSwitchElement extends Components.SixSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixSwitchElementEventMap>(type: K, listener: (this: HTMLSixSwitchElement, ev: SixSwitchCustomEvent<HTMLSixSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixSwitchElementEventMap>(type: K, listener: (this: HTMLSixSwitchElement, ev: SixSwitchCustomEvent<HTMLSixSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixSwitchElement: {
         prototype: HTMLSixSwitchElement;
         new (): HTMLSixSwitchElement;
     };
+    interface HTMLSixTabElementEventMap {
+        "six-tab-close": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixTabElement extends Components.SixTab, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTabElementEventMap>(type: K, listener: (this: HTMLSixTabElement, ev: SixTabCustomEvent<HTMLSixTabElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTabElementEventMap>(type: K, listener: (this: HTMLSixTabElement, ev: SixTabCustomEvent<HTMLSixTabElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTabElement: {
         prototype: HTMLSixTabElement;
         new (): HTMLSixTabElement;
     };
+    interface HTMLSixTabGroupElementEventMap {
+        "six-tab-show": SixTabShowPayload;
+        "six-tab-hide": SixTabHidePayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixTabGroupElement extends Components.SixTabGroup, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTabGroupElementEventMap>(type: K, listener: (this: HTMLSixTabGroupElement, ev: SixTabGroupCustomEvent<HTMLSixTabGroupElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTabGroupElementEventMap>(type: K, listener: (this: HTMLSixTabGroupElement, ev: SixTabGroupCustomEvent<HTMLSixTabGroupElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTabGroupElement: {
         prototype: HTMLSixTabGroupElement;
@@ -2531,61 +2932,124 @@ declare global {
         prototype: HTMLSixTabPanelElement;
         new (): HTMLSixTabPanelElement;
     };
+    interface HTMLSixTagElementEventMap {
+        "six-tag-clear": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixTagElement extends Components.SixTag, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTagElementEventMap>(type: K, listener: (this: HTMLSixTagElement, ev: SixTagCustomEvent<HTMLSixTagElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTagElementEventMap>(type: K, listener: (this: HTMLSixTagElement, ev: SixTagCustomEvent<HTMLSixTagElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTagElement: {
         prototype: HTMLSixTagElement;
         new (): HTMLSixTagElement;
     };
+    interface HTMLSixTextareaElementEventMap {
+        "six-textarea-change": EmptyPayload;
+        "six-textarea-input": EmptyPayload;
+        "six-textarea-focus": EmptyPayload;
+        "six-textarea-blur": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixTextareaElement extends Components.SixTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTextareaElementEventMap>(type: K, listener: (this: HTMLSixTextareaElement, ev: SixTextareaCustomEvent<HTMLSixTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTextareaElementEventMap>(type: K, listener: (this: HTMLSixTextareaElement, ev: SixTextareaCustomEvent<HTMLSixTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTextareaElement: {
         prototype: HTMLSixTextareaElement;
         new (): HTMLSixTextareaElement;
     };
+    interface HTMLSixTileElementEventMap {
+        "six-tile-closed": EmptyPayload;
+        "six-tile-selected": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      */
     interface HTMLSixTileElement extends Components.SixTile, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTileElementEventMap>(type: K, listener: (this: HTMLSixTileElement, ev: SixTileCustomEvent<HTMLSixTileElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTileElementEventMap>(type: K, listener: (this: HTMLSixTileElement, ev: SixTileCustomEvent<HTMLSixTileElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTileElement: {
         prototype: HTMLSixTileElement;
         new (): HTMLSixTileElement;
     };
+    interface HTMLSixTimepickerElementEventMap {
+        "six-timepicker-change": SixTimepickerChange;
+        "six-timepicker-change-debounced": SixTimepickerChange;
+        "six-timepicker-clear": EmptyPayload;
+    }
     /**
      * @since 2.0.0
      * @status experimental
      */
     interface HTMLSixTimepickerElement extends Components.SixTimepicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTimepickerElementEventMap>(type: K, listener: (this: HTMLSixTimepickerElement, ev: SixTimepickerCustomEvent<HTMLSixTimepickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTimepickerElementEventMap>(type: K, listener: (this: HTMLSixTimepickerElement, ev: SixTimepickerCustomEvent<HTMLSixTimepickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTimepickerElement: {
         prototype: HTMLSixTimepickerElement;
         new (): HTMLSixTimepickerElement;
     };
+    interface HTMLSixTooltipElementEventMap {
+        "six-tooltip-show": EmptyPayload;
+        "six-tooltip-after-show": EmptyPayload;
+        "six-tooltip-hide": EmptyPayload;
+        "six-tooltip-after-hide": EmptyPayload;
+    }
     /**
      * @since 1.0
      * @status stable
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface HTMLSixTooltipElement extends Components.SixTooltip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSixTooltipElementEventMap>(type: K, listener: (this: HTMLSixTooltipElement, ev: SixTooltipCustomEvent<HTMLSixTooltipElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSixTooltipElementEventMap>(type: K, listener: (this: HTMLSixTooltipElement, ev: SixTooltipCustomEvent<HTMLSixTooltipElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
     }
     var HTMLSixTooltipElement: {
         prototype: HTMLSixTooltipElement;
         new (): HTMLSixTooltipElement;
     };
     interface HTMLElementTagNameMap {
-        "set-attributes": HTMLSetAttributesElement;
         "six-alert": HTMLSixAlertElement;
         "six-avatar": HTMLSixAvatarElement;
         "six-badge": HTMLSixBadgeElement;
@@ -2597,6 +3061,7 @@ declare global {
         "six-dialog": HTMLSixDialogElement;
         "six-drawer": HTMLSixDrawerElement;
         "six-dropdown": HTMLSixDropdownElement;
+        "six-error": HTMLSixErrorElement;
         "six-error-page": HTMLSixErrorPageElement;
         "six-file-list": HTMLSixFileListElement;
         "six-file-list-item": HTMLSixFileListItemElement;
@@ -2640,12 +3105,6 @@ declare global {
     }
 }
 declare namespace LocalJSX {
-    interface SetAttributes {
-        /**
-          * Attributes map
-         */
-        "value"?: {};
-    }
     /**
      * @since 1.0
      * @status stable
@@ -2657,7 +3116,7 @@ declare namespace LocalJSX {
          */
         "closable"?: boolean;
         /**
-          * The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the alert before it closes (e.g. moves the mouse over it), the timer will restart.
+          * The length of time, in milliseconds, the alert will show before closing itself. If the user hovers over the toast alert, the timer will pause. On leaving the element with the mouse, the timer resets.
          */
         "duration"?: number;
         /**
@@ -2683,7 +3142,7 @@ declare namespace LocalJSX {
         /**
           * The type of alert.
          */
-        "type"?: 'primary' | 'success' | 'info' | 'warning' | 'danger';
+        "type"?: AlertType;
     }
     /**
      * @since 1.0
@@ -2792,7 +3251,14 @@ declare namespace LocalJSX {
         /**
           * The button's type.
          */
-        "type"?: 'secondary' | 'primary' | 'link' | 'success' | 'warning' | 'danger' | 'action';
+        "type"?: | 'secondary'
+    | 'primary'
+    | 'link'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'action'
+    | 'action-outline';
         /**
           * An optional value for the button. Ignored when `href` is set.
          */
@@ -2821,7 +3287,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to draw the checkbox in an indeterminate state.
          */
@@ -2899,7 +3369,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
@@ -2923,7 +3397,7 @@ declare namespace LocalJSX {
         /**
           * The language used to render the weekdays and months.
          */
-        "locale"?: 'en' | 'de' | 'fr' | 'it';
+        "locale"?: 'en' | 'de' | 'fr' | 'it' | 'es';
         /**
           * The maximum datetime allowed. Value must be a date object
          */
@@ -3183,6 +3657,10 @@ declare namespace LocalJSX {
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
         "hoist"?: boolean;
+        /**
+          * Determines if the dropdown panel's width should match the width of the trigger element.  If set to `true`, the panel will resize its width to align with the trigger's width. If `false` or omitted, the panel will maintain its default width.
+         */
+        "matchTriggerWidth"?: boolean;
         /**
           * Emitted when the async filter is triggered
          */
@@ -3243,6 +3721,12 @@ declare namespace LocalJSX {
          */
         "virtualScroll"?: boolean;
     }
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface SixError {
+    }
     interface SixErrorPage {
         /**
           * Defines a custom description.
@@ -3326,6 +3810,14 @@ declare namespace LocalJSX {
           * Set when button is disabled.
          */
         "disabled"?: false;
+        /**
+          * The error message shown, if `invalid` is set to true.
+         */
+        "errorText"?: string | string[];
+        /**
+          * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
+         */
+        "invalid"?: boolean;
         /**
           * Label of the drop area.
          */
@@ -3346,6 +3838,10 @@ declare namespace LocalJSX {
           * Triggers when a file is added.
          */
         "onSix-file-upload-success"?: (event: SixFileUploadCustomEvent<SixFileUploadSuccessPayload>) => void;
+        /**
+          * Set to true to draw the control in a loading state.
+         */
+        "uploading"?: boolean;
     }
     /**
      * @since 1.0
@@ -3388,6 +3884,14 @@ declare namespace LocalJSX {
           * Set whether the logo should be clickable
          */
         "clickableLogo"?: boolean;
+        /**
+          * Set whether the hamburger menu should be visible or not
+         */
+        "hideHamburgerMenu"?: boolean;
+        /**
+          * The displayed logo. Either six or bme. Defaults to six.
+         */
+        "logo"?: 'six' | 'bme';
         /**
           * Emitted when the name of the selected app is clicked.
          */
@@ -3503,10 +4007,18 @@ declare namespace LocalJSX {
           * Set to true to disable the input.
          */
         "disabled"?: boolean;
+        /**
+          * Internal: Styles the input for the dropdown filter search.
+         */
+        "dropdownSearch"?: boolean;
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -3722,6 +4234,10 @@ declare namespace LocalJSX {
      * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
      */
     interface SixMenu {
+        /**
+          * Internal: Disables handling of key presses.
+         */
+        "disableKeyboardHandling"?: boolean;
         /**
           * Used for virtual scrolling Define how many items should be rendered in the DOM when using virtual scrolling
          */
@@ -3765,7 +4281,11 @@ declare namespace LocalJSX {
      */
     interface SixMenuItem {
         /**
-          * Set to true to draw the item in a checked state.
+          * Defines if the checked state is displayed as a checkbox or a check-icon
+         */
+        "checkType"?: 'checkbox' | 'check';
+        /**
+          * Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the checked state
          */
         "checked"?: boolean;
         /**
@@ -3880,7 +4400,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The range's help text. Alternatively, you can use the help-text slot.
          */
@@ -3943,14 +4467,6 @@ declare namespace LocalJSX {
      * @status stable
      */
     interface SixRoot {
-        /**
-          * Breakpoint for smaller screens when the right sidebar is collapsed by default.
-         */
-        "breakpoint"?: number;
-        /**
-          * Emitted when display size is updated.
-         */
-        "onSix-root-collapsed"?: (event: SixRootCustomEvent<SixRootCollapsedPayload>) => void;
         /**
           * Defines whether the content section should be padded
          */
@@ -4019,7 +4535,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to allow filtering for entries in the dropdown
          */
@@ -4058,6 +4578,7 @@ declare namespace LocalJSX {
         "line"?: boolean;
         /**
           * The maximum number of tags to show when `multiple` is true. After the maximum, "+n" will be shown to indicate the number of additional items that are selected. Set to -1 to remove the limit.
+          * @deprecated : This property is ignored. The component now displays as many items as possible and computes the "+n" dynamically.
          */
         "maxTagsVisible"?: number;
         /**
@@ -4096,6 +4617,14 @@ declare namespace LocalJSX {
           * Set to true to show an asterisk beneath the label.
          */
         "required"?: boolean;
+        /**
+          * Enables the select all button.
+         */
+        "selectAllButton"?: boolean;
+        /**
+          * Custom text for the "select all" button. Defaults to "Select all" and equivalents in supported languages.
+         */
+        "selectAllText"?: string;
         /**
           * The select's size.
          */
@@ -4160,6 +4689,10 @@ declare namespace LocalJSX {
           * Set to true to draw the sidebar item in a disabled state.
          */
         "disabled"?: boolean;
+        /**
+          * Provide if the item should be rendered as anchor tag. Note, that the href is added automatically when using routerLink in Angular.
+         */
+        "href"?: string | undefined;
         /**
           * Set to true to draw the item in a selected state.
          */
@@ -4174,6 +4707,10 @@ declare namespace LocalJSX {
      * @status stable
      */
     interface SixSidebarItemGroup {
+        /**
+          * Provide if the item should be rendered as anchor tag. Note, that the href is added automatically when using routerLink in Angular.
+         */
+        "href"?: string | undefined;
         /**
           * Icon of the group
          */
@@ -4229,7 +4766,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
          */
@@ -4384,7 +4925,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The textarea's help text. Alternatively, you can use the help-text slot.
          */
@@ -4528,7 +5073,11 @@ declare namespace LocalJSX {
         /**
           * The input's error text. Alternatively, you can use the error-text slot.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Define the time format. Valid formats are:  HH:mm:ss hh:mm:ss:aa HH:mm:ss:ms hh:mm:ss:ms:aa HH:mm hh:mm:aa HH hh:aa mm ss ms  where HH is the 24 hour format and hh is the 12 hour format  Please notice that when using the 12-hour-clock (hh) you always need a period indicator (aa). So the time can be parsed as either am or pm
          */
@@ -4673,7 +5222,6 @@ declare namespace LocalJSX {
         "trigger"?: string;
     }
     interface IntrinsicElements {
-        "set-attributes": SetAttributes;
         "six-alert": SixAlert;
         "six-avatar": SixAvatar;
         "six-badge": SixBadge;
@@ -4685,6 +5233,7 @@ declare namespace LocalJSX {
         "six-dialog": SixDialog;
         "six-drawer": SixDrawer;
         "six-dropdown": SixDropdown;
+        "six-error": SixError;
         "six-error-page": SixErrorPage;
         "six-file-list": SixFileList;
         "six-file-list-item": SixFileListItem;
@@ -4731,7 +5280,6 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "set-attributes": LocalJSX.SetAttributes & JSXBase.HTMLAttributes<HTMLSetAttributesElement>;
             /**
              * @since 1.0
              * @status stable
@@ -4796,6 +5344,11 @@ declare module "@stencil/core" {
              * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
              */
             "six-dropdown": LocalJSX.SixDropdown & JSXBase.HTMLAttributes<HTMLSixDropdownElement>;
+            /**
+             * @since 4.0
+             * @status beta
+             */
+            "six-error": LocalJSX.SixError & JSXBase.HTMLAttributes<HTMLSixErrorElement>;
             "six-error-page": LocalJSX.SixErrorPage & JSXBase.HTMLAttributes<HTMLSixErrorPageElement>;
             /**
              * @since 2.0.0