@baloise/ds-react 18.3.0 → 19.0.0-nightly.20250512

package/index.esm.js

@@ -1,8 +1,122 @@
 import { initialize } from '@baloise/ds-core';
-import React, { createElement, Fragment } from 'react';
-import { jsx } from 'react/jsx-runtime';
-import 'react-dom';
-import { defineCustomElements } from '@baloise/ds-core/loader';
+import { defineCustomElement, BalAccordionDetails as BalAccordionDetails$1 } from '@baloise/ds-core/components/bal-accordion-details.js';
+import { defineCustomElement as defineCustomElement$1, BalAccordionSummary as BalAccordionSummary$1 } from '@baloise/ds-core/components/bal-accordion-summary.js';
+import { defineCustomElement as defineCustomElement$2, BalAccordionTrigger as BalAccordionTrigger$1 } from '@baloise/ds-core/components/bal-accordion-trigger.js';
+import { defineCustomElement as defineCustomElement$1Q, BalAccordion as BalAccordion$1 } from '@baloise/ds-core/components/bal-accordion.js';
+import { defineCustomElement as defineCustomElement$3, BalApp as BalApp$1 } from '@baloise/ds-core/components/bal-app.js';
+import { defineCustomElement as defineCustomElement$4, BalBadge as BalBadge$1 } from '@baloise/ds-core/components/bal-badge.js';
+import { defineCustomElement as defineCustomElement$6, BalButtonGroup as BalButtonGroup$1 } from '@baloise/ds-core/components/bal-button-group.js';
+import { defineCustomElement as defineCustomElement$5, BalButton as BalButton$1 } from '@baloise/ds-core/components/bal-button.js';
+import { defineCustomElement as defineCustomElement$8, BalCardActions as BalCardActions$1 } from '@baloise/ds-core/components/bal-card-actions.js';
+import { defineCustomElement as defineCustomElement$9, BalCardButton as BalCardButton$1 } from '@baloise/ds-core/components/bal-card-button.js';
+import { defineCustomElement as defineCustomElement$a, BalCardContent as BalCardContent$1 } from '@baloise/ds-core/components/bal-card-content.js';
+import { defineCustomElement as defineCustomElement$b, BalCardSubtitle as BalCardSubtitle$1 } from '@baloise/ds-core/components/bal-card-subtitle.js';
+import { defineCustomElement as defineCustomElement$c, BalCardTitle as BalCardTitle$1 } from '@baloise/ds-core/components/bal-card-title.js';
+import { defineCustomElement as defineCustomElement$7, BalCard as BalCard$1 } from '@baloise/ds-core/components/bal-card.js';
+import { defineCustomElement as defineCustomElement$e, BalCarouselItem as BalCarouselItem$1 } from '@baloise/ds-core/components/bal-carousel-item.js';
+import { defineCustomElement as defineCustomElement$d, BalCarousel as BalCarousel$1 } from '@baloise/ds-core/components/bal-carousel.js';
+import { defineCustomElement as defineCustomElement$f, BalCheck as BalCheck$1 } from '@baloise/ds-core/components/bal-check.js';
+import { defineCustomElement as defineCustomElement$h, BalCheckboxGroup as BalCheckboxGroup$1 } from '@baloise/ds-core/components/bal-checkbox-group.js';
+import { defineCustomElement as defineCustomElement$g, BalCheckbox as BalCheckbox$1 } from '@baloise/ds-core/components/bal-checkbox.js';
+import { defineCustomElement as defineCustomElement$i, BalClose as BalClose$1 } from '@baloise/ds-core/components/bal-close.js';
+import { defineCustomElement as defineCustomElement$j, BalContent as BalContent$1 } from '@baloise/ds-core/components/bal-content.js';
+import { defineCustomElement as defineCustomElement$l, BalDataItem as BalDataItem$1 } from '@baloise/ds-core/components/bal-data-item.js';
+import { defineCustomElement as defineCustomElement$m, BalDataLabel as BalDataLabel$1 } from '@baloise/ds-core/components/bal-data-label.js';
+import { defineCustomElement as defineCustomElement$n, BalDataValue as BalDataValue$1 } from '@baloise/ds-core/components/bal-data-value.js';
+import { defineCustomElement as defineCustomElement$k, BalData as BalData$1 } from '@baloise/ds-core/components/bal-data.js';
+import { defineCustomElement as defineCustomElement$q, BalDateCalendarCell as BalDateCalendarCell$1 } from '@baloise/ds-core/components/bal-date-calendar-cell.js';
+import { defineCustomElement as defineCustomElement$p, BalDateCalendar as BalDateCalendar$1 } from '@baloise/ds-core/components/bal-date-calendar.js';
+import { defineCustomElement as defineCustomElement$o, BalDate as BalDate$1 } from '@baloise/ds-core/components/bal-date.js';
+import { defineCustomElement as defineCustomElement$r, BalDivider as BalDivider$1 } from '@baloise/ds-core/components/bal-divider.js';
+import { defineCustomElement as defineCustomElement$s, BalDropdown as BalDropdown$1 } from '@baloise/ds-core/components/bal-dropdown.js';
+import { defineCustomElement as defineCustomElement$u, BalFieldControl as BalFieldControl$1 } from '@baloise/ds-core/components/bal-field-control.js';
+import { defineCustomElement as defineCustomElement$v, BalFieldHint as BalFieldHint$1 } from '@baloise/ds-core/components/bal-field-hint.js';
+import { defineCustomElement as defineCustomElement$w, BalFieldLabel as BalFieldLabel$1 } from '@baloise/ds-core/components/bal-field-label.js';
+import { defineCustomElement as defineCustomElement$x, BalFieldMessage as BalFieldMessage$1 } from '@baloise/ds-core/components/bal-field-message.js';
+import { defineCustomElement as defineCustomElement$t, BalField as BalField$1 } from '@baloise/ds-core/components/bal-field.js';
+import { defineCustomElement as defineCustomElement$y, BalFileUpload as BalFileUpload$1 } from '@baloise/ds-core/components/bal-file-upload.js';
+import { defineCustomElement as defineCustomElement$z, BalFooter as BalFooter$1 } from '@baloise/ds-core/components/bal-footer.js';
+import { defineCustomElement as defineCustomElement$B, BalFormCol as BalFormCol$1 } from '@baloise/ds-core/components/bal-form-col.js';
+import { defineCustomElement as defineCustomElement$C, BalFormGrid as BalFormGrid$1 } from '@baloise/ds-core/components/bal-form-grid.js';
+import { defineCustomElement as defineCustomElement$A, BalForm as BalForm$1 } from '@baloise/ds-core/components/bal-form.js';
+import { defineCustomElement as defineCustomElement$D, BalHeading as BalHeading$1 } from '@baloise/ds-core/components/bal-heading.js';
+import { defineCustomElement as defineCustomElement$F, BalHintText as BalHintText$1 } from '@baloise/ds-core/components/bal-hint-text.js';
+import { defineCustomElement as defineCustomElement$G, BalHintTitle as BalHintTitle$1 } from '@baloise/ds-core/components/bal-hint-title.js';
+import { defineCustomElement as defineCustomElement$E, BalHint as BalHint$1 } from '@baloise/ds-core/components/bal-hint.js';
+import { defineCustomElement as defineCustomElement$H, BalIcon as BalIcon$1 } from '@baloise/ds-core/components/bal-icon.js';
+import { defineCustomElement as defineCustomElement$J, BalInputDate as BalInputDate$1 } from '@baloise/ds-core/components/bal-input-date.js';
+import { defineCustomElement as defineCustomElement$K, BalInputGroup as BalInputGroup$1 } from '@baloise/ds-core/components/bal-input-group.js';
+import { defineCustomElement as defineCustomElement$L, BalInputSlider as BalInputSlider$1 } from '@baloise/ds-core/components/bal-input-slider.js';
+import { defineCustomElement as defineCustomElement$M, BalInputStepper as BalInputStepper$1 } from '@baloise/ds-core/components/bal-input-stepper.js';
+import { defineCustomElement as defineCustomElement$I, BalInput as BalInput$1 } from '@baloise/ds-core/components/bal-input.js';
+import { defineCustomElement as defineCustomElement$N, BalLabel as BalLabel$1 } from '@baloise/ds-core/components/bal-label.js';
+import { defineCustomElement as defineCustomElement$Q, BalListItemAccordionBody as BalListItemAccordionBody$1 } from '@baloise/ds-core/components/bal-list-item-accordion-body.js';
+import { defineCustomElement as defineCustomElement$R, BalListItemAccordionHead as BalListItemAccordionHead$1 } from '@baloise/ds-core/components/bal-list-item-accordion-head.js';
+import { defineCustomElement as defineCustomElement$S, BalListItemContent as BalListItemContent$1 } from '@baloise/ds-core/components/bal-list-item-content.js';
+import { defineCustomElement as defineCustomElement$T, BalListItemIcon as BalListItemIcon$1 } from '@baloise/ds-core/components/bal-list-item-icon.js';
+import { defineCustomElement as defineCustomElement$U, BalListItemSubtitle as BalListItemSubtitle$1 } from '@baloise/ds-core/components/bal-list-item-subtitle.js';
+import { defineCustomElement as defineCustomElement$V, BalListItemTitle as BalListItemTitle$1 } from '@baloise/ds-core/components/bal-list-item-title.js';
+import { defineCustomElement as defineCustomElement$P, BalListItem as BalListItem$1 } from '@baloise/ds-core/components/bal-list-item.js';
+import { defineCustomElement as defineCustomElement$O, BalList as BalList$1 } from '@baloise/ds-core/components/bal-list.js';
+import { defineCustomElement as defineCustomElement$W, BalLogo as BalLogo$1 } from '@baloise/ds-core/components/bal-logo.js';
+import { defineCustomElement as defineCustomElement$Y, BalModalBody as BalModalBody$1 } from '@baloise/ds-core/components/bal-modal-body.js';
+import { defineCustomElement as defineCustomElement$Z, BalModalHeader as BalModalHeader$1 } from '@baloise/ds-core/components/bal-modal-header.js';
+import { defineCustomElement as defineCustomElement$X, BalModal as BalModal$1 } from '@baloise/ds-core/components/bal-modal.js';
+import { defineCustomElement as defineCustomElement$11, BalNavLinkGridCol as BalNavLinkGridCol$1 } from '@baloise/ds-core/components/bal-nav-link-grid-col.js';
+import { defineCustomElement as defineCustomElement$10, BalNavLinkGrid as BalNavLinkGrid$1 } from '@baloise/ds-core/components/bal-nav-link-grid.js';
+import { defineCustomElement as defineCustomElement$12, BalNavLinkGroup as BalNavLinkGroup$1 } from '@baloise/ds-core/components/bal-nav-link-group.js';
+import { defineCustomElement as defineCustomElement$$, BalNavLink as BalNavLink$1 } from '@baloise/ds-core/components/bal-nav-link.js';
+import { defineCustomElement as defineCustomElement$13, BalNavMenuBar as BalNavMenuBar$1 } from '@baloise/ds-core/components/bal-nav-menu-bar.js';
+import { defineCustomElement as defineCustomElement$14, BalNavMenuFlyout as BalNavMenuFlyout$1 } from '@baloise/ds-core/components/bal-nav-menu-flyout.js';
+import { defineCustomElement as defineCustomElement$15, BalNavMetaBar as BalNavMetaBar$1 } from '@baloise/ds-core/components/bal-nav-meta-bar.js';
+import { defineCustomElement as defineCustomElement$_, BalNav as BalNav$1 } from '@baloise/ds-core/components/bal-nav.js';
+import { defineCustomElement as defineCustomElement$17, BalNavbarBrand as BalNavbarBrand$1 } from '@baloise/ds-core/components/bal-navbar-brand.js';
+import { defineCustomElement as defineCustomElement$19, BalNavbarMenuEnd as BalNavbarMenuEnd$1 } from '@baloise/ds-core/components/bal-navbar-menu-end.js';
+import { defineCustomElement as defineCustomElement$1a, BalNavbarMenuStart as BalNavbarMenuStart$1 } from '@baloise/ds-core/components/bal-navbar-menu-start.js';
+import { defineCustomElement as defineCustomElement$18, BalNavbarMenu as BalNavbarMenu$1 } from '@baloise/ds-core/components/bal-navbar-menu.js';
+import { defineCustomElement as defineCustomElement$16, BalNavbar as BalNavbar$1 } from '@baloise/ds-core/components/bal-navbar.js';
+import { defineCustomElement as defineCustomElement$1b, BalNotices as BalNotices$1 } from '@baloise/ds-core/components/bal-notices.js';
+import { defineCustomElement as defineCustomElement$1c, BalNotification as BalNotification$1 } from '@baloise/ds-core/components/bal-notification.js';
+import { defineCustomElement as defineCustomElement$1d, BalNumberInput as BalNumberInput$1 } from '@baloise/ds-core/components/bal-number-input.js';
+import { defineCustomElement as defineCustomElement$1f, BalOptionList as BalOptionList$1 } from '@baloise/ds-core/components/bal-option-list.js';
+import { defineCustomElement as defineCustomElement$1e, BalOption as BalOption$1 } from '@baloise/ds-core/components/bal-option.js';
+import { defineCustomElement as defineCustomElement$1g, BalPagination as BalPagination$1 } from '@baloise/ds-core/components/bal-pagination.js';
+import { defineCustomElement as defineCustomElement$1i, BalPopoverContent as BalPopoverContent$1 } from '@baloise/ds-core/components/bal-popover-content.js';
+import { defineCustomElement as defineCustomElement$1h, BalPopover as BalPopover$1 } from '@baloise/ds-core/components/bal-popover.js';
+import { defineCustomElement as defineCustomElement$1j, BalPopup as BalPopup$1 } from '@baloise/ds-core/components/bal-popup.js';
+import { defineCustomElement as defineCustomElement$1k, BalProgressBar as BalProgressBar$1 } from '@baloise/ds-core/components/bal-progress-bar.js';
+import { defineCustomElement as defineCustomElement$1m, BalRadioGroup as BalRadioGroup$1 } from '@baloise/ds-core/components/bal-radio-group.js';
+import { defineCustomElement as defineCustomElement$1n, BalRadioIcon as BalRadioIcon$1 } from '@baloise/ds-core/components/bal-radio-icon.js';
+import { defineCustomElement as defineCustomElement$1l, BalRadio as BalRadio$1 } from '@baloise/ds-core/components/bal-radio.js';
+import { defineCustomElement as defineCustomElement$1p, BalSegmentItem as BalSegmentItem$1 } from '@baloise/ds-core/components/bal-segment-item.js';
+import { defineCustomElement as defineCustomElement$1o, BalSegment as BalSegment$1 } from '@baloise/ds-core/components/bal-segment.js';
+import { defineCustomElement as defineCustomElement$1r, BalSelectOption as BalSelectOption$1 } from '@baloise/ds-core/components/bal-select-option.js';
+import { defineCustomElement as defineCustomElement$1q, BalSelect as BalSelect$1 } from '@baloise/ds-core/components/bal-select.js';
+import { defineCustomElement as defineCustomElement$1s, BalShape as BalShape$1 } from '@baloise/ds-core/components/bal-shape.js';
+import { defineCustomElement as defineCustomElement$1t, BalSheet as BalSheet$1 } from '@baloise/ds-core/components/bal-sheet.js';
+import { defineCustomElement as defineCustomElement$1u, BalSnackbar as BalSnackbar$1 } from '@baloise/ds-core/components/bal-snackbar.js';
+import { defineCustomElement as defineCustomElement$1v, BalSpinner as BalSpinner$1 } from '@baloise/ds-core/components/bal-spinner.js';
+import { defineCustomElement as defineCustomElement$1w, BalStack as BalStack$1 } from '@baloise/ds-core/components/bal-stack.js';
+import { defineCustomElement as defineCustomElement$1y, BalStageBackLink as BalStageBackLink$1 } from '@baloise/ds-core/components/bal-stage-back-link.js';
+import { defineCustomElement as defineCustomElement$1z, BalStageBody as BalStageBody$1 } from '@baloise/ds-core/components/bal-stage-body.js';
+import { defineCustomElement as defineCustomElement$1A, BalStageFoot as BalStageFoot$1 } from '@baloise/ds-core/components/bal-stage-foot.js';
+import { defineCustomElement as defineCustomElement$1B, BalStageHead as BalStageHead$1 } from '@baloise/ds-core/components/bal-stage-head.js';
+import { defineCustomElement as defineCustomElement$1C, BalStageImage as BalStageImage$1 } from '@baloise/ds-core/components/bal-stage-image.js';
+import { defineCustomElement as defineCustomElement$1x, BalStage as BalStage$1 } from '@baloise/ds-core/components/bal-stage.js';
+import { defineCustomElement as defineCustomElement$1D, BalStepItem as BalStepItem$1 } from '@baloise/ds-core/components/bal-step-item.js';
+import { defineCustomElement as defineCustomElement$1E, BalSteps as BalSteps$1 } from '@baloise/ds-core/components/bal-steps.js';
+import { defineCustomElement as defineCustomElement$1F, BalSwitch as BalSwitch$1 } from '@baloise/ds-core/components/bal-switch.js';
+import { defineCustomElement as defineCustomElement$1G, BalTabItem as BalTabItem$1 } from '@baloise/ds-core/components/bal-tab-item.js';
+import { defineCustomElement as defineCustomElement$1H, BalTable as BalTable$1 } from '@baloise/ds-core/components/bal-table.js';
+import { defineCustomElement as defineCustomElement$1I, BalTabs as BalTabs$1 } from '@baloise/ds-core/components/bal-tabs.js';
+import { defineCustomElement as defineCustomElement$1K, BalTagGroup as BalTagGroup$1 } from '@baloise/ds-core/components/bal-tag-group.js';
+import { defineCustomElement as defineCustomElement$1J, BalTag as BalTag$1 } from '@baloise/ds-core/components/bal-tag.js';
+import { defineCustomElement as defineCustomElement$1L, BalText as BalText$1 } from '@baloise/ds-core/components/bal-text.js';
+import { defineCustomElement as defineCustomElement$1M, BalTextarea as BalTextarea$1 } from '@baloise/ds-core/components/bal-textarea.js';
+import { defineCustomElement as defineCustomElement$1N, BalTimeInput as BalTimeInput$1 } from '@baloise/ds-core/components/bal-time-input.js';
+import { defineCustomElement as defineCustomElement$1O, BalToast as BalToast$1 } from '@baloise/ds-core/components/bal-toast.js';
+import { defineCustomElement as defineCustomElement$1P, BalTooltip as BalTooltip$1 } from '@baloise/ds-core/components/bal-tooltip.js';
+import React from 'react';
 
 function _extends() {
     _extends = Object.assign || function assign(target) {
@@ -15,42 +129,197 @@ function _extends() {
     return _extends.apply(this, arguments);
 }
 
-function _defineProperties(target, props) {
-    for(var i = 0; i < props.length; i++){
-        var descriptor = props[i];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor) descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */ function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
+    return obj;
 }
-function _create_class(Constructor, protoProps, staticProps) {
-    if (staticProps) _defineProperties(Constructor, staticProps);
-    return Constructor;
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
 }
-
-function _set_prototype_of(o, p) {
-    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
-        o.__proto__ = p;
-        return o;
-    };
-    return _set_prototype_of(o, p);
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
-function _inherits(subClass, superClass) {
-    if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        keys.push.apply(keys, symbols);
     }
-    subClass.prototype = Object.create(superClass && superClass.prototype, {
-        constructor: {
-            value: subClass,
-            writable: true,
-            configurable: true
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var e = new Set([
+    "children",
+    "localName",
+    "ref",
+    "style",
+    "className"
+]), n = new WeakMap, t = function(e, t, o, l, a) {
+    var s = a === null || a === undefined ? undefined : a[t];
+    undefined === s ? (e[t] = o, null == o && t in HTMLElement.prototype && e.removeAttribute(t)) : o !== l && function(e, t, o) {
+        var _$l = n.get(e);
+        undefined === _$l && n.set(e, _$l = new Map);
+        var _$a = _$l.get(t);
+        undefined !== o ? undefined === _$a ? (_$l.set(t, _$a = {
+            handleEvent: o
+        }), e.addEventListener(t, _$a)) : _$a.handleEvent = o : undefined !== _$a && (_$l.delete(t), e.removeEventListener(t, _$a));
+    }(e, s, o);
+}, o = function(param) {
+    var n = param.react, o = param.tagName, l = param.elementClass, a = param.events, s = param.displayName;
+    var c = new Set(Object.keys(a !== null && a !== undefined ? a : {})), r = n.forwardRef(function(s, r) {
+        var i = n.useRef(new Map), d = n.useRef(null), f = {}, u = {};
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = Object.entries(s)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var _step_value = _sliced_to_array(_step.value, 2), n1 = _step_value[0], t1 = _step_value[1];
+                e.has(n1) ? f["className" === n1 ? "class" : n1] = t1 : c.has(n1) || n1 in l.prototype ? u[n1] = t1 : f[n1] = t1;
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
         }
+        return n.useLayoutEffect(function() {
+            if (null === d.current) return;
+            var e = new Map;
+            for(var n in u)t(d.current, n, s[n], i.current.get(n), a), i.current.delete(n), e.set(n, s[n]);
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = i.current[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var _step_value = _sliced_to_array(_step.value, 2), e1 = _step_value[0], n1 = _step_value[1];
+                    t(d.current, e1, void 0, n1, a);
+                }
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            i.current = e;
+        }), n.useLayoutEffect(function() {
+            var _d_current;
+            (_d_current = d.current) === null || _d_current === undefined ? undefined : _d_current.removeAttribute("defer-hydration");
+        }, []), f.suppressHydrationWarning = true, n.createElement(o, _object_spread_props(_object_spread({}, f), {
+            ref: n.useCallback(function(e) {
+                d.current = e, "function" == typeof r ? r(e) : null !== r && (r.current = e);
+            }, [
+                r
+            ])
+        }));
     });
-    if (superClass) _set_prototype_of(subClass, superClass);
-}
+    return r.displayName = s !== null && s !== undefined ? s : l.name, r;
+};
 
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
 function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
@@ -63,340 +332,1121 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-
-function _instanceof(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else {
-        return left instanceof right;
-    }
-}
-function _instanceof1(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else return _instanceof(left, right);
-}
-
 function _type_of(obj) {
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
 }
-
-var dashToPascalCase = function(str) {
-    return str.toLowerCase().split('-').map(function(segment) {
-        return segment.charAt(0).toUpperCase() + segment.slice(1);
-    }).join('');
-};
-var camelToDashCase = function(str) {
-    return str.replace(/([A-Z])/g, function(m) {
-        return "-" + m[0].toLowerCase();
-    });
-};
-
-var attachProps = function(node, newProps, oldProps) {
-    if (oldProps === undefined) oldProps = {};
-    // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-    if (_instanceof1(node, Element)) {
-        // add any classes in className to the class list
-        var className = getClassName(node.classList, newProps, oldProps);
-        if (className !== '') {
-            node.className = className;
-        }
-        Object.keys(newProps).forEach(function(name) {
-            if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
-                return;
-            }
-            if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                var eventName = name.substring(2);
-                var eventNameLc = eventName[0].toLowerCase() + eventName.substring(1);
-                if (!isCoveredByReact(eventNameLc)) {
-                    syncEvent(node, eventNameLc, newProps[name]);
-                }
-            } else {
-                node[name] = newProps[name];
-                var propType = _type_of(newProps[name]);
-                if (propType === 'string') {
-                    node.setAttribute(camelToDashCase(name), newProps[name]);
-                }
-            }
-        });
-    }
-};
-var getClassName = function(classList, newProps, oldProps) {
-    var newClassProp = newProps.className || newProps.class;
-    var oldClassProp = oldProps.className || oldProps.class;
-    // map the classes to Maps for performance
-    var currentClasses = arrayToMap(classList);
-    var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-    var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-    var finalClassNames = [];
-    // loop through each of the current classes on the component
-    // to see if it should be a part of the classNames added
-    currentClasses.forEach(function(currentClass) {
-        if (incomingPropClasses.has(currentClass)) {
-            // add it as its already included in classnames coming in from newProps
-            finalClassNames.push(currentClass);
-            incomingPropClasses.delete(currentClass);
-        } else if (!oldPropClasses.has(currentClass)) {
-            // add it as it has NOT been removed by user
-            finalClassNames.push(currentClass);
-        }
-    });
-    incomingPropClasses.forEach(function(s) {
-        return finalClassNames.push(s);
-    });
-    return finalClassNames.join(' ');
-};
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */ var isCoveredByReact = function(eventNameSuffix) {
-    if (typeof document === 'undefined') {
-        return true;
-    } else {
-        var eventName = 'on' + eventNameSuffix;
-        var isSupported = eventName in document;
-        if (!isSupported) {
-            var element = document.createElement('div');
-            element.setAttribute(eventName, 'return;');
-            isSupported = typeof element[eventName] === 'function';
-        }
-        return isSupported;
-    }
-};
-var syncEvent = function(node, eventName, newEventHandler) {
-    var eventStore = node.__events || (node.__events = {});
-    var oldEventHandler = eventStore[eventName];
-    // Remove old listener so they don't double up.
-    if (oldEventHandler) {
-        node.removeEventListener(eventName, oldEventHandler);
-    }
-    // Bind new listener.
-    node.addEventListener(eventName, eventStore[eventName] = function handler(e) {
-        if (newEventHandler) {
-            newEventHandler.call(this, e);
-        }
-    });
-};
-var arrayToMap = function(arr) {
-    var map = new Map();
-    arr.forEach(function(s) {
-        return map.set(s, s);
-    });
-    return map;
-};
-
-var setRef = function(ref, value) {
-    if (typeof ref === 'function') {
-        ref(value);
-    } else if (ref != null) {
-        ref.current = value;
-    }
-};
-var mergeRefs = function() {
-    for(var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++){
-        refs[_key] = arguments[_key];
-    }
-    return function(value) {
-        refs.forEach(function(ref) {
-            setRef(ref, value);
-        });
-    };
-};
-var createForwardRef = function(ReactComponent, displayName) {
-    var forwardRef = function(props, ref) {
-        return /*#__PURE__*/ jsx(ReactComponent, _extends({}, props, {
-            forwardedRef: ref
-        }));
-    };
-    forwardRef.displayName = displayName;
-    return /*#__PURE__*/ React.forwardRef(forwardRef);
-};
-
-var createReactComponent = function(tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
-    var displayName = dashToPascalCase(tagName);
-    var ReactComponent = /*#__PURE__*/ function(_React_Component) {
-        _inherits(ReactComponent, _React_Component);
-        function ReactComponent(props) {
-            var _this;
-            _this = _React_Component.call(this, props) || this;
-            _this.setComponentElRef = function(element) {
-                _this.componentEl = element;
-            };
-            return _this;
-        }
-        var _proto = ReactComponent.prototype;
-        _proto.componentDidMount = function componentDidMount() {
-            this.componentDidUpdate(this.props);
-        };
-        _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        };
-        _proto.render = function render() {
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars
-            var _this_props = this.props, children = _this_props.children, forwardedRef = _this_props.forwardedRef, style = _this_props.style; _this_props.className; _this_props.ref; var cProps = _object_without_properties_loose(_this_props, [
-                "children",
-                "forwardedRef",
-                "style",
-                "className",
-                "ref"
-            ]);
-            var propsToPass = Object.keys(cProps).reduce(function(acc, name) {
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    var eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = cProps[name];
-                    }
-                } else {
-                    acc[name] = cProps[name];
-                }
-                return acc;
-            }, {});
-            var newProps = _extends({}, propsToPass, {
-                ref: mergeRefs(forwardedRef, this.setComponentElRef),
-                style: style
-            });
-            /**
-       * We use createElement here instead of
-       * React.createElement to work around a
-       * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-       * React.createElement causes all elements to be rendered
-       * as <tagname> instead of the actual Web Component.
-       */ var areChildrenEmpty = children === '' || children === undefined || children === null;
-            var fragment = !areChildrenEmpty ? /*#__PURE__*/ createElement(Fragment, {}, children) : /*#__PURE__*/ createElement(Fragment, {}, ' ');
-            var component = /*#__PURE__*/ createElement(tagName, newProps, fragment);
-            return component;
-        };
-        _create_class(ReactComponent, null, [
-            {
-                key: "displayName",
-                get: function get() {
-                    return displayName;
-                }
-            }
-        ]);
-        return ReactComponent;
-    }(React.Component);
-    return createForwardRef(ReactComponent, displayName);
+var r = function(_param) {
+    var e = _param.defineCustomElement, o$1 = _object_without_properties(_param, [
+        "defineCustomElement"
+    ]);
+    return (typeof e === "undefined" ? "undefined" : _type_of(e)) < "u" && e(), o(o$1);
 };
 
-defineCustomElements();
-var BalAccordion = /*@__PURE__*/ createReactComponent('bal-accordion');
-var BalAccordionDetails = /*@__PURE__*/ createReactComponent('bal-accordion-details');
-var BalAccordionSummary = /*@__PURE__*/ createReactComponent('bal-accordion-summary');
-var BalAccordionTrigger = /*@__PURE__*/ createReactComponent('bal-accordion-trigger');
-var BalApp = /*@__PURE__*/ createReactComponent('bal-app');
-var BalBadge = /*@__PURE__*/ createReactComponent('bal-badge');
-var BalButton = /*@__PURE__*/ createReactComponent('bal-button');
-var BalButtonGroup = /*@__PURE__*/ createReactComponent('bal-button-group');
-var BalCard = /*@__PURE__*/ createReactComponent('bal-card');
-var BalCardActions = /*@__PURE__*/ createReactComponent('bal-card-actions');
-var BalCardButton = /*@__PURE__*/ createReactComponent('bal-card-button');
-var BalCardContent = /*@__PURE__*/ createReactComponent('bal-card-content');
-var BalCardSubtitle = /*@__PURE__*/ createReactComponent('bal-card-subtitle');
-var BalCardTitle = /*@__PURE__*/ createReactComponent('bal-card-title');
-var BalCarousel = /*@__PURE__*/ createReactComponent('bal-carousel');
-var BalCarouselItem = /*@__PURE__*/ createReactComponent('bal-carousel-item');
-var BalCheckbox = /*@__PURE__*/ createReactComponent('bal-checkbox');
-var BalCheckboxButton = /*@__PURE__*/ createReactComponent('bal-checkbox-button');
-var BalCheckboxGroup = /*@__PURE__*/ createReactComponent('bal-checkbox-group');
-var BalClose = /*@__PURE__*/ createReactComponent('bal-close');
-var BalContent = /*@__PURE__*/ createReactComponent('bal-content');
-var BalData = /*@__PURE__*/ createReactComponent('bal-data');
-var BalDataItem = /*@__PURE__*/ createReactComponent('bal-data-item');
-var BalDataLabel = /*@__PURE__*/ createReactComponent('bal-data-label');
-var BalDataValue = /*@__PURE__*/ createReactComponent('bal-data-value');
-var BalDate = /*@__PURE__*/ createReactComponent('bal-date');
-var BalDateCalendar = /*@__PURE__*/ createReactComponent('bal-date-calendar');
-var BalDateCalendarCell = /*@__PURE__*/ createReactComponent('bal-date-calendar-cell');
-var BalDivider = /*@__PURE__*/ createReactComponent('bal-divider');
-var BalDropdown = /*@__PURE__*/ createReactComponent('bal-dropdown');
-var BalField = /*@__PURE__*/ createReactComponent('bal-field');
-var BalFieldControl = /*@__PURE__*/ createReactComponent('bal-field-control');
-var BalFieldHint = /*@__PURE__*/ createReactComponent('bal-field-hint');
-var BalFieldLabel = /*@__PURE__*/ createReactComponent('bal-field-label');
-var BalFieldMessage = /*@__PURE__*/ createReactComponent('bal-field-message');
-var BalFileUpload = /*@__PURE__*/ createReactComponent('bal-file-upload');
-var BalFooter = /*@__PURE__*/ createReactComponent('bal-footer');
-var BalForm = /*@__PURE__*/ createReactComponent('bal-form');
-var BalFormCol = /*@__PURE__*/ createReactComponent('bal-form-col');
-var BalFormGrid = /*@__PURE__*/ createReactComponent('bal-form-grid');
-var BalHeading = /*@__PURE__*/ createReactComponent('bal-heading');
-var BalHint = /*@__PURE__*/ createReactComponent('bal-hint');
-var BalHintText = /*@__PURE__*/ createReactComponent('bal-hint-text');
-var BalHintTitle = /*@__PURE__*/ createReactComponent('bal-hint-title');
-var BalIcon = /*@__PURE__*/ createReactComponent('bal-icon');
-var BalInput = /*@__PURE__*/ createReactComponent('bal-input');
-var BalInputDate = /*@__PURE__*/ createReactComponent('bal-input-date');
-var BalInputGroup = /*@__PURE__*/ createReactComponent('bal-input-group');
-var BalInputSlider = /*@__PURE__*/ createReactComponent('bal-input-slider');
-var BalInputStepper = /*@__PURE__*/ createReactComponent('bal-input-stepper');
-var BalLabel = /*@__PURE__*/ createReactComponent('bal-label');
-var BalList = /*@__PURE__*/ createReactComponent('bal-list');
-var BalListItem = /*@__PURE__*/ createReactComponent('bal-list-item');
-var BalListItemAccordionBody = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-body');
-var BalListItemAccordionHead = /*@__PURE__*/ createReactComponent('bal-list-item-accordion-head');
-var BalListItemContent = /*@__PURE__*/ createReactComponent('bal-list-item-content');
-var BalListItemIcon = /*@__PURE__*/ createReactComponent('bal-list-item-icon');
-var BalListItemSubtitle = /*@__PURE__*/ createReactComponent('bal-list-item-subtitle');
-var BalListItemTitle = /*@__PURE__*/ createReactComponent('bal-list-item-title');
-var BalLogo = /*@__PURE__*/ createReactComponent('bal-logo');
-var BalModal = /*@__PURE__*/ createReactComponent('bal-modal');
-var BalModalBody = /*@__PURE__*/ createReactComponent('bal-modal-body');
-var BalModalHeader = /*@__PURE__*/ createReactComponent('bal-modal-header');
-var BalNav = /*@__PURE__*/ createReactComponent('bal-nav');
-var BalNavLink = /*@__PURE__*/ createReactComponent('bal-nav-link');
-var BalNavLinkGrid = /*@__PURE__*/ createReactComponent('bal-nav-link-grid');
-var BalNavLinkGridCol = /*@__PURE__*/ createReactComponent('bal-nav-link-grid-col');
-var BalNavLinkGroup = /*@__PURE__*/ createReactComponent('bal-nav-link-group');
-var BalNavMenuBar = /*@__PURE__*/ createReactComponent('bal-nav-menu-bar');
-var BalNavMenuFlyout = /*@__PURE__*/ createReactComponent('bal-nav-menu-flyout');
-var BalNavMetaBar = /*@__PURE__*/ createReactComponent('bal-nav-meta-bar');
-var BalNavbar = /*@__PURE__*/ createReactComponent('bal-navbar');
-var BalNavbarBrand = /*@__PURE__*/ createReactComponent('bal-navbar-brand');
-var BalNavbarMenu = /*@__PURE__*/ createReactComponent('bal-navbar-menu');
-var BalNavbarMenuEnd = /*@__PURE__*/ createReactComponent('bal-navbar-menu-end');
-var BalNavbarMenuStart = /*@__PURE__*/ createReactComponent('bal-navbar-menu-start');
-var BalNotices = /*@__PURE__*/ createReactComponent('bal-notices');
-var BalNotification = /*@__PURE__*/ createReactComponent('bal-notification');
-var BalNumberInput = /*@__PURE__*/ createReactComponent('bal-number-input');
-var BalOption = /*@__PURE__*/ createReactComponent('bal-option');
-var BalOptionList = /*@__PURE__*/ createReactComponent('bal-option-list');
-var BalPagination = /*@__PURE__*/ createReactComponent('bal-pagination');
-var BalPopover = /*@__PURE__*/ createReactComponent('bal-popover');
-var BalPopoverContent = /*@__PURE__*/ createReactComponent('bal-popover-content');
-var BalPopup = /*@__PURE__*/ createReactComponent('bal-popup');
-var BalProgressBar = /*@__PURE__*/ createReactComponent('bal-progress-bar');
-var BalRadio = /*@__PURE__*/ createReactComponent('bal-radio');
-var BalRadioButton = /*@__PURE__*/ createReactComponent('bal-radio-button');
-var BalRadioGroup = /*@__PURE__*/ createReactComponent('bal-radio-group');
-var BalSegment = /*@__PURE__*/ createReactComponent('bal-segment');
-var BalSegmentItem = /*@__PURE__*/ createReactComponent('bal-segment-item');
-var BalSelect = /*@__PURE__*/ createReactComponent('bal-select');
-var BalSelectOption = /*@__PURE__*/ createReactComponent('bal-select-option');
-var BalShape = /*@__PURE__*/ createReactComponent('bal-shape');
-var BalSheet = /*@__PURE__*/ createReactComponent('bal-sheet');
-var BalSnackbar = /*@__PURE__*/ createReactComponent('bal-snackbar');
-var BalSpinner = /*@__PURE__*/ createReactComponent('bal-spinner');
-var BalStack = /*@__PURE__*/ createReactComponent('bal-stack');
-var BalStage = /*@__PURE__*/ createReactComponent('bal-stage');
-var BalStageBackLink = /*@__PURE__*/ createReactComponent('bal-stage-back-link');
-var BalStageBody = /*@__PURE__*/ createReactComponent('bal-stage-body');
-var BalStageFoot = /*@__PURE__*/ createReactComponent('bal-stage-foot');
-var BalStageHead = /*@__PURE__*/ createReactComponent('bal-stage-head');
-var BalStageImage = /*@__PURE__*/ createReactComponent('bal-stage-image');
-var BalStepItem = /*@__PURE__*/ createReactComponent('bal-step-item');
-var BalSteps = /*@__PURE__*/ createReactComponent('bal-steps');
-var BalTabItem = /*@__PURE__*/ createReactComponent('bal-tab-item');
-var BalTable = /*@__PURE__*/ createReactComponent('bal-table');
-var BalTabs = /*@__PURE__*/ createReactComponent('bal-tabs');
-var BalTag = /*@__PURE__*/ createReactComponent('bal-tag');
-var BalTagGroup = /*@__PURE__*/ createReactComponent('bal-tag-group');
-var BalText = /*@__PURE__*/ createReactComponent('bal-text');
-var BalTextarea = /*@__PURE__*/ createReactComponent('bal-textarea');
-var BalTimeInput = /*@__PURE__*/ createReactComponent('bal-time-input');
-var BalToast = /*@__PURE__*/ createReactComponent('bal-toast');
-var BalTooltip = /*@__PURE__*/ createReactComponent('bal-tooltip');
+var BalAccordion = /*@__PURE__*/ r({
+    tagName: 'bal-accordion',
+    elementClass: BalAccordion$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$1Q
+});
+var BalAccordionDetails = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-details',
+    elementClass: BalAccordionDetails$1,
+    // @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: defineCustomElement
+});
+var BalAccordionSummary = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-summary',
+    elementClass: BalAccordionSummary$1,
+    // @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: defineCustomElement$1
+});
+var BalAccordionTrigger = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-trigger',
+    elementClass: BalAccordionTrigger$1,
+    // @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: defineCustomElement$2
+});
+var BalApp = /*@__PURE__*/ r({
+    tagName: 'bal-app',
+    elementClass: BalApp$1,
+    // @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: defineCustomElement$3
+});
+var BalBadge = /*@__PURE__*/ r({
+    tagName: 'bal-badge',
+    elementClass: BalBadge$1,
+    // @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: defineCustomElement$4
+});
+var BalButton = /*@__PURE__*/ r({
+    tagName: 'bal-button',
+    elementClass: BalButton$1,
+    // @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: {
+        onBalNavigate: 'balNavigate',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur',
+        onBalDidRender: 'balDidRender'
+    },
+    defineCustomElement: defineCustomElement$5
+});
+var BalButtonGroup = /*@__PURE__*/ r({
+    tagName: 'bal-button-group',
+    elementClass: BalButtonGroup$1,
+    // @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: defineCustomElement$6
+});
+var BalCard = /*@__PURE__*/ r({
+    tagName: 'bal-card',
+    elementClass: BalCard$1,
+    // @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: defineCustomElement$7
+});
+var BalCardActions = /*@__PURE__*/ r({
+    tagName: 'bal-card-actions',
+    elementClass: BalCardActions$1,
+    // @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: defineCustomElement$8
+});
+var BalCardButton = /*@__PURE__*/ r({
+    tagName: 'bal-card-button',
+    elementClass: BalCardButton$1,
+    // @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: defineCustomElement$9
+});
+var BalCardContent = /*@__PURE__*/ r({
+    tagName: 'bal-card-content',
+    elementClass: BalCardContent$1,
+    // @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: defineCustomElement$a
+});
+var BalCardSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-subtitle',
+    elementClass: BalCardSubtitle$1,
+    // @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: defineCustomElement$b
+});
+var BalCardTitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-title',
+    elementClass: BalCardTitle$1,
+    // @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: defineCustomElement$c
+});
+var BalCarousel = /*@__PURE__*/ r({
+    tagName: 'bal-carousel',
+    elementClass: BalCarousel$1,
+    // @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: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$d
+});
+var BalCarouselItem = /*@__PURE__*/ r({
+    tagName: 'bal-carousel-item',
+    elementClass: BalCarouselItem$1,
+    // @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: {
+        onBalNavigate: 'balNavigate',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$e
+});
+var BalCheck = /*@__PURE__*/ r({
+    tagName: 'bal-check',
+    elementClass: BalCheck$1,
+    // @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: defineCustomElement$f
+});
+var BalCheckbox = /*@__PURE__*/ r({
+    tagName: 'bal-checkbox',
+    elementClass: BalCheckbox$1,
+    // @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: {
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur',
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$g
+});
+var BalCheckboxGroup = /*@__PURE__*/ r({
+    tagName: 'bal-checkbox-group',
+    elementClass: BalCheckboxGroup$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$h
+});
+var BalClose = /*@__PURE__*/ r({
+    tagName: 'bal-close',
+    elementClass: BalClose$1,
+    // @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: defineCustomElement$i
+});
+var BalContent = /*@__PURE__*/ r({
+    tagName: 'bal-content',
+    elementClass: BalContent$1,
+    // @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: defineCustomElement$j
+});
+var BalData = /*@__PURE__*/ r({
+    tagName: 'bal-data',
+    elementClass: BalData$1,
+    // @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: defineCustomElement$k
+});
+var BalDataItem = /*@__PURE__*/ r({
+    tagName: 'bal-data-item',
+    elementClass: BalDataItem$1,
+    // @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: defineCustomElement$l
+});
+var BalDataLabel = /*@__PURE__*/ r({
+    tagName: 'bal-data-label',
+    elementClass: BalDataLabel$1,
+    // @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: defineCustomElement$m
+});
+var BalDataValue = /*@__PURE__*/ r({
+    tagName: 'bal-data-value',
+    elementClass: BalDataValue$1,
+    // @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: {
+        onBalClick: 'balClick',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$n
+});
+var BalDate = /*@__PURE__*/ r({
+    tagName: 'bal-date',
+    elementClass: BalDate$1,
+    // @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: {
+        onBalInput: 'balInput',
+        onBalChange: 'balChange',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus',
+        onBalInputClick: 'balInputClick',
+        onBalIconClick: 'balIconClick'
+    },
+    defineCustomElement: defineCustomElement$o
+});
+var BalDateCalendar = /*@__PURE__*/ r({
+    tagName: 'bal-date-calendar',
+    elementClass: BalDateCalendar$1,
+    // @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: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$p
+});
+var BalDateCalendarCell = /*@__PURE__*/ r({
+    tagName: 'bal-date-calendar-cell',
+    elementClass: BalDateCalendarCell$1,
+    // @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: {
+        onBalSelectDay: 'balSelectDay'
+    },
+    defineCustomElement: defineCustomElement$q
+});
+var BalDivider = /*@__PURE__*/ r({
+    tagName: 'bal-divider',
+    elementClass: BalDivider$1,
+    // @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: defineCustomElement$r
+});
+var BalDropdown = /*@__PURE__*/ r({
+    tagName: 'bal-dropdown',
+    elementClass: BalDropdown$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$s
+});
+var BalField = /*@__PURE__*/ r({
+    tagName: 'bal-field',
+    elementClass: BalField$1,
+    // @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: {
+        onBalFormControlDidLoad: 'balFormControlDidLoad'
+    },
+    defineCustomElement: defineCustomElement$t
+});
+var BalFieldControl = /*@__PURE__*/ r({
+    tagName: 'bal-field-control',
+    elementClass: BalFieldControl$1,
+    // @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: defineCustomElement$u
+});
+var BalFieldHint = /*@__PURE__*/ r({
+    tagName: 'bal-field-hint',
+    elementClass: BalFieldHint$1,
+    // @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: defineCustomElement$v
+});
+var BalFieldLabel = /*@__PURE__*/ r({
+    tagName: 'bal-field-label',
+    elementClass: BalFieldLabel$1,
+    // @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: defineCustomElement$w
+});
+var BalFieldMessage = /*@__PURE__*/ r({
+    tagName: 'bal-field-message',
+    elementClass: BalFieldMessage$1,
+    // @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: defineCustomElement$x
+});
+var BalFileUpload = /*@__PURE__*/ r({
+    tagName: 'bal-file-upload',
+    elementClass: BalFileUpload$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalFilesAdded: 'balFilesAdded',
+        onBalFilesRemoved: 'balFilesRemoved',
+        onBalRejectedFile: 'balRejectedFile',
+        onBalInputClick: 'balInputClick',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus'
+    },
+    defineCustomElement: defineCustomElement$y
+});
+var BalFooter = /*@__PURE__*/ r({
+    tagName: 'bal-footer',
+    elementClass: BalFooter$1,
+    // @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: defineCustomElement$z
+});
+var BalForm = /*@__PURE__*/ r({
+    tagName: 'bal-form',
+    elementClass: BalForm$1,
+    // @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: defineCustomElement$A
+});
+var BalFormCol = /*@__PURE__*/ r({
+    tagName: 'bal-form-col',
+    elementClass: BalFormCol$1,
+    // @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: defineCustomElement$B
+});
+var BalFormGrid = /*@__PURE__*/ r({
+    tagName: 'bal-form-grid',
+    elementClass: BalFormGrid$1,
+    // @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: defineCustomElement$C
+});
+var BalHeading = /*@__PURE__*/ r({
+    tagName: 'bal-heading',
+    elementClass: BalHeading$1,
+    // @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: defineCustomElement$D
+});
+var BalHint = /*@__PURE__*/ r({
+    tagName: 'bal-hint',
+    elementClass: BalHint$1,
+    // @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: defineCustomElement$E
+});
+var BalHintText = /*@__PURE__*/ r({
+    tagName: 'bal-hint-text',
+    elementClass: BalHintText$1,
+    // @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: defineCustomElement$F
+});
+var BalHintTitle = /*@__PURE__*/ r({
+    tagName: 'bal-hint-title',
+    elementClass: BalHintTitle$1,
+    // @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: defineCustomElement$G
+});
+var BalIcon = /*@__PURE__*/ r({
+    tagName: 'bal-icon',
+    elementClass: BalIcon$1,
+    // @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: defineCustomElement$H
+});
+var BalInput = /*@__PURE__*/ r({
+    tagName: 'bal-input',
+    elementClass: BalInput$1,
+    // @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: {
+        onBalInput: 'balInput',
+        onBalBlur: 'balBlur',
+        onBalKeyPress: 'balKeyPress',
+        onBalFocus: 'balFocus',
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$I
+});
+var BalInputDate = /*@__PURE__*/ r({
+    tagName: 'bal-input-date',
+    elementClass: BalInputDate$1,
+    // @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: {
+        onBalKeyPress: 'balKeyPress',
+        onBalChange: 'balChange',
+        onBalInput: 'balInput',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus'
+    },
+    defineCustomElement: defineCustomElement$J
+});
+var BalInputGroup = /*@__PURE__*/ r({
+    tagName: 'bal-input-group',
+    elementClass: BalInputGroup$1,
+    // @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: defineCustomElement$K
+});
+var BalInputSlider = /*@__PURE__*/ r({
+    tagName: 'bal-input-slider',
+    elementClass: BalInputSlider$1,
+    // @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: {
+        onBalInput: 'balInput',
+        onBalBlur: 'balBlur',
+        onBalKeyPress: 'balKeyPress',
+        onBalFocus: 'balFocus',
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$L
+});
+var BalInputStepper = /*@__PURE__*/ r({
+    tagName: 'bal-input-stepper',
+    elementClass: BalInputStepper$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalInput: 'balInput',
+        onBalIncrease: 'balIncrease',
+        onBalDecrease: 'balDecrease',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$M
+});
+var BalLabel = /*@__PURE__*/ r({
+    tagName: 'bal-label',
+    elementClass: BalLabel$1,
+    // @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: defineCustomElement$N
+});
+var BalList = /*@__PURE__*/ r({
+    tagName: 'bal-list',
+    elementClass: BalList$1,
+    // @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: defineCustomElement$O
+});
+var BalListItem = /*@__PURE__*/ r({
+    tagName: 'bal-list-item',
+    elementClass: BalListItem$1,
+    // @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: {
+        onBalNavigate: 'balNavigate',
+        onBalGroupStateChanged: 'balGroupStateChanged',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$P
+});
+var BalListItemAccordionBody = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-accordion-body',
+    elementClass: BalListItemAccordionBody$1,
+    // @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: defineCustomElement$Q
+});
+var BalListItemAccordionHead = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-accordion-head',
+    elementClass: BalListItemAccordionHead$1,
+    // @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: {
+        onBalAccordionChange: 'balAccordionChange'
+    },
+    defineCustomElement: defineCustomElement$R
+});
+var BalListItemContent = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-content',
+    elementClass: BalListItemContent$1,
+    // @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: defineCustomElement$S
+});
+var BalListItemIcon = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-icon',
+    elementClass: BalListItemIcon$1,
+    // @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: defineCustomElement$T
+});
+var BalListItemSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-subtitle',
+    elementClass: BalListItemSubtitle$1,
+    // @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: defineCustomElement$U
+});
+var BalListItemTitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-title',
+    elementClass: BalListItemTitle$1,
+    // @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: defineCustomElement$V
+});
+var BalLogo = /*@__PURE__*/ r({
+    tagName: 'bal-logo',
+    elementClass: BalLogo$1,
+    // @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: defineCustomElement$W
+});
+var BalModal = /*@__PURE__*/ r({
+    tagName: 'bal-modal',
+    elementClass: BalModal$1,
+    // @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: {
+        onBalModalDidPresent: 'balModalDidPresent',
+        onBalModalWillPresent: 'balModalWillPresent',
+        onBalModalWillDismiss: 'balModalWillDismiss',
+        onBalModalDidDismiss: 'balModalDidDismiss'
+    },
+    defineCustomElement: defineCustomElement$X
+});
+var BalModalBody = /*@__PURE__*/ r({
+    tagName: 'bal-modal-body',
+    elementClass: BalModalBody$1,
+    // @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: defineCustomElement$Y
+});
+var BalModalHeader = /*@__PURE__*/ r({
+    tagName: 'bal-modal-header',
+    elementClass: BalModalHeader$1,
+    // @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: defineCustomElement$Z
+});
+var BalNav = /*@__PURE__*/ r({
+    tagName: 'bal-nav',
+    elementClass: BalNav$1,
+    // @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: {
+        onBalNavItemClick: 'balNavItemClick'
+    },
+    defineCustomElement: defineCustomElement$_
+});
+var BalNavLink = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link',
+    elementClass: BalNavLink$1,
+    // @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: defineCustomElement$$
+});
+var BalNavLinkGrid = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid',
+    elementClass: BalNavLinkGrid$1,
+    // @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: defineCustomElement$10
+});
+var BalNavLinkGridCol = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid-col',
+    elementClass: BalNavLinkGridCol$1,
+    // @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: defineCustomElement$11
+});
+var BalNavLinkGroup = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-group',
+    elementClass: BalNavLinkGroup$1,
+    // @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: defineCustomElement$12
+});
+var BalNavMenuBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-bar',
+    elementClass: BalNavMenuBar$1,
+    // @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: defineCustomElement$13
+});
+var BalNavMenuFlyout = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-flyout',
+    elementClass: BalNavMenuFlyout$1,
+    // @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: defineCustomElement$14
+});
+var BalNavMetaBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-meta-bar',
+    elementClass: BalNavMetaBar$1,
+    // @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: defineCustomElement$15
+});
+var BalNavbar = /*@__PURE__*/ r({
+    tagName: 'bal-navbar',
+    elementClass: BalNavbar$1,
+    // @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: defineCustomElement$16
+});
+var BalNavbarBrand = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-brand',
+    elementClass: BalNavbarBrand$1,
+    // @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: {
+        onBalNavigate: 'balNavigate',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$17
+});
+var BalNavbarMenu = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu',
+    elementClass: BalNavbarMenu$1,
+    // @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: defineCustomElement$18
+});
+var BalNavbarMenuEnd = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-end',
+    elementClass: BalNavbarMenuEnd$1,
+    // @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: defineCustomElement$19
+});
+var BalNavbarMenuStart = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-start',
+    elementClass: BalNavbarMenuStart$1,
+    // @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: defineCustomElement$1a
+});
+var BalNotices = /*@__PURE__*/ r({
+    tagName: 'bal-notices',
+    elementClass: BalNotices$1,
+    // @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: defineCustomElement$1b
+});
+var BalNotification = /*@__PURE__*/ r({
+    tagName: 'bal-notification',
+    elementClass: BalNotification$1,
+    // @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: defineCustomElement$1c
+});
+var BalNumberInput = /*@__PURE__*/ r({
+    tagName: 'bal-number-input',
+    elementClass: BalNumberInput$1,
+    // @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: {
+        onBalInput: 'balInput',
+        onBalChange: 'balChange',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus',
+        onBalKeyPress: 'balKeyPress'
+    },
+    defineCustomElement: defineCustomElement$1d
+});
+var BalOption = /*@__PURE__*/ r({
+    tagName: 'bal-option',
+    elementClass: BalOption$1,
+    // @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: {
+        onBalOptionChange: 'balOptionChange'
+    },
+    defineCustomElement: defineCustomElement$1e
+});
+var BalOptionList = /*@__PURE__*/ r({
+    tagName: 'bal-option-list',
+    elementClass: BalOptionList$1,
+    // @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: defineCustomElement$1f
+});
+var BalPagination = /*@__PURE__*/ r({
+    tagName: 'bal-pagination',
+    elementClass: BalPagination$1,
+    // @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: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$1g
+});
+var BalPopover = /*@__PURE__*/ r({
+    tagName: 'bal-popover',
+    elementClass: BalPopover$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$1h
+});
+var BalPopoverContent = /*@__PURE__*/ r({
+    tagName: 'bal-popover-content',
+    elementClass: BalPopoverContent$1,
+    // @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: defineCustomElement$1i
+});
+var BalPopup = /*@__PURE__*/ r({
+    tagName: 'bal-popup',
+    elementClass: BalPopup$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$1j
+});
+var BalProgressBar = /*@__PURE__*/ r({
+    tagName: 'bal-progress-bar',
+    elementClass: BalProgressBar$1,
+    // @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: defineCustomElement$1k
+});
+var BalRadio = /*@__PURE__*/ r({
+    tagName: 'bal-radio',
+    elementClass: BalRadio$1,
+    // @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: {
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur',
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$1l
+});
+var BalRadioGroup = /*@__PURE__*/ r({
+    tagName: 'bal-radio-group',
+    elementClass: BalRadioGroup$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur'
+    },
+    defineCustomElement: defineCustomElement$1m
+});
+var BalRadioIcon = /*@__PURE__*/ r({
+    tagName: 'bal-radio-icon',
+    elementClass: BalRadioIcon$1,
+    // @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: defineCustomElement$1n
+});
+var BalSegment = /*@__PURE__*/ r({
+    tagName: 'bal-segment',
+    elementClass: BalSegment$1,
+    // @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: {
+        onBalFocus: 'balFocus',
+        onBalBlur: 'balBlur',
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$1o
+});
+var BalSegmentItem = /*@__PURE__*/ r({
+    tagName: 'bal-segment-item',
+    elementClass: BalSegmentItem$1,
+    // @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: defineCustomElement$1p
+});
+var BalSelect = /*@__PURE__*/ r({
+    tagName: 'bal-select',
+    elementClass: BalSelect$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalInputClick: 'balInputClick',
+        onBalInput: 'balInput',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus',
+        onBalCancel: 'balCancel',
+        onBalKeyPress: 'balKeyPress'
+    },
+    defineCustomElement: defineCustomElement$1q
+});
+var BalSelectOption = /*@__PURE__*/ r({
+    tagName: 'bal-select-option',
+    elementClass: BalSelectOption$1,
+    // @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: defineCustomElement$1r
+});
+var BalShape = /*@__PURE__*/ r({
+    tagName: 'bal-shape',
+    elementClass: BalShape$1,
+    // @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: defineCustomElement$1s
+});
+var BalSheet = /*@__PURE__*/ r({
+    tagName: 'bal-sheet',
+    elementClass: BalSheet$1,
+    // @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: defineCustomElement$1t
+});
+var BalSnackbar = /*@__PURE__*/ r({
+    tagName: 'bal-snackbar',
+    elementClass: BalSnackbar$1,
+    // @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: {
+        onBalClose: 'balClose',
+        onBalAction: 'balAction'
+    },
+    defineCustomElement: defineCustomElement$1u
+});
+var BalSpinner = /*@__PURE__*/ r({
+    tagName: 'bal-spinner',
+    elementClass: BalSpinner$1,
+    // @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: defineCustomElement$1v
+});
+var BalStack = /*@__PURE__*/ r({
+    tagName: 'bal-stack',
+    elementClass: BalStack$1,
+    // @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: defineCustomElement$1w
+});
+var BalStage = /*@__PURE__*/ r({
+    tagName: 'bal-stage',
+    elementClass: BalStage$1,
+    // @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: defineCustomElement$1x
+});
+var BalStageBackLink = /*@__PURE__*/ r({
+    tagName: 'bal-stage-back-link',
+    elementClass: BalStageBackLink$1,
+    // @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: defineCustomElement$1y
+});
+var BalStageBody = /*@__PURE__*/ r({
+    tagName: 'bal-stage-body',
+    elementClass: BalStageBody$1,
+    // @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: defineCustomElement$1z
+});
+var BalStageFoot = /*@__PURE__*/ r({
+    tagName: 'bal-stage-foot',
+    elementClass: BalStageFoot$1,
+    // @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: defineCustomElement$1A
+});
+var BalStageHead = /*@__PURE__*/ r({
+    tagName: 'bal-stage-head',
+    elementClass: BalStageHead$1,
+    // @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: defineCustomElement$1B
+});
+var BalStageImage = /*@__PURE__*/ r({
+    tagName: 'bal-stage-image',
+    elementClass: BalStageImage$1,
+    // @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: defineCustomElement$1C
+});
+var BalStepItem = /*@__PURE__*/ r({
+    tagName: 'bal-step-item',
+    elementClass: BalStepItem$1,
+    // @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: {
+        onBalNavigate: 'balNavigate'
+    },
+    defineCustomElement: defineCustomElement$1D
+});
+var BalSteps = /*@__PURE__*/ r({
+    tagName: 'bal-steps',
+    elementClass: BalSteps$1,
+    // @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: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: defineCustomElement$1E
+});
+var BalSwitch = /*@__PURE__*/ r({
+    tagName: 'bal-switch',
+    elementClass: BalSwitch$1,
+    // @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: defineCustomElement$1F
+});
+var BalTabItem = /*@__PURE__*/ r({
+    tagName: 'bal-tab-item',
+    elementClass: BalTabItem$1,
+    // @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: {
+        onBalNavigate: 'balNavigate'
+    },
+    defineCustomElement: defineCustomElement$1G
+});
+var BalTable = /*@__PURE__*/ r({
+    tagName: 'bal-table',
+    elementClass: BalTable$1,
+    // @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: defineCustomElement$1H
+});
+var BalTabs = /*@__PURE__*/ r({
+    tagName: 'bal-tabs',
+    elementClass: BalTabs$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$1I
+});
+var BalTag = /*@__PURE__*/ r({
+    tagName: 'bal-tag',
+    elementClass: BalTag$1,
+    // @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: {
+        onBalCloseClick: 'balCloseClick'
+    },
+    defineCustomElement: defineCustomElement$1J
+});
+var BalTagGroup = /*@__PURE__*/ r({
+    tagName: 'bal-tag-group',
+    elementClass: BalTagGroup$1,
+    // @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: defineCustomElement$1K
+});
+var BalText = /*@__PURE__*/ r({
+    tagName: 'bal-text',
+    elementClass: BalText$1,
+    // @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: defineCustomElement$1L
+});
+var BalTextarea = /*@__PURE__*/ r({
+    tagName: 'bal-textarea',
+    elementClass: BalTextarea$1,
+    // @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: {
+        onBalChange: 'balChange',
+        onBalInput: 'balInput',
+        onBalBlur: 'balBlur',
+        onBalKeyPress: 'balKeyPress',
+        onBalFocus: 'balFocus'
+    },
+    defineCustomElement: defineCustomElement$1M
+});
+var BalTimeInput = /*@__PURE__*/ r({
+    tagName: 'bal-time-input',
+    elementClass: BalTimeInput$1,
+    // @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: {
+        onBalInput: 'balInput',
+        onBalChange: 'balChange',
+        onBalBlur: 'balBlur',
+        onBalFocus: 'balFocus',
+        onBalKeyPress: 'balKeyPress',
+        onBalClick: 'balClick'
+    },
+    defineCustomElement: defineCustomElement$1N
+});
+var BalToast = /*@__PURE__*/ r({
+    tagName: 'bal-toast',
+    elementClass: BalToast$1,
+    // @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: {
+        onBalClose: 'balClose'
+    },
+    defineCustomElement: defineCustomElement$1O
+});
+var BalTooltip = /*@__PURE__*/ r({
+    tagName: 'bal-tooltip',
+    elementClass: BalTooltip$1,
+    // @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: {
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: defineCustomElement$1P
+});
 
 var useBaloiseDesignSystem = function(config) {
     if (config === undefined) config = {};
@@ -405,4 +1455,4 @@ var useBaloiseDesignSystem = function(config) {
     }));
 };
 
-export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheckbox, BalCheckboxButton, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioButton, BalRadioGroup, BalSegment, BalSegmentItem, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, useBaloiseDesignSystem };
+export { BalAccordion, BalAccordionDetails, BalAccordionSummary, BalAccordionTrigger, BalApp, BalBadge, BalButton, BalButtonGroup, BalCard, BalCardActions, BalCardButton, BalCardContent, BalCardSubtitle, BalCardTitle, BalCarousel, BalCarouselItem, BalCheck, BalCheckbox, BalCheckboxGroup, BalClose, BalContent, BalData, BalDataItem, BalDataLabel, BalDataValue, BalDate, BalDateCalendar, BalDateCalendarCell, BalDivider, BalDropdown, BalField, BalFieldControl, BalFieldHint, BalFieldLabel, BalFieldMessage, BalFileUpload, BalFooter, BalForm, BalFormCol, BalFormGrid, BalHeading, BalHint, BalHintText, BalHintTitle, BalIcon, BalInput, BalInputDate, BalInputGroup, BalInputSlider, BalInputStepper, BalLabel, BalList, BalListItem, BalListItemAccordionBody, BalListItemAccordionHead, BalListItemContent, BalListItemIcon, BalListItemSubtitle, BalListItemTitle, BalLogo, BalModal, BalModalBody, BalModalHeader, BalNav, BalNavLink, BalNavLinkGrid, BalNavLinkGridCol, BalNavLinkGroup, BalNavMenuBar, BalNavMenuFlyout, BalNavMetaBar, BalNavbar, BalNavbarBrand, BalNavbarMenu, BalNavbarMenuEnd, BalNavbarMenuStart, BalNotices, BalNotification, BalNumberInput, BalOption, BalOptionList, BalPagination, BalPopover, BalPopoverContent, BalPopup, BalProgressBar, BalRadio, BalRadioGroup, BalRadioIcon, BalSegment, BalSegmentItem, BalSelect, BalSelectOption, BalShape, BalSheet, BalSnackbar, BalSpinner, BalStack, BalStage, BalStageBackLink, BalStageBody, BalStageFoot, BalStageHead, BalStageImage, BalStepItem, BalSteps, BalSwitch, BalTabItem, BalTable, BalTabs, BalTag, BalTagGroup, BalText, BalTextarea, BalTimeInput, BalToast, BalTooltip, useBaloiseDesignSystem };