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

package/index.cjs.js

@@ -1,10 +1,124 @@
 'use strict';
 
 var dsCore = require('@baloise/ds-core');
+var balAccordionDetails_js = require('@baloise/ds-core/components/bal-accordion-details.js');
+var balAccordionSummary_js = require('@baloise/ds-core/components/bal-accordion-summary.js');
+var balAccordionTrigger_js = require('@baloise/ds-core/components/bal-accordion-trigger.js');
+var balAccordion_js = require('@baloise/ds-core/components/bal-accordion.js');
+var balApp_js = require('@baloise/ds-core/components/bal-app.js');
+var balBadge_js = require('@baloise/ds-core/components/bal-badge.js');
+var balButtonGroup_js = require('@baloise/ds-core/components/bal-button-group.js');
+var balButton_js = require('@baloise/ds-core/components/bal-button.js');
+var balCardActions_js = require('@baloise/ds-core/components/bal-card-actions.js');
+var balCardButton_js = require('@baloise/ds-core/components/bal-card-button.js');
+var balCardContent_js = require('@baloise/ds-core/components/bal-card-content.js');
+var balCardSubtitle_js = require('@baloise/ds-core/components/bal-card-subtitle.js');
+var balCardTitle_js = require('@baloise/ds-core/components/bal-card-title.js');
+var balCard_js = require('@baloise/ds-core/components/bal-card.js');
+var balCarouselItem_js = require('@baloise/ds-core/components/bal-carousel-item.js');
+var balCarousel_js = require('@baloise/ds-core/components/bal-carousel.js');
+var balCheck_js = require('@baloise/ds-core/components/bal-check.js');
+var balCheckboxGroup_js = require('@baloise/ds-core/components/bal-checkbox-group.js');
+var balCheckbox_js = require('@baloise/ds-core/components/bal-checkbox.js');
+var balClose_js = require('@baloise/ds-core/components/bal-close.js');
+var balContent_js = require('@baloise/ds-core/components/bal-content.js');
+var balDataItem_js = require('@baloise/ds-core/components/bal-data-item.js');
+var balDataLabel_js = require('@baloise/ds-core/components/bal-data-label.js');
+var balDataValue_js = require('@baloise/ds-core/components/bal-data-value.js');
+var balData_js = require('@baloise/ds-core/components/bal-data.js');
+var balDateCalendarCell_js = require('@baloise/ds-core/components/bal-date-calendar-cell.js');
+var balDateCalendar_js = require('@baloise/ds-core/components/bal-date-calendar.js');
+var balDate_js = require('@baloise/ds-core/components/bal-date.js');
+var balDivider_js = require('@baloise/ds-core/components/bal-divider.js');
+var balDropdown_js = require('@baloise/ds-core/components/bal-dropdown.js');
+var balFieldControl_js = require('@baloise/ds-core/components/bal-field-control.js');
+var balFieldHint_js = require('@baloise/ds-core/components/bal-field-hint.js');
+var balFieldLabel_js = require('@baloise/ds-core/components/bal-field-label.js');
+var balFieldMessage_js = require('@baloise/ds-core/components/bal-field-message.js');
+var balField_js = require('@baloise/ds-core/components/bal-field.js');
+var balFileUpload_js = require('@baloise/ds-core/components/bal-file-upload.js');
+var balFooter_js = require('@baloise/ds-core/components/bal-footer.js');
+var balFormCol_js = require('@baloise/ds-core/components/bal-form-col.js');
+var balFormGrid_js = require('@baloise/ds-core/components/bal-form-grid.js');
+var balForm_js = require('@baloise/ds-core/components/bal-form.js');
+var balHeading_js = require('@baloise/ds-core/components/bal-heading.js');
+var balHintText_js = require('@baloise/ds-core/components/bal-hint-text.js');
+var balHintTitle_js = require('@baloise/ds-core/components/bal-hint-title.js');
+var balHint_js = require('@baloise/ds-core/components/bal-hint.js');
+var balIcon_js = require('@baloise/ds-core/components/bal-icon.js');
+var balInputDate_js = require('@baloise/ds-core/components/bal-input-date.js');
+var balInputGroup_js = require('@baloise/ds-core/components/bal-input-group.js');
+var balInputSlider_js = require('@baloise/ds-core/components/bal-input-slider.js');
+var balInputStepper_js = require('@baloise/ds-core/components/bal-input-stepper.js');
+var balInput_js = require('@baloise/ds-core/components/bal-input.js');
+var balLabel_js = require('@baloise/ds-core/components/bal-label.js');
+var balListItemAccordionBody_js = require('@baloise/ds-core/components/bal-list-item-accordion-body.js');
+var balListItemAccordionHead_js = require('@baloise/ds-core/components/bal-list-item-accordion-head.js');
+var balListItemContent_js = require('@baloise/ds-core/components/bal-list-item-content.js');
+var balListItemIcon_js = require('@baloise/ds-core/components/bal-list-item-icon.js');
+var balListItemSubtitle_js = require('@baloise/ds-core/components/bal-list-item-subtitle.js');
+var balListItemTitle_js = require('@baloise/ds-core/components/bal-list-item-title.js');
+var balListItem_js = require('@baloise/ds-core/components/bal-list-item.js');
+var balList_js = require('@baloise/ds-core/components/bal-list.js');
+var balLogo_js = require('@baloise/ds-core/components/bal-logo.js');
+var balModalBody_js = require('@baloise/ds-core/components/bal-modal-body.js');
+var balModalHeader_js = require('@baloise/ds-core/components/bal-modal-header.js');
+var balModal_js = require('@baloise/ds-core/components/bal-modal.js');
+var balNavLinkGridCol_js = require('@baloise/ds-core/components/bal-nav-link-grid-col.js');
+var balNavLinkGrid_js = require('@baloise/ds-core/components/bal-nav-link-grid.js');
+var balNavLinkGroup_js = require('@baloise/ds-core/components/bal-nav-link-group.js');
+var balNavLink_js = require('@baloise/ds-core/components/bal-nav-link.js');
+var balNavMenuBar_js = require('@baloise/ds-core/components/bal-nav-menu-bar.js');
+var balNavMenuFlyout_js = require('@baloise/ds-core/components/bal-nav-menu-flyout.js');
+var balNavMetaBar_js = require('@baloise/ds-core/components/bal-nav-meta-bar.js');
+var balNav_js = require('@baloise/ds-core/components/bal-nav.js');
+var balNavbarBrand_js = require('@baloise/ds-core/components/bal-navbar-brand.js');
+var balNavbarMenuEnd_js = require('@baloise/ds-core/components/bal-navbar-menu-end.js');
+var balNavbarMenuStart_js = require('@baloise/ds-core/components/bal-navbar-menu-start.js');
+var balNavbarMenu_js = require('@baloise/ds-core/components/bal-navbar-menu.js');
+var balNavbar_js = require('@baloise/ds-core/components/bal-navbar.js');
+var balNotices_js = require('@baloise/ds-core/components/bal-notices.js');
+var balNotification_js = require('@baloise/ds-core/components/bal-notification.js');
+var balNumberInput_js = require('@baloise/ds-core/components/bal-number-input.js');
+var balOptionList_js = require('@baloise/ds-core/components/bal-option-list.js');
+var balOption_js = require('@baloise/ds-core/components/bal-option.js');
+var balPagination_js = require('@baloise/ds-core/components/bal-pagination.js');
+var balPopoverContent_js = require('@baloise/ds-core/components/bal-popover-content.js');
+var balPopover_js = require('@baloise/ds-core/components/bal-popover.js');
+var balPopup_js = require('@baloise/ds-core/components/bal-popup.js');
+var balProgressBar_js = require('@baloise/ds-core/components/bal-progress-bar.js');
+var balRadioGroup_js = require('@baloise/ds-core/components/bal-radio-group.js');
+var balRadioIcon_js = require('@baloise/ds-core/components/bal-radio-icon.js');
+var balRadio_js = require('@baloise/ds-core/components/bal-radio.js');
+var balSegmentItem_js = require('@baloise/ds-core/components/bal-segment-item.js');
+var balSegment_js = require('@baloise/ds-core/components/bal-segment.js');
+var balSelectOption_js = require('@baloise/ds-core/components/bal-select-option.js');
+var balSelect_js = require('@baloise/ds-core/components/bal-select.js');
+var balShape_js = require('@baloise/ds-core/components/bal-shape.js');
+var balSheet_js = require('@baloise/ds-core/components/bal-sheet.js');
+var balSnackbar_js = require('@baloise/ds-core/components/bal-snackbar.js');
+var balSpinner_js = require('@baloise/ds-core/components/bal-spinner.js');
+var balStack_js = require('@baloise/ds-core/components/bal-stack.js');
+var balStageBackLink_js = require('@baloise/ds-core/components/bal-stage-back-link.js');
+var balStageBody_js = require('@baloise/ds-core/components/bal-stage-body.js');
+var balStageFoot_js = require('@baloise/ds-core/components/bal-stage-foot.js');
+var balStageHead_js = require('@baloise/ds-core/components/bal-stage-head.js');
+var balStageImage_js = require('@baloise/ds-core/components/bal-stage-image.js');
+var balStage_js = require('@baloise/ds-core/components/bal-stage.js');
+var balStepItem_js = require('@baloise/ds-core/components/bal-step-item.js');
+var balSteps_js = require('@baloise/ds-core/components/bal-steps.js');
+var balSwitch_js = require('@baloise/ds-core/components/bal-switch.js');
+var balTabItem_js = require('@baloise/ds-core/components/bal-tab-item.js');
+var balTable_js = require('@baloise/ds-core/components/bal-table.js');
+var balTabs_js = require('@baloise/ds-core/components/bal-tabs.js');
+var balTagGroup_js = require('@baloise/ds-core/components/bal-tag-group.js');
+var balTag_js = require('@baloise/ds-core/components/bal-tag.js');
+var balText_js = require('@baloise/ds-core/components/bal-text.js');
+var balTextarea_js = require('@baloise/ds-core/components/bal-textarea.js');
+var balTimeInput_js = require('@baloise/ds-core/components/bal-time-input.js');
+var balToast_js = require('@baloise/ds-core/components/bal-toast.js');
+var balTooltip_js = require('@baloise/ds-core/components/bal-tooltip.js');
 var React = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-require('react-dom');
-var loader = require('@baloise/ds-core/loader');
 
 function _extends() {
     _extends = Object.assign || function assign(target) {
@@ -17,42 +131,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 = {};
@@ -65,340 +334,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__*/ jsxRuntime.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__*/ React.createElement(React.Fragment, {}, children) : /*#__PURE__*/ React.createElement(React.Fragment, {}, ' ');
-            var component = /*#__PURE__*/ React.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);
 };
 
-loader.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_js.BalAccordion,
+    // @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: balAccordion_js.defineCustomElement
+});
+var BalAccordionDetails = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-details',
+    elementClass: balAccordionDetails_js.BalAccordionDetails,
+    // @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: balAccordionDetails_js.defineCustomElement
+});
+var BalAccordionSummary = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-summary',
+    elementClass: balAccordionSummary_js.BalAccordionSummary,
+    // @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: balAccordionSummary_js.defineCustomElement
+});
+var BalAccordionTrigger = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-trigger',
+    elementClass: balAccordionTrigger_js.BalAccordionTrigger,
+    // @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: balAccordionTrigger_js.defineCustomElement
+});
+var BalApp = /*@__PURE__*/ r({
+    tagName: 'bal-app',
+    elementClass: balApp_js.BalApp,
+    // @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: balApp_js.defineCustomElement
+});
+var BalBadge = /*@__PURE__*/ r({
+    tagName: 'bal-badge',
+    elementClass: balBadge_js.BalBadge,
+    // @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: balBadge_js.defineCustomElement
+});
+var BalButton = /*@__PURE__*/ r({
+    tagName: 'bal-button',
+    elementClass: balButton_js.BalButton,
+    // @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: balButton_js.defineCustomElement
+});
+var BalButtonGroup = /*@__PURE__*/ r({
+    tagName: 'bal-button-group',
+    elementClass: balButtonGroup_js.BalButtonGroup,
+    // @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: balButtonGroup_js.defineCustomElement
+});
+var BalCard = /*@__PURE__*/ r({
+    tagName: 'bal-card',
+    elementClass: balCard_js.BalCard,
+    // @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: balCard_js.defineCustomElement
+});
+var BalCardActions = /*@__PURE__*/ r({
+    tagName: 'bal-card-actions',
+    elementClass: balCardActions_js.BalCardActions,
+    // @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: balCardActions_js.defineCustomElement
+});
+var BalCardButton = /*@__PURE__*/ r({
+    tagName: 'bal-card-button',
+    elementClass: balCardButton_js.BalCardButton,
+    // @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: balCardButton_js.defineCustomElement
+});
+var BalCardContent = /*@__PURE__*/ r({
+    tagName: 'bal-card-content',
+    elementClass: balCardContent_js.BalCardContent,
+    // @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: balCardContent_js.defineCustomElement
+});
+var BalCardSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-subtitle',
+    elementClass: balCardSubtitle_js.BalCardSubtitle,
+    // @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: balCardSubtitle_js.defineCustomElement
+});
+var BalCardTitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-title',
+    elementClass: balCardTitle_js.BalCardTitle,
+    // @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: balCardTitle_js.defineCustomElement
+});
+var BalCarousel = /*@__PURE__*/ r({
+    tagName: 'bal-carousel',
+    elementClass: balCarousel_js.BalCarousel,
+    // @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: balCarousel_js.defineCustomElement
+});
+var BalCarouselItem = /*@__PURE__*/ r({
+    tagName: 'bal-carousel-item',
+    elementClass: balCarouselItem_js.BalCarouselItem,
+    // @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: balCarouselItem_js.defineCustomElement
+});
+var BalCheck = /*@__PURE__*/ r({
+    tagName: 'bal-check',
+    elementClass: balCheck_js.BalCheck,
+    // @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: balCheck_js.defineCustomElement
+});
+var BalCheckbox = /*@__PURE__*/ r({
+    tagName: 'bal-checkbox',
+    elementClass: balCheckbox_js.BalCheckbox,
+    // @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: balCheckbox_js.defineCustomElement
+});
+var BalCheckboxGroup = /*@__PURE__*/ r({
+    tagName: 'bal-checkbox-group',
+    elementClass: balCheckboxGroup_js.BalCheckboxGroup,
+    // @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: balCheckboxGroup_js.defineCustomElement
+});
+var BalClose = /*@__PURE__*/ r({
+    tagName: 'bal-close',
+    elementClass: balClose_js.BalClose,
+    // @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: balClose_js.defineCustomElement
+});
+var BalContent = /*@__PURE__*/ r({
+    tagName: 'bal-content',
+    elementClass: balContent_js.BalContent,
+    // @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: balContent_js.defineCustomElement
+});
+var BalData = /*@__PURE__*/ r({
+    tagName: 'bal-data',
+    elementClass: balData_js.BalData,
+    // @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: balData_js.defineCustomElement
+});
+var BalDataItem = /*@__PURE__*/ r({
+    tagName: 'bal-data-item',
+    elementClass: balDataItem_js.BalDataItem,
+    // @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: balDataItem_js.defineCustomElement
+});
+var BalDataLabel = /*@__PURE__*/ r({
+    tagName: 'bal-data-label',
+    elementClass: balDataLabel_js.BalDataLabel,
+    // @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: balDataLabel_js.defineCustomElement
+});
+var BalDataValue = /*@__PURE__*/ r({
+    tagName: 'bal-data-value',
+    elementClass: balDataValue_js.BalDataValue,
+    // @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: balDataValue_js.defineCustomElement
+});
+var BalDate = /*@__PURE__*/ r({
+    tagName: 'bal-date',
+    elementClass: balDate_js.BalDate,
+    // @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: balDate_js.defineCustomElement
+});
+var BalDateCalendar = /*@__PURE__*/ r({
+    tagName: 'bal-date-calendar',
+    elementClass: balDateCalendar_js.BalDateCalendar,
+    // @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: balDateCalendar_js.defineCustomElement
+});
+var BalDateCalendarCell = /*@__PURE__*/ r({
+    tagName: 'bal-date-calendar-cell',
+    elementClass: balDateCalendarCell_js.BalDateCalendarCell,
+    // @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: balDateCalendarCell_js.defineCustomElement
+});
+var BalDivider = /*@__PURE__*/ r({
+    tagName: 'bal-divider',
+    elementClass: balDivider_js.BalDivider,
+    // @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: balDivider_js.defineCustomElement
+});
+var BalDropdown = /*@__PURE__*/ r({
+    tagName: 'bal-dropdown',
+    elementClass: balDropdown_js.BalDropdown,
+    // @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: balDropdown_js.defineCustomElement
+});
+var BalField = /*@__PURE__*/ r({
+    tagName: 'bal-field',
+    elementClass: balField_js.BalField,
+    // @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: balField_js.defineCustomElement
+});
+var BalFieldControl = /*@__PURE__*/ r({
+    tagName: 'bal-field-control',
+    elementClass: balFieldControl_js.BalFieldControl,
+    // @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: balFieldControl_js.defineCustomElement
+});
+var BalFieldHint = /*@__PURE__*/ r({
+    tagName: 'bal-field-hint',
+    elementClass: balFieldHint_js.BalFieldHint,
+    // @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: balFieldHint_js.defineCustomElement
+});
+var BalFieldLabel = /*@__PURE__*/ r({
+    tagName: 'bal-field-label',
+    elementClass: balFieldLabel_js.BalFieldLabel,
+    // @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: balFieldLabel_js.defineCustomElement
+});
+var BalFieldMessage = /*@__PURE__*/ r({
+    tagName: 'bal-field-message',
+    elementClass: balFieldMessage_js.BalFieldMessage,
+    // @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: balFieldMessage_js.defineCustomElement
+});
+var BalFileUpload = /*@__PURE__*/ r({
+    tagName: 'bal-file-upload',
+    elementClass: balFileUpload_js.BalFileUpload,
+    // @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: balFileUpload_js.defineCustomElement
+});
+var BalFooter = /*@__PURE__*/ r({
+    tagName: 'bal-footer',
+    elementClass: balFooter_js.BalFooter,
+    // @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: balFooter_js.defineCustomElement
+});
+var BalForm = /*@__PURE__*/ r({
+    tagName: 'bal-form',
+    elementClass: balForm_js.BalForm,
+    // @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: balForm_js.defineCustomElement
+});
+var BalFormCol = /*@__PURE__*/ r({
+    tagName: 'bal-form-col',
+    elementClass: balFormCol_js.BalFormCol,
+    // @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: balFormCol_js.defineCustomElement
+});
+var BalFormGrid = /*@__PURE__*/ r({
+    tagName: 'bal-form-grid',
+    elementClass: balFormGrid_js.BalFormGrid,
+    // @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: balFormGrid_js.defineCustomElement
+});
+var BalHeading = /*@__PURE__*/ r({
+    tagName: 'bal-heading',
+    elementClass: balHeading_js.BalHeading,
+    // @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: balHeading_js.defineCustomElement
+});
+var BalHint = /*@__PURE__*/ r({
+    tagName: 'bal-hint',
+    elementClass: balHint_js.BalHint,
+    // @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: balHint_js.defineCustomElement
+});
+var BalHintText = /*@__PURE__*/ r({
+    tagName: 'bal-hint-text',
+    elementClass: balHintText_js.BalHintText,
+    // @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: balHintText_js.defineCustomElement
+});
+var BalHintTitle = /*@__PURE__*/ r({
+    tagName: 'bal-hint-title',
+    elementClass: balHintTitle_js.BalHintTitle,
+    // @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: balHintTitle_js.defineCustomElement
+});
+var BalIcon = /*@__PURE__*/ r({
+    tagName: 'bal-icon',
+    elementClass: balIcon_js.BalIcon,
+    // @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: balIcon_js.defineCustomElement
+});
+var BalInput = /*@__PURE__*/ r({
+    tagName: 'bal-input',
+    elementClass: balInput_js.BalInput,
+    // @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: balInput_js.defineCustomElement
+});
+var BalInputDate = /*@__PURE__*/ r({
+    tagName: 'bal-input-date',
+    elementClass: balInputDate_js.BalInputDate,
+    // @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: balInputDate_js.defineCustomElement
+});
+var BalInputGroup = /*@__PURE__*/ r({
+    tagName: 'bal-input-group',
+    elementClass: balInputGroup_js.BalInputGroup,
+    // @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: balInputGroup_js.defineCustomElement
+});
+var BalInputSlider = /*@__PURE__*/ r({
+    tagName: 'bal-input-slider',
+    elementClass: balInputSlider_js.BalInputSlider,
+    // @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: balInputSlider_js.defineCustomElement
+});
+var BalInputStepper = /*@__PURE__*/ r({
+    tagName: 'bal-input-stepper',
+    elementClass: balInputStepper_js.BalInputStepper,
+    // @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: balInputStepper_js.defineCustomElement
+});
+var BalLabel = /*@__PURE__*/ r({
+    tagName: 'bal-label',
+    elementClass: balLabel_js.BalLabel,
+    // @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: balLabel_js.defineCustomElement
+});
+var BalList = /*@__PURE__*/ r({
+    tagName: 'bal-list',
+    elementClass: balList_js.BalList,
+    // @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: balList_js.defineCustomElement
+});
+var BalListItem = /*@__PURE__*/ r({
+    tagName: 'bal-list-item',
+    elementClass: balListItem_js.BalListItem,
+    // @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: balListItem_js.defineCustomElement
+});
+var BalListItemAccordionBody = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-accordion-body',
+    elementClass: balListItemAccordionBody_js.BalListItemAccordionBody,
+    // @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: balListItemAccordionBody_js.defineCustomElement
+});
+var BalListItemAccordionHead = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-accordion-head',
+    elementClass: balListItemAccordionHead_js.BalListItemAccordionHead,
+    // @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: balListItemAccordionHead_js.defineCustomElement
+});
+var BalListItemContent = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-content',
+    elementClass: balListItemContent_js.BalListItemContent,
+    // @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: balListItemContent_js.defineCustomElement
+});
+var BalListItemIcon = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-icon',
+    elementClass: balListItemIcon_js.BalListItemIcon,
+    // @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: balListItemIcon_js.defineCustomElement
+});
+var BalListItemSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-subtitle',
+    elementClass: balListItemSubtitle_js.BalListItemSubtitle,
+    // @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: balListItemSubtitle_js.defineCustomElement
+});
+var BalListItemTitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-title',
+    elementClass: balListItemTitle_js.BalListItemTitle,
+    // @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: balListItemTitle_js.defineCustomElement
+});
+var BalLogo = /*@__PURE__*/ r({
+    tagName: 'bal-logo',
+    elementClass: balLogo_js.BalLogo,
+    // @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: balLogo_js.defineCustomElement
+});
+var BalModal = /*@__PURE__*/ r({
+    tagName: 'bal-modal',
+    elementClass: balModal_js.BalModal,
+    // @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: balModal_js.defineCustomElement
+});
+var BalModalBody = /*@__PURE__*/ r({
+    tagName: 'bal-modal-body',
+    elementClass: balModalBody_js.BalModalBody,
+    // @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: balModalBody_js.defineCustomElement
+});
+var BalModalHeader = /*@__PURE__*/ r({
+    tagName: 'bal-modal-header',
+    elementClass: balModalHeader_js.BalModalHeader,
+    // @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: balModalHeader_js.defineCustomElement
+});
+var BalNav = /*@__PURE__*/ r({
+    tagName: 'bal-nav',
+    elementClass: balNav_js.BalNav,
+    // @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: balNav_js.defineCustomElement
+});
+var BalNavLink = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link',
+    elementClass: balNavLink_js.BalNavLink,
+    // @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: balNavLink_js.defineCustomElement
+});
+var BalNavLinkGrid = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid',
+    elementClass: balNavLinkGrid_js.BalNavLinkGrid,
+    // @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: balNavLinkGrid_js.defineCustomElement
+});
+var BalNavLinkGridCol = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid-col',
+    elementClass: balNavLinkGridCol_js.BalNavLinkGridCol,
+    // @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: balNavLinkGridCol_js.defineCustomElement
+});
+var BalNavLinkGroup = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-group',
+    elementClass: balNavLinkGroup_js.BalNavLinkGroup,
+    // @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: balNavLinkGroup_js.defineCustomElement
+});
+var BalNavMenuBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-bar',
+    elementClass: balNavMenuBar_js.BalNavMenuBar,
+    // @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: balNavMenuBar_js.defineCustomElement
+});
+var BalNavMenuFlyout = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-flyout',
+    elementClass: balNavMenuFlyout_js.BalNavMenuFlyout,
+    // @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: balNavMenuFlyout_js.defineCustomElement
+});
+var BalNavMetaBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-meta-bar',
+    elementClass: balNavMetaBar_js.BalNavMetaBar,
+    // @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: balNavMetaBar_js.defineCustomElement
+});
+var BalNavbar = /*@__PURE__*/ r({
+    tagName: 'bal-navbar',
+    elementClass: balNavbar_js.BalNavbar,
+    // @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: balNavbar_js.defineCustomElement
+});
+var BalNavbarBrand = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-brand',
+    elementClass: balNavbarBrand_js.BalNavbarBrand,
+    // @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: balNavbarBrand_js.defineCustomElement
+});
+var BalNavbarMenu = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu',
+    elementClass: balNavbarMenu_js.BalNavbarMenu,
+    // @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: balNavbarMenu_js.defineCustomElement
+});
+var BalNavbarMenuEnd = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-end',
+    elementClass: balNavbarMenuEnd_js.BalNavbarMenuEnd,
+    // @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: balNavbarMenuEnd_js.defineCustomElement
+});
+var BalNavbarMenuStart = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-start',
+    elementClass: balNavbarMenuStart_js.BalNavbarMenuStart,
+    // @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: balNavbarMenuStart_js.defineCustomElement
+});
+var BalNotices = /*@__PURE__*/ r({
+    tagName: 'bal-notices',
+    elementClass: balNotices_js.BalNotices,
+    // @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: balNotices_js.defineCustomElement
+});
+var BalNotification = /*@__PURE__*/ r({
+    tagName: 'bal-notification',
+    elementClass: balNotification_js.BalNotification,
+    // @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: balNotification_js.defineCustomElement
+});
+var BalNumberInput = /*@__PURE__*/ r({
+    tagName: 'bal-number-input',
+    elementClass: balNumberInput_js.BalNumberInput,
+    // @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: balNumberInput_js.defineCustomElement
+});
+var BalOption = /*@__PURE__*/ r({
+    tagName: 'bal-option',
+    elementClass: balOption_js.BalOption,
+    // @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: balOption_js.defineCustomElement
+});
+var BalOptionList = /*@__PURE__*/ r({
+    tagName: 'bal-option-list',
+    elementClass: balOptionList_js.BalOptionList,
+    // @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: balOptionList_js.defineCustomElement
+});
+var BalPagination = /*@__PURE__*/ r({
+    tagName: 'bal-pagination',
+    elementClass: balPagination_js.BalPagination,
+    // @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: balPagination_js.defineCustomElement
+});
+var BalPopover = /*@__PURE__*/ r({
+    tagName: 'bal-popover',
+    elementClass: balPopover_js.BalPopover,
+    // @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: balPopover_js.defineCustomElement
+});
+var BalPopoverContent = /*@__PURE__*/ r({
+    tagName: 'bal-popover-content',
+    elementClass: balPopoverContent_js.BalPopoverContent,
+    // @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: balPopoverContent_js.defineCustomElement
+});
+var BalPopup = /*@__PURE__*/ r({
+    tagName: 'bal-popup',
+    elementClass: balPopup_js.BalPopup,
+    // @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: balPopup_js.defineCustomElement
+});
+var BalProgressBar = /*@__PURE__*/ r({
+    tagName: 'bal-progress-bar',
+    elementClass: balProgressBar_js.BalProgressBar,
+    // @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: balProgressBar_js.defineCustomElement
+});
+var BalRadio = /*@__PURE__*/ r({
+    tagName: 'bal-radio',
+    elementClass: balRadio_js.BalRadio,
+    // @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: balRadio_js.defineCustomElement
+});
+var BalRadioGroup = /*@__PURE__*/ r({
+    tagName: 'bal-radio-group',
+    elementClass: balRadioGroup_js.BalRadioGroup,
+    // @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: balRadioGroup_js.defineCustomElement
+});
+var BalRadioIcon = /*@__PURE__*/ r({
+    tagName: 'bal-radio-icon',
+    elementClass: balRadioIcon_js.BalRadioIcon,
+    // @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: balRadioIcon_js.defineCustomElement
+});
+var BalSegment = /*@__PURE__*/ r({
+    tagName: 'bal-segment',
+    elementClass: balSegment_js.BalSegment,
+    // @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: balSegment_js.defineCustomElement
+});
+var BalSegmentItem = /*@__PURE__*/ r({
+    tagName: 'bal-segment-item',
+    elementClass: balSegmentItem_js.BalSegmentItem,
+    // @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: balSegmentItem_js.defineCustomElement
+});
+var BalSelect = /*@__PURE__*/ r({
+    tagName: 'bal-select',
+    elementClass: balSelect_js.BalSelect,
+    // @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: balSelect_js.defineCustomElement
+});
+var BalSelectOption = /*@__PURE__*/ r({
+    tagName: 'bal-select-option',
+    elementClass: balSelectOption_js.BalSelectOption,
+    // @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: balSelectOption_js.defineCustomElement
+});
+var BalShape = /*@__PURE__*/ r({
+    tagName: 'bal-shape',
+    elementClass: balShape_js.BalShape,
+    // @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: balShape_js.defineCustomElement
+});
+var BalSheet = /*@__PURE__*/ r({
+    tagName: 'bal-sheet',
+    elementClass: balSheet_js.BalSheet,
+    // @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: balSheet_js.defineCustomElement
+});
+var BalSnackbar = /*@__PURE__*/ r({
+    tagName: 'bal-snackbar',
+    elementClass: balSnackbar_js.BalSnackbar,
+    // @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: balSnackbar_js.defineCustomElement
+});
+var BalSpinner = /*@__PURE__*/ r({
+    tagName: 'bal-spinner',
+    elementClass: balSpinner_js.BalSpinner,
+    // @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: balSpinner_js.defineCustomElement
+});
+var BalStack = /*@__PURE__*/ r({
+    tagName: 'bal-stack',
+    elementClass: balStack_js.BalStack,
+    // @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: balStack_js.defineCustomElement
+});
+var BalStage = /*@__PURE__*/ r({
+    tagName: 'bal-stage',
+    elementClass: balStage_js.BalStage,
+    // @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: balStage_js.defineCustomElement
+});
+var BalStageBackLink = /*@__PURE__*/ r({
+    tagName: 'bal-stage-back-link',
+    elementClass: balStageBackLink_js.BalStageBackLink,
+    // @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: balStageBackLink_js.defineCustomElement
+});
+var BalStageBody = /*@__PURE__*/ r({
+    tagName: 'bal-stage-body',
+    elementClass: balStageBody_js.BalStageBody,
+    // @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: balStageBody_js.defineCustomElement
+});
+var BalStageFoot = /*@__PURE__*/ r({
+    tagName: 'bal-stage-foot',
+    elementClass: balStageFoot_js.BalStageFoot,
+    // @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: balStageFoot_js.defineCustomElement
+});
+var BalStageHead = /*@__PURE__*/ r({
+    tagName: 'bal-stage-head',
+    elementClass: balStageHead_js.BalStageHead,
+    // @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: balStageHead_js.defineCustomElement
+});
+var BalStageImage = /*@__PURE__*/ r({
+    tagName: 'bal-stage-image',
+    elementClass: balStageImage_js.BalStageImage,
+    // @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: balStageImage_js.defineCustomElement
+});
+var BalStepItem = /*@__PURE__*/ r({
+    tagName: 'bal-step-item',
+    elementClass: balStepItem_js.BalStepItem,
+    // @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: balStepItem_js.defineCustomElement
+});
+var BalSteps = /*@__PURE__*/ r({
+    tagName: 'bal-steps',
+    elementClass: balSteps_js.BalSteps,
+    // @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: balSteps_js.defineCustomElement
+});
+var BalSwitch = /*@__PURE__*/ r({
+    tagName: 'bal-switch',
+    elementClass: balSwitch_js.BalSwitch,
+    // @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: balSwitch_js.defineCustomElement
+});
+var BalTabItem = /*@__PURE__*/ r({
+    tagName: 'bal-tab-item',
+    elementClass: balTabItem_js.BalTabItem,
+    // @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: balTabItem_js.defineCustomElement
+});
+var BalTable = /*@__PURE__*/ r({
+    tagName: 'bal-table',
+    elementClass: balTable_js.BalTable,
+    // @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: balTable_js.defineCustomElement
+});
+var BalTabs = /*@__PURE__*/ r({
+    tagName: 'bal-tabs',
+    elementClass: balTabs_js.BalTabs,
+    // @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: balTabs_js.defineCustomElement
+});
+var BalTag = /*@__PURE__*/ r({
+    tagName: 'bal-tag',
+    elementClass: balTag_js.BalTag,
+    // @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: balTag_js.defineCustomElement
+});
+var BalTagGroup = /*@__PURE__*/ r({
+    tagName: 'bal-tag-group',
+    elementClass: balTagGroup_js.BalTagGroup,
+    // @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: balTagGroup_js.defineCustomElement
+});
+var BalText = /*@__PURE__*/ r({
+    tagName: 'bal-text',
+    elementClass: balText_js.BalText,
+    // @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: balText_js.defineCustomElement
+});
+var BalTextarea = /*@__PURE__*/ r({
+    tagName: 'bal-textarea',
+    elementClass: balTextarea_js.BalTextarea,
+    // @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: balTextarea_js.defineCustomElement
+});
+var BalTimeInput = /*@__PURE__*/ r({
+    tagName: 'bal-time-input',
+    elementClass: balTimeInput_js.BalTimeInput,
+    // @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: balTimeInput_js.defineCustomElement
+});
+var BalToast = /*@__PURE__*/ r({
+    tagName: 'bal-toast',
+    elementClass: balToast_js.BalToast,
+    // @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: balToast_js.defineCustomElement
+});
+var BalTooltip = /*@__PURE__*/ r({
+    tagName: 'bal-tooltip',
+    elementClass: balTooltip_js.BalTooltip,
+    // @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: balTooltip_js.defineCustomElement
+});
 
 var useBaloiseDesignSystem = function(config) {
     if (config === undefined) config = {};
@@ -423,8 +1473,8 @@ exports.BalCardSubtitle = BalCardSubtitle;
 exports.BalCardTitle = BalCardTitle;
 exports.BalCarousel = BalCarousel;
 exports.BalCarouselItem = BalCarouselItem;
+exports.BalCheck = BalCheck;
 exports.BalCheckbox = BalCheckbox;
-exports.BalCheckboxButton = BalCheckboxButton;
 exports.BalCheckboxGroup = BalCheckboxGroup;
 exports.BalClose = BalClose;
 exports.BalContent = BalContent;
@@ -494,8 +1544,8 @@ exports.BalPopoverContent = BalPopoverContent;
 exports.BalPopup = BalPopup;
 exports.BalProgressBar = BalProgressBar;
 exports.BalRadio = BalRadio;
-exports.BalRadioButton = BalRadioButton;
 exports.BalRadioGroup = BalRadioGroup;
+exports.BalRadioIcon = BalRadioIcon;
 exports.BalSegment = BalSegment;
 exports.BalSegmentItem = BalSegmentItem;
 exports.BalSelect = BalSelect;
@@ -513,6 +1563,7 @@ exports.BalStageHead = BalStageHead;
 exports.BalStageImage = BalStageImage;
 exports.BalStepItem = BalStepItem;
 exports.BalSteps = BalSteps;
+exports.BalSwitch = BalSwitch;
 exports.BalTabItem = BalTabItem;
 exports.BalTable = BalTable;
 exports.BalTabs = BalTabs;