@beeq/react 1.8.0 → 1.8.1

package/src/{components.ts → components.js}

@@ -1,13 +1,4 @@
 'use client';
-
-/**
- * This file was automatically generated by the Stencil React Output Target.
- * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
- */
-
-/* eslint-disable */
-
-import { type BqAccordionCustomEvent, type BqBreadcrumbItemCustomEvent, type BqButtonCustomEvent, type BqCheckboxCustomEvent, type BqDatePickerCustomEvent, type BqInputCustomEvent, type BqOptionCustomEvent, type BqOptionListCustomEvent, type BqRadioCustomEvent, type BqRadioGroupCustomEvent, type BqSelectCustomEvent, type BqSideMenuCustomEvent, type BqSideMenuItemCustomEvent, type BqSliderCustomEvent, type BqStepItemCustomEvent, type BqSwitchCustomEvent, type BqTabCustomEvent, type BqTabGroupCustomEvent, type BqTagCustomEvent, type BqTextareaCustomEvent, type BqToastCustomEvent, type TSliderValue } from "@beeq/core";
 import { BqAccordionGroup as BqAccordionGroupElement, defineCustomElement as defineBqAccordionGroup } from "@beeq/core/dist/components/bq-accordion-group.js";
 import { BqAccordion as BqAccordionElement, defineCustomElement as defineBqAccordion } from "@beeq/core/dist/components/bq-accordion.js";
 import { BqAlert as BqAlertElement, defineCustomElement as defineBqAlert } from "@beeq/core/dist/components/bq-alert.js";
@@ -50,21 +41,9 @@ import { BqTag as BqTagElement, defineCustomElement as defineBqTag } from "@beeq
 import { BqTextarea as BqTextareaElement, defineCustomElement as defineBqTextarea } from "@beeq/core/dist/components/bq-textarea.js";
 import { BqToast as BqToastElement, defineCustomElement as defineBqToast } from "@beeq/core/dist/components/bq-toast.js";
 import { BqTooltip as BqTooltipElement, defineCustomElement as defineBqTooltip } from "@beeq/core/dist/components/bq-tooltip.js";
-import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 import { createComponent } from '@stencil/react-output-target/runtime';
 import React from 'react';
-
-type BqAccordionEvents = {
-    onBqBlur: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqFocus: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqOpen: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqAfterOpen: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqClose: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqAfterClose: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>,
-    onBqClick: EventName<BqAccordionCustomEvent<HTMLBqAccordionElement>>
-};
-
-export const BqAccordion: StencilReactComponent<BqAccordionElement, BqAccordionEvents> = /*@__PURE__*/ createComponent<BqAccordionElement, BqAccordionEvents>({
+export const BqAccordion = /*@__PURE__*/ createComponent({
     tagName: 'bq-accordion',
     elementClass: BqAccordionElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -77,29 +56,18 @@ export const BqAccordion: StencilReactComponent<BqAccordionElement, BqAccordionE
         onBqClose: 'bqClose',
         onBqAfterClose: 'bqAfterClose',
         onBqClick: 'bqClick'
-    } as BqAccordionEvents,
+    },
     defineCustomElement: defineBqAccordion
 });
-
-type BqAccordionGroupEvents = NonNullable<unknown>;
-
-export const BqAccordionGroup: StencilReactComponent<BqAccordionGroupElement, BqAccordionGroupEvents> = /*@__PURE__*/ createComponent<BqAccordionGroupElement, BqAccordionGroupEvents>({
+export const BqAccordionGroup = /*@__PURE__*/ createComponent({
     tagName: 'bq-accordion-group',
     elementClass: BqAccordionGroupElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqAccordionGroupEvents,
+    events: {},
     defineCustomElement: defineBqAccordionGroup
 });
-
-type BqAlertEvents = {
-    onBqHide: EventName<CustomEvent<any>>,
-    onBqShow: EventName<CustomEvent<any>>,
-    onBqAfterShow: EventName<CustomEvent<any>>,
-    onBqAfterHide: EventName<CustomEvent<any>>
-};
-
-export const BqAlert: StencilReactComponent<BqAlertElement, BqAlertEvents> = /*@__PURE__*/ createComponent<BqAlertElement, BqAlertEvents>({
+export const BqAlert = /*@__PURE__*/ createComponent({
     tagName: 'bq-alert',
     elementClass: BqAlertElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -109,50 +77,34 @@ export const BqAlert: StencilReactComponent<BqAlertElement, BqAlertEvents> = /*@
         onBqShow: 'bqShow',
         onBqAfterShow: 'bqAfterShow',
         onBqAfterHide: 'bqAfterHide'
-    } as BqAlertEvents,
+    },
     defineCustomElement: defineBqAlert
 });
-
-type BqAvatarEvents = NonNullable<unknown>;
-
-export const BqAvatar: StencilReactComponent<BqAvatarElement, BqAvatarEvents> = /*@__PURE__*/ createComponent<BqAvatarElement, BqAvatarEvents>({
+export const BqAvatar = /*@__PURE__*/ createComponent({
     tagName: 'bq-avatar',
     elementClass: BqAvatarElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqAvatarEvents,
+    events: {},
     defineCustomElement: defineBqAvatar
 });
-
-type BqBadgeEvents = NonNullable<unknown>;
-
-export const BqBadge: StencilReactComponent<BqBadgeElement, BqBadgeEvents> = /*@__PURE__*/ createComponent<BqBadgeElement, BqBadgeEvents>({
+export const BqBadge = /*@__PURE__*/ createComponent({
     tagName: 'bq-badge',
     elementClass: BqBadgeElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqBadgeEvents,
+    events: {},
     defineCustomElement: defineBqBadge
 });
-
-type BqBreadcrumbEvents = NonNullable<unknown>;
-
-export const BqBreadcrumb: StencilReactComponent<BqBreadcrumbElement, BqBreadcrumbEvents> = /*@__PURE__*/ createComponent<BqBreadcrumbElement, BqBreadcrumbEvents>({
+export const BqBreadcrumb = /*@__PURE__*/ createComponent({
     tagName: 'bq-breadcrumb',
     elementClass: BqBreadcrumbElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqBreadcrumbEvents,
+    events: {},
     defineCustomElement: defineBqBreadcrumb
 });
-
-type BqBreadcrumbItemEvents = {
-    onBqBlur: EventName<BqBreadcrumbItemCustomEvent<HTMLBqBreadcrumbItemElement>>,
-    onBqFocus: EventName<BqBreadcrumbItemCustomEvent<HTMLBqBreadcrumbItemElement>>,
-    onBqClick: EventName<BqBreadcrumbItemCustomEvent<HTMLBqBreadcrumbItemElement>>
-};
-
-export const BqBreadcrumbItem: StencilReactComponent<BqBreadcrumbItemElement, BqBreadcrumbItemEvents> = /*@__PURE__*/ createComponent<BqBreadcrumbItemElement, BqBreadcrumbItemEvents>({
+export const BqBreadcrumbItem = /*@__PURE__*/ createComponent({
     tagName: 'bq-breadcrumb-item',
     elementClass: BqBreadcrumbItemElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -161,17 +113,10 @@ export const BqBreadcrumbItem: StencilReactComponent<BqBreadcrumbItemElement, Bq
         onBqBlur: 'bqBlur',
         onBqFocus: 'bqFocus',
         onBqClick: 'bqClick'
-    } as BqBreadcrumbItemEvents,
+    },
     defineCustomElement: defineBqBreadcrumbItem
 });
-
-type BqButtonEvents = {
-    onBqBlur: EventName<BqButtonCustomEvent<HTMLBqButtonElement>>,
-    onBqFocus: EventName<BqButtonCustomEvent<HTMLBqButtonElement>>,
-    onBqClick: EventName<BqButtonCustomEvent<HTMLBqButtonElement>>
-};
-
-export const BqButton: StencilReactComponent<BqButtonElement, BqButtonEvents> = /*@__PURE__*/ createComponent<BqButtonElement, BqButtonEvents>({
+export const BqButton = /*@__PURE__*/ createComponent({
     tagName: 'bq-button',
     elementClass: BqButtonElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -180,28 +125,18 @@ export const BqButton: StencilReactComponent<BqButtonElement, BqButtonEvents> =
         onBqBlur: 'bqBlur',
         onBqFocus: 'bqFocus',
         onBqClick: 'bqClick'
-    } as BqButtonEvents,
+    },
     defineCustomElement: defineBqButton
 });
-
-type BqCardEvents = NonNullable<unknown>;
-
-export const BqCard: StencilReactComponent<BqCardElement, BqCardEvents> = /*@__PURE__*/ createComponent<BqCardElement, BqCardEvents>({
+export const BqCard = /*@__PURE__*/ createComponent({
     tagName: 'bq-card',
     elementClass: BqCardElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqCardEvents,
+    events: {},
     defineCustomElement: defineBqCard
 });
-
-type BqCheckboxEvents = {
-    onBqChange: EventName<CustomEvent<{ checked: boolean }>>,
-    onBqFocus: EventName<BqCheckboxCustomEvent<HTMLBqCheckboxElement>>,
-    onBqBlur: EventName<BqCheckboxCustomEvent<HTMLBqCheckboxElement>>
-};
-
-export const BqCheckbox: StencilReactComponent<BqCheckboxElement, BqCheckboxEvents> = /*@__PURE__*/ createComponent<BqCheckboxElement, BqCheckboxEvents>({
+export const BqCheckbox = /*@__PURE__*/ createComponent({
     tagName: 'bq-checkbox',
     elementClass: BqCheckboxElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -210,18 +145,10 @@ export const BqCheckbox: StencilReactComponent<BqCheckboxElement, BqCheckboxEven
         onBqChange: 'bqChange',
         onBqFocus: 'bqFocus',
         onBqBlur: 'bqBlur'
-    } as BqCheckboxEvents,
+    },
     defineCustomElement: defineBqCheckbox
 });
-
-type BqDatePickerEvents = {
-    onBqBlur: EventName<BqDatePickerCustomEvent<HTMLBqDatePickerElement>>,
-    onBqChange: EventName<BqDatePickerCustomEvent<{ value: string; el: HTMLBqDatePickerElement }>>,
-    onBqClear: EventName<BqDatePickerCustomEvent<HTMLBqDatePickerElement>>,
-    onBqFocus: EventName<BqDatePickerCustomEvent<HTMLBqDatePickerElement>>
-};
-
-export const BqDatePicker: StencilReactComponent<BqDatePickerElement, BqDatePickerEvents> = /*@__PURE__*/ createComponent<BqDatePickerElement, BqDatePickerEvents>({
+export const BqDatePicker = /*@__PURE__*/ createComponent({
     tagName: 'bq-date-picker',
     elementClass: BqDatePickerElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -231,19 +158,10 @@ export const BqDatePicker: StencilReactComponent<BqDatePickerElement, BqDatePick
         onBqChange: 'bqChange',
         onBqClear: 'bqClear',
         onBqFocus: 'bqFocus'
-    } as BqDatePickerEvents,
+    },
     defineCustomElement: defineBqDatePicker
 });
-
-type BqDialogEvents = {
-    onBqCancel: EventName<CustomEvent<void>>,
-    onBqClose: EventName<CustomEvent<void>>,
-    onBqOpen: EventName<CustomEvent<void>>,
-    onBqAfterOpen: EventName<CustomEvent<void>>,
-    onBqAfterClose: EventName<CustomEvent<void>>
-};
-
-export const BqDialog: StencilReactComponent<BqDialogElement, BqDialogEvents> = /*@__PURE__*/ createComponent<BqDialogElement, BqDialogEvents>({
+export const BqDialog = /*@__PURE__*/ createComponent({
     tagName: 'bq-dialog',
     elementClass: BqDialogElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -254,29 +172,18 @@ export const BqDialog: StencilReactComponent<BqDialogElement, BqDialogEvents> =
         onBqOpen: 'bqOpen',
         onBqAfterOpen: 'bqAfterOpen',
         onBqAfterClose: 'bqAfterClose'
-    } as BqDialogEvents,
+    },
     defineCustomElement: defineBqDialog
 });
-
-type BqDividerEvents = NonNullable<unknown>;
-
-export const BqDivider: StencilReactComponent<BqDividerElement, BqDividerEvents> = /*@__PURE__*/ createComponent<BqDividerElement, BqDividerEvents>({
+export const BqDivider = /*@__PURE__*/ createComponent({
     tagName: 'bq-divider',
     elementClass: BqDividerElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqDividerEvents,
+    events: {},
     defineCustomElement: defineBqDivider
 });
-
-type BqDrawerEvents = {
-    onBqClose: EventName<CustomEvent<any>>,
-    onBqOpen: EventName<CustomEvent<any>>,
-    onBqAfterOpen: EventName<CustomEvent<any>>,
-    onBqAfterClose: EventName<CustomEvent<any>>
-};
-
-export const BqDrawer: StencilReactComponent<BqDrawerElement, BqDrawerEvents> = /*@__PURE__*/ createComponent<BqDrawerElement, BqDrawerEvents>({
+export const BqDrawer = /*@__PURE__*/ createComponent({
     tagName: 'bq-drawer',
     elementClass: BqDrawerElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -286,52 +193,34 @@ export const BqDrawer: StencilReactComponent<BqDrawerElement, BqDrawerEvents> =
         onBqOpen: 'bqOpen',
         onBqAfterOpen: 'bqAfterOpen',
         onBqAfterClose: 'bqAfterClose'
-    } as BqDrawerEvents,
+    },
     defineCustomElement: defineBqDrawer
 });
-
-type BqDropdownEvents = { onBqOpen: EventName<CustomEvent<{ open: boolean }>> };
-
-export const BqDropdown: StencilReactComponent<BqDropdownElement, BqDropdownEvents> = /*@__PURE__*/ createComponent<BqDropdownElement, BqDropdownEvents>({
+export const BqDropdown = /*@__PURE__*/ createComponent({
     tagName: 'bq-dropdown',
     elementClass: BqDropdownElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onBqOpen: 'bqOpen' } as BqDropdownEvents,
+    events: { onBqOpen: 'bqOpen' },
     defineCustomElement: defineBqDropdown
 });
-
-type BqEmptyStateEvents = NonNullable<unknown>;
-
-export const BqEmptyState: StencilReactComponent<BqEmptyStateElement, BqEmptyStateEvents> = /*@__PURE__*/ createComponent<BqEmptyStateElement, BqEmptyStateEvents>({
+export const BqEmptyState = /*@__PURE__*/ createComponent({
     tagName: 'bq-empty-state',
     elementClass: BqEmptyStateElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqEmptyStateEvents,
+    events: {},
     defineCustomElement: defineBqEmptyState
 });
-
-type BqIconEvents = { onSvgLoaded: EventName<CustomEvent<any>> };
-
-export const BqIcon: StencilReactComponent<BqIconElement, BqIconEvents> = /*@__PURE__*/ createComponent<BqIconElement, BqIconEvents>({
+export const BqIcon = /*@__PURE__*/ createComponent({
     tagName: 'bq-icon',
     elementClass: BqIconElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onSvgLoaded: 'svgLoaded' } as BqIconEvents,
+    events: { onSvgLoaded: 'svgLoaded' },
     defineCustomElement: defineBqIcon
 });
-
-type BqInputEvents = {
-    onBqBlur: EventName<BqInputCustomEvent<HTMLBqInputElement>>,
-    onBqChange: EventName<BqInputCustomEvent<{ value: string | number | string[]; el: HTMLBqInputElement }>>,
-    onBqClear: EventName<BqInputCustomEvent<HTMLBqInputElement>>,
-    onBqFocus: EventName<BqInputCustomEvent<HTMLBqInputElement>>,
-    onBqInput: EventName<BqInputCustomEvent<{ value: string | number | string[]; el: HTMLBqInputElement }>>
-};
-
-export const BqInput: StencilReactComponent<BqInputElement, BqInputEvents> = /*@__PURE__*/ createComponent<BqInputElement, BqInputEvents>({
+export const BqInput = /*@__PURE__*/ createComponent({
     tagName: 'bq-input',
     elementClass: BqInputElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -342,18 +231,10 @@ export const BqInput: StencilReactComponent<BqInputElement, BqInputEvents> = /*@
         onBqClear: 'bqClear',
         onBqFocus: 'bqFocus',
         onBqInput: 'bqInput'
-    } as BqInputEvents,
+    },
     defineCustomElement: defineBqInput
 });
-
-type BqNotificationEvents = {
-    onBqHide: EventName<CustomEvent<any>>,
-    onBqShow: EventName<CustomEvent<any>>,
-    onBqAfterOpen: EventName<CustomEvent<any>>,
-    onBqAfterClose: EventName<CustomEvent<any>>
-};
-
-export const BqNotification: StencilReactComponent<BqNotificationElement, BqNotificationEvents> = /*@__PURE__*/ createComponent<BqNotificationElement, BqNotificationEvents>({
+export const BqNotification = /*@__PURE__*/ createComponent({
     tagName: 'bq-notification',
     elementClass: BqNotificationElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -363,18 +244,10 @@ export const BqNotification: StencilReactComponent<BqNotificationElement, BqNoti
         onBqShow: 'bqShow',
         onBqAfterOpen: 'bqAfterOpen',
         onBqAfterClose: 'bqAfterClose'
-    } as BqNotificationEvents,
+    },
     defineCustomElement: defineBqNotification
 });
-
-type BqOptionEvents = {
-    onBqBlur: EventName<BqOptionCustomEvent<HTMLBqOptionElement>>,
-    onBqFocus: EventName<BqOptionCustomEvent<HTMLBqOptionElement>>,
-    onBqClick: EventName<BqOptionCustomEvent<HTMLBqOptionElement>>,
-    onBqEnter: EventName<BqOptionCustomEvent<HTMLBqOptionElement>>
-};
-
-export const BqOption: StencilReactComponent<BqOptionElement, BqOptionEvents> = /*@__PURE__*/ createComponent<BqOptionElement, BqOptionEvents>({
+export const BqOption = /*@__PURE__*/ createComponent({
     tagName: 'bq-option',
     elementClass: BqOptionElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -384,73 +257,50 @@ export const BqOption: StencilReactComponent<BqOptionElement, BqOptionEvents> =
         onBqFocus: 'bqFocus',
         onBqClick: 'bqClick',
         onBqEnter: 'bqEnter'
-    } as BqOptionEvents,
+    },
     defineCustomElement: defineBqOption
 });
-
-type BqOptionGroupEvents = NonNullable<unknown>;
-
-export const BqOptionGroup: StencilReactComponent<BqOptionGroupElement, BqOptionGroupEvents> = /*@__PURE__*/ createComponent<BqOptionGroupElement, BqOptionGroupEvents>({
+export const BqOptionGroup = /*@__PURE__*/ createComponent({
     tagName: 'bq-option-group',
     elementClass: BqOptionGroupElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqOptionGroupEvents,
+    events: {},
     defineCustomElement: defineBqOptionGroup
 });
-
-type BqOptionListEvents = { onBqSelect: EventName<BqOptionListCustomEvent<{ value: string; item: HTMLBqOptionElement }>> };
-
-export const BqOptionList: StencilReactComponent<BqOptionListElement, BqOptionListEvents> = /*@__PURE__*/ createComponent<BqOptionListElement, BqOptionListEvents>({
+export const BqOptionList = /*@__PURE__*/ createComponent({
     tagName: 'bq-option-list',
     elementClass: BqOptionListElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onBqSelect: 'bqSelect' } as BqOptionListEvents,
+    events: { onBqSelect: 'bqSelect' },
     defineCustomElement: defineBqOptionList
 });
-
-type BqPageTitleEvents = NonNullable<unknown>;
-
-export const BqPageTitle: StencilReactComponent<BqPageTitleElement, BqPageTitleEvents> = /*@__PURE__*/ createComponent<BqPageTitleElement, BqPageTitleEvents>({
+export const BqPageTitle = /*@__PURE__*/ createComponent({
     tagName: 'bq-page-title',
     elementClass: BqPageTitleElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqPageTitleEvents,
+    events: {},
     defineCustomElement: defineBqPageTitle
 });
-
-type BqPanelEvents = NonNullable<unknown>;
-
-export const BqPanel: StencilReactComponent<BqPanelElement, BqPanelEvents> = /*@__PURE__*/ createComponent<BqPanelElement, BqPanelEvents>({
+export const BqPanel = /*@__PURE__*/ createComponent({
     tagName: 'bq-panel',
     elementClass: BqPanelElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqPanelEvents,
+    events: {},
     defineCustomElement: defineBqPanel
 });
-
-type BqProgressEvents = NonNullable<unknown>;
-
-export const BqProgress: StencilReactComponent<BqProgressElement, BqProgressEvents> = /*@__PURE__*/ createComponent<BqProgressElement, BqProgressEvents>({
+export const BqProgress = /*@__PURE__*/ createComponent({
     tagName: 'bq-progress',
     elementClass: BqProgressElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqProgressEvents,
+    events: {},
     defineCustomElement: defineBqProgress
 });
-
-type BqRadioEvents = {
-    onBqClick: EventName<BqRadioCustomEvent<HTMLBqRadioElement>>,
-    onBqFocus: EventName<BqRadioCustomEvent<HTMLBqRadioElement>>,
-    onBqBlur: EventName<BqRadioCustomEvent<HTMLBqRadioElement>>,
-    onBqKeyDown: EventName<BqRadioCustomEvent<KeyboardEvent>>
-};
-
-export const BqRadio: StencilReactComponent<BqRadioElement, BqRadioEvents> = /*@__PURE__*/ createComponent<BqRadioElement, BqRadioEvents>({
+export const BqRadio = /*@__PURE__*/ createComponent({
     tagName: 'bq-radio',
     elementClass: BqRadioElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -460,29 +310,18 @@ export const BqRadio: StencilReactComponent<BqRadioElement, BqRadioEvents> = /*@
         onBqFocus: 'bqFocus',
         onBqBlur: 'bqBlur',
         onBqKeyDown: 'bqKeyDown'
-    } as BqRadioEvents,
+    },
     defineCustomElement: defineBqRadio
 });
-
-type BqRadioGroupEvents = { onBqChange: EventName<BqRadioGroupCustomEvent<{ value: string; target: HTMLBqRadioElement }>> };
-
-export const BqRadioGroup: StencilReactComponent<BqRadioGroupElement, BqRadioGroupEvents> = /*@__PURE__*/ createComponent<BqRadioGroupElement, BqRadioGroupEvents>({
+export const BqRadioGroup = /*@__PURE__*/ createComponent({
     tagName: 'bq-radio-group',
     elementClass: BqRadioGroupElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onBqChange: 'bqChange' } as BqRadioGroupEvents,
+    events: { onBqChange: 'bqChange' },
     defineCustomElement: defineBqRadioGroup
 });
-
-type BqSelectEvents = {
-    onBqBlur: EventName<BqSelectCustomEvent<HTMLBqSelectElement>>,
-    onBqClear: EventName<BqSelectCustomEvent<HTMLBqSelectElement>>,
-    onBqFocus: EventName<BqSelectCustomEvent<HTMLBqSelectElement>>,
-    onBqSelect: EventName<BqSelectCustomEvent<{ value: string | number | string[]; item: HTMLBqOptionElement }>>
-};
-
-export const BqSelect: StencilReactComponent<BqSelectElement, BqSelectEvents> = /*@__PURE__*/ createComponent<BqSelectElement, BqSelectEvents>({
+export const BqSelect = /*@__PURE__*/ createComponent({
     tagName: 'bq-select',
     elementClass: BqSelectElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -492,16 +331,10 @@ export const BqSelect: StencilReactComponent<BqSelectElement, BqSelectEvents> =
         onBqClear: 'bqClear',
         onBqFocus: 'bqFocus',
         onBqSelect: 'bqSelect'
-    } as BqSelectEvents,
+    },
     defineCustomElement: defineBqSelect
 });
-
-type BqSideMenuEvents = {
-    onBqCollapse: EventName<CustomEvent<{ collapse: boolean }>>,
-    onBqSelect: EventName<BqSideMenuCustomEvent<HTMLBqSideMenuItemElement>>
-};
-
-export const BqSideMenu: StencilReactComponent<BqSideMenuElement, BqSideMenuEvents> = /*@__PURE__*/ createComponent<BqSideMenuElement, BqSideMenuEvents>({
+export const BqSideMenu = /*@__PURE__*/ createComponent({
     tagName: 'bq-side-menu',
     elementClass: BqSideMenuElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -509,17 +342,10 @@ export const BqSideMenu: StencilReactComponent<BqSideMenuElement, BqSideMenuEven
     events: {
         onBqCollapse: 'bqCollapse',
         onBqSelect: 'bqSelect'
-    } as BqSideMenuEvents,
+    },
     defineCustomElement: defineBqSideMenu
 });
-
-type BqSideMenuItemEvents = {
-    onBqBlur: EventName<BqSideMenuItemCustomEvent<HTMLBqSideMenuItemElement>>,
-    onBqFocus: EventName<BqSideMenuItemCustomEvent<HTMLBqSideMenuItemElement>>,
-    onBqClick: EventName<BqSideMenuItemCustomEvent<HTMLBqSideMenuItemElement>>
-};
-
-export const BqSideMenuItem: StencilReactComponent<BqSideMenuItemElement, BqSideMenuItemEvents> = /*@__PURE__*/ createComponent<BqSideMenuItemElement, BqSideMenuItemEvents>({
+export const BqSideMenuItem = /*@__PURE__*/ createComponent({
     tagName: 'bq-side-menu-item',
     elementClass: BqSideMenuItemElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -528,17 +354,10 @@ export const BqSideMenuItem: StencilReactComponent<BqSideMenuItemElement, BqSide
         onBqBlur: 'bqBlur',
         onBqFocus: 'bqFocus',
         onBqClick: 'bqClick'
-    } as BqSideMenuItemEvents,
+    },
     defineCustomElement: defineBqSideMenuItem
 });
-
-type BqSliderEvents = {
-    onBqChange: EventName<BqSliderCustomEvent<{ value: Exclude<TSliderValue, string>; el: HTMLBqSliderElement }>>,
-    onBqBlur: EventName<BqSliderCustomEvent<HTMLBqSliderElement>>,
-    onBqFocus: EventName<BqSliderCustomEvent<HTMLBqSliderElement>>
-};
-
-export const BqSlider: StencilReactComponent<BqSliderElement, BqSliderEvents> = /*@__PURE__*/ createComponent<BqSliderElement, BqSliderEvents>({
+export const BqSlider = /*@__PURE__*/ createComponent({
     tagName: 'bq-slider',
     elementClass: BqSliderElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -547,61 +366,42 @@ export const BqSlider: StencilReactComponent<BqSliderElement, BqSliderEvents> =
         onBqChange: 'bqChange',
         onBqBlur: 'bqBlur',
         onBqFocus: 'bqFocus'
-    } as BqSliderEvents,
+    },
     defineCustomElement: defineBqSlider
 });
-
-type BqSpinnerEvents = NonNullable<unknown>;
-
-export const BqSpinner: StencilReactComponent<BqSpinnerElement, BqSpinnerEvents> = /*@__PURE__*/ createComponent<BqSpinnerElement, BqSpinnerEvents>({
+export const BqSpinner = /*@__PURE__*/ createComponent({
     tagName: 'bq-spinner',
     elementClass: BqSpinnerElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqSpinnerEvents,
+    events: {},
     defineCustomElement: defineBqSpinner
 });
-
-type BqStatusEvents = NonNullable<unknown>;
-
-export const BqStatus: StencilReactComponent<BqStatusElement, BqStatusEvents> = /*@__PURE__*/ createComponent<BqStatusElement, BqStatusEvents>({
+export const BqStatus = /*@__PURE__*/ createComponent({
     tagName: 'bq-status',
     elementClass: BqStatusElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqStatusEvents,
+    events: {},
     defineCustomElement: defineBqStatus
 });
-
-type BqStepItemEvents = { onBqClick: EventName<BqStepItemCustomEvent<{ target: HTMLBqStepItemElement; value: string }>> };
-
-export const BqStepItem: StencilReactComponent<BqStepItemElement, BqStepItemEvents> = /*@__PURE__*/ createComponent<BqStepItemElement, BqStepItemEvents>({
+export const BqStepItem = /*@__PURE__*/ createComponent({
     tagName: 'bq-step-item',
     elementClass: BqStepItemElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onBqClick: 'bqClick' } as BqStepItemEvents,
+    events: { onBqClick: 'bqClick' },
     defineCustomElement: defineBqStepItem
 });
-
-type BqStepsEvents = NonNullable<unknown>;
-
-export const BqSteps: StencilReactComponent<BqStepsElement, BqStepsEvents> = /*@__PURE__*/ createComponent<BqStepsElement, BqStepsEvents>({
+export const BqSteps = /*@__PURE__*/ createComponent({
     tagName: 'bq-steps',
     elementClass: BqStepsElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqStepsEvents,
+    events: {},
     defineCustomElement: defineBqSteps
 });
-
-type BqSwitchEvents = {
-    onBqChange: EventName<CustomEvent<{ checked: boolean }>>,
-    onBqFocus: EventName<BqSwitchCustomEvent<HTMLBqSwitchElement>>,
-    onBqBlur: EventName<BqSwitchCustomEvent<HTMLBqSwitchElement>>
-};
-
-export const BqSwitch: StencilReactComponent<BqSwitchElement, BqSwitchEvents> = /*@__PURE__*/ createComponent<BqSwitchElement, BqSwitchEvents>({
+export const BqSwitch = /*@__PURE__*/ createComponent({
     tagName: 'bq-switch',
     elementClass: BqSwitchElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -610,18 +410,10 @@ export const BqSwitch: StencilReactComponent<BqSwitchElement, BqSwitchEvents> =
         onBqChange: 'bqChange',
         onBqFocus: 'bqFocus',
         onBqBlur: 'bqBlur'
-    } as BqSwitchEvents,
+    },
     defineCustomElement: defineBqSwitch
 });
-
-type BqTabEvents = {
-    onBqClick: EventName<BqTabCustomEvent<HTMLBqTabElement>>,
-    onBqFocus: EventName<BqTabCustomEvent<HTMLBqTabElement>>,
-    onBqBlur: EventName<BqTabCustomEvent<HTMLBqTabElement>>,
-    onBqKeyDown: EventName<BqTabCustomEvent<KeyboardEvent>>
-};
-
-export const BqTab: StencilReactComponent<BqTabElement, BqTabEvents> = /*@__PURE__*/ createComponent<BqTabElement, BqTabEvents>({
+export const BqTab = /*@__PURE__*/ createComponent({
     tagName: 'bq-tab',
     elementClass: BqTabElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -631,30 +423,18 @@ export const BqTab: StencilReactComponent<BqTabElement, BqTabEvents> = /*@__PURE
         onBqFocus: 'bqFocus',
         onBqBlur: 'bqBlur',
         onBqKeyDown: 'bqKeyDown'
-    } as BqTabEvents,
+    },
     defineCustomElement: defineBqTab
 });
-
-type BqTabGroupEvents = { onBqChange: EventName<BqTabGroupCustomEvent<{ target: HTMLBqTabElement; value: string }>> };
-
-export const BqTabGroup: StencilReactComponent<BqTabGroupElement, BqTabGroupEvents> = /*@__PURE__*/ createComponent<BqTabGroupElement, BqTabGroupEvents>({
+export const BqTabGroup = /*@__PURE__*/ createComponent({
     tagName: 'bq-tab-group',
     elementClass: BqTabGroupElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: { onBqChange: 'bqChange' } as BqTabGroupEvents,
+    events: { onBqChange: 'bqChange' },
     defineCustomElement: defineBqTabGroup
 });
-
-type BqTagEvents = {
-    onBqClose: EventName<CustomEvent<any>>,
-    onBqOpen: EventName<CustomEvent<any>>,
-    onBqBlur: EventName<BqTagCustomEvent<HTMLBqTagElement>>,
-    onBqClick: EventName<BqTagCustomEvent<HTMLBqTagElement>>,
-    onBqFocus: EventName<BqTagCustomEvent<HTMLBqTagElement>>
-};
-
-export const BqTag: StencilReactComponent<BqTagElement, BqTagEvents> = /*@__PURE__*/ createComponent<BqTagElement, BqTagEvents>({
+export const BqTag = /*@__PURE__*/ createComponent({
     tagName: 'bq-tag',
     elementClass: BqTagElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -665,19 +445,10 @@ export const BqTag: StencilReactComponent<BqTagElement, BqTagEvents> = /*@__PURE
         onBqBlur: 'bqBlur',
         onBqClick: 'bqClick',
         onBqFocus: 'bqFocus'
-    } as BqTagEvents,
+    },
     defineCustomElement: defineBqTag
 });
-
-type BqTextareaEvents = {
-    onBqBlur: EventName<BqTextareaCustomEvent<HTMLBqTextareaElement>>,
-    onBqChange: EventName<BqTextareaCustomEvent<{ value: string; el: HTMLBqTextareaElement }>>,
-    onBqClear: EventName<BqTextareaCustomEvent<HTMLBqTextareaElement>>,
-    onBqFocus: EventName<BqTextareaCustomEvent<HTMLBqTextareaElement>>,
-    onBqInput: EventName<BqTextareaCustomEvent<{ value: string; el: HTMLBqTextareaElement }>>
-};
-
-export const BqTextarea: StencilReactComponent<BqTextareaElement, BqTextareaEvents> = /*@__PURE__*/ createComponent<BqTextareaElement, BqTextareaEvents>({
+export const BqTextarea = /*@__PURE__*/ createComponent({
     tagName: 'bq-textarea',
     elementClass: BqTextareaElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -688,16 +459,10 @@ export const BqTextarea: StencilReactComponent<BqTextareaElement, BqTextareaEven
         onBqClear: 'bqClear',
         onBqFocus: 'bqFocus',
         onBqInput: 'bqInput'
-    } as BqTextareaEvents,
+    },
     defineCustomElement: defineBqTextarea
 });
-
-type BqToastEvents = {
-    onBqHide: EventName<BqToastCustomEvent<HTMLBqToastElement>>,
-    onBqShow: EventName<BqToastCustomEvent<HTMLBqToastElement>>
-};
-
-export const BqToast: StencilReactComponent<BqToastElement, BqToastEvents> = /*@__PURE__*/ createComponent<BqToastElement, BqToastEvents>({
+export const BqToast = /*@__PURE__*/ createComponent({
     tagName: 'bq-toast',
     elementClass: BqToastElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
@@ -705,17 +470,15 @@ export const BqToast: StencilReactComponent<BqToastElement, BqToastEvents> = /*@
     events: {
         onBqHide: 'bqHide',
         onBqShow: 'bqShow'
-    } as BqToastEvents,
+    },
     defineCustomElement: defineBqToast
 });
-
-type BqTooltipEvents = NonNullable<unknown>;
-
-export const BqTooltip: StencilReactComponent<BqTooltipElement, BqTooltipEvents> = /*@__PURE__*/ createComponent<BqTooltipElement, BqTooltipEvents>({
+export const BqTooltip = /*@__PURE__*/ createComponent({
     tagName: 'bq-tooltip',
     elementClass: BqTooltipElement,
     // @ts-ignore - React type of Stencil Output Target may differ from the React version used in the Nuxt.js project, this can be ignored.
     react: React,
-    events: {} as BqTooltipEvents,
+    events: {},
     defineCustomElement: defineBqTooltip
 });
+//# sourceMappingURL=components.js.map