@baloise/ds-react 19.2.0-snapshot.1741-b81134b50 → 19.2.0

package/index.cjs.js

@@ -0,0 +1,1578 @@
+'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');
+
+function _extends() {
+    _extends = Object.assign || function assign(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+
+/**
+ * @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 _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 _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 _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);
+    }
+    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
+            ])
+        }));
+    });
+    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 = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+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);
+};
+
+var BalAccordion = /*@__PURE__*/ r({
+    tagName: 'bal-accordion',
+    elementClass: balAccordion_js.BalAccordion,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balAccordionDetails_js.defineCustomElement
+});
+var BalAccordionSummary = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-summary',
+    elementClass: balAccordionSummary_js.BalAccordionSummary,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balAccordionSummary_js.defineCustomElement
+});
+var BalAccordionTrigger = /*@__PURE__*/ r({
+    tagName: 'bal-accordion-trigger',
+    elementClass: balAccordionTrigger_js.BalAccordionTrigger,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balAccordionTrigger_js.defineCustomElement
+});
+var BalApp = /*@__PURE__*/ r({
+    tagName: 'bal-app',
+    elementClass: balApp_js.BalApp,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balApp_js.defineCustomElement
+});
+var BalBadge = /*@__PURE__*/ r({
+    tagName: 'bal-badge',
+    elementClass: balBadge_js.BalBadge,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balBadge_js.defineCustomElement
+});
+var BalButton = /*@__PURE__*/ r({
+    tagName: 'bal-button',
+    elementClass: balButton_js.BalButton,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalClick: 'balClick',
+        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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balButtonGroup_js.defineCustomElement
+});
+var BalCard = /*@__PURE__*/ r({
+    tagName: 'bal-card',
+    elementClass: balCard_js.BalCard,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCard_js.defineCustomElement
+});
+var BalCardActions = /*@__PURE__*/ r({
+    tagName: 'bal-card-actions',
+    elementClass: balCardActions_js.BalCardActions,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCardActions_js.defineCustomElement
+});
+var BalCardButton = /*@__PURE__*/ r({
+    tagName: 'bal-card-button',
+    elementClass: balCardButton_js.BalCardButton,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCardButton_js.defineCustomElement
+});
+var BalCardContent = /*@__PURE__*/ r({
+    tagName: 'bal-card-content',
+    elementClass: balCardContent_js.BalCardContent,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCardContent_js.defineCustomElement
+});
+var BalCardSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-subtitle',
+    elementClass: balCardSubtitle_js.BalCardSubtitle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCardSubtitle_js.defineCustomElement
+});
+var BalCardTitle = /*@__PURE__*/ r({
+    tagName: 'bal-card-title',
+    elementClass: balCardTitle_js.BalCardTitle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCardTitle_js.defineCustomElement
+});
+var BalCarousel = /*@__PURE__*/ r({
+    tagName: 'bal-carousel',
+    elementClass: balCarousel_js.BalCarousel,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: balCarousel_js.defineCustomElement
+});
+var BalCarouselItem = /*@__PURE__*/ r({
+    tagName: 'bal-carousel-item',
+    elementClass: balCarouselItem_js.BalCarouselItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balCheck_js.defineCustomElement
+});
+var BalCheckbox = /*@__PURE__*/ r({
+    tagName: 'bal-checkbox',
+    elementClass: balCheckbox_js.BalCheckbox,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balClose_js.defineCustomElement
+});
+var BalContent = /*@__PURE__*/ r({
+    tagName: 'bal-content',
+    elementClass: balContent_js.BalContent,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balContent_js.defineCustomElement
+});
+var BalData = /*@__PURE__*/ r({
+    tagName: 'bal-data',
+    elementClass: balData_js.BalData,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balData_js.defineCustomElement
+});
+var BalDataItem = /*@__PURE__*/ r({
+    tagName: 'bal-data-item',
+    elementClass: balDataItem_js.BalDataItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balDataItem_js.defineCustomElement
+});
+var BalDataLabel = /*@__PURE__*/ r({
+    tagName: 'bal-data-label',
+    elementClass: balDataLabel_js.BalDataLabel,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balDataLabel_js.defineCustomElement
+});
+var BalDataValue = /*@__PURE__*/ r({
+    tagName: 'bal-data-value',
+    elementClass: balDataValue_js.BalDataValue,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: balDateCalendar_js.defineCustomElement
+});
+var BalDateCalendarCell = /*@__PURE__*/ r({
+    tagName: 'bal-date-calendar-cell',
+    elementClass: balDateCalendarCell_js.BalDateCalendarCell,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalSelectDay: 'balSelectDay'
+    },
+    defineCustomElement: balDateCalendarCell_js.defineCustomElement
+});
+var BalDivider = /*@__PURE__*/ r({
+    tagName: 'bal-divider',
+    elementClass: balDivider_js.BalDivider,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balDivider_js.defineCustomElement
+});
+var BalDropdown = /*@__PURE__*/ r({
+    tagName: 'bal-dropdown',
+    elementClass: balDropdown_js.BalDropdown,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalFormControlDidLoad: 'balFormControlDidLoad'
+    },
+    defineCustomElement: balField_js.defineCustomElement
+});
+var BalFieldControl = /*@__PURE__*/ r({
+    tagName: 'bal-field-control',
+    elementClass: balFieldControl_js.BalFieldControl,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFieldControl_js.defineCustomElement
+});
+var BalFieldHint = /*@__PURE__*/ r({
+    tagName: 'bal-field-hint',
+    elementClass: balFieldHint_js.BalFieldHint,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFieldHint_js.defineCustomElement
+});
+var BalFieldLabel = /*@__PURE__*/ r({
+    tagName: 'bal-field-label',
+    elementClass: balFieldLabel_js.BalFieldLabel,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFieldLabel_js.defineCustomElement
+});
+var BalFieldMessage = /*@__PURE__*/ r({
+    tagName: 'bal-field-message',
+    elementClass: balFieldMessage_js.BalFieldMessage,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFieldMessage_js.defineCustomElement
+});
+var BalFileUpload = /*@__PURE__*/ r({
+    tagName: 'bal-file-upload',
+    elementClass: balFileUpload_js.BalFileUpload,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFooter_js.defineCustomElement
+});
+var BalForm = /*@__PURE__*/ r({
+    tagName: 'bal-form',
+    elementClass: balForm_js.BalForm,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balForm_js.defineCustomElement
+});
+var BalFormCol = /*@__PURE__*/ r({
+    tagName: 'bal-form-col',
+    elementClass: balFormCol_js.BalFormCol,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFormCol_js.defineCustomElement
+});
+var BalFormGrid = /*@__PURE__*/ r({
+    tagName: 'bal-form-grid',
+    elementClass: balFormGrid_js.BalFormGrid,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balFormGrid_js.defineCustomElement
+});
+var BalHeading = /*@__PURE__*/ r({
+    tagName: 'bal-heading',
+    elementClass: balHeading_js.BalHeading,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balHeading_js.defineCustomElement
+});
+var BalHint = /*@__PURE__*/ r({
+    tagName: 'bal-hint',
+    elementClass: balHint_js.BalHint,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balHint_js.defineCustomElement
+});
+var BalHintText = /*@__PURE__*/ r({
+    tagName: 'bal-hint-text',
+    elementClass: balHintText_js.BalHintText,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balHintText_js.defineCustomElement
+});
+var BalHintTitle = /*@__PURE__*/ r({
+    tagName: 'bal-hint-title',
+    elementClass: balHintTitle_js.BalHintTitle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balHintTitle_js.defineCustomElement
+});
+var BalIcon = /*@__PURE__*/ r({
+    tagName: 'bal-icon',
+    elementClass: balIcon_js.BalIcon,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balIcon_js.defineCustomElement
+});
+var BalInput = /*@__PURE__*/ r({
+    tagName: 'bal-input',
+    elementClass: balInput_js.BalInput,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balInputGroup_js.defineCustomElement
+});
+var BalInputSlider = /*@__PURE__*/ r({
+    tagName: 'bal-input-slider',
+    elementClass: balInputSlider_js.BalInputSlider,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balLabel_js.defineCustomElement
+});
+var BalList = /*@__PURE__*/ r({
+    tagName: 'bal-list',
+    elementClass: balList_js.BalList,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balList_js.defineCustomElement
+});
+var BalListItem = /*@__PURE__*/ r({
+    tagName: 'bal-list-item',
+    elementClass: balListItem_js.BalListItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balListItemAccordionBody_js.defineCustomElement
+});
+var BalListItemAccordionHead = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-accordion-head',
+    elementClass: balListItemAccordionHead_js.BalListItemAccordionHead,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalAccordionChange: 'balAccordionChange'
+    },
+    defineCustomElement: balListItemAccordionHead_js.defineCustomElement
+});
+var BalListItemContent = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-content',
+    elementClass: balListItemContent_js.BalListItemContent,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balListItemContent_js.defineCustomElement
+});
+var BalListItemIcon = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-icon',
+    elementClass: balListItemIcon_js.BalListItemIcon,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balListItemIcon_js.defineCustomElement
+});
+var BalListItemSubtitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-subtitle',
+    elementClass: balListItemSubtitle_js.BalListItemSubtitle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balListItemSubtitle_js.defineCustomElement
+});
+var BalListItemTitle = /*@__PURE__*/ r({
+    tagName: 'bal-list-item-title',
+    elementClass: balListItemTitle_js.BalListItemTitle,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balListItemTitle_js.defineCustomElement
+});
+var BalLogo = /*@__PURE__*/ r({
+    tagName: 'bal-logo',
+    elementClass: balLogo_js.BalLogo,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balLogo_js.defineCustomElement
+});
+var BalModal = /*@__PURE__*/ r({
+    tagName: 'bal-modal',
+    elementClass: balModal_js.BalModal,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balModalBody_js.defineCustomElement
+});
+var BalModalHeader = /*@__PURE__*/ r({
+    tagName: 'bal-modal-header',
+    elementClass: balModalHeader_js.BalModalHeader,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balModalHeader_js.defineCustomElement
+});
+var BalNav = /*@__PURE__*/ r({
+    tagName: 'bal-nav',
+    elementClass: balNav_js.BalNav,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalNavItemClick: 'balNavItemClick'
+    },
+    defineCustomElement: balNav_js.defineCustomElement
+});
+var BalNavLink = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link',
+    elementClass: balNavLink_js.BalNavLink,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavLink_js.defineCustomElement
+});
+var BalNavLinkGrid = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid',
+    elementClass: balNavLinkGrid_js.BalNavLinkGrid,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavLinkGrid_js.defineCustomElement
+});
+var BalNavLinkGridCol = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-grid-col',
+    elementClass: balNavLinkGridCol_js.BalNavLinkGridCol,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavLinkGridCol_js.defineCustomElement
+});
+var BalNavLinkGroup = /*@__PURE__*/ r({
+    tagName: 'bal-nav-link-group',
+    elementClass: balNavLinkGroup_js.BalNavLinkGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavLinkGroup_js.defineCustomElement
+});
+var BalNavMenuBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-bar',
+    elementClass: balNavMenuBar_js.BalNavMenuBar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavMenuBar_js.defineCustomElement
+});
+var BalNavMenuFlyout = /*@__PURE__*/ r({
+    tagName: 'bal-nav-menu-flyout',
+    elementClass: balNavMenuFlyout_js.BalNavMenuFlyout,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavMenuFlyout_js.defineCustomElement
+});
+var BalNavMetaBar = /*@__PURE__*/ r({
+    tagName: 'bal-nav-meta-bar',
+    elementClass: balNavMetaBar_js.BalNavMetaBar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavMetaBar_js.defineCustomElement
+});
+var BalNavbar = /*@__PURE__*/ r({
+    tagName: 'bal-navbar',
+    elementClass: balNavbar_js.BalNavbar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavbar_js.defineCustomElement
+});
+var BalNavbarBrand = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-brand',
+    elementClass: balNavbarBrand_js.BalNavbarBrand,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavbarMenu_js.defineCustomElement
+});
+var BalNavbarMenuEnd = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-end',
+    elementClass: balNavbarMenuEnd_js.BalNavbarMenuEnd,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavbarMenuEnd_js.defineCustomElement
+});
+var BalNavbarMenuStart = /*@__PURE__*/ r({
+    tagName: 'bal-navbar-menu-start',
+    elementClass: balNavbarMenuStart_js.BalNavbarMenuStart,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNavbarMenuStart_js.defineCustomElement
+});
+var BalNotices = /*@__PURE__*/ r({
+    tagName: 'bal-notices',
+    elementClass: balNotices_js.BalNotices,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNotices_js.defineCustomElement
+});
+var BalNotification = /*@__PURE__*/ r({
+    tagName: 'bal-notification',
+    elementClass: balNotification_js.BalNotification,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balNotification_js.defineCustomElement
+});
+var BalNumberInput = /*@__PURE__*/ r({
+    tagName: 'bal-number-input',
+    elementClass: balNumberInput_js.BalNumberInput,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalOptionChange: 'balOptionChange'
+    },
+    defineCustomElement: balOption_js.defineCustomElement
+});
+var BalOptionList = /*@__PURE__*/ r({
+    tagName: 'bal-option-list',
+    elementClass: balOptionList_js.BalOptionList,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balOptionList_js.defineCustomElement
+});
+var BalPagination = /*@__PURE__*/ r({
+    tagName: 'bal-pagination',
+    elementClass: balPagination_js.BalPagination,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: balPagination_js.defineCustomElement
+});
+var BalPopover = /*@__PURE__*/ r({
+    tagName: 'bal-popover',
+    elementClass: balPopover_js.BalPopover,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balPopoverContent_js.defineCustomElement
+});
+var BalPopup = /*@__PURE__*/ r({
+    tagName: 'bal-popup',
+    elementClass: balPopup_js.BalPopup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balProgressBar_js.defineCustomElement
+});
+var BalRadio = /*@__PURE__*/ r({
+    tagName: 'bal-radio',
+    elementClass: balRadio_js.BalRadio,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balRadioIcon_js.defineCustomElement
+});
+var BalSegment = /*@__PURE__*/ r({
+    tagName: 'bal-segment',
+    elementClass: balSegment_js.BalSegment,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balSegmentItem_js.defineCustomElement
+});
+var BalSelect = /*@__PURE__*/ r({
+    tagName: 'bal-select',
+    elementClass: balSelect_js.BalSelect,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balSelectOption_js.defineCustomElement
+});
+var BalShape = /*@__PURE__*/ r({
+    tagName: 'bal-shape',
+    elementClass: balShape_js.BalShape,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balShape_js.defineCustomElement
+});
+var BalSheet = /*@__PURE__*/ r({
+    tagName: 'bal-sheet',
+    elementClass: balSheet_js.BalSheet,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balSheet_js.defineCustomElement
+});
+var BalSnackbar = /*@__PURE__*/ r({
+    tagName: 'bal-snackbar',
+    elementClass: balSnackbar_js.BalSnackbar,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalClose: 'balClose',
+        onBalAction: 'balAction'
+    },
+    defineCustomElement: balSnackbar_js.defineCustomElement
+});
+var BalSpinner = /*@__PURE__*/ r({
+    tagName: 'bal-spinner',
+    elementClass: balSpinner_js.BalSpinner,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balSpinner_js.defineCustomElement
+});
+var BalStack = /*@__PURE__*/ r({
+    tagName: 'bal-stack',
+    elementClass: balStack_js.BalStack,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStack_js.defineCustomElement
+});
+var BalStage = /*@__PURE__*/ r({
+    tagName: 'bal-stage',
+    elementClass: balStage_js.BalStage,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStage_js.defineCustomElement
+});
+var BalStageBackLink = /*@__PURE__*/ r({
+    tagName: 'bal-stage-back-link',
+    elementClass: balStageBackLink_js.BalStageBackLink,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStageBackLink_js.defineCustomElement
+});
+var BalStageBody = /*@__PURE__*/ r({
+    tagName: 'bal-stage-body',
+    elementClass: balStageBody_js.BalStageBody,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStageBody_js.defineCustomElement
+});
+var BalStageFoot = /*@__PURE__*/ r({
+    tagName: 'bal-stage-foot',
+    elementClass: balStageFoot_js.BalStageFoot,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStageFoot_js.defineCustomElement
+});
+var BalStageHead = /*@__PURE__*/ r({
+    tagName: 'bal-stage-head',
+    elementClass: balStageHead_js.BalStageHead,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStageHead_js.defineCustomElement
+});
+var BalStageImage = /*@__PURE__*/ r({
+    tagName: 'bal-stage-image',
+    elementClass: balStageImage_js.BalStageImage,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balStageImage_js.defineCustomElement
+});
+var BalStepItem = /*@__PURE__*/ r({
+    tagName: 'bal-step-item',
+    elementClass: balStepItem_js.BalStepItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalNavigate: 'balNavigate'
+    },
+    defineCustomElement: balStepItem_js.defineCustomElement
+});
+var BalSteps = /*@__PURE__*/ r({
+    tagName: 'bal-steps',
+    elementClass: balSteps_js.BalSteps,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalChange: 'balChange'
+    },
+    defineCustomElement: balSteps_js.defineCustomElement
+});
+var BalSwitch = /*@__PURE__*/ r({
+    tagName: 'bal-switch',
+    elementClass: balSwitch_js.BalSwitch,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balSwitch_js.defineCustomElement
+});
+var BalTabItem = /*@__PURE__*/ r({
+    tagName: 'bal-tab-item',
+    elementClass: balTabItem_js.BalTabItem,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalNavigate: 'balNavigate'
+    },
+    defineCustomElement: balTabItem_js.defineCustomElement
+});
+var BalTable = /*@__PURE__*/ r({
+    tagName: 'bal-table',
+    elementClass: balTable_js.BalTable,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balTable_js.defineCustomElement
+});
+var BalTabs = /*@__PURE__*/ r({
+    tagName: 'bal-tabs',
+    elementClass: balTabs_js.BalTabs,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalCloseClick: 'balCloseClick'
+    },
+    defineCustomElement: balTag_js.defineCustomElement
+});
+var BalTagGroup = /*@__PURE__*/ r({
+    tagName: 'bal-tag-group',
+    elementClass: balTagGroup_js.BalTagGroup,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balTagGroup_js.defineCustomElement
+});
+var BalText = /*@__PURE__*/ r({
+    tagName: 'bal-text',
+    elementClass: balText_js.BalText,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: balText_js.defineCustomElement
+});
+var BalTextarea = /*@__PURE__*/ r({
+    tagName: 'bal-textarea',
+    elementClass: balTextarea_js.BalTextarea,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    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 - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalClose: 'balClose'
+    },
+    defineCustomElement: balToast_js.defineCustomElement
+});
+var BalTooltip = /*@__PURE__*/ r({
+    tagName: 'bal-tooltip',
+    elementClass: balTooltip_js.BalTooltip,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onBalWillAnimate: 'balWillAnimate',
+        onBalDidAnimate: 'balDidAnimate'
+    },
+    defineCustomElement: balTooltip_js.defineCustomElement
+});
+
+var useBaloiseDesignSystem = function(config) {
+    if (config === undefined) config = {};
+    dsCore.initialize(_extends({}, config.defaults, {
+        httpFormSubmit: false
+    }));
+};
+
+exports.BalAccordion = BalAccordion;
+exports.BalAccordionDetails = BalAccordionDetails;
+exports.BalAccordionSummary = BalAccordionSummary;
+exports.BalAccordionTrigger = BalAccordionTrigger;
+exports.BalApp = BalApp;
+exports.BalBadge = BalBadge;
+exports.BalButton = BalButton;
+exports.BalButtonGroup = BalButtonGroup;
+exports.BalCard = BalCard;
+exports.BalCardActions = BalCardActions;
+exports.BalCardButton = BalCardButton;
+exports.BalCardContent = BalCardContent;
+exports.BalCardSubtitle = BalCardSubtitle;
+exports.BalCardTitle = BalCardTitle;
+exports.BalCarousel = BalCarousel;
+exports.BalCarouselItem = BalCarouselItem;
+exports.BalCheck = BalCheck;
+exports.BalCheckbox = BalCheckbox;
+exports.BalCheckboxGroup = BalCheckboxGroup;
+exports.BalClose = BalClose;
+exports.BalContent = BalContent;
+exports.BalData = BalData;
+exports.BalDataItem = BalDataItem;
+exports.BalDataLabel = BalDataLabel;
+exports.BalDataValue = BalDataValue;
+exports.BalDate = BalDate;
+exports.BalDateCalendar = BalDateCalendar;
+exports.BalDateCalendarCell = BalDateCalendarCell;
+exports.BalDivider = BalDivider;
+exports.BalDropdown = BalDropdown;
+exports.BalField = BalField;
+exports.BalFieldControl = BalFieldControl;
+exports.BalFieldHint = BalFieldHint;
+exports.BalFieldLabel = BalFieldLabel;
+exports.BalFieldMessage = BalFieldMessage;
+exports.BalFileUpload = BalFileUpload;
+exports.BalFooter = BalFooter;
+exports.BalForm = BalForm;
+exports.BalFormCol = BalFormCol;
+exports.BalFormGrid = BalFormGrid;
+exports.BalHeading = BalHeading;
+exports.BalHint = BalHint;
+exports.BalHintText = BalHintText;
+exports.BalHintTitle = BalHintTitle;
+exports.BalIcon = BalIcon;
+exports.BalInput = BalInput;
+exports.BalInputDate = BalInputDate;
+exports.BalInputGroup = BalInputGroup;
+exports.BalInputSlider = BalInputSlider;
+exports.BalInputStepper = BalInputStepper;
+exports.BalLabel = BalLabel;
+exports.BalList = BalList;
+exports.BalListItem = BalListItem;
+exports.BalListItemAccordionBody = BalListItemAccordionBody;
+exports.BalListItemAccordionHead = BalListItemAccordionHead;
+exports.BalListItemContent = BalListItemContent;
+exports.BalListItemIcon = BalListItemIcon;
+exports.BalListItemSubtitle = BalListItemSubtitle;
+exports.BalListItemTitle = BalListItemTitle;
+exports.BalLogo = BalLogo;
+exports.BalModal = BalModal;
+exports.BalModalBody = BalModalBody;
+exports.BalModalHeader = BalModalHeader;
+exports.BalNav = BalNav;
+exports.BalNavLink = BalNavLink;
+exports.BalNavLinkGrid = BalNavLinkGrid;
+exports.BalNavLinkGridCol = BalNavLinkGridCol;
+exports.BalNavLinkGroup = BalNavLinkGroup;
+exports.BalNavMenuBar = BalNavMenuBar;
+exports.BalNavMenuFlyout = BalNavMenuFlyout;
+exports.BalNavMetaBar = BalNavMetaBar;
+exports.BalNavbar = BalNavbar;
+exports.BalNavbarBrand = BalNavbarBrand;
+exports.BalNavbarMenu = BalNavbarMenu;
+exports.BalNavbarMenuEnd = BalNavbarMenuEnd;
+exports.BalNavbarMenuStart = BalNavbarMenuStart;
+exports.BalNotices = BalNotices;
+exports.BalNotification = BalNotification;
+exports.BalNumberInput = BalNumberInput;
+exports.BalOption = BalOption;
+exports.BalOptionList = BalOptionList;
+exports.BalPagination = BalPagination;
+exports.BalPopover = BalPopover;
+exports.BalPopoverContent = BalPopoverContent;
+exports.BalPopup = BalPopup;
+exports.BalProgressBar = BalProgressBar;
+exports.BalRadio = BalRadio;
+exports.BalRadioGroup = BalRadioGroup;
+exports.BalRadioIcon = BalRadioIcon;
+exports.BalSegment = BalSegment;
+exports.BalSegmentItem = BalSegmentItem;
+exports.BalSelect = BalSelect;
+exports.BalSelectOption = BalSelectOption;
+exports.BalShape = BalShape;
+exports.BalSheet = BalSheet;
+exports.BalSnackbar = BalSnackbar;
+exports.BalSpinner = BalSpinner;
+exports.BalStack = BalStack;
+exports.BalStage = BalStage;
+exports.BalStageBackLink = BalStageBackLink;
+exports.BalStageBody = BalStageBody;
+exports.BalStageFoot = BalStageFoot;
+exports.BalStageHead = BalStageHead;
+exports.BalStageImage = BalStageImage;
+exports.BalStepItem = BalStepItem;
+exports.BalSteps = BalSteps;
+exports.BalSwitch = BalSwitch;
+exports.BalTabItem = BalTabItem;
+exports.BalTable = BalTable;
+exports.BalTabs = BalTabs;
+exports.BalTag = BalTag;
+exports.BalTagGroup = BalTagGroup;
+exports.BalText = BalText;
+exports.BalTextarea = BalTextarea;
+exports.BalTimeInput = BalTimeInput;
+exports.BalToast = BalToast;
+exports.BalTooltip = BalTooltip;
+exports.useBaloiseDesignSystem = useBaloiseDesignSystem;