@six-group/ui-library-angular 0.0.0-insider.d16ec8e → 0.0.0-insider.d4f3849

package/lib/stencil-generated/components.d.ts

@@ -7,7 +7,9 @@ import type { SixDatepickerSelectPayload as ISixDatepickerSixDatepickerSelectPay
 import type { EmptyPayload as ISixDatepickerEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDetailsEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDialogEmptyPayload } from '@six-group/ui-library';
+import type { SixDialogRequestClose as ISixDialogSixDialogRequestClose } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDrawerEmptyPayload } from '@six-group/ui-library';
+import type { SixDrawerRequestClose as ISixDrawerSixDrawerRequestClose } from '@six-group/ui-library';
 import type { EmptyPayload as ISixDropdownEmptyPayload } from '@six-group/ui-library';
 import type { SixDropdownAutoFilterPayload as ISixDropdownSixDropdownAutoFilterPayload } from '@six-group/ui-library';
 import type { SixDropdownAsyncFilterPayload as ISixDropdownSixDropdownAsyncFilterPayload } from '@six-group/ui-library';
@@ -16,20 +18,13 @@ import type { SixFileListDownloadPayload as ISixFileListItemSixFileListDownloadP
 import type { SixFileListRemovePayload as ISixFileListItemSixFileListRemovePayload } from '@six-group/ui-library';
 import type { SixFileUploadSuccessPayload as ISixFileUploadSixFileUploadSuccessPayload } from '@six-group/ui-library';
 import type { SixFileUploadFailurePayload as ISixFileUploadSixFileUploadFailurePayload } from '@six-group/ui-library';
-import type { SixFormSubmitPayload as ISixFormSixFormSubmitPayload } from '@six-group/ui-library';
-import type { SixFormChangePayload as ISixFormSixFormChangePayload } from '@six-group/ui-library';
-import type { EmptyPayload as ISixFormEmptyPayload } from '@six-group/ui-library';
-import type { EmptyPayload as ISixHeaderEmptyPayload } from '@six-group/ui-library';
-import type { SixHeaderAppSwitcherSelectPayload as ISixHeaderSixHeaderAppSwitcherSelectPayload } from '@six-group/ui-library';
-import type { SixHeaderProfileSelectPayload as ISixHeaderSixHeaderProfileSelectPayload } from '@six-group/ui-library';
-import type { SixHeaderSearchFieldToggle as ISixHeaderSixHeaderSearchFieldToggle } from '@six-group/ui-library';
 import type { EmptyPayload as ISixInputEmptyPayload } from '@six-group/ui-library';
 import type { SixItemPickerChangePayload as ISixItemPickerSixItemPickerChangePayload } from '@six-group/ui-library';
 import type { SixLanguageSwitcherChangePayload as ISixLanguageSwitcherSixLanguageSwitcherChangePayload } from '@six-group/ui-library';
 import type { SixMenuItemSelectedPayload as ISixMenuSixMenuItemSelectedPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixRadioEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixRangeEmptyPayload } from '@six-group/ui-library';
-import type { SixRootCollapsedPayload as ISixRootSixRootCollapsedPayload } from '@six-group/ui-library';
+import type { EmptyPayload as ISixRatingEmptyPayload } from '@six-group/ui-library';
 import type { SixSearchFieldChangePayload as ISixSearchFieldSixSearchFieldChangePayload } from '@six-group/ui-library';
 import type { SixSelectChangePayload as ISixSelectSixSelectChangePayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixSelectEmptyPayload } from '@six-group/ui-library';
@@ -45,21 +40,12 @@ import type { SixTimepickerChange as ISixTimepickerSixTimepickerChange } from '@
 import type { EmptyPayload as ISixTimepickerEmptyPayload } from '@six-group/ui-library';
 import type { EmptyPayload as ISixTooltipEmptyPayload } from '@six-group/ui-library';
 import * as i0 from "@angular/core";
-export declare class SetAttributes {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SetAttributes, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SetAttributes, "set-attributes", never, { "value": "value"; }, {}, never, ["*"], false, never>;
-}
-export declare interface SetAttributes extends Components.SetAttributes {
-}
 export declare class SixAlert {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixAlertElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixAlert, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixAlert, "six-alert", never, { "closable": "closable"; "duration": "duration"; "open": "open"; "type": "type"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixAlert, "six-alert", never, { "closable": { "alias": "closable"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "open": { "alias": "open"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixAlert extends Components.SixAlert {
     /**
@@ -81,28 +67,46 @@ export declare interface SixAlert extends Components.SixAlert {
 }
 export declare class SixAvatar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixAvatar, "six-avatar", never, { "alt": "alt"; "image": "image"; "initials": "initials"; "shape": "shape"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixAvatar, "six-avatar", never, { "alt": { "alias": "alt"; "required": false; }; "image": { "alias": "image"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixAvatar extends Components.SixAvatar {
 }
 export declare class SixBadge {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixBadgeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixBadge, "six-badge", never, { "pill": "pill"; "pulse": "pulse"; "type": "type"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixBadge, "six-badge", never, { "pill": { "alias": "pill"; "required": false; }; "pulse": { "alias": "pulse"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixBadge extends Components.SixBadge {
 }
+export declare class SixBreadcrumbs {
+    protected z: NgZone;
+    protected el: HTMLSixBreadcrumbsElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixBreadcrumbs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixBreadcrumbs, "six-breadcrumbs", never, { "separatorIcon": { "alias": "separatorIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixBreadcrumbs extends Components.SixBreadcrumbs {
+}
+export declare class SixBreadcrumbsItem {
+    protected z: NgZone;
+    protected el: HTMLSixBreadcrumbsItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixBreadcrumbsItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixBreadcrumbsItem, "six-breadcrumbs-item", never, { "href": { "alias": "href"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixBreadcrumbsItem extends Components.SixBreadcrumbsItem {
+}
 export declare class SixButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixButton, "six-button", never, { "caret": "caret"; "circle": "circle"; "disabled": "disabled"; "download": "download"; "href": "href"; "loading": "loading"; "name": "name"; "pill": "pill"; "reset": "reset"; "size": "size"; "submit": "submit"; "target": "target"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixButton, "six-button", never, { "caret": { "alias": "caret"; "required": false; }; "circle": { "alias": "circle"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "size": { "alias": "size"; "required": false; }; "submit": { "alias": "submit"; "required": false; }; "target": { "alias": "target"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixButton extends Components.SixButton {
     /**
@@ -116,7 +120,7 @@ export declare interface SixButton extends Components.SixButton {
 }
 export declare class SixCard {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixCardElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixCard, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixCard, "six-card", never, {}, {}, never, ["*"], false, never>;
@@ -125,10 +129,10 @@ export declare interface SixCard extends Components.SixCard {
 }
 export declare class SixCheckbox {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixCheckboxElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixCheckbox, "six-checkbox", never, { "checked": "checked"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "indeterminate": "indeterminate"; "invalid": "invalid"; "label": "label"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixCheckbox, "six-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixCheckbox extends Components.SixCheckbox {
     /**
@@ -144,12 +148,31 @@ export declare interface SixCheckbox extends Components.SixCheckbox {
      */
     'six-checkbox-focus': EventEmitter<CustomEvent<ISixCheckboxEmptyPayload>>;
 }
+export declare class SixDate {
+    protected z: NgZone;
+    protected el: HTMLSixDateElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixDate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDate, "six-date", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixDate extends Components.SixDate {
+    /**
+     * Emitted when the control's value changes.
+  Event detail contains the new date value in ISO format (yyyy-MM-dd) or an empty string if cleared.
+     */
+    'six-change': EventEmitter<CustomEvent<string | ''>>;
+    /**
+     * Emitted when the control loses focus or the date picker popup is closed.
+  Does not contain event details.
+     */
+    'six-blur': EventEmitter<CustomEvent<any>>;
+}
 export declare class SixDatepicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDatepickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDatepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDatepicker, "six-datepicker", never, { "allowedDates": "allowedDates"; "clearable": "clearable"; "closeOnSelect": "closeOnSelect"; "containingElement": "containingElement"; "dateFormat": "dateFormat"; "debounce": "debounce"; "defaultDate": "defaultDate"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "label": "label"; "locale": "locale"; "max": "max"; "min": "min"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "size": "size"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDatepicker, "six-datepicker", never, { "allowedDates": { "alias": "allowedDates"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "containingElement": { "alias": "containingElement"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultDate": { "alias": "defaultDate"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDatepicker extends Components.SixDatepicker {
     /**
@@ -167,10 +190,10 @@ export declare interface SixDatepicker extends Components.SixDatepicker {
 }
 export declare class SixDetails {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDetailsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDetails, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDetails, "six-details", never, { "disabled": "disabled"; "hasContent": "hasContent"; "inline": "inline"; "open": "open"; "selectableEmpty": "selectableEmpty"; "summary": "summary"; "summaryIcon": "summaryIcon"; "summaryIconSize": "summaryIconSize"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDetails, "six-details", never, { "disabled": { "alias": "disabled"; "required": false; }; "hasContent": { "alias": "hasContent"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "open": { "alias": "open"; "required": false; }; "selectableEmpty": { "alias": "selectableEmpty"; "required": false; }; "summary": { "alias": "summary"; "required": false; }; "summaryIcon": { "alias": "summaryIcon"; "required": false; }; "summaryIconSize": { "alias": "summaryIconSize"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDetails extends Components.SixDetails {
     /**
@@ -192,10 +215,10 @@ export declare interface SixDetails extends Components.SixDetails {
 }
 export declare class SixDialog {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDialogElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDialog, "six-dialog", never, { "label": "label"; "noHeader": "noHeader"; "open": "open"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDialog, "six-dialog", never, { "label": { "alias": "label"; "required": false; }; "noHeader": { "alias": "noHeader"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDialog extends Components.SixDialog {
     /**
@@ -220,16 +243,18 @@ export declare interface SixDialog extends Components.SixDialog {
      */
     'six-dialog-initial-focus': EventEmitter<CustomEvent<ISixDialogEmptyPayload>>;
     /**
-     * Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the dialog from closing.
+     * Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or
+  pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing
+  the drawer will result in destructive behavior such as data loss.
      */
-    'six-dialog-overlay-dismiss': EventEmitter<CustomEvent<ISixDialogEmptyPayload>>;
+    'six-dialog-request-close': EventEmitter<CustomEvent<ISixDialogSixDialogRequestClose>>;
 }
 export declare class SixDrawer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDrawerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDrawer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDrawer, "six-drawer", never, { "contained": "contained"; "label": "label"; "noHeader": "noHeader"; "open": "open"; "placement": "placement"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDrawer, "six-drawer", never, { "contained": { "alias": "contained"; "required": false; }; "label": { "alias": "label"; "required": false; }; "noHeader": { "alias": "noHeader"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDrawer extends Components.SixDrawer {
     /**
@@ -254,16 +279,18 @@ export declare interface SixDrawer extends Components.SixDrawer {
      */
     'six-drawer-initial-focus': EventEmitter<CustomEvent<ISixDrawerEmptyPayload>>;
     /**
-     * Emitted when the overlay is clicked. Calling `event.preventDefault()` will prevent the drawer from closing.
+     * Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or
+  pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing
+  the drawer will result in destructive behavior such as data loss.
      */
-    'six-drawer-overlay-dismiss': EventEmitter<CustomEvent<ISixDrawerEmptyPayload>>;
+    'six-drawer-request-close': EventEmitter<CustomEvent<ISixDrawerSixDrawerRequestClose>>;
 }
 export declare class SixDropdown {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixDropdownElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixDropdown, "six-dropdown", never, { "asyncFilter": "asyncFilter"; "autofocusFilter": "autofocusFilter"; "closeOnSelect": "closeOnSelect"; "containingElement": "containingElement"; "disableHideOnEnterAndSpace": "disableHideOnEnterAndSpace"; "distance": "distance"; "filter": "filter"; "filterDebounce": "filterDebounce"; "filterPlaceholder": "filterPlaceholder"; "hoist": "hoist"; "open": "open"; "options": "options"; "placement": "placement"; "skidding": "skidding"; "virtualScroll": "virtualScroll"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixDropdown, "six-dropdown", never, { "asyncFilter": { "alias": "asyncFilter"; "required": false; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; }; "containingElement": { "alias": "containingElement"; "required": false; }; "disableHideOnEnterAndSpace": { "alias": "disableHideOnEnterAndSpace"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterDebounce": { "alias": "filterDebounce"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "matchTriggerWidth": { "alias": "matchTriggerWidth"; "required": false; }; "noScroll": { "alias": "noScroll"; "required": false; }; "open": { "alias": "open"; "required": false; }; "options": { "alias": "options"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixDropdown extends Components.SixDropdown {
     /**
@@ -295,18 +322,27 @@ export declare interface SixDropdown extends Components.SixDropdown {
      */
     'six-dropdown-scroll': EventEmitter<CustomEvent<ISixDropdownSixDropdownScrollPayload>>;
 }
+export declare class SixError {
+    protected z: NgZone;
+    protected el: HTMLSixErrorElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixError, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixError, "six-error", never, {}, {}, never, ["*"], false, never>;
+}
+export declare interface SixError extends Components.SixError {
+}
 export declare class SixErrorPage {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixErrorPageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixErrorPage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixErrorPage, "six-error-page", never, { "customDescription": "customDescription"; "customIcon": "customIcon"; "customTitle": "customTitle"; "errorCode": "errorCode"; "language": "language"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixErrorPage, "six-error-page", never, { "customDescription": { "alias": "customDescription"; "required": false; }; "customIcon": { "alias": "customIcon"; "required": false; }; "customTitle": { "alias": "customTitle"; "required": false; }; "errorCode": { "alias": "errorCode"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixErrorPage extends Components.SixErrorPage {
 }
 export declare class SixFileList {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileList, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFileList, "six-file-list", never, {}, {}, never, ["*"], false, never>;
@@ -315,10 +351,10 @@ export declare interface SixFileList extends Components.SixFileList {
 }
 export declare class SixFileListItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileListItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileListItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixFileListItem, "six-file-list-item", never, { "date": "date"; "identifier": "identifier"; "name": "name"; "nodelete": "nodelete"; "nodownload": "nodownload"; "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixFileListItem, "six-file-list-item", never, { "date": { "alias": "date"; "required": false; }; "identifier": { "alias": "identifier"; "required": false; }; "name": { "alias": "name"; "required": false; }; "nodelete": { "alias": "nodelete"; "required": false; }; "nodownload": { "alias": "nodownload"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixFileListItem extends Components.SixFileListItem {
     /**
@@ -332,10 +368,10 @@ export declare interface SixFileListItem extends Components.SixFileListItem {
 }
 export declare class SixFileUpload {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFileUploadElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFileUpload, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixFileUpload, "six-file-upload", never, { "accept": "accept"; "compact": "compact"; "disabled": "disabled"; "label": "label"; "maxFileSize": "maxFileSize"; "multiple": "multiple"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixFileUpload, "six-file-upload", never, { "accept": { "alias": "accept"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "uploading": { "alias": "uploading"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixFileUpload extends Components.SixFileUpload {
     /**
@@ -349,103 +385,82 @@ export declare interface SixFileUpload extends Components.SixFileUpload {
 }
 export declare class SixFooter {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixFooterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixFooter, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixFooter, "six-footer", never, {}, {}, never, ["*"], false, never>;
 }
 export declare interface SixFooter extends Components.SixFooter {
 }
-export declare class SixForm {
-    protected z: NgZone;
-    protected el: HTMLElement;
-    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
-    static ɵfac: i0.ɵɵFactoryDeclaration<SixForm, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixForm, "six-form", never, { "novalidate": "novalidate"; }, {}, never, ["*"], false, never>;
-}
-export declare interface SixForm extends Components.SixForm {
-    /**
-     * Emitted when the form is submitted. This event will not be emitted if any form control inside of it is in an
-  invalid state, unless the form has the `novalidate` attribute. Note that there is never a need to prevent this
-  event, since it doen't send a GET or POST request like native forms. To "prevent" submission, use a conditional
-  around the XHR request you use to submit the form's data with.
-     */
-    'six-form-submit': EventEmitter<CustomEvent<ISixFormSixFormSubmitPayload>>;
-    /**
-     * Emitted when the control's value changes.
-     */
-    'six-form-change': EventEmitter<CustomEvent<ISixFormSixFormChangePayload>>;
-    /**
-     * Emitted when the forms values are reset.
-     */
-    'six-form-reset': EventEmitter<CustomEvent<ISixFormEmptyPayload>>;
-}
 export declare class SixGroupLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixGroupLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixGroupLabel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixGroupLabel, "six-group-label", never, { "disabled": "disabled"; "helpText": "helpText"; "label": "label"; "required": "required"; "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixGroupLabel, "six-group-label", never, { "disabled": { "alias": "disabled"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixGroupLabel extends Components.SixGroupLabel {
 }
 export declare class SixHeader {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeader, "six-header", never, { "clickableLogo": "clickableLogo"; "openHamburgerMenu": "openHamburgerMenu"; "openSearch": "openSearch"; "shiftContent": "shiftContent"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeader, "six-header", never, { "openSearch": { "alias": "openSearch"; "required": false; }; "shiftContent": { "alias": "shiftContent"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixHeader extends Components.SixHeader {
-    /**
-     * Emitted when the name of the selected app is clicked.
-     */
-    'six-header-app-name-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when a menu item is in the app switcher menu is selected.
-     */
-    'six-header-app-switcher-select': EventEmitter<CustomEvent<ISixHeaderSixHeaderAppSwitcherSelectPayload>>;
-    /**
-     * Emitted when a menu item is in the profile menu is selected.
-     */
-    'six-header-profile-select': EventEmitter<CustomEvent<ISixHeaderSixHeaderProfileSelectPayload>>;
-    /**
-     * Emitted when the hamburger menu is clicked.
-     */
-    'six-header-hamburger-menu-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when the header logo is clicked.
-     */
-    'six-header-logo-clicked': EventEmitter<CustomEvent<ISixHeaderEmptyPayload>>;
-    /**
-     * Emitted when search field is toggled.
-     */
-    'six-header-search-field-toggle': EventEmitter<CustomEvent<ISixHeaderSixHeaderSearchFieldToggle>>;
+}
+export declare class SixHeaderDropdownItem {
+    protected z: NgZone;
+    protected el: HTMLSixHeaderDropdownItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderDropdownItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderDropdownItem, "six-header-dropdown-item", never, { "filter": { "alias": "filter"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixHeaderDropdownItem extends Components.SixHeaderDropdownItem {
+}
+export declare class SixHeaderItem {
+    protected z: NgZone;
+    protected el: HTMLSixHeaderItemElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderItem, "six-header-item", never, { "active": { "alias": "active"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixHeaderItem extends Components.SixHeaderItem {
+}
+export declare class SixHeaderMenuButton {
+    protected z: NgZone;
+    protected el: HTMLSixHeaderMenuButtonElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixHeaderMenuButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixHeaderMenuButton, "six-header-menu-button", never, { "caret": { "alias": "caret"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "reset": { "alias": "reset"; "required": false; }; "submit": { "alias": "submit"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixHeaderMenuButton extends Components.SixHeaderMenuButton {
 }
 export declare class SixIcon {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixIcon, "six-icon", never, { "filled": "filled"; "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixIcon, "six-icon", never, { "filled": { "alias": "filled"; "required": false; }; "library": { "alias": "library"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixIcon extends Components.SixIcon {
 }
 export declare class SixIconButton {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixIconButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixIconButton, "six-icon-button", never, { "disabled": "disabled"; "html": "html"; "label": "label"; "name": "name"; "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixIconButton, "six-icon-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "download": { "alias": "download"; "required": false; }; "href": { "alias": "href"; "required": false; }; "html": { "alias": "html"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixIconButton extends Components.SixIconButton {
 }
 export declare class SixInput {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixInputElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixInput, "six-input", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "clearable": "clearable"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "line": "line"; "max": "max"; "maxlength": "maxlength"; "min": "min"; "minlength": "minlength"; "name": "name"; "pattern": "pattern"; "pill": "pill"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "size": "size"; "spellcheck": "spellcheck"; "step": "step"; "togglePassword": "togglePassword"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixInput, "six-input", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownSearch": { "alias": "dropdownSearch"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "line": { "alias": "line"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "togglePassword": { "alias": "togglePassword"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixInput extends Components.SixInput {
     /**
@@ -471,10 +486,10 @@ export declare interface SixInput extends Components.SixInput {
 }
 export declare class SixItemPicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixItemPickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixItemPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixItemPicker, "six-item-picker", never, { "debounce": "debounce"; "interval": "interval"; "items": "items"; "max": "max"; "min": "min"; "padded": "padded"; "paddingChar": "paddingChar"; "paddingDirection": "paddingDirection"; "paddingLength": "paddingLength"; "roundtrip": "roundtrip"; "step": "step"; "timeout": "timeout"; "type": "type"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixItemPicker, "six-item-picker", never, { "debounce": { "alias": "debounce"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "items": { "alias": "items"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "padded": { "alias": "padded"; "required": false; }; "paddingChar": { "alias": "paddingChar"; "required": false; }; "paddingDirection": { "alias": "paddingDirection"; "required": false; }; "paddingLength": { "alias": "paddingLength"; "required": false; }; "roundtrip": { "alias": "roundtrip"; "required": false; }; "step": { "alias": "step"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixItemPicker extends Components.SixItemPicker {
     /**
@@ -488,10 +503,10 @@ export declare interface SixItemPicker extends Components.SixItemPicker {
 }
 export declare class SixLanguageSwitcher {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixLanguageSwitcherElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixLanguageSwitcher, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixLanguageSwitcher, "six-language-switcher", never, { "languages": "languages"; "selected": "selected"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixLanguageSwitcher, "six-language-switcher", never, { "languages": { "alias": "languages"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixLanguageSwitcher extends Components.SixLanguageSwitcher {
     /**
@@ -501,28 +516,37 @@ export declare interface SixLanguageSwitcher extends Components.SixLanguageSwitc
 }
 export declare class SixLayoutGrid {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixLayoutGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixLayoutGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixLayoutGrid, "six-layout-grid", never, { "columns": "columns"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixLayoutGrid, "six-layout-grid", never, { "columns": { "alias": "columns"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixLayoutGrid extends Components.SixLayoutGrid {
 }
+export declare class SixLogo {
+    protected z: NgZone;
+    protected el: HTMLSixLogoElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixLogo, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixLogo, "six-logo", never, { "brand": { "alias": "brand"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixLogo extends Components.SixLogo {
+}
 export declare class SixMainContainer {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMainContainerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMainContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixMainContainer, "six-main-container", never, { "padded": "padded"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixMainContainer, "six-main-container", never, { "padded": { "alias": "padded"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixMainContainer extends Components.SixMainContainer {
 }
 export declare class SixMenu {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixMenu, "six-menu", never, { "itemSize": "itemSize"; "items": "items"; "itemsShown": "itemsShown"; "removeBoxShadow": "removeBoxShadow"; "scrollingDebounce": "scrollingDebounce"; "virtualScroll": "virtualScroll"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixMenu, "six-menu", never, { "disableKeyboardHandling": { "alias": "disableKeyboardHandling"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "items": { "alias": "items"; "required": false; }; "itemsShown": { "alias": "itemsShown"; "required": false; }; "removeBoxShadow": { "alias": "removeBoxShadow"; "required": false; }; "scrollingDebounce": { "alias": "scrollingDebounce"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixMenu extends Components.SixMenu {
     /**
@@ -532,7 +556,7 @@ export declare interface SixMenu extends Components.SixMenu {
 }
 export declare class SixMenuDivider {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuDividerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuDivider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuDivider, "six-menu-divider", never, {}, {}, never, ["*"], false, never>;
@@ -541,16 +565,16 @@ export declare interface SixMenuDivider extends Components.SixMenuDivider {
 }
 export declare class SixMenuItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuItem, "six-menu-item", never, { "checked": "checked"; "disabled": "disabled"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuItem, "six-menu-item", never, { "checkType": { "alias": "checkType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixMenuItem extends Components.SixMenuItem {
 }
 export declare class SixMenuLabel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixMenuLabelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixMenuLabel, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SixMenuLabel, "six-menu-label", never, {}, {}, never, ["*"], false, never>;
@@ -559,37 +583,37 @@ export declare interface SixMenuLabel extends Components.SixMenuLabel {
 }
 export declare class SixPicto {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixPictoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixPicto, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixPicto, "six-picto", never, { "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixPicto, "six-picto", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixPicto extends Components.SixPicto {
 }
 export declare class SixProgressBar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixProgressBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressBar, "six-progress-bar", never, { "indeterminate": "indeterminate"; "percentage": "percentage"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressBar, "six-progress-bar", never, { "indeterminate": { "alias": "indeterminate"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixProgressBar extends Components.SixProgressBar {
 }
 export declare class SixProgressRing {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixProgressRingElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixProgressRing, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressRing, "six-progress-ring", never, { "percentage": "percentage"; "size": "size"; "strokeWidth": "strokeWidth"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixProgressRing, "six-progress-ring", never, { "percentage": { "alias": "percentage"; "required": false; }; "size": { "alias": "size"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixProgressRing extends Components.SixProgressRing {
 }
 export declare class SixRadio {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRadioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRadio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixRadio, "six-radio", never, { "checked": "checked"; "disabled": "disabled"; "invalid": "invalid"; "name": "name"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRadio, "six-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixRadio extends Components.SixRadio {
     /**
@@ -607,10 +631,10 @@ export declare interface SixRadio extends Components.SixRadio {
 }
 export declare class SixRange {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRangeElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRange, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixRange, "six-range", never, { "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "helpText": "helpText"; "invalid": "invalid"; "label": "label"; "max": "max"; "min": "min"; "name": "name"; "required": "required"; "step": "step"; "tooltip": "tooltip"; "tooltipFormatter": "tooltipFormatter"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRange, "six-range", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "step": { "alias": "step"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "tooltipFormatter": { "alias": "tooltipFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixRange extends Components.SixRange {
     /**
@@ -626,25 +650,42 @@ export declare interface SixRange extends Components.SixRange {
      */
     'six-range-focus': EventEmitter<CustomEvent<ISixRangeEmptyPayload>>;
 }
+export declare class SixRating {
+    protected z: NgZone;
+    protected el: HTMLSixRatingElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SixRating, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRating, "six-rating", never, { "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "max": { "alias": "max"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export declare interface SixRating extends Components.SixRating {
+    /**
+     * Emitted when the control loses focus.
+     */
+    'six-rating-blur': EventEmitter<CustomEvent<number>>;
+    /**
+     * Emitted when the control's checked state changes.
+     */
+    'six-rating-change': EventEmitter<CustomEvent<number>>;
+    /**
+     * Emitted when the control gains focus.
+     */
+    'six-rating-focus': EventEmitter<CustomEvent<ISixRatingEmptyPayload>>;
+}
 export declare class SixRoot {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixRootElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixRoot, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixRoot, "six-root", never, { "breakpoint": "breakpoint"; "padded": "padded"; "stage": "stage"; "version": "version"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixRoot, "six-root", never, { "padded": { "alias": "padded"; "required": false; }; "stage": { "alias": "stage"; "required": false; }; "version": { "alias": "version"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixRoot extends Components.SixRoot {
-    /**
-     * Emitted when display size is updated.
-     */
-    'six-root-collapsed': EventEmitter<CustomEvent<ISixRootSixRootCollapsedPayload>>;
 }
 export declare class SixSearchField {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSearchFieldElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSearchField, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSearchField, "six-search-field", never, { "clearable": "clearable"; "debounce": "debounce"; "disabled": "disabled"; "placeholder": "placeholder"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSearchField, "six-search-field", never, { "clearable": { "alias": "clearable"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSearchField extends Components.SixSearchField {
     /**
@@ -654,10 +695,10 @@ export declare interface SixSearchField extends Components.SixSearchField {
 }
 export declare class SixSelect {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSelectElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSelect, "six-select", never, { "asyncFilter": "asyncFilter"; "autocomplete": "autocomplete"; "clearable": "clearable"; "defaultValue": "defaultValue"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "filter": "filter"; "filterDebounce": "filterDebounce"; "filterPlaceholder": "filterPlaceholder"; "helpText": "helpText"; "hoist": "hoist"; "inputDebounce": "inputDebounce"; "invalid": "invalid"; "label": "label"; "line": "line"; "maxTagsVisible": "maxTagsVisible"; "multiple": "multiple"; "name": "name"; "options": "options"; "pill": "pill"; "placeholder": "placeholder"; "required": "required"; "size": "size"; "value": "value"; "virtualScroll": "virtualScroll"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSelect, "six-select", never, { "asyncFilter": { "alias": "asyncFilter"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "filterDebounce": { "alias": "filterDebounce"; "required": false; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "inputDebounce": { "alias": "inputDebounce"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "line": { "alias": "line"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "options": { "alias": "options"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "selectAllButton": { "alias": "selectAllButton"; "required": false; }; "selectAllText": { "alias": "selectAllText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSelect extends Components.SixSelect {
     /**
@@ -675,10 +716,10 @@ export declare interface SixSelect extends Components.SixSelect {
 }
 export declare class SixSidebar {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebar, "six-sidebar", never, { "open": "open"; "position": "position"; "toggled": "toggled"; "width": "width"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebar, "six-sidebar", never, { "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "toggled": { "alias": "toggled"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSidebar extends Components.SixSidebar {
     /**
@@ -705,46 +746,46 @@ export declare interface SixSidebar extends Components.SixSidebar {
 }
 export declare class SixSidebarItem {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebarItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItem, "six-sidebar-item", never, { "disabled": "disabled"; "selected": "selected"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItem, "six-sidebar-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSidebarItem extends Components.SixSidebarItem {
 }
 export declare class SixSidebarItemGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSidebarItemGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSidebarItemGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItemGroup, "six-sidebar-item-group", never, { "icon": "icon"; "name": "name"; "open": "open"; "summaryIcon": "summaryIcon"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSidebarItemGroup, "six-sidebar-item-group", never, { "href": { "alias": "href"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "summaryIcon": { "alias": "summaryIcon"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSidebarItemGroup extends Components.SixSidebarItemGroup {
 }
 export declare class SixSpinner {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSpinner, "six-spinner", never, { "six": "six"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSpinner, "six-spinner", never, { "logo": { "alias": "logo"; "required": false; }; "six": { "alias": "six"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSpinner extends Components.SixSpinner {
 }
 export declare class SixStageIndicator {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixStageIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixStageIndicator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixStageIndicator, "six-stage-indicator", never, { "stage": "stage"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixStageIndicator, "six-stage-indicator", never, { "stage": { "alias": "stage"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixStageIndicator extends Components.SixStageIndicator {
 }
 export declare class SixSwitch {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixSwitchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixSwitch, "six-switch", never, { "checked": "checked"; "disabled": "disabled"; "invalid": "invalid"; "name": "name"; "required": "required"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixSwitch, "six-switch", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixSwitch extends Components.SixSwitch {
     /**
@@ -762,10 +803,10 @@ export declare interface SixSwitch extends Components.SixSwitch {
 }
 export declare class SixTab {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTab, "six-tab", never, { "active": "active"; "closable": "closable"; "disabled": "disabled"; "panel": "panel"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTab, "six-tab", never, { "active": { "alias": "active"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hoverContent": { "alias": "hoverContent"; "required": false; }; "panel": { "alias": "panel"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTab extends Components.SixTab {
     /**
@@ -775,10 +816,10 @@ export declare interface SixTab extends Components.SixTab {
 }
 export declare class SixTabGroup {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabGroupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTabGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTabGroup, "six-tab-group", never, { "noScrollControls": "noScrollControls"; "placement": "placement"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTabGroup, "six-tab-group", never, { "noScrollControls": { "alias": "noScrollControls"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTabGroup extends Components.SixTabGroup {
     /**
@@ -792,19 +833,19 @@ export declare interface SixTabGroup extends Components.SixTabGroup {
 }
 export declare class SixTabPanel {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTabPanelElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTabPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTabPanel, "six-tab-panel", never, { "active": "active"; "name": "name"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTabPanel, "six-tab-panel", never, { "active": { "alias": "active"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTabPanel extends Components.SixTabPanel {
 }
 export declare class SixTag {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTagElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTag, "six-tag", never, { "clearable": "clearable"; "pill": "pill"; "size": "size"; "type": "type"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTag, "six-tag", never, { "clearable": { "alias": "clearable"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTag extends Components.SixTag {
     /**
@@ -814,10 +855,10 @@ export declare interface SixTag extends Components.SixTag {
 }
 export declare class SixTextarea {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTextareaElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTextarea, "six-textarea", never, { "autocapitalize": "autocapitalize"; "autocomplete": "autocomplete"; "autocorrect": "autocorrect"; "autofocus": "autofocus"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "helpText": "helpText"; "inputmode": "inputmode"; "invalid": "invalid"; "label": "label"; "maxlength": "maxlength"; "minlength": "minlength"; "name": "name"; "placeholder": "placeholder"; "readonly": "readonly"; "required": "required"; "resize": "resize"; "rows": "rows"; "size": "size"; "spellcheck": "spellcheck"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTextarea, "six-textarea", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTextarea extends Components.SixTextarea {
     /**
@@ -839,10 +880,10 @@ export declare interface SixTextarea extends Components.SixTextarea {
 }
 export declare class SixTile {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTile, "six-tile", never, { "closeable": "closeable"; "disableTooltip": "disableTooltip"; "disabled": "disabled"; "elevated": "elevated"; "iconName": "iconName"; "label": "label"; "size": "size"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTile, "six-tile", never, { "closeable": { "alias": "closeable"; "required": false; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "elevated": { "alias": "elevated"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "label": { "alias": "label"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTile extends Components.SixTile {
     /**
@@ -856,10 +897,10 @@ export declare interface SixTile extends Components.SixTile {
 }
 export declare class SixTimepicker {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTimepickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTimepicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTimepicker, "six-timepicker", never, { "clearable": "clearable"; "debounce": "debounce"; "defaultTime": "defaultTime"; "disabled": "disabled"; "errorOnBlur": "errorOnBlur"; "errorText": "errorText"; "format": "format"; "hoist": "hoist"; "iconPosition": "iconPosition"; "inline": "inline"; "interval": "interval"; "label": "label"; "name": "name"; "open": "open"; "placeholder": "placeholder"; "placement": "placement"; "readonly": "readonly"; "required": "required"; "separator": "separator"; "size": "size"; "timeout": "timeout"; "value": "value"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTimepicker, "six-timepicker", never, { "clearable": { "alias": "clearable"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "errorTextCount": { "alias": "errorTextCount"; "required": false; }; "format": { "alias": "format"; "required": false; }; "hoist": { "alias": "hoist"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "interval": { "alias": "interval"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "separator": { "alias": "separator"; "required": false; }; "size": { "alias": "size"; "required": false; }; "timeout": { "alias": "timeout"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTimepicker extends Components.SixTimepicker {
     /**
@@ -877,10 +918,10 @@ export declare interface SixTimepicker extends Components.SixTimepicker {
 }
 export declare class SixTooltip {
     protected z: NgZone;
-    protected el: HTMLElement;
+    protected el: HTMLSixTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<SixTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SixTooltip, "six-tooltip", never, { "content": "content"; "disabled": "disabled"; "distance": "distance"; "open": "open"; "placement": "placement"; "skidding": "skidding"; "trigger": "trigger"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SixTooltip, "six-tooltip", never, { "content": { "alias": "content"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "distance": { "alias": "distance"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "skidding": { "alias": "skidding"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 export declare interface SixTooltip extends Components.SixTooltip {
     /**