@beeq/angular 1.8.0-beta.8 → 1.8.0

package/standalone/src/directives/components.ts

@@ -0,0 +1,1479 @@
+/* tslint:disable */
+/* auto-generated angular directive proxies */
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, NgZone } from '@angular/core';
+
+import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
+
+import type { Components } from '@beeq/core/dist/components';
+
+import { defineCustomElement as defineBqAccordion } from '@beeq/core/dist/components/bq-accordion.js';
+import { defineCustomElement as defineBqAccordionGroup } from '@beeq/core/dist/components/bq-accordion-group.js';
+import { defineCustomElement as defineBqAlert } from '@beeq/core/dist/components/bq-alert.js';
+import { defineCustomElement as defineBqAvatar } from '@beeq/core/dist/components/bq-avatar.js';
+import { defineCustomElement as defineBqBadge } from '@beeq/core/dist/components/bq-badge.js';
+import { defineCustomElement as defineBqBreadcrumb } from '@beeq/core/dist/components/bq-breadcrumb.js';
+import { defineCustomElement as defineBqBreadcrumbItem } from '@beeq/core/dist/components/bq-breadcrumb-item.js';
+import { defineCustomElement as defineBqButton } from '@beeq/core/dist/components/bq-button.js';
+import { defineCustomElement as defineBqCard } from '@beeq/core/dist/components/bq-card.js';
+import { defineCustomElement as defineBqCheckbox } from '@beeq/core/dist/components/bq-checkbox.js';
+import { defineCustomElement as defineBqDatePicker } from '@beeq/core/dist/components/bq-date-picker.js';
+import { defineCustomElement as defineBqDialog } from '@beeq/core/dist/components/bq-dialog.js';
+import { defineCustomElement as defineBqDivider } from '@beeq/core/dist/components/bq-divider.js';
+import { defineCustomElement as defineBqDrawer } from '@beeq/core/dist/components/bq-drawer.js';
+import { defineCustomElement as defineBqDropdown } from '@beeq/core/dist/components/bq-dropdown.js';
+import { defineCustomElement as defineBqEmptyState } from '@beeq/core/dist/components/bq-empty-state.js';
+import { defineCustomElement as defineBqIcon } from '@beeq/core/dist/components/bq-icon.js';
+import { defineCustomElement as defineBqInput } from '@beeq/core/dist/components/bq-input.js';
+import { defineCustomElement as defineBqNotification } from '@beeq/core/dist/components/bq-notification.js';
+import { defineCustomElement as defineBqOption } from '@beeq/core/dist/components/bq-option.js';
+import { defineCustomElement as defineBqOptionGroup } from '@beeq/core/dist/components/bq-option-group.js';
+import { defineCustomElement as defineBqOptionList } from '@beeq/core/dist/components/bq-option-list.js';
+import { defineCustomElement as defineBqPageTitle } from '@beeq/core/dist/components/bq-page-title.js';
+import { defineCustomElement as defineBqPanel } from '@beeq/core/dist/components/bq-panel.js';
+import { defineCustomElement as defineBqProgress } from '@beeq/core/dist/components/bq-progress.js';
+import { defineCustomElement as defineBqRadio } from '@beeq/core/dist/components/bq-radio.js';
+import { defineCustomElement as defineBqRadioGroup } from '@beeq/core/dist/components/bq-radio-group.js';
+import { defineCustomElement as defineBqSelect } from '@beeq/core/dist/components/bq-select.js';
+import { defineCustomElement as defineBqSideMenu } from '@beeq/core/dist/components/bq-side-menu.js';
+import { defineCustomElement as defineBqSideMenuItem } from '@beeq/core/dist/components/bq-side-menu-item.js';
+import { defineCustomElement as defineBqSlider } from '@beeq/core/dist/components/bq-slider.js';
+import { defineCustomElement as defineBqSpinner } from '@beeq/core/dist/components/bq-spinner.js';
+import { defineCustomElement as defineBqStatus } from '@beeq/core/dist/components/bq-status.js';
+import { defineCustomElement as defineBqStepItem } from '@beeq/core/dist/components/bq-step-item.js';
+import { defineCustomElement as defineBqSteps } from '@beeq/core/dist/components/bq-steps.js';
+import { defineCustomElement as defineBqSwitch } from '@beeq/core/dist/components/bq-switch.js';
+import { defineCustomElement as defineBqTab } from '@beeq/core/dist/components/bq-tab.js';
+import { defineCustomElement as defineBqTabGroup } from '@beeq/core/dist/components/bq-tab-group.js';
+import { defineCustomElement as defineBqTag } from '@beeq/core/dist/components/bq-tag.js';
+import { defineCustomElement as defineBqTextarea } from '@beeq/core/dist/components/bq-textarea.js';
+import { defineCustomElement as defineBqToast } from '@beeq/core/dist/components/bq-toast.js';
+import { defineCustomElement as defineBqTooltip } from '@beeq/core/dist/components/bq-tooltip.js';
+@ProxyCmp({
+  defineCustomElementFn: defineBqAccordion,
+  inputs: ['appearance', 'disabled', 'expanded', 'noAnimation', 'rotate', 'size']
+})
+@Component({
+  selector: 'bq-accordion',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['appearance', 'disabled', 'expanded', 'noAnimation', 'rotate', 'size'],
+  standalone: true
+})
+export class BqAccordion {
+  protected el: HTMLBqAccordionElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqFocus', 'bqOpen', 'bqAfterOpen', 'bqClose', 'bqAfterClose', 'bqClick']);
+  }
+}
+
+
+export declare interface BqAccordion extends Components.BqAccordion {
+  /**
+   * Handler to be called when the accordion loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called when the accordion gets focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called when the accordion is opened
+   */
+  bqOpen: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called after the accordion is opened
+   */
+  bqAfterOpen: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called when the accordion is closed
+   */
+  bqClose: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called after the accordion is closed
+   */
+  bqAfterClose: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+  /**
+   * Handler to be called when the accordion is clicked
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqAccordionElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqAccordionGroup,
+  inputs: ['appearance', 'expandAll', 'multiple', 'noAnimation', 'size']
+})
+@Component({
+  selector: 'bq-accordion-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['appearance', 'expandAll', 'multiple', 'noAnimation', 'size'],
+  standalone: true
+})
+export class BqAccordionGroup {
+  protected el: HTMLBqAccordionGroupElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqAccordionGroup extends Components.BqAccordionGroup {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqAlert,
+  inputs: ['autoDismiss', 'border', 'disableClose', 'hideIcon', 'open', 'sticky', 'time', 'type'],
+  methods: ['hide', 'show']
+})
+@Component({
+  selector: 'bq-alert',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autoDismiss', 'border', 'disableClose', 'hideIcon', 'open', 'sticky', 'time', 'type'],
+  standalone: true
+})
+export class BqAlert {
+  protected el: HTMLBqAlertElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqHide', 'bqShow', 'bqAfterShow', 'bqAfterHide']);
+  }
+}
+
+
+export declare interface BqAlert extends Components.BqAlert {
+  /**
+   * Callback handler to be called when the alert is hidden
+   */
+  bqHide: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called when the alert is shown
+   */
+  bqShow: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the alert has been shown
+   */
+  bqAfterShow: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the alert has been hidden
+   */
+  bqAfterHide: EventEmitter<CustomEvent<any>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqAvatar,
+  inputs: ['altText', 'image', 'initials', 'label', 'shape', 'size']
+})
+@Component({
+  selector: 'bq-avatar',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['altText', 'image', 'initials', 'label', 'shape', 'size'],
+  standalone: true
+})
+export class BqAvatar {
+  protected el: HTMLBqAvatarElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqAvatar extends Components.BqAvatar {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqBadge,
+  inputs: ['backgroundColor', 'size', 'textColor']
+})
+@Component({
+  selector: 'bq-badge',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['backgroundColor', 'size', 'textColor'],
+  standalone: true
+})
+export class BqBadge {
+  protected el: HTMLBqBadgeElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqBadge extends Components.BqBadge {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqBreadcrumb,
+  inputs: ['label']
+})
+@Component({
+  selector: 'bq-breadcrumb',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['label'],
+  standalone: true
+})
+export class BqBreadcrumb {
+  protected el: HTMLBqBreadcrumbElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqBreadcrumb extends Components.BqBreadcrumb {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqBreadcrumbItem,
+  inputs: ['href', 'rel', 'target']
+})
+@Component({
+  selector: 'bq-breadcrumb-item',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['href', 'rel', 'target'],
+  standalone: true
+})
+export class BqBreadcrumbItem {
+  protected el: HTMLBqBreadcrumbItemElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqFocus', 'bqClick']);
+  }
+}
+
+
+export declare interface BqBreadcrumbItem extends Components.BqBreadcrumbItem {
+  /**
+   * Handler to be called when item loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
+  /**
+   * Handler to be called when item is focused
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
+  /**
+   * Handler to be called when item is clicked
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqBreadcrumbItemElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqButton,
+  inputs: ['appearance', 'block', 'border', 'disabled', 'download', 'href', 'justifyContent', 'loading', 'size', 'target', 'type', 'variant']
+})
+@Component({
+  selector: 'bq-button',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['appearance', 'block', 'border', 'disabled', 'download', 'href', 'justifyContent', 'loading', 'size', 'target', 'type', 'variant'],
+  standalone: true
+})
+export class BqButton {
+  protected el: HTMLBqButtonElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqFocus', 'bqClick']);
+  }
+}
+
+
+export declare interface BqButton extends Components.BqButton {
+  /**
+   * Handler to be called when the button loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
+  /**
+   * Handler to be called when the button is clicked
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
+  /**
+   * Handler to be called when button gets focus
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqButtonElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqCard,
+  inputs: ['border', 'type']
+})
+@Component({
+  selector: 'bq-card',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['border', 'type'],
+  standalone: true
+})
+export class BqCard {
+  protected el: HTMLBqCardElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqCard extends Components.BqCard {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqCheckbox,
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formId', 'formValidationMessage', 'indeterminate', 'name', 'required', 'value'],
+  methods: ['vClick', 'vFocus', 'vBlur']
+})
+@Component({
+  selector: 'bq-checkbox',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formId', 'formValidationMessage', 'indeterminate', 'name', 'required', 'value'],
+  standalone: true
+})
+export class BqCheckbox {
+  protected el: HTMLBqCheckboxElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqChange', 'bqFocus', 'bqBlur']);
+  }
+}
+
+
+export declare interface BqCheckbox extends Components.BqCheckbox {
+  /**
+   * Handler to be called when the checkbox state changes
+   */
+  bqChange: EventEmitter<CustomEvent<{ checked: boolean }>>;
+  /**
+   * Handler to be called when the checkbox gets focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqCheckboxElement>>;
+  /**
+   * Handler to be called when the checkbox loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqCheckboxElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqDatePicker,
+  inputs: ['autofocus', 'clearButtonLabel', 'disableClear', 'disabled', 'distance', 'firstDayOfWeek', 'form', 'formValidationMessage', 'formatOptions', 'isDateDisallowed', 'locale', 'max', 'min', 'months', 'monthsPerView', 'name', 'open', 'panelHeight', 'placeholder', 'placement', 'required', 'showOutsideDays', 'skidding', 'strategy', 'tentative', 'type', 'validationStatus', 'value'],
+  methods: ['clear']
+})
+@Component({
+  selector: 'bq-date-picker',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autofocus', 'clearButtonLabel', 'disableClear', 'disabled', 'distance', 'firstDayOfWeek', 'form', 'formValidationMessage', 'formatOptions', 'isDateDisallowed', 'locale', 'max', 'min', 'months', 'monthsPerView', 'name', 'open', 'panelHeight', 'placeholder', 'placement', 'required', 'showOutsideDays', 'skidding', 'strategy', 'tentative', 'type', 'validationStatus', 'value'],
+  standalone: true
+})
+export class BqDatePicker {
+  protected el: HTMLBqDatePickerElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqChange', 'bqClear', 'bqFocus']);
+  }
+}
+
+
+export declare interface BqDatePicker extends Components.BqDatePicker {
+  /**
+   * Callback handler emitted when the input loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
+  /**
+   * Callback handler emitted when the input value has changed and the input loses focus.
+This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
+   */
+  bqChange: EventEmitter<CustomEvent<{ value: string; el: HTMLBqDatePickerElement }>>;
+  /**
+   * Callback handler emitted when the input value has been cleared
+   */
+  bqClear: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
+  /**
+   * Callback handler emitted when the input has received focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqDatePickerElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqDialog,
+  inputs: ['border', 'disableBackdrop', 'disableCloseClickOutside', 'disableCloseEscKeydown', 'footerAppearance', 'hideCloseButton', 'open', 'size'],
+  methods: ['show', 'hide', 'cancel']
+})
+@Component({
+  selector: 'bq-dialog',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['border', 'disableBackdrop', 'disableCloseClickOutside', 'disableCloseEscKeydown', 'footerAppearance', 'hideCloseButton', 'open', 'size'],
+  standalone: true
+})
+export class BqDialog {
+  protected el: HTMLBqDialogElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqCancel', 'bqClose', 'bqOpen', 'bqAfterOpen', 'bqAfterClose']);
+  }
+}
+
+
+export declare interface BqDialog extends Components.BqDialog {
+  /**
+   * Callback handler emitted when the dialog has been canceled or dismissed
+   */
+  bqCancel: EventEmitter<CustomEvent<void>>;
+  /**
+   * Callback handler emitted when the dialog will close
+   */
+  bqClose: EventEmitter<CustomEvent<void>>;
+  /**
+   * Callback handler emitted when the dialog will open
+   */
+  bqOpen: EventEmitter<CustomEvent<void>>;
+  /**
+   * Callback handler emitted when the dialog finish opening
+   */
+  bqAfterOpen: EventEmitter<CustomEvent<void>>;
+  /**
+   * Callback handler emitted when the dialog finish closing
+   */
+  bqAfterClose: EventEmitter<CustomEvent<void>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqDivider,
+  inputs: ['dashed', 'orientation', 'strokeBasis', 'strokeColor', 'strokeDashGap', 'strokeDashWidth', 'strokeLinecap', 'strokeThickness', 'titleAlignment']
+})
+@Component({
+  selector: 'bq-divider',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['dashed', 'orientation', 'strokeBasis', 'strokeColor', 'strokeDashGap', 'strokeDashWidth', 'strokeLinecap', 'strokeThickness', 'titleAlignment'],
+  standalone: true
+})
+export class BqDivider {
+  protected el: HTMLBqDividerElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqDivider extends Components.BqDivider {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqDrawer,
+  inputs: ['closeOnClickOutside', 'closeOnEsc', 'enableBackdrop', 'open', 'placement', 'position'],
+  methods: ['hide', 'show']
+})
+@Component({
+  selector: 'bq-drawer',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['closeOnClickOutside', 'closeOnEsc', 'enableBackdrop', 'open', 'placement', 'position'],
+  standalone: true
+})
+export class BqDrawer {
+  protected el: HTMLBqDrawerElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqClose', 'bqOpen', 'bqAfterOpen', 'bqAfterClose']);
+  }
+}
+
+
+export declare interface BqDrawer extends Components.BqDrawer {
+  /**
+   * Callback handler to be called when the drawer is closed
+   */
+  bqClose: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called when the drawer is opened
+   */
+  bqOpen: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the drawer has been opened
+   */
+  bqAfterOpen: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the drawer has been closed
+   */
+  bqAfterClose: EventEmitter<CustomEvent<any>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqDropdown,
+  inputs: ['disabled', 'distance', 'keepOpenOnSelect', 'open', 'panelHeight', 'placement', 'sameWidth', 'skidding', 'strategy']
+})
+@Component({
+  selector: 'bq-dropdown',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled', 'distance', 'keepOpenOnSelect', 'open', 'panelHeight', 'placement', 'sameWidth', 'skidding', 'strategy'],
+  standalone: true
+})
+export class BqDropdown {
+  protected el: HTMLBqDropdownElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqOpen']);
+  }
+}
+
+
+export declare interface BqDropdown extends Components.BqDropdown {
+  /**
+   * Callback handler to be called when the dropdown panel is opened or closed.
+   */
+  bqOpen: EventEmitter<CustomEvent<{ open: boolean }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqEmptyState,
+  inputs: ['size']
+})
+@Component({
+  selector: 'bq-empty-state',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['size'],
+  standalone: true
+})
+export class BqEmptyState {
+  protected el: HTMLBqEmptyStateElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqEmptyState extends Components.BqEmptyState {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqIcon,
+  inputs: ['color', 'label', 'name', 'size', 'src', 'weight']
+})
+@Component({
+  selector: 'bq-icon',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['color', 'label', 'name', 'size', 'src', 'weight'],
+  standalone: true
+})
+export class BqIcon {
+  protected el: HTMLBqIconElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['svgLoaded']);
+  }
+}
+
+
+export declare interface BqIcon extends Components.BqIcon {
+  /**
+   * Callback handler to be called when the SVG has loaded
+   */
+  svgLoaded: EventEmitter<CustomEvent<any>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqInput,
+  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearButtonLabel', 'debounceTime', 'disableClear', 'disabled', 'form', 'formValidationMessage', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'step', 'type', 'validationStatus', 'value']
+})
+@Component({
+  selector: 'bq-input',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'clearButtonLabel', 'debounceTime', 'disableClear', 'disabled', 'form', 'formValidationMessage', 'inputmode', 'max', 'maxlength', 'min', 'minlength', 'name', 'pattern', 'placeholder', 'readonly', 'required', 'step', 'type', 'validationStatus', 'value'],
+  standalone: true
+})
+export class BqInput {
+  protected el: HTMLBqInputElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqChange', 'bqClear', 'bqFocus', 'bqInput']);
+  }
+}
+
+
+export declare interface BqInput extends Components.BqInput {
+  /**
+   * Callback handler emitted when the input loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqInputElement>>;
+  /**
+   * Callback handler emitted when the input value has changed and the input loses focus.
+This handler is called whenever the user finishes typing or pasting text into the input field and then clicks outside of the input field.
+   */
+  bqChange: EventEmitter<CustomEvent<{ value: string | number | string[]; el: HTMLBqInputElement }>>;
+  /**
+   * Callback handler emitted when the input value has been cleared
+   */
+  bqClear: EventEmitter<CustomEvent<HTMLBqInputElement>>;
+  /**
+   * Callback handler emitted when the input has received focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqInputElement>>;
+  /**
+   * Callback handler emitted when the input value changes.
+This handler is called whenever the user types or pastes text into the input field.
+   */
+  bqInput: EventEmitter<CustomEvent<{ value: string | number | string[]; el: HTMLBqInputElement }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqNotification,
+  inputs: ['autoDismiss', 'border', 'disableClose', 'hideIcon', 'open', 'time', 'type'],
+  methods: ['hide', 'show', 'toast']
+})
+@Component({
+  selector: 'bq-notification',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autoDismiss', 'border', 'disableClose', 'hideIcon', 'open', 'time', 'type'],
+  standalone: true
+})
+export class BqNotification {
+  protected el: HTMLBqNotificationElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqHide', 'bqShow', 'bqAfterOpen', 'bqAfterClose']);
+  }
+}
+
+
+export declare interface BqNotification extends Components.BqNotification {
+  /**
+   * Callback handler to be called when the notification is hidden
+   */
+  bqHide: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called when the notification is shown
+   */
+  bqShow: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the notification has been opened
+   */
+  bqAfterOpen: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called after the notification has been closed
+   */
+  bqAfterClose: EventEmitter<CustomEvent<any>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqOption,
+  inputs: ['disabled', 'hidden', 'selected', 'value']
+})
+@Component({
+  selector: 'bq-option',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['disabled', 'hidden', 'selected', 'value'],
+  standalone: true
+})
+export class BqOption {
+  protected el: HTMLBqOptionElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqFocus', 'bqClick', 'bqEnter']);
+  }
+}
+
+
+export declare interface BqOption extends Components.BqOption {
+  /**
+   * Handler to be called when item loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
+  /**
+   * Handler to be called when item is focused
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
+  /**
+   * Handler to be called when item is clicked
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
+  /**
+   * Handler to be called on enter key press
+   */
+  bqEnter: EventEmitter<CustomEvent<HTMLBqOptionElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqOptionGroup
+})
+@Component({
+  selector: 'bq-option-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+  standalone: true
+})
+export class BqOptionGroup {
+  protected el: HTMLBqOptionGroupElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqOptionGroup extends Components.BqOptionGroup {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqOptionList,
+  inputs: ['ariaLabel']
+})
+@Component({
+  selector: 'bq-option-list',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['ariaLabel'],
+  standalone: true
+})
+export class BqOptionList {
+  protected el: HTMLBqOptionListElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqSelect']);
+  }
+}
+
+
+export declare interface BqOptionList extends Components.BqOptionList {
+  /**
+   * Handler to be called when `bq-option` is selected (on click/enter press).
+   */
+  bqSelect: EventEmitter<CustomEvent<{ value: string; item: HTMLBqOptionElement }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqPageTitle
+})
+@Component({
+  selector: 'bq-page-title',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: [],
+  standalone: true
+})
+export class BqPageTitle {
+  protected el: HTMLBqPageTitleElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqPageTitle extends Components.BqPageTitle {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqPanel,
+  inputs: ['distance', 'open', 'placement', 'sameWidth', 'skidding', 'strategy']
+})
+@Component({
+  selector: 'bq-panel',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['distance', 'open', 'placement', 'sameWidth', 'skidding', 'strategy'],
+  standalone: true
+})
+export class BqPanel {
+  protected el: HTMLBqPanelElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqPanel extends Components.BqPanel {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqProgress,
+  inputs: ['borderShape', 'enableTooltip', 'indeterminate', 'label', 'thickness', 'type', 'value']
+})
+@Component({
+  selector: 'bq-progress',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['borderShape', 'enableTooltip', 'indeterminate', 'label', 'thickness', 'type', 'value'],
+  standalone: true
+})
+export class BqProgress {
+  protected el: HTMLBqProgressElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqProgress extends Components.BqProgress {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqRadio,
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formId', 'name', 'required', 'value'],
+  methods: ['vClick', 'vFocus', 'vBlur', 'getNativeInput']
+})
+@Component({
+  selector: 'bq-radio',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formId', 'name', 'required', 'value'],
+  standalone: true
+})
+export class BqRadio {
+  protected el: HTMLBqRadioElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqClick', 'bqFocus', 'bqBlur', 'bqKeyDown']);
+  }
+}
+
+
+export declare interface BqRadio extends Components.BqRadio {
+  /**
+   * Handler to be called when the radio state changes
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqRadioElement>>;
+  /**
+   * Handler to be called when the radio gets focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqRadioElement>>;
+  /**
+   * Handler to be called when the radio loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqRadioElement>>;
+  /**
+   * Handler to be called when the radio key is pressed
+   */
+  bqKeyDown: EventEmitter<CustomEvent<KeyboardEvent>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqRadioGroup,
+  inputs: ['backgroundOnHover', 'debounceTime', 'disabled', 'fieldset', 'name', 'orientation', 'required', 'requiredValidationMessage', 'value']
+})
+@Component({
+  selector: 'bq-radio-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['backgroundOnHover', 'debounceTime', 'disabled', 'fieldset', 'name', 'orientation', 'required', 'requiredValidationMessage', 'value'],
+  standalone: true
+})
+export class BqRadioGroup {
+  protected el: HTMLBqRadioGroupElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqChange']);
+  }
+}
+
+
+export declare interface BqRadioGroup extends Components.BqRadioGroup {
+  /**
+   * Handler to be called when the radio state changes
+   */
+  bqChange: EventEmitter<CustomEvent<{ value: string; target: HTMLBqRadioElement }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSelect,
+  inputs: ['autofocus', 'clearButtonLabel', 'debounceTime', 'disableClear', 'disabled', 'distance', 'form', 'keepOpenOnSelect', 'maxTagsVisible', 'multiple', 'name', 'open', 'panelHeight', 'placeholder', 'placement', 'readonly', 'required', 'sameWidth', 'skidding', 'strategy', 'validationStatus', 'value'],
+  methods: ['clear']
+})
+@Component({
+  selector: 'bq-select',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autofocus', 'clearButtonLabel', 'debounceTime', 'disableClear', 'disabled', 'distance', 'form', 'keepOpenOnSelect', 'maxTagsVisible', 'multiple', 'name', 'open', 'panelHeight', 'placeholder', 'placement', 'readonly', 'required', 'sameWidth', 'skidding', 'strategy', 'validationStatus', 'value'],
+  standalone: true
+})
+export class BqSelect {
+  protected el: HTMLBqSelectElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqClear', 'bqFocus', 'bqSelect']);
+  }
+}
+
+
+export declare interface BqSelect extends Components.BqSelect {
+  /**
+   * Callback handler emitted when the Select input loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
+  /**
+   * Callback handler emitted when the selected value has been cleared
+   */
+  bqClear: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
+  /**
+   * Callback handler emitted when the Select input has received focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqSelectElement>>;
+  /**
+   * Callback handler emitted when the selected value has changed
+   */
+  bqSelect: EventEmitter<CustomEvent<{ value: string | number | string[]; item: HTMLBqOptionElement }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSideMenu,
+  inputs: ['appearance', 'collapse', 'size'],
+  methods: ['toggleCollapse']
+})
+@Component({
+  selector: 'bq-side-menu',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['appearance', 'collapse', 'size'],
+  standalone: true
+})
+export class BqSideMenu {
+  protected el: HTMLBqSideMenuElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqCollapse', 'bqSelect']);
+  }
+}
+
+
+export declare interface BqSideMenu extends Components.BqSideMenu {
+  /**
+   * Callback handler to be called when the Side menu changes its width from expanded to collapse and vice versa
+   */
+  bqCollapse: EventEmitter<CustomEvent<{ collapse: boolean }>>;
+  /**
+   * Callback handler to be called when the active/selected menu item changes
+   */
+  bqSelect: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSideMenuItem,
+  inputs: ['active', 'collapse', 'disabled']
+})
+@Component({
+  selector: 'bq-side-menu-item',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['active', 'collapse', 'disabled'],
+  standalone: true
+})
+export class BqSideMenuItem {
+  protected el: HTMLBqSideMenuItemElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqFocus', 'bqClick']);
+  }
+}
+
+
+export declare interface BqSideMenuItem extends Components.BqSideMenuItem {
+  /**
+   * Handler to be called when the button loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
+  /**
+   * Handler to be called when the button is clicked
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
+  /**
+   * Handler to be called when button gets focus
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqSideMenuItemElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSlider,
+  inputs: ['debounceTime', 'disabled', 'enableTooltip', 'enableValueIndicator', 'gap', 'max', 'min', 'name', 'step', 'tooltipAlwaysVisible', 'type', 'value']
+})
+@Component({
+  selector: 'bq-slider',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['debounceTime', 'disabled', 'enableTooltip', 'enableValueIndicator', 'gap', 'max', 'min', 'name', 'step', 'tooltipAlwaysVisible', 'type', 'value'],
+  standalone: true
+})
+export class BqSlider {
+  protected el: HTMLBqSliderElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqChange', 'bqBlur', 'bqFocus']);
+  }
+}
+
+
+import type { TSliderValue as IBqSliderTSliderValue } from '@beeq/core/dist/components';
+
+export declare interface BqSlider extends Components.BqSlider {
+  /**
+   * Handler to be called when change the value on range inputs
+   */
+  bqChange: EventEmitter<CustomEvent<{ value: Exclude<IBqSliderTSliderValue, string>; el: HTMLBqSliderElement }>>;
+  /**
+   * Handler to be called when the slider loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqSliderElement>>;
+  /**
+   * Handler to be called when the slider gets focused
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqSliderElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSpinner,
+  inputs: ['animation', 'size', 'textPosition']
+})
+@Component({
+  selector: 'bq-spinner',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['animation', 'size', 'textPosition'],
+  standalone: true
+})
+export class BqSpinner {
+  protected el: HTMLBqSpinnerElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqSpinner extends Components.BqSpinner {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqStatus,
+  inputs: ['type']
+})
+@Component({
+  selector: 'bq-status',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['type'],
+  standalone: true
+})
+export class BqStatus {
+  protected el: HTMLBqStatusElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqStatus extends Components.BqStatus {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqStepItem,
+  inputs: ['size', 'status', 'type']
+})
+@Component({
+  selector: 'bq-step-item',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['size', 'status', 'type'],
+  standalone: true
+})
+export class BqStepItem {
+  protected el: HTMLBqStepItemElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqClick']);
+  }
+}
+
+
+export declare interface BqStepItem extends Components.BqStepItem {
+  /**
+   * Callback handler emitted when the step item is clicked
+   */
+  bqClick: EventEmitter<CustomEvent<{ target: HTMLBqStepItemElement; value: string }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSteps,
+  inputs: ['dividerColor', 'size', 'type']
+})
+@Component({
+  selector: 'bq-steps',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['dividerColor', 'size', 'type'],
+  standalone: true
+})
+export class BqSteps {
+  protected el: HTMLBqStepsElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqSteps extends Components.BqSteps {}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqSwitch,
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formValidationMessage', 'fullWidth', 'innerLabel', 'justifyContent', 'name', 'required', 'reverseOrder', 'value'],
+  methods: ['vClick', 'vFocus', 'vBlur']
+})
+@Component({
+  selector: 'bq-switch',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['backgroundOnHover', 'checked', 'disabled', 'formValidationMessage', 'fullWidth', 'innerLabel', 'justifyContent', 'name', 'required', 'reverseOrder', 'value'],
+  standalone: true
+})
+export class BqSwitch {
+  protected el: HTMLBqSwitchElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqChange', 'bqFocus', 'bqBlur']);
+  }
+}
+
+
+export declare interface BqSwitch extends Components.BqSwitch {
+  /**
+   * Handler to be called when the switch state changes
+   */
+  bqChange: EventEmitter<CustomEvent<{ checked: boolean }>>;
+  /**
+   * Handler to be called when the switch gets focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqSwitchElement>>;
+  /**
+   * Handler to be called when the switch loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqSwitchElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqTab,
+  inputs: ['active', 'controls', 'disabled', 'orientation', 'placement', 'size', 'tabId'],
+  methods: ['vClick', 'vFocus', 'vBlur']
+})
+@Component({
+  selector: 'bq-tab',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['active', 'controls', 'disabled', 'orientation', 'placement', 'size', 'tabId'],
+  standalone: true
+})
+export class BqTab {
+  protected el: HTMLBqTabElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqClick', 'bqFocus', 'bqBlur', 'bqKeyDown']);
+  }
+}
+
+
+export declare interface BqTab extends Components.BqTab {
+  /**
+   * Handler to be called when the tab state changes
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqTabElement>>;
+  /**
+   * Handler to be called when the tab gets focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqTabElement>>;
+  /**
+   * Handler to be called when the tab loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqTabElement>>;
+  /**
+   * Handler to be called when the tab key is pressed
+   */
+  bqKeyDown: EventEmitter<CustomEvent<KeyboardEvent>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqTabGroup,
+  inputs: ['debounceTime', 'disableDivider', 'orientation', 'placement', 'size', 'value']
+})
+@Component({
+  selector: 'bq-tab-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['debounceTime', 'disableDivider', 'orientation', 'placement', 'size', 'value'],
+  standalone: true
+})
+export class BqTabGroup {
+  protected el: HTMLBqTabGroupElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqChange']);
+  }
+}
+
+
+export declare interface BqTabGroup extends Components.BqTabGroup {
+  /**
+   * Handler to be called when the tab value changes
+   */
+  bqChange: EventEmitter<CustomEvent<{ target: HTMLBqTabElement; value: string }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqTag,
+  inputs: ['border', 'clickable', 'color', 'disabled', 'hidden', 'removable', 'selected', 'size', 'variant'],
+  methods: ['hide', 'show']
+})
+@Component({
+  selector: 'bq-tag',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['border', 'clickable', 'color', 'disabled', 'hidden', 'removable', 'selected', 'size', 'variant'],
+  standalone: true
+})
+export class BqTag {
+  protected el: HTMLBqTagElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqClose', 'bqOpen', 'bqBlur', 'bqClick', 'bqFocus']);
+  }
+}
+
+
+export declare interface BqTag extends Components.BqTag {
+  /**
+   * Callback handler to be called when the tag is close/hidden
+   */
+  bqClose: EventEmitter<CustomEvent<any>>;
+  /**
+   * Callback handler to be called when the tag is not open/shown
+   */
+  bqOpen: EventEmitter<CustomEvent<any>>;
+  /**
+   * Handler to be called when tag loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqTagElement>>;
+  /**
+   * Handler to be called when tag is clicked
+   */
+  bqClick: EventEmitter<CustomEvent<HTMLBqTagElement>>;
+  /**
+   * Handler to be called when tag is focused
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqTagElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqTextarea,
+  inputs: ['autoGrow', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'debounceTime', 'disableResize', 'disabled', 'form', 'formValidationMessage', 'maxlength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'spellcheck', 'validationStatus', 'value', 'wrap']
+})
+@Component({
+  selector: 'bq-textarea',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['autoGrow', 'autocapitalize', 'autocomplete', 'autocorrect', 'autofocus', 'debounceTime', 'disableResize', 'disabled', 'form', 'formValidationMessage', 'maxlength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'spellcheck', 'validationStatus', 'value', 'wrap'],
+  standalone: true
+})
+export class BqTextarea {
+  protected el: HTMLBqTextareaElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqBlur', 'bqChange', 'bqClear', 'bqFocus', 'bqInput']);
+  }
+}
+
+
+export declare interface BqTextarea extends Components.BqTextarea {
+  /**
+   * Callback handler emitted when the textarea loses focus
+   */
+  bqBlur: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
+  /**
+   * Callback handler emitted when the textarea value has changed and the textarea loses focus.
+This handler is called whenever the user finishes typing or pasting text into the textarea field and then clicks outside of the textarea field.
+   */
+  bqChange: EventEmitter<CustomEvent<{ value: string; el: HTMLBqTextareaElement }>>;
+  /**
+   * Callback handler emitted when the textarea value has been cleared
+   */
+  bqClear: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
+  /**
+   * Callback handler emitted when the textarea has received focus
+   */
+  bqFocus: EventEmitter<CustomEvent<HTMLBqTextareaElement>>;
+  /**
+   * Callback handler emitted when the textarea value changes.
+This handler is called whenever the user types or pastes text into the textarea field.
+   */
+  bqInput: EventEmitter<CustomEvent<{ value: string; el: HTMLBqTextareaElement }>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqToast,
+  inputs: ['border', 'hideIcon', 'open', 'placement', 'time', 'type'],
+  methods: ['show', 'hide', 'toast']
+})
+@Component({
+  selector: 'bq-toast',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['border', 'hideIcon', 'open', 'placement', 'time', 'type'],
+  standalone: true
+})
+export class BqToast {
+  protected el: HTMLBqToastElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+    proxyOutputs(this, this.el, ['bqHide', 'bqShow']);
+  }
+}
+
+
+export declare interface BqToast extends Components.BqToast {
+  /**
+   * Callback handler to be called when the notification is hidden
+   */
+  bqHide: EventEmitter<CustomEvent<HTMLBqToastElement>>;
+  /**
+   * Callback handler to be called when the notification is shown
+   */
+  bqShow: EventEmitter<CustomEvent<HTMLBqToastElement>>;
+}
+
+
+@ProxyCmp({
+  defineCustomElementFn: defineBqTooltip,
+  inputs: ['alwaysVisible', 'displayOn', 'distance', 'hideArrow', 'placement', 'sameWidth', 'visible'],
+  methods: ['show', 'hide']
+})
+@Component({
+  selector: 'bq-tooltip',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: '<ng-content></ng-content>',
+  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+  inputs: ['alwaysVisible', 'displayOn', 'distance', 'hideArrow', 'placement', 'sameWidth', 'visible'],
+  standalone: true
+})
+export class BqTooltip {
+  protected el: HTMLBqTooltipElement;
+  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
+    c.detach();
+    this.el = r.nativeElement;
+  }
+}
+
+
+export declare interface BqTooltip extends Components.BqTooltip {}
+
+