@beeq/react 1.8.0-beta.8 → 1.8.0

package/src/components.ts

@@ -0,0 +1,721 @@
+'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";
+import { BqAvatar as BqAvatarElement, defineCustomElement as defineBqAvatar } from "@beeq/core/dist/components/bq-avatar.js";
+import { BqBadge as BqBadgeElement, defineCustomElement as defineBqBadge } from "@beeq/core/dist/components/bq-badge.js";
+import { BqBreadcrumbItem as BqBreadcrumbItemElement, defineCustomElement as defineBqBreadcrumbItem } from "@beeq/core/dist/components/bq-breadcrumb-item.js";
+import { BqBreadcrumb as BqBreadcrumbElement, defineCustomElement as defineBqBreadcrumb } from "@beeq/core/dist/components/bq-breadcrumb.js";
+import { BqButton as BqButtonElement, defineCustomElement as defineBqButton } from "@beeq/core/dist/components/bq-button.js";
+import { BqCard as BqCardElement, defineCustomElement as defineBqCard } from "@beeq/core/dist/components/bq-card.js";
+import { BqCheckbox as BqCheckboxElement, defineCustomElement as defineBqCheckbox } from "@beeq/core/dist/components/bq-checkbox.js";
+import { BqDatePicker as BqDatePickerElement, defineCustomElement as defineBqDatePicker } from "@beeq/core/dist/components/bq-date-picker.js";
+import { BqDialog as BqDialogElement, defineCustomElement as defineBqDialog } from "@beeq/core/dist/components/bq-dialog.js";
+import { BqDivider as BqDividerElement, defineCustomElement as defineBqDivider } from "@beeq/core/dist/components/bq-divider.js";
+import { BqDrawer as BqDrawerElement, defineCustomElement as defineBqDrawer } from "@beeq/core/dist/components/bq-drawer.js";
+import { BqDropdown as BqDropdownElement, defineCustomElement as defineBqDropdown } from "@beeq/core/dist/components/bq-dropdown.js";
+import { BqEmptyState as BqEmptyStateElement, defineCustomElement as defineBqEmptyState } from "@beeq/core/dist/components/bq-empty-state.js";
+import { BqIcon as BqIconElement, defineCustomElement as defineBqIcon } from "@beeq/core/dist/components/bq-icon.js";
+import { BqInput as BqInputElement, defineCustomElement as defineBqInput } from "@beeq/core/dist/components/bq-input.js";
+import { BqNotification as BqNotificationElement, defineCustomElement as defineBqNotification } from "@beeq/core/dist/components/bq-notification.js";
+import { BqOptionGroup as BqOptionGroupElement, defineCustomElement as defineBqOptionGroup } from "@beeq/core/dist/components/bq-option-group.js";
+import { BqOptionList as BqOptionListElement, defineCustomElement as defineBqOptionList } from "@beeq/core/dist/components/bq-option-list.js";
+import { BqOption as BqOptionElement, defineCustomElement as defineBqOption } from "@beeq/core/dist/components/bq-option.js";
+import { BqPageTitle as BqPageTitleElement, defineCustomElement as defineBqPageTitle } from "@beeq/core/dist/components/bq-page-title.js";
+import { BqPanel as BqPanelElement, defineCustomElement as defineBqPanel } from "@beeq/core/dist/components/bq-panel.js";
+import { BqProgress as BqProgressElement, defineCustomElement as defineBqProgress } from "@beeq/core/dist/components/bq-progress.js";
+import { BqRadioGroup as BqRadioGroupElement, defineCustomElement as defineBqRadioGroup } from "@beeq/core/dist/components/bq-radio-group.js";
+import { BqRadio as BqRadioElement, defineCustomElement as defineBqRadio } from "@beeq/core/dist/components/bq-radio.js";
+import { BqSelect as BqSelectElement, defineCustomElement as defineBqSelect } from "@beeq/core/dist/components/bq-select.js";
+import { BqSideMenuItem as BqSideMenuItemElement, defineCustomElement as defineBqSideMenuItem } from "@beeq/core/dist/components/bq-side-menu-item.js";
+import { BqSideMenu as BqSideMenuElement, defineCustomElement as defineBqSideMenu } from "@beeq/core/dist/components/bq-side-menu.js";
+import { BqSlider as BqSliderElement, defineCustomElement as defineBqSlider } from "@beeq/core/dist/components/bq-slider.js";
+import { BqSpinner as BqSpinnerElement, defineCustomElement as defineBqSpinner } from "@beeq/core/dist/components/bq-spinner.js";
+import { BqStatus as BqStatusElement, defineCustomElement as defineBqStatus } from "@beeq/core/dist/components/bq-status.js";
+import { BqStepItem as BqStepItemElement, defineCustomElement as defineBqStepItem } from "@beeq/core/dist/components/bq-step-item.js";
+import { BqSteps as BqStepsElement, defineCustomElement as defineBqSteps } from "@beeq/core/dist/components/bq-steps.js";
+import { BqSwitch as BqSwitchElement, defineCustomElement as defineBqSwitch } from "@beeq/core/dist/components/bq-switch.js";
+import { BqTabGroup as BqTabGroupElement, defineCustomElement as defineBqTabGroup } from "@beeq/core/dist/components/bq-tab-group.js";
+import { BqTab as BqTabElement, defineCustomElement as defineBqTab } from "@beeq/core/dist/components/bq-tab.js";
+import { BqTag as BqTagElement, defineCustomElement as defineBqTag } from "@beeq/core/dist/components/bq-tag.js";
+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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        onBqFocus: 'bqFocus',
+        onBqOpen: 'bqOpen',
+        onBqAfterOpen: 'bqAfterOpen',
+        onBqClose: 'bqClose',
+        onBqAfterClose: 'bqAfterClose',
+        onBqClick: 'bqClick'
+    } as BqAccordionEvents,
+    defineCustomElement: defineBqAccordion
+});
+
+type BqAccordionGroupEvents = NonNullable<unknown>;
+
+export const BqAccordionGroup: StencilReactComponent<BqAccordionGroupElement, BqAccordionGroupEvents> = /*@__PURE__*/ createComponent<BqAccordionGroupElement, BqAccordionGroupEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqHide: 'bqHide',
+        onBqShow: 'bqShow',
+        onBqAfterShow: 'bqAfterShow',
+        onBqAfterHide: 'bqAfterHide'
+    } as BqAlertEvents,
+    defineCustomElement: defineBqAlert
+});
+
+type BqAvatarEvents = NonNullable<unknown>;
+
+export const BqAvatar: StencilReactComponent<BqAvatarElement, BqAvatarEvents> = /*@__PURE__*/ createComponent<BqAvatarElement, BqAvatarEvents>({
+    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,
+    defineCustomElement: defineBqAvatar
+});
+
+type BqBadgeEvents = NonNullable<unknown>;
+
+export const BqBadge: StencilReactComponent<BqBadgeElement, BqBadgeEvents> = /*@__PURE__*/ createComponent<BqBadgeElement, BqBadgeEvents>({
+    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,
+    defineCustomElement: defineBqBadge
+});
+
+type BqBreadcrumbEvents = NonNullable<unknown>;
+
+export const BqBreadcrumb: StencilReactComponent<BqBreadcrumbElement, BqBreadcrumbEvents> = /*@__PURE__*/ createComponent<BqBreadcrumbElement, BqBreadcrumbEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        onBqFocus: 'bqFocus',
+        onBqClick: 'bqClick'
+    } as BqButtonEvents,
+    defineCustomElement: defineBqButton
+});
+
+type BqCardEvents = NonNullable<unknown>;
+
+export const BqCard: StencilReactComponent<BqCardElement, BqCardEvents> = /*@__PURE__*/ createComponent<BqCardElement, BqCardEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqCancel: 'bqCancel',
+        onBqClose: 'bqClose',
+        onBqOpen: 'bqOpen',
+        onBqAfterOpen: 'bqAfterOpen',
+        onBqAfterClose: 'bqAfterClose'
+    } as BqDialogEvents,
+    defineCustomElement: defineBqDialog
+});
+
+type BqDividerEvents = NonNullable<unknown>;
+
+export const BqDivider: StencilReactComponent<BqDividerElement, BqDividerEvents> = /*@__PURE__*/ createComponent<BqDividerElement, BqDividerEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqClose: 'bqClose',
+        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>({
+    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,
+    defineCustomElement: defineBqDropdown
+});
+
+type BqEmptyStateEvents = NonNullable<unknown>;
+
+export const BqEmptyState: StencilReactComponent<BqEmptyStateElement, BqEmptyStateEvents> = /*@__PURE__*/ createComponent<BqEmptyStateElement, BqEmptyStateEvents>({
+    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,
+    defineCustomElement: defineBqEmptyState
+});
+
+type BqIconEvents = { onSvgLoaded: EventName<CustomEvent<any>> };
+
+export const BqIcon: StencilReactComponent<BqIconElement, BqIconEvents> = /*@__PURE__*/ createComponent<BqIconElement, BqIconEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        onBqChange: 'bqChange',
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqHide: 'bqHide',
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        onBqFocus: 'bqFocus',
+        onBqClick: 'bqClick',
+        onBqEnter: 'bqEnter'
+    } as BqOptionEvents,
+    defineCustomElement: defineBqOption
+});
+
+type BqOptionGroupEvents = NonNullable<unknown>;
+
+export const BqOptionGroup: StencilReactComponent<BqOptionGroupElement, BqOptionGroupEvents> = /*@__PURE__*/ createComponent<BqOptionGroupElement, BqOptionGroupEvents>({
+    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,
+    defineCustomElement: defineBqOptionGroup
+});
+
+type BqOptionListEvents = { onBqSelect: EventName<BqOptionListCustomEvent<{ value: string; item: HTMLBqOptionElement }>> };
+
+export const BqOptionList: StencilReactComponent<BqOptionListElement, BqOptionListEvents> = /*@__PURE__*/ createComponent<BqOptionListElement, BqOptionListEvents>({
+    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,
+    defineCustomElement: defineBqOptionList
+});
+
+type BqPageTitleEvents = NonNullable<unknown>;
+
+export const BqPageTitle: StencilReactComponent<BqPageTitleElement, BqPageTitleEvents> = /*@__PURE__*/ createComponent<BqPageTitleElement, BqPageTitleEvents>({
+    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,
+    defineCustomElement: defineBqPageTitle
+});
+
+type BqPanelEvents = NonNullable<unknown>;
+
+export const BqPanel: StencilReactComponent<BqPanelElement, BqPanelEvents> = /*@__PURE__*/ createComponent<BqPanelElement, BqPanelEvents>({
+    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,
+    defineCustomElement: defineBqPanel
+});
+
+type BqProgressEvents = NonNullable<unknown>;
+
+export const BqProgress: StencilReactComponent<BqProgressElement, BqProgressEvents> = /*@__PURE__*/ createComponent<BqProgressElement, BqProgressEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqClick: 'bqClick',
+        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>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        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>({
+    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.
+    react: React,
+    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>({
+    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.
+    react: React,
+    events: {
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqChange: 'bqChange',
+        onBqBlur: 'bqBlur',
+        onBqFocus: 'bqFocus'
+    } as BqSliderEvents,
+    defineCustomElement: defineBqSlider
+});
+
+type BqSpinnerEvents = NonNullable<unknown>;
+
+export const BqSpinner: StencilReactComponent<BqSpinnerElement, BqSpinnerEvents> = /*@__PURE__*/ createComponent<BqSpinnerElement, BqSpinnerEvents>({
+    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,
+    defineCustomElement: defineBqSpinner
+});
+
+type BqStatusEvents = NonNullable<unknown>;
+
+export const BqStatus: StencilReactComponent<BqStatusElement, BqStatusEvents> = /*@__PURE__*/ createComponent<BqStatusElement, BqStatusEvents>({
+    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,
+    defineCustomElement: defineBqStatus
+});
+
+type BqStepItemEvents = { onBqClick: EventName<BqStepItemCustomEvent<{ target: HTMLBqStepItemElement; value: string }>> };
+
+export const BqStepItem: StencilReactComponent<BqStepItemElement, BqStepItemEvents> = /*@__PURE__*/ createComponent<BqStepItemElement, BqStepItemEvents>({
+    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,
+    defineCustomElement: defineBqStepItem
+});
+
+type BqStepsEvents = NonNullable<unknown>;
+
+export const BqSteps: StencilReactComponent<BqStepsElement, BqStepsEvents> = /*@__PURE__*/ createComponent<BqStepsElement, BqStepsEvents>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqClick: 'bqClick',
+        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>({
+    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,
+    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>({
+    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.
+    react: React,
+    events: {
+        onBqClose: 'bqClose',
+        onBqOpen: 'bqOpen',
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqBlur: 'bqBlur',
+        onBqChange: 'bqChange',
+        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>({
+    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.
+    react: React,
+    events: {
+        onBqHide: 'bqHide',
+        onBqShow: 'bqShow'
+    } as BqToastEvents,
+    defineCustomElement: defineBqToast
+});
+
+type BqTooltipEvents = NonNullable<unknown>;
+
+export const BqTooltip: StencilReactComponent<BqTooltipElement, BqTooltipEvents> = /*@__PURE__*/ createComponent<BqTooltipElement, BqTooltipEvents>({
+    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,
+    defineCustomElement: defineBqTooltip
+});