@beeq/react 1.8.0-beta.10 → 1.8.0-beta.11

package/ssr/components.server.js

@@ -53,6 +53,7 @@ export const BqAccordion = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -66,24 +67,41 @@ export const BqAccordion = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-accordion',
+        properties: {
+            appearance: 'appearance',
+            disabled: 'disabled',
+            expanded: 'expanded',
+            noAnimation: 'no-animation',
+            rotate: 'rotate',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqAccordionGroup = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqAccordionGroup
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-accordion-group',
+        properties: {
+            appearance: 'appearance',
+            expandAll: 'expand-all',
+            noAnimation: 'no-animation',
+            multiple: 'multiple',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqAlert = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqHide: 'bqHide',
@@ -95,36 +113,62 @@ export const BqAlert = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-alert',
+        properties: {
+            autoDismiss: 'auto-dismiss',
+            border: 'border',
+            disableClose: 'disable-close',
+            hideIcon: 'hide-icon',
+            open: 'open',
+            time: 'time',
+            type: 'type',
+            sticky: 'sticky'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqAvatar = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqAvatar
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-avatar',
+        properties: {
+            altText: 'alt-text',
+            image: 'image',
+            label: 'label',
+            initials: 'initials',
+            shape: 'shape',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqBadge = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqBadge
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-badge',
+        properties: {
+            backgroundColor: 'background-color',
+            textColor: 'text-color',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqBreadcrumb = typeof window !== 'undefined'
     ? /*@__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: {
             onBqBreadcrumbBlur: 'bqBreadcrumbBlur',
@@ -135,12 +179,14 @@ export const BqBreadcrumb = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-breadcrumb',
+        properties: { ariaLabel: 'aria-label' },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqBreadcrumbItem = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -151,12 +197,20 @@ export const BqBreadcrumbItem = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-breadcrumb-item',
+        properties: {
+            ariaLabel: 'aria-label',
+            isLastItem: 'is-last-item',
+            href: 'href',
+            target: 'target',
+            rel: 'rel'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqButton = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -167,24 +221,44 @@ export const BqButton = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-button',
+        properties: {
+            appearance: 'appearance',
+            block: 'block',
+            border: 'border',
+            disabled: 'disabled',
+            download: 'download',
+            href: 'href',
+            justifyContent: 'justify-content',
+            loading: 'loading',
+            size: 'size',
+            target: 'target',
+            type: 'type',
+            variant: 'variant'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqCard = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqCard
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-card',
+        properties: {
+            type: 'type',
+            border: 'border'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqCheckbox = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqChange: 'bqChange',
@@ -195,12 +269,24 @@ export const BqCheckbox = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-checkbox',
+        properties: {
+            backgroundOnHover: 'background-on-hover',
+            formId: 'form-id',
+            formValidationMessage: 'form-validation-message',
+            checked: 'checked',
+            disabled: 'disabled',
+            indeterminate: 'indeterminate',
+            name: 'name',
+            required: 'required',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqDatePicker = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -212,12 +298,40 @@ export const BqDatePicker = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-date-picker',
+        properties: {
+            autofocus: 'autofocus',
+            clearButtonLabel: 'clear-button-label',
+            disableClear: 'disable-clear',
+            disabled: 'disabled',
+            distance: 'distance',
+            firstDayOfWeek: 'first-day-of-week',
+            form: 'form',
+            locale: 'locale',
+            max: 'max',
+            min: 'min',
+            months: 'months',
+            monthsPerView: 'months-per-view',
+            name: 'name',
+            open: 'open',
+            panelHeight: 'panel-height',
+            placeholder: 'placeholder',
+            placement: 'placement',
+            required: 'required',
+            skidding: 'skidding',
+            showOutsideDays: 'show-outside-days',
+            strategy: 'strategy',
+            tentative: 'tentative',
+            type: 'type',
+            validationStatus: 'validation-status',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqDialog = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqCancel: 'bqCancel',
@@ -230,24 +344,47 @@ export const BqDialog = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-dialog',
+        properties: {
+            border: 'border',
+            disableBackdrop: 'disable-backdrop',
+            disableCloseEscKeydown: 'disable-close-esc-keydown',
+            disableCloseClickOutside: 'disable-close-click-outside',
+            footerAppearance: 'footer-appearance',
+            hideCloseButton: 'hide-close-button',
+            open: 'open',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqDivider = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqDivider
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-divider',
+        properties: {
+            dashed: 'dashed',
+            orientation: 'orientation',
+            strokeColor: 'stroke-color',
+            titleAlignment: 'title-alignment',
+            strokeDashWidth: 'stroke-dash-width',
+            strokeDashGap: 'stroke-dash-gap',
+            strokeThickness: 'stroke-thickness',
+            strokeBasis: 'stroke-basis',
+            strokeLinecap: 'stroke-linecap'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqDrawer = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqClose: 'bqClose',
@@ -259,48 +396,80 @@ export const BqDrawer = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-drawer',
+        properties: {
+            enableBackdrop: 'enable-backdrop',
+            closeOnClickOutside: 'close-on-click-outside',
+            closeOnEsc: 'close-on-esc',
+            open: 'open',
+            placement: 'placement',
+            position: 'position'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqDropdown = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqDropdown
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-dropdown',
+        properties: {
+            disabled: 'disabled',
+            distance: 'distance',
+            keepOpenOnSelect: 'keep-open-on-select',
+            placement: 'placement',
+            open: 'open',
+            panelHeight: 'panel-height',
+            sameWidth: 'same-width',
+            skidding: 'skidding',
+            strategy: 'strategy'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqEmptyState = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqEmptyState
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-empty-state',
+        properties: { size: 'size' },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqIcon = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqIcon
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-icon',
+        properties: {
+            label: 'label',
+            color: 'color',
+            name: 'name',
+            size: 'size',
+            src: 'src',
+            weight: 'weight'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqInput = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -313,12 +482,38 @@ export const BqInput = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-input',
+        properties: {
+            autocapitalize: 'autocapitalize',
+            autocomplete: 'autocomplete',
+            autocorrect: 'autocorrect',
+            autofocus: 'autofocus',
+            clearButtonLabel: 'clear-button-label',
+            debounceTime: 'debounce-time',
+            disabled: 'disabled',
+            disableClear: 'disable-clear',
+            form: 'form',
+            inputmode: 'inputmode',
+            max: 'max',
+            maxlength: 'maxlength',
+            min: 'min',
+            minlength: 'minlength',
+            name: 'name',
+            pattern: 'pattern',
+            placeholder: 'placeholder',
+            readonly: 'readonly',
+            required: 'required',
+            step: 'step',
+            type: 'type',
+            validationStatus: 'validation-status',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqNotification = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqHide: 'bqHide',
@@ -330,12 +525,22 @@ export const BqNotification = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-notification',
+        properties: {
+            autoDismiss: 'auto-dismiss',
+            border: 'border',
+            disableClose: 'disable-close',
+            hideIcon: 'hide-icon',
+            open: 'open',
+            time: 'time',
+            type: 'type'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqOption = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -347,72 +552,104 @@ export const BqOption = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-option',
+        properties: {
+            hidden: 'hidden',
+            disabled: 'disabled',
+            value: 'value',
+            selected: 'selected'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqOptionGroup = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqOptionGroup
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-option-group',
+        properties: {},
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqOptionList = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqOptionList
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-option-list',
+        properties: { ariaLabel: 'aria-label' },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqPageTitle = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqPageTitle
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-page-title',
+        properties: {},
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqPanel = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqPanel
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-panel',
+        properties: {
+            distance: 'distance',
+            placement: 'placement',
+            open: 'open',
+            sameWidth: 'same-width',
+            skidding: 'skidding',
+            strategy: 'strategy'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqProgress = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqProgress
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-progress',
+        properties: {
+            indeterminate: 'indeterminate',
+            value: 'value',
+            thickness: 'thickness',
+            type: 'type',
+            borderShape: 'border-shape',
+            label: 'label',
+            enableTooltip: 'enable-tooltip'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqRadio = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqClick: 'bqClick',
@@ -424,24 +661,44 @@ export const BqRadio = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-radio',
+        properties: {
+            checked: 'checked',
+            disabled: 'disabled',
+            backgroundOnHover: 'background-on-hover',
+            formId: 'form-id',
+            name: 'name',
+            required: 'required',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqRadioGroup = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqRadioGroup
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-radio-group',
+        properties: {
+            backgroundOnHover: 'background-on-hover',
+            name: 'name',
+            value: 'value',
+            disabled: 'disabled',
+            fieldset: 'fieldset',
+            orientation: 'orientation',
+            debounceTime: 'debounce-time'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSelect = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -453,12 +710,37 @@ export const BqSelect = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-select',
+        properties: {
+            autofocus: 'autofocus',
+            clearButtonLabel: 'clear-button-label',
+            debounceTime: 'debounce-time',
+            disabled: 'disabled',
+            disableClear: 'disable-clear',
+            distance: 'distance',
+            form: 'form',
+            keepOpenOnSelect: 'keep-open-on-select',
+            name: 'name',
+            maxTagsVisible: 'max-tags-visible',
+            multiple: 'multiple',
+            open: 'open',
+            panelHeight: 'panel-height',
+            placeholder: 'placeholder',
+            placement: 'placement',
+            readonly: 'readonly',
+            required: 'required',
+            sameWidth: 'same-width',
+            skidding: 'skidding',
+            strategy: 'strategy',
+            validationStatus: 'validation-status',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSideMenu = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqCollapse: 'bqCollapse',
@@ -468,12 +750,18 @@ export const BqSideMenu = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-side-menu',
+        properties: {
+            appearance: 'appearance',
+            collapse: 'collapse',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSideMenuItem = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -484,12 +772,18 @@ export const BqSideMenuItem = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-side-menu-item',
+        properties: {
+            active: 'active',
+            collapse: 'collapse',
+            disabled: 'disabled'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSlider = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqChange: 'bqChange',
@@ -500,60 +794,94 @@ export const BqSlider = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-slider',
+        properties: {
+            debounceTime: 'debounce-time',
+            disabled: 'disabled',
+            enableValueIndicator: 'enable-value-indicator',
+            gap: 'gap',
+            max: 'max',
+            min: 'min',
+            step: 'step',
+            type: 'type',
+            value: 'value',
+            enableTooltip: 'enable-tooltip',
+            tooltipAlwaysVisible: 'tooltip-always-visible'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSpinner = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqSpinner
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-spinner',
+        properties: {
+            animation: 'animation',
+            textPosition: 'text-position',
+            size: 'size'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqStatus = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqStatus
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-status',
+        properties: { type: 'type' },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqStepItem = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqStepItem
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-step-item',
+        properties: {
+            size: 'size',
+            status: 'status',
+            type: 'type'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSteps = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqSteps
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-steps',
+        properties: {
+            dividerColor: 'divider-color',
+            size: 'size',
+            type: 'type'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqSwitch = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqChange: 'bqChange',
@@ -564,12 +892,25 @@ export const BqSwitch = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-switch',
+        properties: {
+            backgroundOnHover: 'background-on-hover',
+            checked: 'checked',
+            disabled: 'disabled',
+            fullWidth: 'full-width',
+            innerLabel: 'inner-label',
+            justifyContent: 'justify-content',
+            name: 'name',
+            required: 'required',
+            reverseOrder: 'reverse-order',
+            value: 'value'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqTab = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqClick: 'bqClick',
@@ -581,24 +922,43 @@ export const BqTab = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-tab',
+        properties: {
+            active: 'active',
+            disabled: 'disabled',
+            size: 'size',
+            orientation: 'orientation',
+            placement: 'placement',
+            tabId: 'tab-id',
+            controls: 'controls'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqTabGroup = typeof window !== 'undefined'
     ? /*@__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' },
         defineCustomElement: defineBqTabGroup
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-tab-group',
+        properties: {
+            value: 'value',
+            size: 'size',
+            orientation: 'orientation',
+            placement: 'placement',
+            debounceTime: 'debounce-time',
+            disableDivider: 'disable-divider'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqTag = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqClose: 'bqClose',
@@ -611,12 +971,24 @@ export const BqTag = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-tag',
+        properties: {
+            border: 'border',
+            clickable: 'clickable',
+            color: 'color',
+            disabled: 'disabled',
+            hidden: 'hidden',
+            removable: 'removable',
+            selected: 'selected',
+            size: 'size',
+            variant: 'variant'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqTextarea = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqBlur: 'bqBlur',
@@ -629,12 +1001,34 @@ export const BqTextarea = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-textarea',
+        properties: {
+            autocapitalize: 'autocapitalize',
+            autocomplete: 'autocomplete',
+            autocorrect: 'autocorrect',
+            autofocus: 'autofocus',
+            autoGrow: 'auto-grow',
+            debounceTime: 'debounce-time',
+            disabled: 'disabled',
+            disableResize: 'disable-resize',
+            form: 'form',
+            maxlength: 'maxlength',
+            name: 'name',
+            placeholder: 'placeholder',
+            readonly: 'readonly',
+            required: 'required',
+            rows: 'rows',
+            spellcheck: 'spellcheck',
+            validationStatus: 'validation-status',
+            value: 'value',
+            wrap: 'wrap'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqToast = typeof window !== 'undefined'
     ? /*@__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.
         react: React,
         events: {
             onBqHide: 'bqHide',
@@ -644,18 +1038,36 @@ export const BqToast = typeof window !== 'undefined'
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-toast',
+        properties: {
+            border: 'border',
+            type: 'type',
+            placement: 'placement',
+            hideIcon: 'hide-icon',
+            open: 'open',
+            time: 'time'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 export const BqTooltip = typeof window !== 'undefined'
     ? /*@__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: {},
         defineCustomElement: defineBqTooltip
     })
     : /*@__PURE__*/ createSSRComponent({
         tagName: 'bq-tooltip',
+        properties: {
+            alwaysVisible: 'always-visible',
+            distance: 'distance',
+            hideArrow: 'hide-arrow',
+            placement: 'placement',
+            sameWidth: 'same-width',
+            displayOn: 'display-on',
+            visible: 'visible'
+        },
         hydrateModule: import('@beeq/core/dist/hydrate')
     });
 //# sourceMappingURL=components.server.js.map