@beeq/vue 1.8.0-beta.14 → 1.8.0-beta.16

package/src/components.js

@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer, defineStencilSSRComponent } from '@stencil/vue-output-target/runtime';
+import { defineContainer } from '@stencil/vue-output-target/runtime';
 import { defineCustomElement as defineBqAccordion } from '@beeq/core/dist/components/bq-accordion.js';
 import { defineCustomElement as defineBqAccordionGroup } from '@beeq/core/dist/components/bq-accordion-group.js';
 import { defineCustomElement as defineBqAlert } from '@beeq/core/dist/components/bq-alert.js';
@@ -44,7 +44,7 @@ import { defineCustomElement as defineBqTag } from '@beeq/core/dist/components/b
 import { defineCustomElement as defineBqTextarea } from '@beeq/core/dist/components/bq-textarea.js';
 import { defineCustomElement as defineBqToast } from '@beeq/core/dist/components/bq-toast.js';
 import { defineCustomElement as defineBqTooltip } from '@beeq/core/dist/components/bq-tooltip.js';
-export const BqAccordion = /*@__PURE__*/ globalThis.window ? defineContainer('bq-accordion', defineBqAccordion, [
+export const BqAccordion = /*@__PURE__*/ defineContainer('bq-accordion', defineBqAccordion, [
     'appearance',
     'disabled',
     'expanded',
@@ -58,43 +58,23 @@ export const BqAccordion = /*@__PURE__*/ globalThis.window ? defineContainer('bq
     'bqClose',
     'bqAfterClose',
     'bqClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-accordion',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'appearance': [String, "appearance"],
-        'disabled': [Boolean, "disabled"],
-        'expanded': [Boolean, "expanded"],
-        'noAnimation': [Boolean, "no-animation"],
-        'rotate': [Boolean, "rotate"],
-        'size': [String, "size"],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function],
-        'onBqOpen': [Function],
-        'onBqAfterOpen': [Function],
-        'onBqClose': [Function],
-        'onBqAfterClose': [Function],
-        'onBqClick': [Function]
-    }
-});
-export const BqAccordionGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-accordion-group', defineBqAccordionGroup, [
+], [
+    'bqBlur',
+    'bqFocus',
+    'bqOpen',
+    'bqAfterOpen',
+    'bqClose',
+    'bqAfterClose',
+    'bqClick'
+]);
+export const BqAccordionGroup = /*@__PURE__*/ defineContainer('bq-accordion-group', defineBqAccordionGroup, [
     'appearance',
     'expandAll',
     'noAnimation',
     'multiple',
     'size'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-accordion-group',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'appearance': [String, "appearance"],
-        'expandAll': [Boolean, "expand-all"],
-        'noAnimation': [Boolean, "no-animation"],
-        'multiple': [Boolean, "multiple"],
-        'size': [String, "size"]
-    }
-});
-export const BqAlert = /*@__PURE__*/ globalThis.window ? defineContainer('bq-alert', defineBqAlert, [
+]);
+export const BqAlert = /*@__PURE__*/ defineContainer('bq-alert', defineBqAlert, [
     'autoDismiss',
     'border',
     'disableClose',
@@ -107,95 +87,41 @@ export const BqAlert = /*@__PURE__*/ globalThis.window ? defineContainer('bq-ale
     'bqShow',
     'bqAfterShow',
     'bqAfterHide'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-alert',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autoDismiss': [Boolean, "auto-dismiss"],
-        'border': [String, "border"],
-        'disableClose': [Boolean, "disable-close"],
-        'hideIcon': [Boolean, "hide-icon"],
-        'open': [Boolean, "open"],
-        'time': [Number, "time"],
-        'type': [String, "type"],
-        'sticky': [Boolean, "sticky"],
-        'onBqHide': [Function],
-        'onBqShow': [Function],
-        'onBqAfterShow': [Function],
-        'onBqAfterHide': [Function]
-    }
-});
-export const BqAvatar = /*@__PURE__*/ globalThis.window ? defineContainer('bq-avatar', defineBqAvatar, [
+], [
+    'bqHide',
+    'bqShow',
+    'bqAfterShow',
+    'bqAfterHide'
+]);
+export const BqAvatar = /*@__PURE__*/ defineContainer('bq-avatar', defineBqAvatar, [
     'altText',
     'image',
     'label',
     'initials',
     'shape',
     'size'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-avatar',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'altText': [String, "alt-text"],
-        'image': [String, "image"],
-        'label': [String, "label"],
-        'initials': [String, "initials"],
-        'shape': [String, "shape"],
-        'size': [String, "size"]
-    }
-});
-export const BqBadge = /*@__PURE__*/ globalThis.window ? defineContainer('bq-badge', defineBqBadge, [
+]);
+export const BqBadge = /*@__PURE__*/ defineContainer('bq-badge', defineBqBadge, [
     'backgroundColor',
     'textColor',
     'size'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-badge',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'backgroundColor': [String, "background-color"],
-        'textColor': [String, "text-color"],
-        'size': [String, "size"]
-    }
-});
-export const BqBreadcrumb = /*@__PURE__*/ globalThis.window ? defineContainer('bq-breadcrumb', defineBqBreadcrumb, [
-    'ariaLabel',
-    'bqBreadcrumbBlur',
-    'bqBreadcrumbFocus',
-    'bqBreadcrumbClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-breadcrumb',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'ariaLabel': [String, "aria-label"],
-        'onBqBreadcrumbBlur': [Function],
-        'onBqBreadcrumbFocus': [Function],
-        'onBqBreadcrumbClick': [Function]
-    }
-});
-export const BqBreadcrumbItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-breadcrumb-item', defineBqBreadcrumbItem, [
-    'ariaLabel',
-    'isLastItem',
+]);
+export const BqBreadcrumb = /*@__PURE__*/ defineContainer('bq-breadcrumb', defineBqBreadcrumb, [
+    'label'
+]);
+export const BqBreadcrumbItem = /*@__PURE__*/ defineContainer('bq-breadcrumb-item', defineBqBreadcrumbItem, [
     'href',
     'target',
     'rel',
     'bqBlur',
     'bqFocus',
     'bqClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-breadcrumb-item',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'ariaLabel': [String, "aria-label"],
-        'isLastItem': [Boolean, "is-last-item"],
-        'href': [String, "href"],
-        'target': [String, "target"],
-        'rel': [String, "rel"],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function],
-        'onBqClick': [Function]
-    }
-});
-export const BqButton = /*@__PURE__*/ globalThis.window ? defineContainer('bq-button', defineBqButton, [
+], [
+    'bqBlur',
+    'bqFocus',
+    'bqClick'
+]);
+export const BqButton = /*@__PURE__*/ defineContainer('bq-button', defineBqButton, [
     'appearance',
     'block',
     'border',
@@ -211,39 +137,16 @@ export const BqButton = /*@__PURE__*/ globalThis.window ? defineContainer('bq-bu
     'bqBlur',
     'bqFocus',
     'bqClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-button',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'appearance': [String, "appearance"],
-        'block': [Boolean, "block"],
-        'border': [String, "border"],
-        'disabled': [Boolean, "disabled"],
-        'download': [String, "download"],
-        'href': [String, "href"],
-        'justifyContent': [String, "justify-content"],
-        'loading': [Boolean, "loading"],
-        'size': [String, "size"],
-        'target': [String, "target"],
-        'type': [String, "type"],
-        'variant': [String, "variant"],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function],
-        'onBqClick': [Function]
-    }
-});
-export const BqCard = /*@__PURE__*/ globalThis.window ? defineContainer('bq-card', defineBqCard, [
+], [
+    'bqBlur',
+    'bqFocus',
+    'bqClick'
+]);
+export const BqCard = /*@__PURE__*/ defineContainer('bq-card', defineBqCard, [
     'type',
     'border'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-card',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'type': [String, "type"],
-        'border': [String, "border"]
-    }
-});
-export const BqCheckbox = /*@__PURE__*/ globalThis.window ? defineContainer('bq-checkbox', defineBqCheckbox, [
+]);
+export const BqCheckbox = /*@__PURE__*/ defineContainer('bq-checkbox', defineBqCheckbox, [
     'backgroundOnHover',
     'formId',
     'formValidationMessage',
@@ -256,25 +159,12 @@ export const BqCheckbox = /*@__PURE__*/ globalThis.window ? defineContainer('bq-
     'bqChange',
     'bqFocus',
     'bqBlur'
-], 'checked', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-checkbox',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'backgroundOnHover': [Boolean, "background-on-hover"],
-        'formId': [String, "form-id"],
-        'formValidationMessage': [String, "form-validation-message"],
-        'checked': [Boolean, "checked"],
-        'disabled': [Boolean, "disabled"],
-        'indeterminate': [Boolean, "indeterminate"],
-        'name': [String, "name"],
-        'required': [Boolean, "required"],
-        'value': [String, "value"],
-        'onBqChange': [Function],
-        'onBqFocus': [Function],
-        'onBqBlur': [Function]
-    }
-});
-export const BqDatePicker = /*@__PURE__*/ globalThis.window ? defineContainer('bq-date-picker', defineBqDatePicker, [
+], [
+    'bqChange',
+    'bqFocus',
+    'bqBlur'
+], 'checked', 'bqChange');
+export const BqDatePicker = /*@__PURE__*/ defineContainer('bq-date-picker', defineBqDatePicker, [
     'autofocus',
     'clearButtonLabel',
     'disableClear',
@@ -306,42 +196,13 @@ export const BqDatePicker = /*@__PURE__*/ globalThis.window ? defineContainer('b
     'bqChange',
     'bqClear',
     'bqFocus'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-date-picker',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autofocus': [Boolean, "autofocus"],
-        'clearButtonLabel': [String, "clear-button-label"],
-        'disableClear': [Boolean, "disable-clear"],
-        'disabled': [Boolean, "disabled"],
-        'distance': [Number, "distance"],
-        'firstDayOfWeek': [Number, "first-day-of-week"],
-        'form': [String, "form"],
-        'locale': [String, "locale"],
-        'max': [String, "max"],
-        'min': [String, "min"],
-        'months': [Number, "months"],
-        'monthsPerView': [String, "months-per-view"],
-        'name': [String, "name"],
-        'open': [Boolean, "open"],
-        'panelHeight': [String, "panel-height"],
-        'placeholder': [String, "placeholder"],
-        'placement': [String, "placement"],
-        'required': [Boolean, "required"],
-        'skidding': [Number, "skidding"],
-        'showOutsideDays': [Boolean, "show-outside-days"],
-        'strategy': [String, "strategy"],
-        'tentative': [String, "tentative"],
-        'type': [String, "type"],
-        'validationStatus': [String, "validation-status"],
-        'value': [String, "value"],
-        'onBqBlur': [Function],
-        'onBqChange': [Function],
-        'onBqClear': [Function],
-        'onBqFocus': [Function]
-    }
-});
-export const BqDialog = /*@__PURE__*/ globalThis.window ? defineContainer('bq-dialog', defineBqDialog, [
+], [
+    'bqBlur',
+    'bqChange',
+    'bqClear',
+    'bqFocus'
+], 'value', 'bqChange');
+export const BqDialog = /*@__PURE__*/ defineContainer('bq-dialog', defineBqDialog, [
     'border',
     'disableBackdrop',
     'disableCloseEscKeydown',
@@ -355,26 +216,14 @@ export const BqDialog = /*@__PURE__*/ globalThis.window ? defineContainer('bq-di
     'bqOpen',
     'bqAfterOpen',
     'bqAfterClose'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-dialog',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'border': [String, "border"],
-        'disableBackdrop': [Boolean, "disable-backdrop"],
-        'disableCloseEscKeydown': [Boolean, "disable-close-esc-keydown"],
-        'disableCloseClickOutside': [Boolean, "disable-close-click-outside"],
-        'footerAppearance': [String, "footer-appearance"],
-        'hideCloseButton': [Boolean, "hide-close-button"],
-        'open': [Boolean, "open"],
-        'size': [String, "size"],
-        'onBqCancel': [Function],
-        'onBqClose': [Function],
-        'onBqOpen': [Function],
-        'onBqAfterOpen': [Function],
-        'onBqAfterClose': [Function]
-    }
-});
-export const BqDivider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-divider', defineBqDivider, [
+], [
+    'bqCancel',
+    'bqClose',
+    'bqOpen',
+    'bqAfterOpen',
+    'bqAfterClose'
+]);
+export const BqDivider = /*@__PURE__*/ defineContainer('bq-divider', defineBqDivider, [
     'dashed',
     'orientation',
     'strokeColor',
@@ -384,22 +233,8 @@ export const BqDivider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-d
     'strokeThickness',
     'strokeBasis',
     'strokeLinecap'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-divider',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'dashed': [Boolean, "dashed"],
-        'orientation': [String, "orientation"],
-        'strokeColor': [String, "stroke-color"],
-        'titleAlignment': [String, "title-alignment"],
-        'strokeDashWidth': [Number, "stroke-dash-width"],
-        'strokeDashGap': [Number, "stroke-dash-gap"],
-        'strokeThickness': [Number, "stroke-thickness"],
-        'strokeBasis': [Number, "stroke-basis"],
-        'strokeLinecap': [String, "stroke-linecap"]
-    }
-});
-export const BqDrawer = /*@__PURE__*/ globalThis.window ? defineContainer('bq-drawer', defineBqDrawer, [
+]);
+export const BqDrawer = /*@__PURE__*/ defineContainer('bq-drawer', defineBqDrawer, [
     'enableBackdrop',
     'closeOnClickOutside',
     'closeOnEsc',
@@ -410,23 +245,13 @@ export const BqDrawer = /*@__PURE__*/ globalThis.window ? defineContainer('bq-dr
     'bqOpen',
     'bqAfterOpen',
     'bqAfterClose'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-drawer',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'enableBackdrop': [Boolean, "enable-backdrop"],
-        'closeOnClickOutside': [Boolean, "close-on-click-outside"],
-        'closeOnEsc': [Boolean, "close-on-esc"],
-        'open': [Boolean, "open"],
-        'placement': [String, "placement"],
-        'position': [String, "position"],
-        'onBqClose': [Function],
-        'onBqOpen': [Function],
-        'onBqAfterOpen': [Function],
-        'onBqAfterClose': [Function]
-    }
-});
-export const BqDropdown = /*@__PURE__*/ globalThis.window ? defineContainer('bq-dropdown', defineBqDropdown, [
+], [
+    'bqClose',
+    'bqOpen',
+    'bqAfterOpen',
+    'bqAfterClose'
+]);
+export const BqDropdown = /*@__PURE__*/ defineContainer('bq-dropdown', defineBqDropdown, [
     'disabled',
     'distance',
     'keepOpenOnSelect',
@@ -437,32 +262,13 @@ export const BqDropdown = /*@__PURE__*/ globalThis.window ? defineContainer('bq-
     'skidding',
     'strategy',
     'bqOpen'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-dropdown',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'disabled': [Boolean, "disabled"],
-        'distance': [Number, "distance"],
-        'keepOpenOnSelect': [Boolean, "keep-open-on-select"],
-        'placement': [String, "placement"],
-        'open': [Boolean, "open"],
-        'panelHeight': [String, "panel-height"],
-        'sameWidth': [Boolean, "same-width"],
-        'skidding': [Number, "skidding"],
-        'strategy': [String, "strategy"],
-        'onBqOpen': [Function]
-    }
-});
-export const BqEmptyState = /*@__PURE__*/ globalThis.window ? defineContainer('bq-empty-state', defineBqEmptyState, [
+], [
+    'bqOpen'
+]);
+export const BqEmptyState = /*@__PURE__*/ defineContainer('bq-empty-state', defineBqEmptyState, [
     'size'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-empty-state',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'size': [String, "size"]
-    }
-});
-export const BqIcon = /*@__PURE__*/ globalThis.window ? defineContainer('bq-icon', defineBqIcon, [
+]);
+export const BqIcon = /*@__PURE__*/ defineContainer('bq-icon', defineBqIcon, [
     'label',
     'color',
     'name',
@@ -470,19 +276,10 @@ export const BqIcon = /*@__PURE__*/ globalThis.window ? defineContainer('bq-icon
     'src',
     'weight',
     'svgLoaded'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-icon',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'label': [String, "label"],
-        'color': [String, "color"],
-        'name': [String, "name"],
-        'src': [String, "src"],
-        'weight': [String, "weight"],
-        'onSvgLoaded': [Function]
-    }
-});
-export const BqInput = /*@__PURE__*/ globalThis.window ? defineContainer('bq-input', defineBqInput, [
+], [
+    'svgLoaded'
+]);
+export const BqInput = /*@__PURE__*/ defineContainer('bq-input', defineBqInput, [
     'autocapitalize',
     'autocomplete',
     'autocorrect',
@@ -492,6 +289,7 @@ export const BqInput = /*@__PURE__*/ globalThis.window ? defineContainer('bq-inp
     'disabled',
     'disableClear',
     'form',
+    'formValidationMessage',
     'inputmode',
     'max',
     'maxlength',
@@ -511,37 +309,14 @@ export const BqInput = /*@__PURE__*/ globalThis.window ? defineContainer('bq-inp
     'bqClear',
     'bqFocus',
     'bqInput'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-input',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autocapitalize': [String, "autocapitalize"],
-        'autocomplete': [String, "autocomplete"],
-        'autocorrect': [String, "autocorrect"],
-        'autofocus': [Boolean, "autofocus"],
-        'clearButtonLabel': [String, "clear-button-label"],
-        'debounceTime': [Number, "debounce-time"],
-        'disabled': [Boolean, "disabled"],
-        'disableClear': [Boolean, "disable-clear"],
-        'form': [String, "form"],
-        'inputmode': [String, "inputmode"],
-        'maxlength': [Number, "maxlength"],
-        'minlength': [Number, "minlength"],
-        'name': [String, "name"],
-        'pattern': [String, "pattern"],
-        'placeholder': [String, "placeholder"],
-        'readonly': [Boolean, "readonly"],
-        'required': [Boolean, "required"],
-        'type': [String, "type"],
-        'validationStatus': [String, "validation-status"],
-        'onBqBlur': [Function],
-        'onBqChange': [Function],
-        'onBqClear': [Function],
-        'onBqFocus': [Function],
-        'onBqInput': [Function]
-    }
-});
-export const BqNotification = /*@__PURE__*/ globalThis.window ? defineContainer('bq-notification', defineBqNotification, [
+], [
+    'bqBlur',
+    'bqChange',
+    'bqClear',
+    'bqFocus',
+    'bqInput'
+], 'value', 'bqChange');
+export const BqNotification = /*@__PURE__*/ defineContainer('bq-notification', defineBqNotification, [
     'autoDismiss',
     'border',
     'disableClose',
@@ -553,24 +328,13 @@ export const BqNotification = /*@__PURE__*/ globalThis.window ? defineContainer(
     'bqShow',
     'bqAfterOpen',
     'bqAfterClose'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-notification',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autoDismiss': [Boolean, "auto-dismiss"],
-        'border': [String, "border"],
-        'disableClose': [Boolean, "disable-close"],
-        'hideIcon': [Boolean, "hide-icon"],
-        'open': [Boolean, "open"],
-        'time': [Number, "time"],
-        'type': [String, "type"],
-        'onBqHide': [Function],
-        'onBqShow': [Function],
-        'onBqAfterOpen': [Function],
-        'onBqAfterClose': [Function]
-    }
-});
-export const BqOption = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option', defineBqOption, [
+], [
+    'bqHide',
+    'bqShow',
+    'bqAfterOpen',
+    'bqAfterClose'
+]);
+export const BqOption = /*@__PURE__*/ defineContainer('bq-option', defineBqOption, [
     'hidden',
     'disabled',
     'value',
@@ -579,82 +343,38 @@ export const BqOption = /*@__PURE__*/ globalThis.window ? defineContainer('bq-op
     'bqFocus',
     'bqClick',
     'bqEnter'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-option',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'hidden': [Boolean, "hidden"],
-        'disabled': [Boolean, "disabled"],
-        'value': [String, "value"],
-        'selected': [Boolean, "selected"],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function],
-        'onBqClick': [Function],
-        'onBqEnter': [Function]
-    }
-});
-export const BqOptionGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option-group', defineBqOptionGroup) : defineStencilSSRComponent({
-    tagName: 'bq-option-group',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {}
-});
-export const BqOptionList = /*@__PURE__*/ globalThis.window ? defineContainer('bq-option-list', defineBqOptionList, [
+], [
+    'bqBlur',
+    'bqFocus',
+    'bqClick',
+    'bqEnter'
+]);
+export const BqOptionGroup = /*@__PURE__*/ defineContainer('bq-option-group', defineBqOptionGroup);
+export const BqOptionList = /*@__PURE__*/ defineContainer('bq-option-list', defineBqOptionList, [
     'ariaLabel',
     'bqSelect'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-option-list',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'ariaLabel': [String, "aria-label"],
-        'onBqSelect': [Function]
-    }
-});
-export const BqPageTitle = /*@__PURE__*/ globalThis.window ? defineContainer('bq-page-title', defineBqPageTitle) : defineStencilSSRComponent({
-    tagName: 'bq-page-title',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {}
-});
-export const BqPanel = /*@__PURE__*/ globalThis.window ? defineContainer('bq-panel', defineBqPanel, [
+], [
+    'bqSelect'
+]);
+export const BqPageTitle = /*@__PURE__*/ defineContainer('bq-page-title', defineBqPageTitle);
+export const BqPanel = /*@__PURE__*/ defineContainer('bq-panel', defineBqPanel, [
     'distance',
     'placement',
     'open',
     'sameWidth',
     'skidding',
     'strategy'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-panel',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'distance': [Number, "distance"],
-        'placement': [String, "placement"],
-        'open': [Boolean, "open"],
-        'sameWidth': [Boolean, "same-width"],
-        'skidding': [Number, "skidding"],
-        'strategy': [String, "strategy"]
-    }
-});
-export const BqProgress = /*@__PURE__*/ globalThis.window ? defineContainer('bq-progress', defineBqProgress, [
+]);
+export const BqProgress = /*@__PURE__*/ defineContainer('bq-progress', defineBqProgress, [
+    'borderShape',
+    'enableTooltip',
     'indeterminate',
-    'value',
+    'label',
     'thickness',
     'type',
-    'borderShape',
-    'label',
-    'enableTooltip'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-progress',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'indeterminate': [Boolean, "indeterminate"],
-        'value': [Number, "value"],
-        'thickness': [String, "thickness"],
-        'type': [String, "type"],
-        'borderShape': [String, "border-shape"],
-        'label': [Boolean, "label"],
-        'enableTooltip': [Boolean, "enable-tooltip"]
-    }
-});
-export const BqRadio = /*@__PURE__*/ globalThis.window ? defineContainer('bq-radio', defineBqRadio, [
+    'value'
+]);
+export const BqRadio = /*@__PURE__*/ defineContainer('bq-radio', defineBqRadio, [
     'checked',
     'disabled',
     'backgroundOnHover',
@@ -666,47 +386,27 @@ export const BqRadio = /*@__PURE__*/ globalThis.window ? defineContainer('bq-rad
     'bqFocus',
     'bqBlur',
     'bqKeyDown'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-radio',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'checked': [Boolean, "checked"],
-        'disabled': [Boolean, "disabled"],
-        'backgroundOnHover': [Boolean, "background-on-hover"],
-        'formId': [String, "form-id"],
-        'name': [String, "name"],
-        'required': [Boolean, "required"],
-        'value': [String, "value"],
-        'onBqClick': [Function],
-        'onBqFocus': [Function],
-        'onBqBlur': [Function],
-        'onBqKeyDown': [Function]
-    }
-});
-export const BqRadioGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-radio-group', defineBqRadioGroup, [
+], [
+    'bqClick',
+    'bqFocus',
+    'bqBlur',
+    'bqKeyDown'
+]);
+export const BqRadioGroup = /*@__PURE__*/ defineContainer('bq-radio-group', defineBqRadioGroup, [
     'backgroundOnHover',
-    'name',
-    'value',
+    'debounceTime',
     'disabled',
     'fieldset',
+    'name',
     'orientation',
-    'debounceTime',
+    'required',
+    'requiredValidationMessage',
+    'value',
     'bqChange'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-radio-group',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'backgroundOnHover': [Boolean, "background-on-hover"],
-        'name': [String, "name"],
-        'value': [String, "value"],
-        'disabled': [Boolean, "disabled"],
-        'fieldset': [Boolean, "fieldset"],
-        'orientation': [String, "orientation"],
-        'debounceTime': [Number, "debounce-time"],
-        'onBqChange': [Function]
-    }
-});
-export const BqSelect = /*@__PURE__*/ globalThis.window ? defineContainer('bq-select', defineBqSelect, [
+], [
+    'bqChange'
+], 'value', 'bqChange');
+export const BqSelect = /*@__PURE__*/ defineContainer('bq-select', defineBqSelect, [
     'autofocus',
     'clearButtonLabel',
     'debounceTime',
@@ -733,81 +433,42 @@ export const BqSelect = /*@__PURE__*/ globalThis.window ? defineContainer('bq-se
     'bqClear',
     'bqFocus',
     'bqSelect'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-select',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autofocus': [Boolean, "autofocus"],
-        'clearButtonLabel': [String, "clear-button-label"],
-        'debounceTime': [Number, "debounce-time"],
-        'disabled': [Boolean, "disabled"],
-        'disableClear': [Boolean, "disable-clear"],
-        'distance': [Number, "distance"],
-        'form': [String, "form"],
-        'keepOpenOnSelect': [Boolean, "keep-open-on-select"],
-        'name': [String, "name"],
-        'maxTagsVisible': [Number, "max-tags-visible"],
-        'multiple': [Boolean, "multiple"],
-        'open': [Boolean, "open"],
-        'panelHeight': [String, "panel-height"],
-        'placeholder': [String, "placeholder"],
-        'placement': [String, "placement"],
-        'readonly': [Boolean, "readonly"],
-        'required': [Boolean, "required"],
-        'sameWidth': [Boolean, "same-width"],
-        'skidding': [Number, "skidding"],
-        'strategy': [String, "strategy"],
-        'validationStatus': [String, "validation-status"],
-        'value': [String, "value"],
-        'onBqBlur': [Function],
-        'onBqClear': [Function],
-        'onBqFocus': [Function],
-        'onBqSelect': [Function]
-    }
-});
-export const BqSideMenu = /*@__PURE__*/ globalThis.window ? defineContainer('bq-side-menu', defineBqSideMenu, [
+], [
+    'bqBlur',
+    'bqClear',
+    'bqFocus',
+    'bqSelect'
+], 'value', 'bqChange');
+export const BqSideMenu = /*@__PURE__*/ defineContainer('bq-side-menu', defineBqSideMenu, [
     'appearance',
     'collapse',
     'size',
     'bqCollapse',
     'bqSelect'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-side-menu',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'appearance': [String, "appearance"],
-        'collapse': [Boolean, "collapse"],
-        'size': [String, "size"],
-        'onBqCollapse': [Function],
-        'onBqSelect': [Function]
-    }
-});
-export const BqSideMenuItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-side-menu-item', defineBqSideMenuItem, [
+], [
+    'bqCollapse',
+    'bqSelect'
+]);
+export const BqSideMenuItem = /*@__PURE__*/ defineContainer('bq-side-menu-item', defineBqSideMenuItem, [
     'active',
     'collapse',
     'disabled',
     'bqBlur',
     'bqFocus',
     'bqClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-side-menu-item',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'active': [Boolean, "active"],
-        'collapse': [Boolean, "collapse"],
-        'disabled': [Boolean, "disabled"],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function],
-        'onBqClick': [Function]
-    }
-});
-export const BqSlider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-slider', defineBqSlider, [
+], [
+    'bqBlur',
+    'bqFocus',
+    'bqClick'
+]);
+export const BqSlider = /*@__PURE__*/ defineContainer('bq-slider', defineBqSlider, [
     'debounceTime',
     'disabled',
     'enableValueIndicator',
     'gap',
     'max',
     'min',
+    'name',
     'step',
     'type',
     'value',
@@ -816,79 +477,37 @@ export const BqSlider = /*@__PURE__*/ globalThis.window ? defineContainer('bq-sl
     'bqChange',
     'bqBlur',
     'bqFocus'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-slider',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'debounceTime': [Number, "debounce-time"],
-        'disabled': [Boolean, "disabled"],
-        'enableValueIndicator': [Boolean, "enable-value-indicator"],
-        'gap': [Number, "gap"],
-        'max': [Number, "max"],
-        'min': [Number, "min"],
-        'step': [Number, "step"],
-        'type': [String, "type"],
-        'enableTooltip': [Boolean, "enable-tooltip"],
-        'tooltipAlwaysVisible': [Boolean, "tooltip-always-visible"],
-        'onBqChange': [Function],
-        'onBqBlur': [Function],
-        'onBqFocus': [Function]
-    }
-});
-export const BqSpinner = /*@__PURE__*/ globalThis.window ? defineContainer('bq-spinner', defineBqSpinner, [
+], [
+    'bqChange',
+    'bqBlur',
+    'bqFocus'
+], 'value', 'bqChange');
+export const BqSpinner = /*@__PURE__*/ defineContainer('bq-spinner', defineBqSpinner, [
     'animation',
     'textPosition',
     'size'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-spinner',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'animation': [Boolean, "animation"],
-        'textPosition': [String, "text-position"],
-        'size': [String, "size"]
-    }
-});
-export const BqStatus = /*@__PURE__*/ globalThis.window ? defineContainer('bq-status', defineBqStatus, [
+]);
+export const BqStatus = /*@__PURE__*/ defineContainer('bq-status', defineBqStatus, [
     'type'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-status',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'type': [String, "type"]
-    }
-});
-export const BqStepItem = /*@__PURE__*/ globalThis.window ? defineContainer('bq-step-item', defineBqStepItem, [
+]);
+export const BqStepItem = /*@__PURE__*/ defineContainer('bq-step-item', defineBqStepItem, [
     'size',
     'status',
     'type',
     'bqClick'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-step-item',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'size': [String, "size"],
-        'status': [String, "status"],
-        'type': [String, "type"],
-        'onBqClick': [Function]
-    }
-});
-export const BqSteps = /*@__PURE__*/ globalThis.window ? defineContainer('bq-steps', defineBqSteps, [
+], [
+    'bqClick'
+]);
+export const BqSteps = /*@__PURE__*/ defineContainer('bq-steps', defineBqSteps, [
     'dividerColor',
     'size',
     'type'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-steps',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'dividerColor': [String, "divider-color"],
-        'size': [String, "size"],
-        'type': [String, "type"]
-    }
-});
-export const BqSwitch = /*@__PURE__*/ globalThis.window ? defineContainer('bq-switch', defineBqSwitch, [
+]);
+export const BqSwitch = /*@__PURE__*/ defineContainer('bq-switch', defineBqSwitch, [
     'backgroundOnHover',
     'checked',
     'disabled',
+    'formValidationMessage',
     'fullWidth',
     'innerLabel',
     'justifyContent',
@@ -899,76 +518,41 @@ export const BqSwitch = /*@__PURE__*/ globalThis.window ? defineContainer('bq-sw
     'bqChange',
     'bqFocus',
     'bqBlur'
-], 'checked', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-switch',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'backgroundOnHover': [Boolean, "background-on-hover"],
-        'checked': [Boolean, "checked"],
-        'disabled': [Boolean, "disabled"],
-        'fullWidth': [Boolean, "full-width"],
-        'innerLabel': [String, "inner-label"],
-        'justifyContent': [String, "justify-content"],
-        'name': [String, "name"],
-        'required': [Boolean, "required"],
-        'reverseOrder': [Boolean, "reverse-order"],
-        'value': [String, "value"],
-        'onBqChange': [Function],
-        'onBqFocus': [Function],
-        'onBqBlur': [Function]
-    }
-});
-export const BqTab = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tab', defineBqTab, [
+], [
+    'bqChange',
+    'bqFocus',
+    'bqBlur'
+], 'checked', 'bqChange');
+export const BqTab = /*@__PURE__*/ defineContainer('bq-tab', defineBqTab, [
     'active',
+    'controls',
     'disabled',
-    'size',
     'orientation',
     'placement',
+    'size',
     'tabId',
-    'controls',
     'bqClick',
     'bqFocus',
     'bqBlur',
     'bqKeyDown'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-tab',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'active': [Boolean, "active"],
-        'disabled': [Boolean, "disabled"],
-        'size': [String, "size"],
-        'orientation': [String, "orientation"],
-        'placement': [String, "placement"],
-        'tabId': [String, "tab-id"],
-        'controls': [String, "controls"],
-        'onBqClick': [Function],
-        'onBqFocus': [Function],
-        'onBqBlur': [Function],
-        'onBqKeyDown': [Function]
-    }
-});
-export const BqTabGroup = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tab-group', defineBqTabGroup, [
-    'value',
-    'size',
-    'orientation',
-    'placement',
+], [
+    'bqClick',
+    'bqFocus',
+    'bqBlur',
+    'bqKeyDown'
+]);
+export const BqTabGroup = /*@__PURE__*/ defineContainer('bq-tab-group', defineBqTabGroup, [
     'debounceTime',
     'disableDivider',
+    'orientation',
+    'placement',
+    'size',
+    'value',
     'bqChange'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-tab-group',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'value': [String, "value"],
-        'size': [String, "size"],
-        'orientation': [String, "orientation"],
-        'placement': [String, "placement"],
-        'debounceTime': [Number, "debounce-time"],
-        'disableDivider': [Boolean, "disable-divider"],
-        'onBqChange': [Function]
-    }
-});
-export const BqTag = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tag', defineBqTag, [
+], [
+    'bqChange'
+]);
+export const BqTag = /*@__PURE__*/ defineContainer('bq-tag', defineBqTag, [
     'border',
     'clickable',
     'color',
@@ -983,27 +567,14 @@ export const BqTag = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tag',
     'bqBlur',
     'bqClick',
     'bqFocus'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-tag',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'border': [String, "border"],
-        'clickable': [Boolean, "clickable"],
-        'color': [String, "color"],
-        'disabled': [Boolean, "disabled"],
-        'hidden': [Boolean, "hidden"],
-        'removable': [Boolean, "removable"],
-        'selected': [Boolean, "selected"],
-        'size': [String, "size"],
-        'variant': [String, "variant"],
-        'onBqClose': [Function],
-        'onBqOpen': [Function],
-        'onBqBlur': [Function],
-        'onBqClick': [Function],
-        'onBqFocus': [Function]
-    }
-});
-export const BqTextarea = /*@__PURE__*/ globalThis.window ? defineContainer('bq-textarea', defineBqTextarea, [
+], [
+    'bqClose',
+    'bqOpen',
+    'bqBlur',
+    'bqClick',
+    'bqFocus'
+]);
+export const BqTextarea = /*@__PURE__*/ defineContainer('bq-textarea', defineBqTextarea, [
     'autocapitalize',
     'autocomplete',
     'autocorrect',
@@ -1013,6 +584,7 @@ export const BqTextarea = /*@__PURE__*/ globalThis.window ? defineContainer('bq-
     'disabled',
     'disableResize',
     'form',
+    'formValidationMessage',
     'maxlength',
     'name',
     'placeholder',
@@ -1028,37 +600,14 @@ export const BqTextarea = /*@__PURE__*/ globalThis.window ? defineContainer('bq-
     'bqClear',
     'bqFocus',
     'bqInput'
-], 'value', 'bqChange') : defineStencilSSRComponent({
-    tagName: 'bq-textarea',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'autocapitalize': [String, "autocapitalize"],
-        'autocomplete': [String, "autocomplete"],
-        'autocorrect': [String, "autocorrect"],
-        'autofocus': [Boolean, "autofocus"],
-        'autoGrow': [Boolean, "auto-grow"],
-        'debounceTime': [Number, "debounce-time"],
-        'disabled': [Boolean, "disabled"],
-        'disableResize': [Boolean, "disable-resize"],
-        'form': [String, "form"],
-        'maxlength': [Number, "maxlength"],
-        'name': [String, "name"],
-        'placeholder': [String, "placeholder"],
-        'readonly': [Boolean, "readonly"],
-        'required': [Boolean, "required"],
-        'rows': [Number, "rows"],
-        'spellcheck': [Boolean, "spellcheck"],
-        'validationStatus': [String, "validation-status"],
-        'value': [String, "value"],
-        'wrap': [String, "wrap"],
-        'onBqBlur': [Function],
-        'onBqChange': [Function],
-        'onBqClear': [Function],
-        'onBqFocus': [Function],
-        'onBqInput': [Function]
-    }
-});
-export const BqToast = /*@__PURE__*/ globalThis.window ? defineContainer('bq-toast', defineBqToast, [
+], [
+    'bqBlur',
+    'bqChange',
+    'bqClear',
+    'bqFocus',
+    'bqInput'
+], 'value', 'bqChange');
+export const BqToast = /*@__PURE__*/ defineContainer('bq-toast', defineBqToast, [
     'border',
     'type',
     'placement',
@@ -1067,21 +616,11 @@ export const BqToast = /*@__PURE__*/ globalThis.window ? defineContainer('bq-toa
     'time',
     'bqHide',
     'bqShow'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-toast',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'border': [String, "border"],
-        'type': [String, "type"],
-        'placement': [String, "placement"],
-        'hideIcon': [Boolean, "hide-icon"],
-        'open': [Boolean, "open"],
-        'time': [Number, "time"],
-        'onBqHide': [Function],
-        'onBqShow': [Function]
-    }
-});
-export const BqTooltip = /*@__PURE__*/ globalThis.window ? defineContainer('bq-tooltip', defineBqTooltip, [
+], [
+    'bqHide',
+    'bqShow'
+]);
+export const BqTooltip = /*@__PURE__*/ defineContainer('bq-tooltip', defineBqTooltip, [
     'alwaysVisible',
     'distance',
     'hideArrow',
@@ -1089,17 +628,5 @@ export const BqTooltip = /*@__PURE__*/ globalThis.window ? defineContainer('bq-t
     'sameWidth',
     'displayOn',
     'visible'
-]) : defineStencilSSRComponent({
-    tagName: 'bq-tooltip',
-    hydrateModule: import('@beeq/core/dist/hydrate'),
-    props: {
-        'alwaysVisible': [Boolean, "always-visible"],
-        'distance': [Number, "distance"],
-        'hideArrow': [Boolean, "hide-arrow"],
-        'placement': [String, "placement"],
-        'sameWidth': [Boolean, "same-width"],
-        'displayOn': [String, "display-on"],
-        'visible': [Boolean, "visible"]
-    }
-});
+]);
 //# sourceMappingURL=components.js.map