@baloise/ds-react 19.3.0 → 19.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.esm.js +356 -568
  2. package/package.json +3 -2
  3. package/src/index.d.ts +1 -1
package/index.esm.js CHANGED
@@ -1,121 +1,122 @@
1
- import { initialize } from '@baloise/ds-core';
2
- import { defineCustomElement, BalAccordionDetails as BalAccordionDetails$1 } from '@baloise/ds-core/components/bal-accordion-details.js';
3
- import { defineCustomElement as defineCustomElement$1, BalAccordionSummary as BalAccordionSummary$1 } from '@baloise/ds-core/components/bal-accordion-summary.js';
4
- import { defineCustomElement as defineCustomElement$2, BalAccordionTrigger as BalAccordionTrigger$1 } from '@baloise/ds-core/components/bal-accordion-trigger.js';
5
- import { defineCustomElement as defineCustomElement$1Q, BalAccordion as BalAccordion$1 } from '@baloise/ds-core/components/bal-accordion.js';
6
- import { defineCustomElement as defineCustomElement$3, BalApp as BalApp$1 } from '@baloise/ds-core/components/bal-app.js';
7
- import { defineCustomElement as defineCustomElement$4, BalBadge as BalBadge$1 } from '@baloise/ds-core/components/bal-badge.js';
8
- import { defineCustomElement as defineCustomElement$6, BalButtonGroup as BalButtonGroup$1 } from '@baloise/ds-core/components/bal-button-group.js';
9
- import { defineCustomElement as defineCustomElement$5, BalButton as BalButton$1 } from '@baloise/ds-core/components/bal-button.js';
10
- import { defineCustomElement as defineCustomElement$8, BalCardActions as BalCardActions$1 } from '@baloise/ds-core/components/bal-card-actions.js';
11
- import { defineCustomElement as defineCustomElement$9, BalCardButton as BalCardButton$1 } from '@baloise/ds-core/components/bal-card-button.js';
12
- import { defineCustomElement as defineCustomElement$a, BalCardContent as BalCardContent$1 } from '@baloise/ds-core/components/bal-card-content.js';
13
- import { defineCustomElement as defineCustomElement$b, BalCardSubtitle as BalCardSubtitle$1 } from '@baloise/ds-core/components/bal-card-subtitle.js';
14
- import { defineCustomElement as defineCustomElement$c, BalCardTitle as BalCardTitle$1 } from '@baloise/ds-core/components/bal-card-title.js';
15
- import { defineCustomElement as defineCustomElement$7, BalCard as BalCard$1 } from '@baloise/ds-core/components/bal-card.js';
16
- import { defineCustomElement as defineCustomElement$e, BalCarouselItem as BalCarouselItem$1 } from '@baloise/ds-core/components/bal-carousel-item.js';
17
- import { defineCustomElement as defineCustomElement$d, BalCarousel as BalCarousel$1 } from '@baloise/ds-core/components/bal-carousel.js';
18
- import { defineCustomElement as defineCustomElement$f, BalCheck as BalCheck$1 } from '@baloise/ds-core/components/bal-check.js';
19
- import { defineCustomElement as defineCustomElement$h, BalCheckboxGroup as BalCheckboxGroup$1 } from '@baloise/ds-core/components/bal-checkbox-group.js';
20
- import { defineCustomElement as defineCustomElement$g, BalCheckbox as BalCheckbox$1 } from '@baloise/ds-core/components/bal-checkbox.js';
21
- import { defineCustomElement as defineCustomElement$i, BalClose as BalClose$1 } from '@baloise/ds-core/components/bal-close.js';
22
- import { defineCustomElement as defineCustomElement$j, BalContent as BalContent$1 } from '@baloise/ds-core/components/bal-content.js';
23
- import { defineCustomElement as defineCustomElement$l, BalDataItem as BalDataItem$1 } from '@baloise/ds-core/components/bal-data-item.js';
24
- import { defineCustomElement as defineCustomElement$m, BalDataLabel as BalDataLabel$1 } from '@baloise/ds-core/components/bal-data-label.js';
25
- import { defineCustomElement as defineCustomElement$n, BalDataValue as BalDataValue$1 } from '@baloise/ds-core/components/bal-data-value.js';
26
- import { defineCustomElement as defineCustomElement$k, BalData as BalData$1 } from '@baloise/ds-core/components/bal-data.js';
27
- import { defineCustomElement as defineCustomElement$q, BalDateCalendarCell as BalDateCalendarCell$1 } from '@baloise/ds-core/components/bal-date-calendar-cell.js';
28
- import { defineCustomElement as defineCustomElement$p, BalDateCalendar as BalDateCalendar$1 } from '@baloise/ds-core/components/bal-date-calendar.js';
29
- import { defineCustomElement as defineCustomElement$o, BalDate as BalDate$1 } from '@baloise/ds-core/components/bal-date.js';
30
- import { defineCustomElement as defineCustomElement$r, BalDivider as BalDivider$1 } from '@baloise/ds-core/components/bal-divider.js';
31
- import { defineCustomElement as defineCustomElement$s, BalDropdown as BalDropdown$1 } from '@baloise/ds-core/components/bal-dropdown.js';
32
- import { defineCustomElement as defineCustomElement$u, BalFieldControl as BalFieldControl$1 } from '@baloise/ds-core/components/bal-field-control.js';
33
- import { defineCustomElement as defineCustomElement$v, BalFieldHint as BalFieldHint$1 } from '@baloise/ds-core/components/bal-field-hint.js';
34
- import { defineCustomElement as defineCustomElement$w, BalFieldLabel as BalFieldLabel$1 } from '@baloise/ds-core/components/bal-field-label.js';
35
- import { defineCustomElement as defineCustomElement$x, BalFieldMessage as BalFieldMessage$1 } from '@baloise/ds-core/components/bal-field-message.js';
36
- import { defineCustomElement as defineCustomElement$t, BalField as BalField$1 } from '@baloise/ds-core/components/bal-field.js';
37
- import { defineCustomElement as defineCustomElement$y, BalFileUpload as BalFileUpload$1 } from '@baloise/ds-core/components/bal-file-upload.js';
38
- import { defineCustomElement as defineCustomElement$z, BalFooter as BalFooter$1 } from '@baloise/ds-core/components/bal-footer.js';
39
- import { defineCustomElement as defineCustomElement$B, BalFormCol as BalFormCol$1 } from '@baloise/ds-core/components/bal-form-col.js';
40
- import { defineCustomElement as defineCustomElement$C, BalFormGrid as BalFormGrid$1 } from '@baloise/ds-core/components/bal-form-grid.js';
41
- import { defineCustomElement as defineCustomElement$A, BalForm as BalForm$1 } from '@baloise/ds-core/components/bal-form.js';
42
- import { defineCustomElement as defineCustomElement$D, BalHeading as BalHeading$1 } from '@baloise/ds-core/components/bal-heading.js';
43
- import { defineCustomElement as defineCustomElement$F, BalHintText as BalHintText$1 } from '@baloise/ds-core/components/bal-hint-text.js';
44
- import { defineCustomElement as defineCustomElement$G, BalHintTitle as BalHintTitle$1 } from '@baloise/ds-core/components/bal-hint-title.js';
45
- import { defineCustomElement as defineCustomElement$E, BalHint as BalHint$1 } from '@baloise/ds-core/components/bal-hint.js';
46
- import { defineCustomElement as defineCustomElement$H, BalIcon as BalIcon$1 } from '@baloise/ds-core/components/bal-icon.js';
47
- import { defineCustomElement as defineCustomElement$J, BalInputDate as BalInputDate$1 } from '@baloise/ds-core/components/bal-input-date.js';
48
- import { defineCustomElement as defineCustomElement$K, BalInputGroup as BalInputGroup$1 } from '@baloise/ds-core/components/bal-input-group.js';
49
- import { defineCustomElement as defineCustomElement$L, BalInputSlider as BalInputSlider$1 } from '@baloise/ds-core/components/bal-input-slider.js';
50
- import { defineCustomElement as defineCustomElement$M, BalInputStepper as BalInputStepper$1 } from '@baloise/ds-core/components/bal-input-stepper.js';
51
- import { defineCustomElement as defineCustomElement$I, BalInput as BalInput$1 } from '@baloise/ds-core/components/bal-input.js';
52
- import { defineCustomElement as defineCustomElement$N, BalLabel as BalLabel$1 } from '@baloise/ds-core/components/bal-label.js';
53
- import { defineCustomElement as defineCustomElement$Q, BalListItemAccordionBody as BalListItemAccordionBody$1 } from '@baloise/ds-core/components/bal-list-item-accordion-body.js';
54
- import { defineCustomElement as defineCustomElement$R, BalListItemAccordionHead as BalListItemAccordionHead$1 } from '@baloise/ds-core/components/bal-list-item-accordion-head.js';
55
- import { defineCustomElement as defineCustomElement$S, BalListItemContent as BalListItemContent$1 } from '@baloise/ds-core/components/bal-list-item-content.js';
56
- import { defineCustomElement as defineCustomElement$T, BalListItemIcon as BalListItemIcon$1 } from '@baloise/ds-core/components/bal-list-item-icon.js';
57
- import { defineCustomElement as defineCustomElement$U, BalListItemSubtitle as BalListItemSubtitle$1 } from '@baloise/ds-core/components/bal-list-item-subtitle.js';
58
- import { defineCustomElement as defineCustomElement$V, BalListItemTitle as BalListItemTitle$1 } from '@baloise/ds-core/components/bal-list-item-title.js';
59
- import { defineCustomElement as defineCustomElement$P, BalListItem as BalListItem$1 } from '@baloise/ds-core/components/bal-list-item.js';
60
- import { defineCustomElement as defineCustomElement$O, BalList as BalList$1 } from '@baloise/ds-core/components/bal-list.js';
61
- import { defineCustomElement as defineCustomElement$W, BalLogo as BalLogo$1 } from '@baloise/ds-core/components/bal-logo.js';
62
- import { defineCustomElement as defineCustomElement$Y, BalModalBody as BalModalBody$1 } from '@baloise/ds-core/components/bal-modal-body.js';
63
- import { defineCustomElement as defineCustomElement$Z, BalModalHeader as BalModalHeader$1 } from '@baloise/ds-core/components/bal-modal-header.js';
64
- import { defineCustomElement as defineCustomElement$X, BalModal as BalModal$1 } from '@baloise/ds-core/components/bal-modal.js';
65
- import { defineCustomElement as defineCustomElement$11, BalNavLinkGridCol as BalNavLinkGridCol$1 } from '@baloise/ds-core/components/bal-nav-link-grid-col.js';
66
- import { defineCustomElement as defineCustomElement$10, BalNavLinkGrid as BalNavLinkGrid$1 } from '@baloise/ds-core/components/bal-nav-link-grid.js';
67
- import { defineCustomElement as defineCustomElement$12, BalNavLinkGroup as BalNavLinkGroup$1 } from '@baloise/ds-core/components/bal-nav-link-group.js';
68
- import { defineCustomElement as defineCustomElement$$, BalNavLink as BalNavLink$1 } from '@baloise/ds-core/components/bal-nav-link.js';
69
- import { defineCustomElement as defineCustomElement$13, BalNavMenuBar as BalNavMenuBar$1 } from '@baloise/ds-core/components/bal-nav-menu-bar.js';
70
- import { defineCustomElement as defineCustomElement$14, BalNavMenuFlyout as BalNavMenuFlyout$1 } from '@baloise/ds-core/components/bal-nav-menu-flyout.js';
71
- import { defineCustomElement as defineCustomElement$15, BalNavMetaBar as BalNavMetaBar$1 } from '@baloise/ds-core/components/bal-nav-meta-bar.js';
72
- import { defineCustomElement as defineCustomElement$_, BalNav as BalNav$1 } from '@baloise/ds-core/components/bal-nav.js';
73
- import { defineCustomElement as defineCustomElement$17, BalNavbarBrand as BalNavbarBrand$1 } from '@baloise/ds-core/components/bal-navbar-brand.js';
74
- import { defineCustomElement as defineCustomElement$19, BalNavbarMenuEnd as BalNavbarMenuEnd$1 } from '@baloise/ds-core/components/bal-navbar-menu-end.js';
75
- import { defineCustomElement as defineCustomElement$1a, BalNavbarMenuStart as BalNavbarMenuStart$1 } from '@baloise/ds-core/components/bal-navbar-menu-start.js';
76
- import { defineCustomElement as defineCustomElement$18, BalNavbarMenu as BalNavbarMenu$1 } from '@baloise/ds-core/components/bal-navbar-menu.js';
77
- import { defineCustomElement as defineCustomElement$16, BalNavbar as BalNavbar$1 } from '@baloise/ds-core/components/bal-navbar.js';
78
- import { defineCustomElement as defineCustomElement$1b, BalNotices as BalNotices$1 } from '@baloise/ds-core/components/bal-notices.js';
79
- import { defineCustomElement as defineCustomElement$1c, BalNotification as BalNotification$1 } from '@baloise/ds-core/components/bal-notification.js';
80
- import { defineCustomElement as defineCustomElement$1d, BalNumberInput as BalNumberInput$1 } from '@baloise/ds-core/components/bal-number-input.js';
81
- import { defineCustomElement as defineCustomElement$1f, BalOptionList as BalOptionList$1 } from '@baloise/ds-core/components/bal-option-list.js';
82
- import { defineCustomElement as defineCustomElement$1e, BalOption as BalOption$1 } from '@baloise/ds-core/components/bal-option.js';
83
- import { defineCustomElement as defineCustomElement$1g, BalPagination as BalPagination$1 } from '@baloise/ds-core/components/bal-pagination.js';
84
- import { defineCustomElement as defineCustomElement$1i, BalPopoverContent as BalPopoverContent$1 } from '@baloise/ds-core/components/bal-popover-content.js';
85
- import { defineCustomElement as defineCustomElement$1h, BalPopover as BalPopover$1 } from '@baloise/ds-core/components/bal-popover.js';
86
- import { defineCustomElement as defineCustomElement$1j, BalPopup as BalPopup$1 } from '@baloise/ds-core/components/bal-popup.js';
87
- import { defineCustomElement as defineCustomElement$1k, BalProgressBar as BalProgressBar$1 } from '@baloise/ds-core/components/bal-progress-bar.js';
88
- import { defineCustomElement as defineCustomElement$1m, BalRadioGroup as BalRadioGroup$1 } from '@baloise/ds-core/components/bal-radio-group.js';
89
- import { defineCustomElement as defineCustomElement$1n, BalRadioIcon as BalRadioIcon$1 } from '@baloise/ds-core/components/bal-radio-icon.js';
90
- import { defineCustomElement as defineCustomElement$1l, BalRadio as BalRadio$1 } from '@baloise/ds-core/components/bal-radio.js';
91
- import { defineCustomElement as defineCustomElement$1p, BalSegmentItem as BalSegmentItem$1 } from '@baloise/ds-core/components/bal-segment-item.js';
92
- import { defineCustomElement as defineCustomElement$1o, BalSegment as BalSegment$1 } from '@baloise/ds-core/components/bal-segment.js';
93
- import { defineCustomElement as defineCustomElement$1r, BalSelectOption as BalSelectOption$1 } from '@baloise/ds-core/components/bal-select-option.js';
94
- import { defineCustomElement as defineCustomElement$1q, BalSelect as BalSelect$1 } from '@baloise/ds-core/components/bal-select.js';
95
- import { defineCustomElement as defineCustomElement$1s, BalShape as BalShape$1 } from '@baloise/ds-core/components/bal-shape.js';
96
- import { defineCustomElement as defineCustomElement$1t, BalSheet as BalSheet$1 } from '@baloise/ds-core/components/bal-sheet.js';
97
- import { defineCustomElement as defineCustomElement$1u, BalSnackbar as BalSnackbar$1 } from '@baloise/ds-core/components/bal-snackbar.js';
98
- import { defineCustomElement as defineCustomElement$1v, BalSpinner as BalSpinner$1 } from '@baloise/ds-core/components/bal-spinner.js';
99
- import { defineCustomElement as defineCustomElement$1w, BalStack as BalStack$1 } from '@baloise/ds-core/components/bal-stack.js';
100
- import { defineCustomElement as defineCustomElement$1y, BalStageBackLink as BalStageBackLink$1 } from '@baloise/ds-core/components/bal-stage-back-link.js';
101
- import { defineCustomElement as defineCustomElement$1z, BalStageBody as BalStageBody$1 } from '@baloise/ds-core/components/bal-stage-body.js';
102
- import { defineCustomElement as defineCustomElement$1A, BalStageFoot as BalStageFoot$1 } from '@baloise/ds-core/components/bal-stage-foot.js';
103
- import { defineCustomElement as defineCustomElement$1B, BalStageHead as BalStageHead$1 } from '@baloise/ds-core/components/bal-stage-head.js';
104
- import { defineCustomElement as defineCustomElement$1C, BalStageImage as BalStageImage$1 } from '@baloise/ds-core/components/bal-stage-image.js';
105
- import { defineCustomElement as defineCustomElement$1x, BalStage as BalStage$1 } from '@baloise/ds-core/components/bal-stage.js';
106
- import { defineCustomElement as defineCustomElement$1D, BalStepItem as BalStepItem$1 } from '@baloise/ds-core/components/bal-step-item.js';
107
- import { defineCustomElement as defineCustomElement$1E, BalSteps as BalSteps$1 } from '@baloise/ds-core/components/bal-steps.js';
108
- import { defineCustomElement as defineCustomElement$1F, BalSwitch as BalSwitch$1 } from '@baloise/ds-core/components/bal-switch.js';
109
- import { defineCustomElement as defineCustomElement$1G, BalTabItem as BalTabItem$1 } from '@baloise/ds-core/components/bal-tab-item.js';
110
- import { defineCustomElement as defineCustomElement$1H, BalTable as BalTable$1 } from '@baloise/ds-core/components/bal-table.js';
111
- import { defineCustomElement as defineCustomElement$1I, BalTabs as BalTabs$1 } from '@baloise/ds-core/components/bal-tabs.js';
112
- import { defineCustomElement as defineCustomElement$1K, BalTagGroup as BalTagGroup$1 } from '@baloise/ds-core/components/bal-tag-group.js';
113
- import { defineCustomElement as defineCustomElement$1J, BalTag as BalTag$1 } from '@baloise/ds-core/components/bal-tag.js';
114
- import { defineCustomElement as defineCustomElement$1L, BalText as BalText$1 } from '@baloise/ds-core/components/bal-text.js';
115
- import { defineCustomElement as defineCustomElement$1M, BalTextarea as BalTextarea$1 } from '@baloise/ds-core/components/bal-textarea.js';
116
- import { defineCustomElement as defineCustomElement$1N, BalTimeInput as BalTimeInput$1 } from '@baloise/ds-core/components/bal-time-input.js';
117
- import { defineCustomElement as defineCustomElement$1O, BalToast as BalToast$1 } from '@baloise/ds-core/components/bal-toast.js';
118
- import { defineCustomElement as defineCustomElement$1P, BalTooltip as BalTooltip$1 } from '@baloise/ds-core/components/bal-tooltip.js';
1
+ import { initializeBaloiseDesignSystem } from '@baloise/ds-core/components';
2
+ import { defineCustomElement as defineCustomElement$1, BalAccordionDetails as BalAccordionDetails$1 } from '@baloise/ds-core/components/bal-accordion-details.js';
3
+ import { defineCustomElement as defineCustomElement$2, BalAccordionSummary as BalAccordionSummary$1 } from '@baloise/ds-core/components/bal-accordion-summary.js';
4
+ import { defineCustomElement as defineCustomElement$3, BalAccordionTrigger as BalAccordionTrigger$1 } from '@baloise/ds-core/components/bal-accordion-trigger.js';
5
+ import { defineCustomElement, BalAccordion as BalAccordion$1 } from '@baloise/ds-core/components/bal-accordion.js';
6
+ import { defineCustomElement as defineCustomElement$4, BalApp as BalApp$1 } from '@baloise/ds-core/components/bal-app.js';
7
+ import { defineCustomElement as defineCustomElement$5, BalBadge as BalBadge$1 } from '@baloise/ds-core/components/bal-badge.js';
8
+ import { defineCustomElement as defineCustomElement$7, BalButtonGroup as BalButtonGroup$1 } from '@baloise/ds-core/components/bal-button-group.js';
9
+ import { defineCustomElement as defineCustomElement$6, BalButton as BalButton$1 } from '@baloise/ds-core/components/bal-button.js';
10
+ import { defineCustomElement as defineCustomElement$9, BalCardActions as BalCardActions$1 } from '@baloise/ds-core/components/bal-card-actions.js';
11
+ import { defineCustomElement as defineCustomElement$a, BalCardButton as BalCardButton$1 } from '@baloise/ds-core/components/bal-card-button.js';
12
+ import { defineCustomElement as defineCustomElement$b, BalCardContent as BalCardContent$1 } from '@baloise/ds-core/components/bal-card-content.js';
13
+ import { defineCustomElement as defineCustomElement$c, BalCardSubtitle as BalCardSubtitle$1 } from '@baloise/ds-core/components/bal-card-subtitle.js';
14
+ import { defineCustomElement as defineCustomElement$d, BalCardTitle as BalCardTitle$1 } from '@baloise/ds-core/components/bal-card-title.js';
15
+ import { defineCustomElement as defineCustomElement$8, BalCard as BalCard$1 } from '@baloise/ds-core/components/bal-card.js';
16
+ import { defineCustomElement as defineCustomElement$f, BalCarouselItem as BalCarouselItem$1 } from '@baloise/ds-core/components/bal-carousel-item.js';
17
+ import { defineCustomElement as defineCustomElement$e, BalCarousel as BalCarousel$1 } from '@baloise/ds-core/components/bal-carousel.js';
18
+ import { defineCustomElement as defineCustomElement$g, BalCheck as BalCheck$1 } from '@baloise/ds-core/components/bal-check.js';
19
+ import { defineCustomElement as defineCustomElement$i, BalCheckboxGroup as BalCheckboxGroup$1 } from '@baloise/ds-core/components/bal-checkbox-group.js';
20
+ import { defineCustomElement as defineCustomElement$h, BalCheckbox as BalCheckbox$1 } from '@baloise/ds-core/components/bal-checkbox.js';
21
+ import { defineCustomElement as defineCustomElement$j, BalClose as BalClose$1 } from '@baloise/ds-core/components/bal-close.js';
22
+ import { defineCustomElement as defineCustomElement$k, BalContent as BalContent$1 } from '@baloise/ds-core/components/bal-content.js';
23
+ import { defineCustomElement as defineCustomElement$m, BalDataItem as BalDataItem$1 } from '@baloise/ds-core/components/bal-data-item.js';
24
+ import { defineCustomElement as defineCustomElement$n, BalDataLabel as BalDataLabel$1 } from '@baloise/ds-core/components/bal-data-label.js';
25
+ import { defineCustomElement as defineCustomElement$o, BalDataValue as BalDataValue$1 } from '@baloise/ds-core/components/bal-data-value.js';
26
+ import { defineCustomElement as defineCustomElement$l, BalData as BalData$1 } from '@baloise/ds-core/components/bal-data.js';
27
+ import { defineCustomElement as defineCustomElement$r, BalDateCalendarCell as BalDateCalendarCell$1 } from '@baloise/ds-core/components/bal-date-calendar-cell.js';
28
+ import { defineCustomElement as defineCustomElement$q, BalDateCalendar as BalDateCalendar$1 } from '@baloise/ds-core/components/bal-date-calendar.js';
29
+ import { defineCustomElement as defineCustomElement$p, BalDate as BalDate$1 } from '@baloise/ds-core/components/bal-date.js';
30
+ import { defineCustomElement as defineCustomElement$s, BalDivider as BalDivider$1 } from '@baloise/ds-core/components/bal-divider.js';
31
+ import { defineCustomElement as defineCustomElement$t, BalDropdown as BalDropdown$1 } from '@baloise/ds-core/components/bal-dropdown.js';
32
+ import { defineCustomElement as defineCustomElement$v, BalFieldControl as BalFieldControl$1 } from '@baloise/ds-core/components/bal-field-control.js';
33
+ import { defineCustomElement as defineCustomElement$w, BalFieldHint as BalFieldHint$1 } from '@baloise/ds-core/components/bal-field-hint.js';
34
+ import { defineCustomElement as defineCustomElement$x, BalFieldLabel as BalFieldLabel$1 } from '@baloise/ds-core/components/bal-field-label.js';
35
+ import { defineCustomElement as defineCustomElement$y, BalFieldMessage as BalFieldMessage$1 } from '@baloise/ds-core/components/bal-field-message.js';
36
+ import { defineCustomElement as defineCustomElement$u, BalField as BalField$1 } from '@baloise/ds-core/components/bal-field.js';
37
+ import { defineCustomElement as defineCustomElement$z, BalFileUpload as BalFileUpload$1 } from '@baloise/ds-core/components/bal-file-upload.js';
38
+ import { defineCustomElement as defineCustomElement$A, BalFooter as BalFooter$1 } from '@baloise/ds-core/components/bal-footer.js';
39
+ import { defineCustomElement as defineCustomElement$C, BalFormCol as BalFormCol$1 } from '@baloise/ds-core/components/bal-form-col.js';
40
+ import { defineCustomElement as defineCustomElement$D, BalFormGrid as BalFormGrid$1 } from '@baloise/ds-core/components/bal-form-grid.js';
41
+ import { defineCustomElement as defineCustomElement$B, BalForm as BalForm$1 } from '@baloise/ds-core/components/bal-form.js';
42
+ import { defineCustomElement as defineCustomElement$E, BalHeading as BalHeading$1 } from '@baloise/ds-core/components/bal-heading.js';
43
+ import { defineCustomElement as defineCustomElement$G, BalHintText as BalHintText$1 } from '@baloise/ds-core/components/bal-hint-text.js';
44
+ import { defineCustomElement as defineCustomElement$H, BalHintTitle as BalHintTitle$1 } from '@baloise/ds-core/components/bal-hint-title.js';
45
+ import { defineCustomElement as defineCustomElement$F, BalHint as BalHint$1 } from '@baloise/ds-core/components/bal-hint.js';
46
+ import { defineCustomElement as defineCustomElement$I, BalIcon as BalIcon$1 } from '@baloise/ds-core/components/bal-icon.js';
47
+ import { defineCustomElement as defineCustomElement$K, BalInputDate as BalInputDate$1 } from '@baloise/ds-core/components/bal-input-date.js';
48
+ import { defineCustomElement as defineCustomElement$L, BalInputGroup as BalInputGroup$1 } from '@baloise/ds-core/components/bal-input-group.js';
49
+ import { defineCustomElement as defineCustomElement$M, BalInputSlider as BalInputSlider$1 } from '@baloise/ds-core/components/bal-input-slider.js';
50
+ import { defineCustomElement as defineCustomElement$N, BalInputStepper as BalInputStepper$1 } from '@baloise/ds-core/components/bal-input-stepper.js';
51
+ import { defineCustomElement as defineCustomElement$J, BalInput as BalInput$1 } from '@baloise/ds-core/components/bal-input.js';
52
+ import { defineCustomElement as defineCustomElement$O, BalLabel as BalLabel$1 } from '@baloise/ds-core/components/bal-label.js';
53
+ import { defineCustomElement as defineCustomElement$R, BalListItemAccordionBody as BalListItemAccordionBody$1 } from '@baloise/ds-core/components/bal-list-item-accordion-body.js';
54
+ import { defineCustomElement as defineCustomElement$S, BalListItemAccordionHead as BalListItemAccordionHead$1 } from '@baloise/ds-core/components/bal-list-item-accordion-head.js';
55
+ import { defineCustomElement as defineCustomElement$T, BalListItemContent as BalListItemContent$1 } from '@baloise/ds-core/components/bal-list-item-content.js';
56
+ import { defineCustomElement as defineCustomElement$U, BalListItemIcon as BalListItemIcon$1 } from '@baloise/ds-core/components/bal-list-item-icon.js';
57
+ import { defineCustomElement as defineCustomElement$V, BalListItemSubtitle as BalListItemSubtitle$1 } from '@baloise/ds-core/components/bal-list-item-subtitle.js';
58
+ import { defineCustomElement as defineCustomElement$W, BalListItemTitle as BalListItemTitle$1 } from '@baloise/ds-core/components/bal-list-item-title.js';
59
+ import { defineCustomElement as defineCustomElement$Q, BalListItem as BalListItem$1 } from '@baloise/ds-core/components/bal-list-item.js';
60
+ import { defineCustomElement as defineCustomElement$P, BalList as BalList$1 } from '@baloise/ds-core/components/bal-list.js';
61
+ import { defineCustomElement as defineCustomElement$X, BalLogo as BalLogo$1 } from '@baloise/ds-core/components/bal-logo.js';
62
+ import { defineCustomElement as defineCustomElement$Z, BalModalBody as BalModalBody$1 } from '@baloise/ds-core/components/bal-modal-body.js';
63
+ import { defineCustomElement as defineCustomElement$_, BalModalHeader as BalModalHeader$1 } from '@baloise/ds-core/components/bal-modal-header.js';
64
+ import { defineCustomElement as defineCustomElement$Y, BalModal as BalModal$1 } from '@baloise/ds-core/components/bal-modal.js';
65
+ import { defineCustomElement as defineCustomElement$12, BalNavLinkGridCol as BalNavLinkGridCol$1 } from '@baloise/ds-core/components/bal-nav-link-grid-col.js';
66
+ import { defineCustomElement as defineCustomElement$11, BalNavLinkGrid as BalNavLinkGrid$1 } from '@baloise/ds-core/components/bal-nav-link-grid.js';
67
+ import { defineCustomElement as defineCustomElement$13, BalNavLinkGroup as BalNavLinkGroup$1 } from '@baloise/ds-core/components/bal-nav-link-group.js';
68
+ import { defineCustomElement as defineCustomElement$10, BalNavLink as BalNavLink$1 } from '@baloise/ds-core/components/bal-nav-link.js';
69
+ import { defineCustomElement as defineCustomElement$14, BalNavMenuBar as BalNavMenuBar$1 } from '@baloise/ds-core/components/bal-nav-menu-bar.js';
70
+ import { defineCustomElement as defineCustomElement$15, BalNavMenuFlyout as BalNavMenuFlyout$1 } from '@baloise/ds-core/components/bal-nav-menu-flyout.js';
71
+ import { defineCustomElement as defineCustomElement$16, BalNavMetaBar as BalNavMetaBar$1 } from '@baloise/ds-core/components/bal-nav-meta-bar.js';
72
+ import { defineCustomElement as defineCustomElement$$, BalNav as BalNav$1 } from '@baloise/ds-core/components/bal-nav.js';
73
+ import { defineCustomElement as defineCustomElement$18, BalNavbarBrand as BalNavbarBrand$1 } from '@baloise/ds-core/components/bal-navbar-brand.js';
74
+ import { defineCustomElement as defineCustomElement$1a, BalNavbarMenuEnd as BalNavbarMenuEnd$1 } from '@baloise/ds-core/components/bal-navbar-menu-end.js';
75
+ import { defineCustomElement as defineCustomElement$1b, BalNavbarMenuStart as BalNavbarMenuStart$1 } from '@baloise/ds-core/components/bal-navbar-menu-start.js';
76
+ import { defineCustomElement as defineCustomElement$19, BalNavbarMenu as BalNavbarMenu$1 } from '@baloise/ds-core/components/bal-navbar-menu.js';
77
+ import { defineCustomElement as defineCustomElement$17, BalNavbar as BalNavbar$1 } from '@baloise/ds-core/components/bal-navbar.js';
78
+ import { defineCustomElement as defineCustomElement$1c, BalNotices as BalNotices$1 } from '@baloise/ds-core/components/bal-notices.js';
79
+ import { defineCustomElement as defineCustomElement$1d, BalNotification as BalNotification$1 } from '@baloise/ds-core/components/bal-notification.js';
80
+ import { defineCustomElement as defineCustomElement$1e, BalNumberInput as BalNumberInput$1 } from '@baloise/ds-core/components/bal-number-input.js';
81
+ import { defineCustomElement as defineCustomElement$1g, BalOptionList as BalOptionList$1 } from '@baloise/ds-core/components/bal-option-list.js';
82
+ import { defineCustomElement as defineCustomElement$1f, BalOption as BalOption$1 } from '@baloise/ds-core/components/bal-option.js';
83
+ import { defineCustomElement as defineCustomElement$1h, BalPagination as BalPagination$1 } from '@baloise/ds-core/components/bal-pagination.js';
84
+ import { defineCustomElement as defineCustomElement$1j, BalPopoverContent as BalPopoverContent$1 } from '@baloise/ds-core/components/bal-popover-content.js';
85
+ import { defineCustomElement as defineCustomElement$1i, BalPopover as BalPopover$1 } from '@baloise/ds-core/components/bal-popover.js';
86
+ import { defineCustomElement as defineCustomElement$1k, BalPopup as BalPopup$1 } from '@baloise/ds-core/components/bal-popup.js';
87
+ import { defineCustomElement as defineCustomElement$1l, BalProgressBar as BalProgressBar$1 } from '@baloise/ds-core/components/bal-progress-bar.js';
88
+ import { defineCustomElement as defineCustomElement$1n, BalRadioGroup as BalRadioGroup$1 } from '@baloise/ds-core/components/bal-radio-group.js';
89
+ import { defineCustomElement as defineCustomElement$1o, BalRadioIcon as BalRadioIcon$1 } from '@baloise/ds-core/components/bal-radio-icon.js';
90
+ import { defineCustomElement as defineCustomElement$1m, BalRadio as BalRadio$1 } from '@baloise/ds-core/components/bal-radio.js';
91
+ import { defineCustomElement as defineCustomElement$1q, BalSegmentItem as BalSegmentItem$1 } from '@baloise/ds-core/components/bal-segment-item.js';
92
+ import { defineCustomElement as defineCustomElement$1p, BalSegment as BalSegment$1 } from '@baloise/ds-core/components/bal-segment.js';
93
+ import { defineCustomElement as defineCustomElement$1s, BalSelectOption as BalSelectOption$1 } from '@baloise/ds-core/components/bal-select-option.js';
94
+ import { defineCustomElement as defineCustomElement$1r, BalSelect as BalSelect$1 } from '@baloise/ds-core/components/bal-select.js';
95
+ import { defineCustomElement as defineCustomElement$1t, BalShape as BalShape$1 } from '@baloise/ds-core/components/bal-shape.js';
96
+ import { defineCustomElement as defineCustomElement$1u, BalSheet as BalSheet$1 } from '@baloise/ds-core/components/bal-sheet.js';
97
+ import { defineCustomElement as defineCustomElement$1v, BalSnackbar as BalSnackbar$1 } from '@baloise/ds-core/components/bal-snackbar.js';
98
+ import { defineCustomElement as defineCustomElement$1w, BalSpinner as BalSpinner$1 } from '@baloise/ds-core/components/bal-spinner.js';
99
+ import { defineCustomElement as defineCustomElement$1x, BalStack as BalStack$1 } from '@baloise/ds-core/components/bal-stack.js';
100
+ import { defineCustomElement as defineCustomElement$1z, BalStageBackLink as BalStageBackLink$1 } from '@baloise/ds-core/components/bal-stage-back-link.js';
101
+ import { defineCustomElement as defineCustomElement$1A, BalStageBody as BalStageBody$1 } from '@baloise/ds-core/components/bal-stage-body.js';
102
+ import { defineCustomElement as defineCustomElement$1B, BalStageFoot as BalStageFoot$1 } from '@baloise/ds-core/components/bal-stage-foot.js';
103
+ import { defineCustomElement as defineCustomElement$1C, BalStageHead as BalStageHead$1 } from '@baloise/ds-core/components/bal-stage-head.js';
104
+ import { defineCustomElement as defineCustomElement$1D, BalStageImage as BalStageImage$1 } from '@baloise/ds-core/components/bal-stage-image.js';
105
+ import { defineCustomElement as defineCustomElement$1y, BalStage as BalStage$1 } from '@baloise/ds-core/components/bal-stage.js';
106
+ import { defineCustomElement as defineCustomElement$1E, BalStepItem as BalStepItem$1 } from '@baloise/ds-core/components/bal-step-item.js';
107
+ import { defineCustomElement as defineCustomElement$1F, BalSteps as BalSteps$1 } from '@baloise/ds-core/components/bal-steps.js';
108
+ import { defineCustomElement as defineCustomElement$1G, BalSwitch as BalSwitch$1 } from '@baloise/ds-core/components/bal-switch.js';
109
+ import { defineCustomElement as defineCustomElement$1H, BalTabItem as BalTabItem$1 } from '@baloise/ds-core/components/bal-tab-item.js';
110
+ import { defineCustomElement as defineCustomElement$1I, BalTable as BalTable$1 } from '@baloise/ds-core/components/bal-table.js';
111
+ import { defineCustomElement as defineCustomElement$1J, BalTabs as BalTabs$1 } from '@baloise/ds-core/components/bal-tabs.js';
112
+ import { defineCustomElement as defineCustomElement$1L, BalTagGroup as BalTagGroup$1 } from '@baloise/ds-core/components/bal-tag-group.js';
113
+ import { defineCustomElement as defineCustomElement$1K, BalTag as BalTag$1 } from '@baloise/ds-core/components/bal-tag.js';
114
+ import { defineCustomElement as defineCustomElement$1M, BalText as BalText$1 } from '@baloise/ds-core/components/bal-text.js';
115
+ import { defineCustomElement as defineCustomElement$1N, BalTextarea as BalTextarea$1 } from '@baloise/ds-core/components/bal-textarea.js';
116
+ import { defineCustomElement as defineCustomElement$1O, BalTimeInput as BalTimeInput$1 } from '@baloise/ds-core/components/bal-time-input.js';
117
+ import { defineCustomElement as defineCustomElement$1P, BalToast as BalToast$1 } from '@baloise/ds-core/components/bal-toast.js';
118
+ import { defineCustomElement as defineCustomElement$1Q, BalTooltip as BalTooltip$1 } from '@baloise/ds-core/components/bal-tooltip.js';
119
+ import { createComponent } from '@stencil/react-output-target/runtime';
119
120
  import React from 'react';
120
121
 
121
122
  function _extends() {
@@ -129,221 +130,7 @@ function _extends() {
129
130
  return _extends.apply(this, arguments);
130
131
  }
131
132
 
132
- /**
133
- * @license
134
- * Copyright 2018 Google LLC
135
- * SPDX-License-Identifier: BSD-3-Clause
136
- */ function _array_like_to_array(arr, len) {
137
- if (len == null || len > arr.length) len = arr.length;
138
- for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
139
- return arr2;
140
- }
141
- function _array_with_holes(arr) {
142
- if (Array.isArray(arr)) return arr;
143
- }
144
- function _define_property(obj, key, value) {
145
- if (key in obj) {
146
- Object.defineProperty(obj, key, {
147
- value: value,
148
- enumerable: true,
149
- configurable: true,
150
- writable: true
151
- });
152
- } else {
153
- obj[key] = value;
154
- }
155
- return obj;
156
- }
157
- function _iterable_to_array_limit(arr, i) {
158
- var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
159
- if (_i == null) return;
160
- var _arr = [];
161
- var _n = true;
162
- var _d = false;
163
- var _s, _e;
164
- try {
165
- for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
166
- _arr.push(_s.value);
167
- if (i && _arr.length === i) break;
168
- }
169
- } catch (err) {
170
- _d = true;
171
- _e = err;
172
- } finally{
173
- try {
174
- if (!_n && _i["return"] != null) _i["return"]();
175
- } finally{
176
- if (_d) throw _e;
177
- }
178
- }
179
- return _arr;
180
- }
181
- function _non_iterable_rest() {
182
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
183
- }
184
- function _object_spread(target) {
185
- for(var i = 1; i < arguments.length; i++){
186
- var source = arguments[i] != null ? arguments[i] : {};
187
- var ownKeys = Object.keys(source);
188
- if (typeof Object.getOwnPropertySymbols === "function") {
189
- ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
190
- return Object.getOwnPropertyDescriptor(source, sym).enumerable;
191
- }));
192
- }
193
- ownKeys.forEach(function(key) {
194
- _define_property(target, key, source[key]);
195
- });
196
- }
197
- return target;
198
- }
199
- function ownKeys(object, enumerableOnly) {
200
- var keys = Object.keys(object);
201
- if (Object.getOwnPropertySymbols) {
202
- var symbols = Object.getOwnPropertySymbols(object);
203
- keys.push.apply(keys, symbols);
204
- }
205
- return keys;
206
- }
207
- function _object_spread_props(target, source) {
208
- source = source != null ? source : {};
209
- if (Object.getOwnPropertyDescriptors) {
210
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
211
- } else {
212
- ownKeys(Object(source)).forEach(function(key) {
213
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
214
- });
215
- }
216
- return target;
217
- }
218
- function _sliced_to_array(arr, i) {
219
- return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
220
- }
221
- function _unsupported_iterable_to_array(o, minLen) {
222
- if (!o) return;
223
- if (typeof o === "string") return _array_like_to_array(o, minLen);
224
- var n = Object.prototype.toString.call(o).slice(8, -1);
225
- if (n === "Object" && o.constructor) n = o.constructor.name;
226
- if (n === "Map" || n === "Set") return Array.from(n);
227
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
228
- }
229
- var e = new Set([
230
- "children",
231
- "localName",
232
- "ref",
233
- "style",
234
- "className"
235
- ]), n = new WeakMap, t = function(e, t, o, l, a) {
236
- var s = a === null || a === undefined ? undefined : a[t];
237
- undefined === s ? (e[t] = o, null == o && t in HTMLElement.prototype && e.removeAttribute(t)) : o !== l && function(e, t, o) {
238
- var _$l = n.get(e);
239
- undefined === _$l && n.set(e, _$l = new Map);
240
- var _$a = _$l.get(t);
241
- undefined !== o ? undefined === _$a ? (_$l.set(t, _$a = {
242
- handleEvent: o
243
- }), e.addEventListener(t, _$a)) : _$a.handleEvent = o : undefined !== _$a && (_$l.delete(t), e.removeEventListener(t, _$a));
244
- }(e, s, o);
245
- }, o = function(param) {
246
- var n = param.react, o = param.tagName, l = param.elementClass, a = param.events, s = param.displayName;
247
- var c = new Set(Object.keys(a !== null && a !== undefined ? a : {})), r = n.forwardRef(function(s, r) {
248
- var i = n.useRef(new Map), d = n.useRef(null), f = {}, u = {};
249
- var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
250
- try {
251
- for(var _iterator = Object.entries(s)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
252
- var _step_value = _sliced_to_array(_step.value, 2), n1 = _step_value[0], t1 = _step_value[1];
253
- e.has(n1) ? f["className" === n1 ? "class" : n1] = t1 : c.has(n1) || n1 in l.prototype ? u[n1] = t1 : f[n1] = t1;
254
- }
255
- } catch (err) {
256
- _didIteratorError = true;
257
- _iteratorError = err;
258
- } finally{
259
- try {
260
- if (!_iteratorNormalCompletion && _iterator.return != null) {
261
- _iterator.return();
262
- }
263
- } finally{
264
- if (_didIteratorError) {
265
- throw _iteratorError;
266
- }
267
- }
268
- }
269
- return n.useLayoutEffect(function() {
270
- if (null === d.current) return;
271
- var e = new Map;
272
- 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]);
273
- var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
274
- try {
275
- for(var _iterator = i.current[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
276
- var _step_value = _sliced_to_array(_step.value, 2), e1 = _step_value[0], n1 = _step_value[1];
277
- t(d.current, e1, void 0, n1, a);
278
- }
279
- } catch (err) {
280
- _didIteratorError = true;
281
- _iteratorError = err;
282
- } finally{
283
- try {
284
- if (!_iteratorNormalCompletion && _iterator.return != null) {
285
- _iterator.return();
286
- }
287
- } finally{
288
- if (_didIteratorError) {
289
- throw _iteratorError;
290
- }
291
- }
292
- }
293
- i.current = e;
294
- }), n.useLayoutEffect(function() {
295
- var _d_current;
296
- (_d_current = d.current) === null || _d_current === undefined ? undefined : _d_current.removeAttribute("defer-hydration");
297
- }, []), f.suppressHydrationWarning = true, n.createElement(o, _object_spread_props(_object_spread({}, f), {
298
- ref: n.useCallback(function(e) {
299
- d.current = e, "function" == typeof r ? r(e) : null !== r && (r.current = e);
300
- }, [
301
- r
302
- ])
303
- }));
304
- });
305
- return r.displayName = s !== null && s !== undefined ? s : l.name, r;
306
- };
307
-
308
- function _object_without_properties(source, excluded) {
309
- if (source == null) return {};
310
- var target = _object_without_properties_loose(source, excluded);
311
- var key, i;
312
- if (Object.getOwnPropertySymbols) {
313
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
314
- for(i = 0; i < sourceSymbolKeys.length; i++){
315
- key = sourceSymbolKeys[i];
316
- if (excluded.indexOf(key) >= 0) continue;
317
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
318
- target[key] = source[key];
319
- }
320
- }
321
- return target;
322
- }
323
- function _object_without_properties_loose(source, excluded) {
324
- if (source == null) return {};
325
- var target = {};
326
- var sourceKeys = Object.keys(source);
327
- var key, i;
328
- for(i = 0; i < sourceKeys.length; i++){
329
- key = sourceKeys[i];
330
- if (excluded.indexOf(key) >= 0) continue;
331
- target[key] = source[key];
332
- }
333
- return target;
334
- }
335
- function _type_of(obj) {
336
- "@swc/helpers - typeof";
337
- return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
338
- }
339
- var r = function(_param) {
340
- var e = _param.defineCustomElement, o$1 = _object_without_properties(_param, [
341
- "defineCustomElement"
342
- ]);
343
- return (typeof e === "undefined" ? "undefined" : _type_of(e)) < "u" && e(), o(o$1);
344
- };
345
-
346
- var BalAccordion = /*@__PURE__*/ r({
133
+ var BalAccordion = /*@__PURE__*/ createComponent({
347
134
  tagName: 'bal-accordion',
348
135
  elementClass: BalAccordion$1,
349
136
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -353,49 +140,49 @@ var BalAccordion = /*@__PURE__*/ r({
353
140
  onBalWillAnimate: 'balWillAnimate',
354
141
  onBalDidAnimate: 'balDidAnimate'
355
142
  },
356
- defineCustomElement: defineCustomElement$1Q
143
+ defineCustomElement: defineCustomElement
357
144
  });
358
- var BalAccordionDetails = /*@__PURE__*/ r({
145
+ var BalAccordionDetails = /*@__PURE__*/ createComponent({
359
146
  tagName: 'bal-accordion-details',
360
147
  elementClass: BalAccordionDetails$1,
361
148
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
362
149
  react: React,
363
150
  events: {},
364
- defineCustomElement: defineCustomElement
151
+ defineCustomElement: defineCustomElement$1
365
152
  });
366
- var BalAccordionSummary = /*@__PURE__*/ r({
153
+ var BalAccordionSummary = /*@__PURE__*/ createComponent({
367
154
  tagName: 'bal-accordion-summary',
368
155
  elementClass: BalAccordionSummary$1,
369
156
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
370
157
  react: React,
371
158
  events: {},
372
- defineCustomElement: defineCustomElement$1
159
+ defineCustomElement: defineCustomElement$2
373
160
  });
374
- var BalAccordionTrigger = /*@__PURE__*/ r({
161
+ var BalAccordionTrigger = /*@__PURE__*/ createComponent({
375
162
  tagName: 'bal-accordion-trigger',
376
163
  elementClass: BalAccordionTrigger$1,
377
164
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
378
165
  react: React,
379
166
  events: {},
380
- defineCustomElement: defineCustomElement$2
167
+ defineCustomElement: defineCustomElement$3
381
168
  });
382
- var BalApp = /*@__PURE__*/ r({
169
+ var BalApp = /*@__PURE__*/ createComponent({
383
170
  tagName: 'bal-app',
384
171
  elementClass: BalApp$1,
385
172
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
386
173
  react: React,
387
174
  events: {},
388
- defineCustomElement: defineCustomElement$3
175
+ defineCustomElement: defineCustomElement$4
389
176
  });
390
- var BalBadge = /*@__PURE__*/ r({
177
+ var BalBadge = /*@__PURE__*/ createComponent({
391
178
  tagName: 'bal-badge',
392
179
  elementClass: BalBadge$1,
393
180
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
394
181
  react: React,
395
182
  events: {},
396
- defineCustomElement: defineCustomElement$4
183
+ defineCustomElement: defineCustomElement$5
397
184
  });
398
- var BalButton = /*@__PURE__*/ r({
185
+ var BalButton = /*@__PURE__*/ createComponent({
399
186
  tagName: 'bal-button',
400
187
  elementClass: BalButton$1,
401
188
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -407,65 +194,65 @@ var BalButton = /*@__PURE__*/ r({
407
194
  onBalBlur: 'balBlur',
408
195
  onBalDidRender: 'balDidRender'
409
196
  },
410
- defineCustomElement: defineCustomElement$5
197
+ defineCustomElement: defineCustomElement$6
411
198
  });
412
- var BalButtonGroup = /*@__PURE__*/ r({
199
+ var BalButtonGroup = /*@__PURE__*/ createComponent({
413
200
  tagName: 'bal-button-group',
414
201
  elementClass: BalButtonGroup$1,
415
202
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
416
203
  react: React,
417
204
  events: {},
418
- defineCustomElement: defineCustomElement$6
205
+ defineCustomElement: defineCustomElement$7
419
206
  });
420
- var BalCard = /*@__PURE__*/ r({
207
+ var BalCard = /*@__PURE__*/ createComponent({
421
208
  tagName: 'bal-card',
422
209
  elementClass: BalCard$1,
423
210
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
424
211
  react: React,
425
212
  events: {},
426
- defineCustomElement: defineCustomElement$7
213
+ defineCustomElement: defineCustomElement$8
427
214
  });
428
- var BalCardActions = /*@__PURE__*/ r({
215
+ var BalCardActions = /*@__PURE__*/ createComponent({
429
216
  tagName: 'bal-card-actions',
430
217
  elementClass: BalCardActions$1,
431
218
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
432
219
  react: React,
433
220
  events: {},
434
- defineCustomElement: defineCustomElement$8
221
+ defineCustomElement: defineCustomElement$9
435
222
  });
436
- var BalCardButton = /*@__PURE__*/ r({
223
+ var BalCardButton = /*@__PURE__*/ createComponent({
437
224
  tagName: 'bal-card-button',
438
225
  elementClass: BalCardButton$1,
439
226
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
440
227
  react: React,
441
228
  events: {},
442
- defineCustomElement: defineCustomElement$9
229
+ defineCustomElement: defineCustomElement$a
443
230
  });
444
- var BalCardContent = /*@__PURE__*/ r({
231
+ var BalCardContent = /*@__PURE__*/ createComponent({
445
232
  tagName: 'bal-card-content',
446
233
  elementClass: BalCardContent$1,
447
234
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
448
235
  react: React,
449
236
  events: {},
450
- defineCustomElement: defineCustomElement$a
237
+ defineCustomElement: defineCustomElement$b
451
238
  });
452
- var BalCardSubtitle = /*@__PURE__*/ r({
239
+ var BalCardSubtitle = /*@__PURE__*/ createComponent({
453
240
  tagName: 'bal-card-subtitle',
454
241
  elementClass: BalCardSubtitle$1,
455
242
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
456
243
  react: React,
457
244
  events: {},
458
- defineCustomElement: defineCustomElement$b
245
+ defineCustomElement: defineCustomElement$c
459
246
  });
460
- var BalCardTitle = /*@__PURE__*/ r({
247
+ var BalCardTitle = /*@__PURE__*/ createComponent({
461
248
  tagName: 'bal-card-title',
462
249
  elementClass: BalCardTitle$1,
463
250
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
464
251
  react: React,
465
252
  events: {},
466
- defineCustomElement: defineCustomElement$c
253
+ defineCustomElement: defineCustomElement$d
467
254
  });
468
- var BalCarousel = /*@__PURE__*/ r({
255
+ var BalCarousel = /*@__PURE__*/ createComponent({
469
256
  tagName: 'bal-carousel',
470
257
  elementClass: BalCarousel$1,
471
258
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -473,9 +260,9 @@ var BalCarousel = /*@__PURE__*/ r({
473
260
  events: {
474
261
  onBalChange: 'balChange'
475
262
  },
476
- defineCustomElement: defineCustomElement$d
263
+ defineCustomElement: defineCustomElement$e
477
264
  });
478
- var BalCarouselItem = /*@__PURE__*/ r({
265
+ var BalCarouselItem = /*@__PURE__*/ createComponent({
479
266
  tagName: 'bal-carousel-item',
480
267
  elementClass: BalCarouselItem$1,
481
268
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -485,17 +272,17 @@ var BalCarouselItem = /*@__PURE__*/ r({
485
272
  onBalFocus: 'balFocus',
486
273
  onBalBlur: 'balBlur'
487
274
  },
488
- defineCustomElement: defineCustomElement$e
275
+ defineCustomElement: defineCustomElement$f
489
276
  });
490
- var BalCheck = /*@__PURE__*/ r({
277
+ var BalCheck = /*@__PURE__*/ createComponent({
491
278
  tagName: 'bal-check',
492
279
  elementClass: BalCheck$1,
493
280
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
494
281
  react: React,
495
282
  events: {},
496
- defineCustomElement: defineCustomElement$f
283
+ defineCustomElement: defineCustomElement$g
497
284
  });
498
- var BalCheckbox = /*@__PURE__*/ r({
285
+ var BalCheckbox = /*@__PURE__*/ createComponent({
499
286
  tagName: 'bal-checkbox',
500
287
  elementClass: BalCheckbox$1,
501
288
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -505,9 +292,9 @@ var BalCheckbox = /*@__PURE__*/ r({
505
292
  onBalBlur: 'balBlur',
506
293
  onBalChange: 'balChange'
507
294
  },
508
- defineCustomElement: defineCustomElement$g
295
+ defineCustomElement: defineCustomElement$h
509
296
  });
510
- var BalCheckboxGroup = /*@__PURE__*/ r({
297
+ var BalCheckboxGroup = /*@__PURE__*/ createComponent({
511
298
  tagName: 'bal-checkbox-group',
512
299
  elementClass: BalCheckboxGroup$1,
513
300
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -517,49 +304,49 @@ var BalCheckboxGroup = /*@__PURE__*/ r({
517
304
  onBalFocus: 'balFocus',
518
305
  onBalBlur: 'balBlur'
519
306
  },
520
- defineCustomElement: defineCustomElement$h
307
+ defineCustomElement: defineCustomElement$i
521
308
  });
522
- var BalClose = /*@__PURE__*/ r({
309
+ var BalClose = /*@__PURE__*/ createComponent({
523
310
  tagName: 'bal-close',
524
311
  elementClass: BalClose$1,
525
312
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
526
313
  react: React,
527
314
  events: {},
528
- defineCustomElement: defineCustomElement$i
315
+ defineCustomElement: defineCustomElement$j
529
316
  });
530
- var BalContent = /*@__PURE__*/ r({
317
+ var BalContent = /*@__PURE__*/ createComponent({
531
318
  tagName: 'bal-content',
532
319
  elementClass: BalContent$1,
533
320
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
534
321
  react: React,
535
322
  events: {},
536
- defineCustomElement: defineCustomElement$j
323
+ defineCustomElement: defineCustomElement$k
537
324
  });
538
- var BalData = /*@__PURE__*/ r({
325
+ var BalData = /*@__PURE__*/ createComponent({
539
326
  tagName: 'bal-data',
540
327
  elementClass: BalData$1,
541
328
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
542
329
  react: React,
543
330
  events: {},
544
- defineCustomElement: defineCustomElement$k
331
+ defineCustomElement: defineCustomElement$l
545
332
  });
546
- var BalDataItem = /*@__PURE__*/ r({
333
+ var BalDataItem = /*@__PURE__*/ createComponent({
547
334
  tagName: 'bal-data-item',
548
335
  elementClass: BalDataItem$1,
549
336
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
550
337
  react: React,
551
338
  events: {},
552
- defineCustomElement: defineCustomElement$l
339
+ defineCustomElement: defineCustomElement$m
553
340
  });
554
- var BalDataLabel = /*@__PURE__*/ r({
341
+ var BalDataLabel = /*@__PURE__*/ createComponent({
555
342
  tagName: 'bal-data-label',
556
343
  elementClass: BalDataLabel$1,
557
344
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
558
345
  react: React,
559
346
  events: {},
560
- defineCustomElement: defineCustomElement$m
347
+ defineCustomElement: defineCustomElement$n
561
348
  });
562
- var BalDataValue = /*@__PURE__*/ r({
349
+ var BalDataValue = /*@__PURE__*/ createComponent({
563
350
  tagName: 'bal-data-value',
564
351
  elementClass: BalDataValue$1,
565
352
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -569,9 +356,9 @@ var BalDataValue = /*@__PURE__*/ r({
569
356
  onBalFocus: 'balFocus',
570
357
  onBalBlur: 'balBlur'
571
358
  },
572
- defineCustomElement: defineCustomElement$n
359
+ defineCustomElement: defineCustomElement$o
573
360
  });
574
- var BalDate = /*@__PURE__*/ r({
361
+ var BalDate = /*@__PURE__*/ createComponent({
575
362
  tagName: 'bal-date',
576
363
  elementClass: BalDate$1,
577
364
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -586,9 +373,9 @@ var BalDate = /*@__PURE__*/ r({
586
373
  onBalInputClick: 'balInputClick',
587
374
  onBalIconClick: 'balIconClick'
588
375
  },
589
- defineCustomElement: defineCustomElement$o
376
+ defineCustomElement: defineCustomElement$p
590
377
  });
591
- var BalDateCalendar = /*@__PURE__*/ r({
378
+ var BalDateCalendar = /*@__PURE__*/ createComponent({
592
379
  tagName: 'bal-date-calendar',
593
380
  elementClass: BalDateCalendar$1,
594
381
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -596,9 +383,9 @@ var BalDateCalendar = /*@__PURE__*/ r({
596
383
  events: {
597
384
  onBalChange: 'balChange'
598
385
  },
599
- defineCustomElement: defineCustomElement$p
386
+ defineCustomElement: defineCustomElement$q
600
387
  });
601
- var BalDateCalendarCell = /*@__PURE__*/ r({
388
+ var BalDateCalendarCell = /*@__PURE__*/ createComponent({
602
389
  tagName: 'bal-date-calendar-cell',
603
390
  elementClass: BalDateCalendarCell$1,
604
391
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -606,17 +393,17 @@ var BalDateCalendarCell = /*@__PURE__*/ r({
606
393
  events: {
607
394
  onBalSelectDay: 'balSelectDay'
608
395
  },
609
- defineCustomElement: defineCustomElement$q
396
+ defineCustomElement: defineCustomElement$r
610
397
  });
611
- var BalDivider = /*@__PURE__*/ r({
398
+ var BalDivider = /*@__PURE__*/ createComponent({
612
399
  tagName: 'bal-divider',
613
400
  elementClass: BalDivider$1,
614
401
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
615
402
  react: React,
616
403
  events: {},
617
- defineCustomElement: defineCustomElement$r
404
+ defineCustomElement: defineCustomElement$s
618
405
  });
619
- var BalDropdown = /*@__PURE__*/ r({
406
+ var BalDropdown = /*@__PURE__*/ createComponent({
620
407
  tagName: 'bal-dropdown',
621
408
  elementClass: BalDropdown$1,
622
409
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -626,9 +413,9 @@ var BalDropdown = /*@__PURE__*/ r({
626
413
  onBalFocus: 'balFocus',
627
414
  onBalBlur: 'balBlur'
628
415
  },
629
- defineCustomElement: defineCustomElement$s
416
+ defineCustomElement: defineCustomElement$t
630
417
  });
631
- var BalField = /*@__PURE__*/ r({
418
+ var BalField = /*@__PURE__*/ createComponent({
632
419
  tagName: 'bal-field',
633
420
  elementClass: BalField$1,
634
421
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -636,41 +423,41 @@ var BalField = /*@__PURE__*/ r({
636
423
  events: {
637
424
  onBalFormControlDidLoad: 'balFormControlDidLoad'
638
425
  },
639
- defineCustomElement: defineCustomElement$t
426
+ defineCustomElement: defineCustomElement$u
640
427
  });
641
- var BalFieldControl = /*@__PURE__*/ r({
428
+ var BalFieldControl = /*@__PURE__*/ createComponent({
642
429
  tagName: 'bal-field-control',
643
430
  elementClass: BalFieldControl$1,
644
431
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
645
432
  react: React,
646
433
  events: {},
647
- defineCustomElement: defineCustomElement$u
434
+ defineCustomElement: defineCustomElement$v
648
435
  });
649
- var BalFieldHint = /*@__PURE__*/ r({
436
+ var BalFieldHint = /*@__PURE__*/ createComponent({
650
437
  tagName: 'bal-field-hint',
651
438
  elementClass: BalFieldHint$1,
652
439
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
653
440
  react: React,
654
441
  events: {},
655
- defineCustomElement: defineCustomElement$v
442
+ defineCustomElement: defineCustomElement$w
656
443
  });
657
- var BalFieldLabel = /*@__PURE__*/ r({
444
+ var BalFieldLabel = /*@__PURE__*/ createComponent({
658
445
  tagName: 'bal-field-label',
659
446
  elementClass: BalFieldLabel$1,
660
447
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
661
448
  react: React,
662
449
  events: {},
663
- defineCustomElement: defineCustomElement$w
450
+ defineCustomElement: defineCustomElement$x
664
451
  });
665
- var BalFieldMessage = /*@__PURE__*/ r({
452
+ var BalFieldMessage = /*@__PURE__*/ createComponent({
666
453
  tagName: 'bal-field-message',
667
454
  elementClass: BalFieldMessage$1,
668
455
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
669
456
  react: React,
670
457
  events: {},
671
- defineCustomElement: defineCustomElement$x
458
+ defineCustomElement: defineCustomElement$y
672
459
  });
673
- var BalFileUpload = /*@__PURE__*/ r({
460
+ var BalFileUpload = /*@__PURE__*/ createComponent({
674
461
  tagName: 'bal-file-upload',
675
462
  elementClass: BalFileUpload$1,
676
463
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -684,81 +471,81 @@ var BalFileUpload = /*@__PURE__*/ r({
684
471
  onBalBlur: 'balBlur',
685
472
  onBalFocus: 'balFocus'
686
473
  },
687
- defineCustomElement: defineCustomElement$y
474
+ defineCustomElement: defineCustomElement$z
688
475
  });
689
- var BalFooter = /*@__PURE__*/ r({
476
+ var BalFooter = /*@__PURE__*/ createComponent({
690
477
  tagName: 'bal-footer',
691
478
  elementClass: BalFooter$1,
692
479
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
693
480
  react: React,
694
481
  events: {},
695
- defineCustomElement: defineCustomElement$z
482
+ defineCustomElement: defineCustomElement$A
696
483
  });
697
- var BalForm = /*@__PURE__*/ r({
484
+ var BalForm = /*@__PURE__*/ createComponent({
698
485
  tagName: 'bal-form',
699
486
  elementClass: BalForm$1,
700
487
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
701
488
  react: React,
702
489
  events: {},
703
- defineCustomElement: defineCustomElement$A
490
+ defineCustomElement: defineCustomElement$B
704
491
  });
705
- var BalFormCol = /*@__PURE__*/ r({
492
+ var BalFormCol = /*@__PURE__*/ createComponent({
706
493
  tagName: 'bal-form-col',
707
494
  elementClass: BalFormCol$1,
708
495
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
709
496
  react: React,
710
497
  events: {},
711
- defineCustomElement: defineCustomElement$B
498
+ defineCustomElement: defineCustomElement$C
712
499
  });
713
- var BalFormGrid = /*@__PURE__*/ r({
500
+ var BalFormGrid = /*@__PURE__*/ createComponent({
714
501
  tagName: 'bal-form-grid',
715
502
  elementClass: BalFormGrid$1,
716
503
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
717
504
  react: React,
718
505
  events: {},
719
- defineCustomElement: defineCustomElement$C
506
+ defineCustomElement: defineCustomElement$D
720
507
  });
721
- var BalHeading = /*@__PURE__*/ r({
508
+ var BalHeading = /*@__PURE__*/ createComponent({
722
509
  tagName: 'bal-heading',
723
510
  elementClass: BalHeading$1,
724
511
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
725
512
  react: React,
726
513
  events: {},
727
- defineCustomElement: defineCustomElement$D
514
+ defineCustomElement: defineCustomElement$E
728
515
  });
729
- var BalHint = /*@__PURE__*/ r({
516
+ var BalHint = /*@__PURE__*/ createComponent({
730
517
  tagName: 'bal-hint',
731
518
  elementClass: BalHint$1,
732
519
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
733
520
  react: React,
734
521
  events: {},
735
- defineCustomElement: defineCustomElement$E
522
+ defineCustomElement: defineCustomElement$F
736
523
  });
737
- var BalHintText = /*@__PURE__*/ r({
524
+ var BalHintText = /*@__PURE__*/ createComponent({
738
525
  tagName: 'bal-hint-text',
739
526
  elementClass: BalHintText$1,
740
527
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
741
528
  react: React,
742
529
  events: {},
743
- defineCustomElement: defineCustomElement$F
530
+ defineCustomElement: defineCustomElement$G
744
531
  });
745
- var BalHintTitle = /*@__PURE__*/ r({
532
+ var BalHintTitle = /*@__PURE__*/ createComponent({
746
533
  tagName: 'bal-hint-title',
747
534
  elementClass: BalHintTitle$1,
748
535
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
749
536
  react: React,
750
537
  events: {},
751
- defineCustomElement: defineCustomElement$G
538
+ defineCustomElement: defineCustomElement$H
752
539
  });
753
- var BalIcon = /*@__PURE__*/ r({
540
+ var BalIcon = /*@__PURE__*/ createComponent({
754
541
  tagName: 'bal-icon',
755
542
  elementClass: BalIcon$1,
756
543
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
757
544
  react: React,
758
545
  events: {},
759
- defineCustomElement: defineCustomElement$H
546
+ defineCustomElement: defineCustomElement$I
760
547
  });
761
- var BalInput = /*@__PURE__*/ r({
548
+ var BalInput = /*@__PURE__*/ createComponent({
762
549
  tagName: 'bal-input',
763
550
  elementClass: BalInput$1,
764
551
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -770,9 +557,9 @@ var BalInput = /*@__PURE__*/ r({
770
557
  onBalFocus: 'balFocus',
771
558
  onBalChange: 'balChange'
772
559
  },
773
- defineCustomElement: defineCustomElement$I
560
+ defineCustomElement: defineCustomElement$J
774
561
  });
775
- var BalInputDate = /*@__PURE__*/ r({
562
+ var BalInputDate = /*@__PURE__*/ createComponent({
776
563
  tagName: 'bal-input-date',
777
564
  elementClass: BalInputDate$1,
778
565
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -784,17 +571,17 @@ var BalInputDate = /*@__PURE__*/ r({
784
571
  onBalBlur: 'balBlur',
785
572
  onBalFocus: 'balFocus'
786
573
  },
787
- defineCustomElement: defineCustomElement$J
574
+ defineCustomElement: defineCustomElement$K
788
575
  });
789
- var BalInputGroup = /*@__PURE__*/ r({
576
+ var BalInputGroup = /*@__PURE__*/ createComponent({
790
577
  tagName: 'bal-input-group',
791
578
  elementClass: BalInputGroup$1,
792
579
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
793
580
  react: React,
794
581
  events: {},
795
- defineCustomElement: defineCustomElement$K
582
+ defineCustomElement: defineCustomElement$L
796
583
  });
797
- var BalInputSlider = /*@__PURE__*/ r({
584
+ var BalInputSlider = /*@__PURE__*/ createComponent({
798
585
  tagName: 'bal-input-slider',
799
586
  elementClass: BalInputSlider$1,
800
587
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -806,9 +593,9 @@ var BalInputSlider = /*@__PURE__*/ r({
806
593
  onBalFocus: 'balFocus',
807
594
  onBalChange: 'balChange'
808
595
  },
809
- defineCustomElement: defineCustomElement$L
596
+ defineCustomElement: defineCustomElement$M
810
597
  });
811
- var BalInputStepper = /*@__PURE__*/ r({
598
+ var BalInputStepper = /*@__PURE__*/ createComponent({
812
599
  tagName: 'bal-input-stepper',
813
600
  elementClass: BalInputStepper$1,
814
601
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -821,25 +608,25 @@ var BalInputStepper = /*@__PURE__*/ r({
821
608
  onBalFocus: 'balFocus',
822
609
  onBalBlur: 'balBlur'
823
610
  },
824
- defineCustomElement: defineCustomElement$M
611
+ defineCustomElement: defineCustomElement$N
825
612
  });
826
- var BalLabel = /*@__PURE__*/ r({
613
+ var BalLabel = /*@__PURE__*/ createComponent({
827
614
  tagName: 'bal-label',
828
615
  elementClass: BalLabel$1,
829
616
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
830
617
  react: React,
831
618
  events: {},
832
- defineCustomElement: defineCustomElement$N
619
+ defineCustomElement: defineCustomElement$O
833
620
  });
834
- var BalList = /*@__PURE__*/ r({
621
+ var BalList = /*@__PURE__*/ createComponent({
835
622
  tagName: 'bal-list',
836
623
  elementClass: BalList$1,
837
624
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
838
625
  react: React,
839
626
  events: {},
840
- defineCustomElement: defineCustomElement$O
627
+ defineCustomElement: defineCustomElement$P
841
628
  });
842
- var BalListItem = /*@__PURE__*/ r({
629
+ var BalListItem = /*@__PURE__*/ createComponent({
843
630
  tagName: 'bal-list-item',
844
631
  elementClass: BalListItem$1,
845
632
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -850,17 +637,17 @@ var BalListItem = /*@__PURE__*/ r({
850
637
  onBalWillAnimate: 'balWillAnimate',
851
638
  onBalDidAnimate: 'balDidAnimate'
852
639
  },
853
- defineCustomElement: defineCustomElement$P
640
+ defineCustomElement: defineCustomElement$Q
854
641
  });
855
- var BalListItemAccordionBody = /*@__PURE__*/ r({
642
+ var BalListItemAccordionBody = /*@__PURE__*/ createComponent({
856
643
  tagName: 'bal-list-item-accordion-body',
857
644
  elementClass: BalListItemAccordionBody$1,
858
645
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
859
646
  react: React,
860
647
  events: {},
861
- defineCustomElement: defineCustomElement$Q
648
+ defineCustomElement: defineCustomElement$R
862
649
  });
863
- var BalListItemAccordionHead = /*@__PURE__*/ r({
650
+ var BalListItemAccordionHead = /*@__PURE__*/ createComponent({
864
651
  tagName: 'bal-list-item-accordion-head',
865
652
  elementClass: BalListItemAccordionHead$1,
866
653
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -868,49 +655,49 @@ var BalListItemAccordionHead = /*@__PURE__*/ r({
868
655
  events: {
869
656
  onBalAccordionChange: 'balAccordionChange'
870
657
  },
871
- defineCustomElement: defineCustomElement$R
658
+ defineCustomElement: defineCustomElement$S
872
659
  });
873
- var BalListItemContent = /*@__PURE__*/ r({
660
+ var BalListItemContent = /*@__PURE__*/ createComponent({
874
661
  tagName: 'bal-list-item-content',
875
662
  elementClass: BalListItemContent$1,
876
663
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
877
664
  react: React,
878
665
  events: {},
879
- defineCustomElement: defineCustomElement$S
666
+ defineCustomElement: defineCustomElement$T
880
667
  });
881
- var BalListItemIcon = /*@__PURE__*/ r({
668
+ var BalListItemIcon = /*@__PURE__*/ createComponent({
882
669
  tagName: 'bal-list-item-icon',
883
670
  elementClass: BalListItemIcon$1,
884
671
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
885
672
  react: React,
886
673
  events: {},
887
- defineCustomElement: defineCustomElement$T
674
+ defineCustomElement: defineCustomElement$U
888
675
  });
889
- var BalListItemSubtitle = /*@__PURE__*/ r({
676
+ var BalListItemSubtitle = /*@__PURE__*/ createComponent({
890
677
  tagName: 'bal-list-item-subtitle',
891
678
  elementClass: BalListItemSubtitle$1,
892
679
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
893
680
  react: React,
894
681
  events: {},
895
- defineCustomElement: defineCustomElement$U
682
+ defineCustomElement: defineCustomElement$V
896
683
  });
897
- var BalListItemTitle = /*@__PURE__*/ r({
684
+ var BalListItemTitle = /*@__PURE__*/ createComponent({
898
685
  tagName: 'bal-list-item-title',
899
686
  elementClass: BalListItemTitle$1,
900
687
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
901
688
  react: React,
902
689
  events: {},
903
- defineCustomElement: defineCustomElement$V
690
+ defineCustomElement: defineCustomElement$W
904
691
  });
905
- var BalLogo = /*@__PURE__*/ r({
692
+ var BalLogo = /*@__PURE__*/ createComponent({
906
693
  tagName: 'bal-logo',
907
694
  elementClass: BalLogo$1,
908
695
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
909
696
  react: React,
910
697
  events: {},
911
- defineCustomElement: defineCustomElement$W
698
+ defineCustomElement: defineCustomElement$X
912
699
  });
913
- var BalModal = /*@__PURE__*/ r({
700
+ var BalModal = /*@__PURE__*/ createComponent({
914
701
  tagName: 'bal-modal',
915
702
  elementClass: BalModal$1,
916
703
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -921,25 +708,25 @@ var BalModal = /*@__PURE__*/ r({
921
708
  onBalModalWillDismiss: 'balModalWillDismiss',
922
709
  onBalModalDidDismiss: 'balModalDidDismiss'
923
710
  },
924
- defineCustomElement: defineCustomElement$X
711
+ defineCustomElement: defineCustomElement$Y
925
712
  });
926
- var BalModalBody = /*@__PURE__*/ r({
713
+ var BalModalBody = /*@__PURE__*/ createComponent({
927
714
  tagName: 'bal-modal-body',
928
715
  elementClass: BalModalBody$1,
929
716
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
930
717
  react: React,
931
718
  events: {},
932
- defineCustomElement: defineCustomElement$Y
719
+ defineCustomElement: defineCustomElement$Z
933
720
  });
934
- var BalModalHeader = /*@__PURE__*/ r({
721
+ var BalModalHeader = /*@__PURE__*/ createComponent({
935
722
  tagName: 'bal-modal-header',
936
723
  elementClass: BalModalHeader$1,
937
724
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
938
725
  react: React,
939
726
  events: {},
940
- defineCustomElement: defineCustomElement$Z
727
+ defineCustomElement: defineCustomElement$_
941
728
  });
942
- var BalNav = /*@__PURE__*/ r({
729
+ var BalNav = /*@__PURE__*/ createComponent({
943
730
  tagName: 'bal-nav',
944
731
  elementClass: BalNav$1,
945
732
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -947,49 +734,49 @@ var BalNav = /*@__PURE__*/ r({
947
734
  events: {
948
735
  onBalNavItemClick: 'balNavItemClick'
949
736
  },
950
- defineCustomElement: defineCustomElement$_
737
+ defineCustomElement: defineCustomElement$$
951
738
  });
952
- var BalNavLink = /*@__PURE__*/ r({
739
+ var BalNavLink = /*@__PURE__*/ createComponent({
953
740
  tagName: 'bal-nav-link',
954
741
  elementClass: BalNavLink$1,
955
742
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
956
743
  react: React,
957
744
  events: {},
958
- defineCustomElement: defineCustomElement$$
745
+ defineCustomElement: defineCustomElement$10
959
746
  });
960
- var BalNavLinkGrid = /*@__PURE__*/ r({
747
+ var BalNavLinkGrid = /*@__PURE__*/ createComponent({
961
748
  tagName: 'bal-nav-link-grid',
962
749
  elementClass: BalNavLinkGrid$1,
963
750
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
964
751
  react: React,
965
752
  events: {},
966
- defineCustomElement: defineCustomElement$10
753
+ defineCustomElement: defineCustomElement$11
967
754
  });
968
- var BalNavLinkGridCol = /*@__PURE__*/ r({
755
+ var BalNavLinkGridCol = /*@__PURE__*/ createComponent({
969
756
  tagName: 'bal-nav-link-grid-col',
970
757
  elementClass: BalNavLinkGridCol$1,
971
758
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
972
759
  react: React,
973
760
  events: {},
974
- defineCustomElement: defineCustomElement$11
761
+ defineCustomElement: defineCustomElement$12
975
762
  });
976
- var BalNavLinkGroup = /*@__PURE__*/ r({
763
+ var BalNavLinkGroup = /*@__PURE__*/ createComponent({
977
764
  tagName: 'bal-nav-link-group',
978
765
  elementClass: BalNavLinkGroup$1,
979
766
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
980
767
  react: React,
981
768
  events: {},
982
- defineCustomElement: defineCustomElement$12
769
+ defineCustomElement: defineCustomElement$13
983
770
  });
984
- var BalNavMenuBar = /*@__PURE__*/ r({
771
+ var BalNavMenuBar = /*@__PURE__*/ createComponent({
985
772
  tagName: 'bal-nav-menu-bar',
986
773
  elementClass: BalNavMenuBar$1,
987
774
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
988
775
  react: React,
989
776
  events: {},
990
- defineCustomElement: defineCustomElement$13
777
+ defineCustomElement: defineCustomElement$14
991
778
  });
992
- var BalNavMenuFlyout = /*@__PURE__*/ r({
779
+ var BalNavMenuFlyout = /*@__PURE__*/ createComponent({
993
780
  tagName: 'bal-nav-menu-flyout',
994
781
  elementClass: BalNavMenuFlyout$1,
995
782
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -997,25 +784,25 @@ var BalNavMenuFlyout = /*@__PURE__*/ r({
997
784
  events: {
998
785
  onBalFocusOut: 'balFocusOut'
999
786
  },
1000
- defineCustomElement: defineCustomElement$14
787
+ defineCustomElement: defineCustomElement$15
1001
788
  });
1002
- var BalNavMetaBar = /*@__PURE__*/ r({
789
+ var BalNavMetaBar = /*@__PURE__*/ createComponent({
1003
790
  tagName: 'bal-nav-meta-bar',
1004
791
  elementClass: BalNavMetaBar$1,
1005
792
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1006
793
  react: React,
1007
794
  events: {},
1008
- defineCustomElement: defineCustomElement$15
795
+ defineCustomElement: defineCustomElement$16
1009
796
  });
1010
- var BalNavbar = /*@__PURE__*/ r({
797
+ var BalNavbar = /*@__PURE__*/ createComponent({
1011
798
  tagName: 'bal-navbar',
1012
799
  elementClass: BalNavbar$1,
1013
800
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1014
801
  react: React,
1015
802
  events: {},
1016
- defineCustomElement: defineCustomElement$16
803
+ defineCustomElement: defineCustomElement$17
1017
804
  });
1018
- var BalNavbarBrand = /*@__PURE__*/ r({
805
+ var BalNavbarBrand = /*@__PURE__*/ createComponent({
1019
806
  tagName: 'bal-navbar-brand',
1020
807
  elementClass: BalNavbarBrand$1,
1021
808
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1025,49 +812,49 @@ var BalNavbarBrand = /*@__PURE__*/ r({
1025
812
  onBalWillAnimate: 'balWillAnimate',
1026
813
  onBalDidAnimate: 'balDidAnimate'
1027
814
  },
1028
- defineCustomElement: defineCustomElement$17
815
+ defineCustomElement: defineCustomElement$18
1029
816
  });
1030
- var BalNavbarMenu = /*@__PURE__*/ r({
817
+ var BalNavbarMenu = /*@__PURE__*/ createComponent({
1031
818
  tagName: 'bal-navbar-menu',
1032
819
  elementClass: BalNavbarMenu$1,
1033
820
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1034
821
  react: React,
1035
822
  events: {},
1036
- defineCustomElement: defineCustomElement$18
823
+ defineCustomElement: defineCustomElement$19
1037
824
  });
1038
- var BalNavbarMenuEnd = /*@__PURE__*/ r({
825
+ var BalNavbarMenuEnd = /*@__PURE__*/ createComponent({
1039
826
  tagName: 'bal-navbar-menu-end',
1040
827
  elementClass: BalNavbarMenuEnd$1,
1041
828
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1042
829
  react: React,
1043
830
  events: {},
1044
- defineCustomElement: defineCustomElement$19
831
+ defineCustomElement: defineCustomElement$1a
1045
832
  });
1046
- var BalNavbarMenuStart = /*@__PURE__*/ r({
833
+ var BalNavbarMenuStart = /*@__PURE__*/ createComponent({
1047
834
  tagName: 'bal-navbar-menu-start',
1048
835
  elementClass: BalNavbarMenuStart$1,
1049
836
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1050
837
  react: React,
1051
838
  events: {},
1052
- defineCustomElement: defineCustomElement$1a
839
+ defineCustomElement: defineCustomElement$1b
1053
840
  });
1054
- var BalNotices = /*@__PURE__*/ r({
841
+ var BalNotices = /*@__PURE__*/ createComponent({
1055
842
  tagName: 'bal-notices',
1056
843
  elementClass: BalNotices$1,
1057
844
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1058
845
  react: React,
1059
846
  events: {},
1060
- defineCustomElement: defineCustomElement$1b
847
+ defineCustomElement: defineCustomElement$1c
1061
848
  });
1062
- var BalNotification = /*@__PURE__*/ r({
849
+ var BalNotification = /*@__PURE__*/ createComponent({
1063
850
  tagName: 'bal-notification',
1064
851
  elementClass: BalNotification$1,
1065
852
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1066
853
  react: React,
1067
854
  events: {},
1068
- defineCustomElement: defineCustomElement$1c
855
+ defineCustomElement: defineCustomElement$1d
1069
856
  });
1070
- var BalNumberInput = /*@__PURE__*/ r({
857
+ var BalNumberInput = /*@__PURE__*/ createComponent({
1071
858
  tagName: 'bal-number-input',
1072
859
  elementClass: BalNumberInput$1,
1073
860
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1079,9 +866,9 @@ var BalNumberInput = /*@__PURE__*/ r({
1079
866
  onBalFocus: 'balFocus',
1080
867
  onBalKeyPress: 'balKeyPress'
1081
868
  },
1082
- defineCustomElement: defineCustomElement$1d
869
+ defineCustomElement: defineCustomElement$1e
1083
870
  });
1084
- var BalOption = /*@__PURE__*/ r({
871
+ var BalOption = /*@__PURE__*/ createComponent({
1085
872
  tagName: 'bal-option',
1086
873
  elementClass: BalOption$1,
1087
874
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1089,17 +876,17 @@ var BalOption = /*@__PURE__*/ r({
1089
876
  events: {
1090
877
  onBalOptionChange: 'balOptionChange'
1091
878
  },
1092
- defineCustomElement: defineCustomElement$1e
879
+ defineCustomElement: defineCustomElement$1f
1093
880
  });
1094
- var BalOptionList = /*@__PURE__*/ r({
881
+ var BalOptionList = /*@__PURE__*/ createComponent({
1095
882
  tagName: 'bal-option-list',
1096
883
  elementClass: BalOptionList$1,
1097
884
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1098
885
  react: React,
1099
886
  events: {},
1100
- defineCustomElement: defineCustomElement$1f
887
+ defineCustomElement: defineCustomElement$1g
1101
888
  });
1102
- var BalPagination = /*@__PURE__*/ r({
889
+ var BalPagination = /*@__PURE__*/ createComponent({
1103
890
  tagName: 'bal-pagination',
1104
891
  elementClass: BalPagination$1,
1105
892
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1107,9 +894,9 @@ var BalPagination = /*@__PURE__*/ r({
1107
894
  events: {
1108
895
  onBalChange: 'balChange'
1109
896
  },
1110
- defineCustomElement: defineCustomElement$1g
897
+ defineCustomElement: defineCustomElement$1h
1111
898
  });
1112
- var BalPopover = /*@__PURE__*/ r({
899
+ var BalPopover = /*@__PURE__*/ createComponent({
1113
900
  tagName: 'bal-popover',
1114
901
  elementClass: BalPopover$1,
1115
902
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1119,17 +906,17 @@ var BalPopover = /*@__PURE__*/ r({
1119
906
  onBalWillAnimate: 'balWillAnimate',
1120
907
  onBalDidAnimate: 'balDidAnimate'
1121
908
  },
1122
- defineCustomElement: defineCustomElement$1h
909
+ defineCustomElement: defineCustomElement$1i
1123
910
  });
1124
- var BalPopoverContent = /*@__PURE__*/ r({
911
+ var BalPopoverContent = /*@__PURE__*/ createComponent({
1125
912
  tagName: 'bal-popover-content',
1126
913
  elementClass: BalPopoverContent$1,
1127
914
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1128
915
  react: React,
1129
916
  events: {},
1130
- defineCustomElement: defineCustomElement$1i
917
+ defineCustomElement: defineCustomElement$1j
1131
918
  });
1132
- var BalPopup = /*@__PURE__*/ r({
919
+ var BalPopup = /*@__PURE__*/ createComponent({
1133
920
  tagName: 'bal-popup',
1134
921
  elementClass: BalPopup$1,
1135
922
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1139,17 +926,17 @@ var BalPopup = /*@__PURE__*/ r({
1139
926
  onBalWillAnimate: 'balWillAnimate',
1140
927
  onBalDidAnimate: 'balDidAnimate'
1141
928
  },
1142
- defineCustomElement: defineCustomElement$1j
929
+ defineCustomElement: defineCustomElement$1k
1143
930
  });
1144
- var BalProgressBar = /*@__PURE__*/ r({
931
+ var BalProgressBar = /*@__PURE__*/ createComponent({
1145
932
  tagName: 'bal-progress-bar',
1146
933
  elementClass: BalProgressBar$1,
1147
934
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1148
935
  react: React,
1149
936
  events: {},
1150
- defineCustomElement: defineCustomElement$1k
937
+ defineCustomElement: defineCustomElement$1l
1151
938
  });
1152
- var BalRadio = /*@__PURE__*/ r({
939
+ var BalRadio = /*@__PURE__*/ createComponent({
1153
940
  tagName: 'bal-radio',
1154
941
  elementClass: BalRadio$1,
1155
942
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1159,9 +946,9 @@ var BalRadio = /*@__PURE__*/ r({
1159
946
  onBalBlur: 'balBlur',
1160
947
  onBalChange: 'balChange'
1161
948
  },
1162
- defineCustomElement: defineCustomElement$1l
949
+ defineCustomElement: defineCustomElement$1m
1163
950
  });
1164
- var BalRadioGroup = /*@__PURE__*/ r({
951
+ var BalRadioGroup = /*@__PURE__*/ createComponent({
1165
952
  tagName: 'bal-radio-group',
1166
953
  elementClass: BalRadioGroup$1,
1167
954
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1171,17 +958,17 @@ var BalRadioGroup = /*@__PURE__*/ r({
1171
958
  onBalFocus: 'balFocus',
1172
959
  onBalBlur: 'balBlur'
1173
960
  },
1174
- defineCustomElement: defineCustomElement$1m
961
+ defineCustomElement: defineCustomElement$1n
1175
962
  });
1176
- var BalRadioIcon = /*@__PURE__*/ r({
963
+ var BalRadioIcon = /*@__PURE__*/ createComponent({
1177
964
  tagName: 'bal-radio-icon',
1178
965
  elementClass: BalRadioIcon$1,
1179
966
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1180
967
  react: React,
1181
968
  events: {},
1182
- defineCustomElement: defineCustomElement$1n
969
+ defineCustomElement: defineCustomElement$1o
1183
970
  });
1184
- var BalSegment = /*@__PURE__*/ r({
971
+ var BalSegment = /*@__PURE__*/ createComponent({
1185
972
  tagName: 'bal-segment',
1186
973
  elementClass: BalSegment$1,
1187
974
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1191,17 +978,17 @@ var BalSegment = /*@__PURE__*/ r({
1191
978
  onBalBlur: 'balBlur',
1192
979
  onBalChange: 'balChange'
1193
980
  },
1194
- defineCustomElement: defineCustomElement$1o
981
+ defineCustomElement: defineCustomElement$1p
1195
982
  });
1196
- var BalSegmentItem = /*@__PURE__*/ r({
983
+ var BalSegmentItem = /*@__PURE__*/ createComponent({
1197
984
  tagName: 'bal-segment-item',
1198
985
  elementClass: BalSegmentItem$1,
1199
986
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1200
987
  react: React,
1201
988
  events: {},
1202
- defineCustomElement: defineCustomElement$1p
989
+ defineCustomElement: defineCustomElement$1q
1203
990
  });
1204
- var BalSelect = /*@__PURE__*/ r({
991
+ var BalSelect = /*@__PURE__*/ createComponent({
1205
992
  tagName: 'bal-select',
1206
993
  elementClass: BalSelect$1,
1207
994
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1215,33 +1002,33 @@ var BalSelect = /*@__PURE__*/ r({
1215
1002
  onBalCancel: 'balCancel',
1216
1003
  onBalKeyPress: 'balKeyPress'
1217
1004
  },
1218
- defineCustomElement: defineCustomElement$1q
1005
+ defineCustomElement: defineCustomElement$1r
1219
1006
  });
1220
- var BalSelectOption = /*@__PURE__*/ r({
1007
+ var BalSelectOption = /*@__PURE__*/ createComponent({
1221
1008
  tagName: 'bal-select-option',
1222
1009
  elementClass: BalSelectOption$1,
1223
1010
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1224
1011
  react: React,
1225
1012
  events: {},
1226
- defineCustomElement: defineCustomElement$1r
1013
+ defineCustomElement: defineCustomElement$1s
1227
1014
  });
1228
- var BalShape = /*@__PURE__*/ r({
1015
+ var BalShape = /*@__PURE__*/ createComponent({
1229
1016
  tagName: 'bal-shape',
1230
1017
  elementClass: BalShape$1,
1231
1018
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1232
1019
  react: React,
1233
1020
  events: {},
1234
- defineCustomElement: defineCustomElement$1s
1021
+ defineCustomElement: defineCustomElement$1t
1235
1022
  });
1236
- var BalSheet = /*@__PURE__*/ r({
1023
+ var BalSheet = /*@__PURE__*/ createComponent({
1237
1024
  tagName: 'bal-sheet',
1238
1025
  elementClass: BalSheet$1,
1239
1026
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1240
1027
  react: React,
1241
1028
  events: {},
1242
- defineCustomElement: defineCustomElement$1t
1029
+ defineCustomElement: defineCustomElement$1u
1243
1030
  });
1244
- var BalSnackbar = /*@__PURE__*/ r({
1031
+ var BalSnackbar = /*@__PURE__*/ createComponent({
1245
1032
  tagName: 'bal-snackbar',
1246
1033
  elementClass: BalSnackbar$1,
1247
1034
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1250,73 +1037,73 @@ var BalSnackbar = /*@__PURE__*/ r({
1250
1037
  onBalClose: 'balClose',
1251
1038
  onBalAction: 'balAction'
1252
1039
  },
1253
- defineCustomElement: defineCustomElement$1u
1040
+ defineCustomElement: defineCustomElement$1v
1254
1041
  });
1255
- var BalSpinner = /*@__PURE__*/ r({
1042
+ var BalSpinner = /*@__PURE__*/ createComponent({
1256
1043
  tagName: 'bal-spinner',
1257
1044
  elementClass: BalSpinner$1,
1258
1045
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1259
1046
  react: React,
1260
1047
  events: {},
1261
- defineCustomElement: defineCustomElement$1v
1048
+ defineCustomElement: defineCustomElement$1w
1262
1049
  });
1263
- var BalStack = /*@__PURE__*/ r({
1050
+ var BalStack = /*@__PURE__*/ createComponent({
1264
1051
  tagName: 'bal-stack',
1265
1052
  elementClass: BalStack$1,
1266
1053
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1267
1054
  react: React,
1268
1055
  events: {},
1269
- defineCustomElement: defineCustomElement$1w
1056
+ defineCustomElement: defineCustomElement$1x
1270
1057
  });
1271
- var BalStage = /*@__PURE__*/ r({
1058
+ var BalStage = /*@__PURE__*/ createComponent({
1272
1059
  tagName: 'bal-stage',
1273
1060
  elementClass: BalStage$1,
1274
1061
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1275
1062
  react: React,
1276
1063
  events: {},
1277
- defineCustomElement: defineCustomElement$1x
1064
+ defineCustomElement: defineCustomElement$1y
1278
1065
  });
1279
- var BalStageBackLink = /*@__PURE__*/ r({
1066
+ var BalStageBackLink = /*@__PURE__*/ createComponent({
1280
1067
  tagName: 'bal-stage-back-link',
1281
1068
  elementClass: BalStageBackLink$1,
1282
1069
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1283
1070
  react: React,
1284
1071
  events: {},
1285
- defineCustomElement: defineCustomElement$1y
1072
+ defineCustomElement: defineCustomElement$1z
1286
1073
  });
1287
- var BalStageBody = /*@__PURE__*/ r({
1074
+ var BalStageBody = /*@__PURE__*/ createComponent({
1288
1075
  tagName: 'bal-stage-body',
1289
1076
  elementClass: BalStageBody$1,
1290
1077
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1291
1078
  react: React,
1292
1079
  events: {},
1293
- defineCustomElement: defineCustomElement$1z
1080
+ defineCustomElement: defineCustomElement$1A
1294
1081
  });
1295
- var BalStageFoot = /*@__PURE__*/ r({
1082
+ var BalStageFoot = /*@__PURE__*/ createComponent({
1296
1083
  tagName: 'bal-stage-foot',
1297
1084
  elementClass: BalStageFoot$1,
1298
1085
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1299
1086
  react: React,
1300
1087
  events: {},
1301
- defineCustomElement: defineCustomElement$1A
1088
+ defineCustomElement: defineCustomElement$1B
1302
1089
  });
1303
- var BalStageHead = /*@__PURE__*/ r({
1090
+ var BalStageHead = /*@__PURE__*/ createComponent({
1304
1091
  tagName: 'bal-stage-head',
1305
1092
  elementClass: BalStageHead$1,
1306
1093
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1307
1094
  react: React,
1308
1095
  events: {},
1309
- defineCustomElement: defineCustomElement$1B
1096
+ defineCustomElement: defineCustomElement$1C
1310
1097
  });
1311
- var BalStageImage = /*@__PURE__*/ r({
1098
+ var BalStageImage = /*@__PURE__*/ createComponent({
1312
1099
  tagName: 'bal-stage-image',
1313
1100
  elementClass: BalStageImage$1,
1314
1101
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1315
1102
  react: React,
1316
1103
  events: {},
1317
- defineCustomElement: defineCustomElement$1C
1104
+ defineCustomElement: defineCustomElement$1D
1318
1105
  });
1319
- var BalStepItem = /*@__PURE__*/ r({
1106
+ var BalStepItem = /*@__PURE__*/ createComponent({
1320
1107
  tagName: 'bal-step-item',
1321
1108
  elementClass: BalStepItem$1,
1322
1109
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1324,9 +1111,9 @@ var BalStepItem = /*@__PURE__*/ r({
1324
1111
  events: {
1325
1112
  onBalNavigate: 'balNavigate'
1326
1113
  },
1327
- defineCustomElement: defineCustomElement$1D
1114
+ defineCustomElement: defineCustomElement$1E
1328
1115
  });
1329
- var BalSteps = /*@__PURE__*/ r({
1116
+ var BalSteps = /*@__PURE__*/ createComponent({
1330
1117
  tagName: 'bal-steps',
1331
1118
  elementClass: BalSteps$1,
1332
1119
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1334,17 +1121,17 @@ var BalSteps = /*@__PURE__*/ r({
1334
1121
  events: {
1335
1122
  onBalChange: 'balChange'
1336
1123
  },
1337
- defineCustomElement: defineCustomElement$1E
1124
+ defineCustomElement: defineCustomElement$1F
1338
1125
  });
1339
- var BalSwitch = /*@__PURE__*/ r({
1126
+ var BalSwitch = /*@__PURE__*/ createComponent({
1340
1127
  tagName: 'bal-switch',
1341
1128
  elementClass: BalSwitch$1,
1342
1129
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1343
1130
  react: React,
1344
1131
  events: {},
1345
- defineCustomElement: defineCustomElement$1F
1132
+ defineCustomElement: defineCustomElement$1G
1346
1133
  });
1347
- var BalTabItem = /*@__PURE__*/ r({
1134
+ var BalTabItem = /*@__PURE__*/ createComponent({
1348
1135
  tagName: 'bal-tab-item',
1349
1136
  elementClass: BalTabItem$1,
1350
1137
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1353,17 +1140,17 @@ var BalTabItem = /*@__PURE__*/ r({
1353
1140
  onBalNavigate: 'balNavigate',
1354
1141
  onBalKeyDown: 'balKeyDown'
1355
1142
  },
1356
- defineCustomElement: defineCustomElement$1G
1143
+ defineCustomElement: defineCustomElement$1H
1357
1144
  });
1358
- var BalTable = /*@__PURE__*/ r({
1145
+ var BalTable = /*@__PURE__*/ createComponent({
1359
1146
  tagName: 'bal-table',
1360
1147
  elementClass: BalTable$1,
1361
1148
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1362
1149
  react: React,
1363
1150
  events: {},
1364
- defineCustomElement: defineCustomElement$1H
1151
+ defineCustomElement: defineCustomElement$1I
1365
1152
  });
1366
- var BalTabs = /*@__PURE__*/ r({
1153
+ var BalTabs = /*@__PURE__*/ createComponent({
1367
1154
  tagName: 'bal-tabs',
1368
1155
  elementClass: BalTabs$1,
1369
1156
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1373,9 +1160,9 @@ var BalTabs = /*@__PURE__*/ r({
1373
1160
  onBalWillAnimate: 'balWillAnimate',
1374
1161
  onBalDidAnimate: 'balDidAnimate'
1375
1162
  },
1376
- defineCustomElement: defineCustomElement$1I
1163
+ defineCustomElement: defineCustomElement$1J
1377
1164
  });
1378
- var BalTag = /*@__PURE__*/ r({
1165
+ var BalTag = /*@__PURE__*/ createComponent({
1379
1166
  tagName: 'bal-tag',
1380
1167
  elementClass: BalTag$1,
1381
1168
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1383,25 +1170,25 @@ var BalTag = /*@__PURE__*/ r({
1383
1170
  events: {
1384
1171
  onBalCloseClick: 'balCloseClick'
1385
1172
  },
1386
- defineCustomElement: defineCustomElement$1J
1173
+ defineCustomElement: defineCustomElement$1K
1387
1174
  });
1388
- var BalTagGroup = /*@__PURE__*/ r({
1175
+ var BalTagGroup = /*@__PURE__*/ createComponent({
1389
1176
  tagName: 'bal-tag-group',
1390
1177
  elementClass: BalTagGroup$1,
1391
1178
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1392
1179
  react: React,
1393
1180
  events: {},
1394
- defineCustomElement: defineCustomElement$1K
1181
+ defineCustomElement: defineCustomElement$1L
1395
1182
  });
1396
- var BalText = /*@__PURE__*/ r({
1183
+ var BalText = /*@__PURE__*/ createComponent({
1397
1184
  tagName: 'bal-text',
1398
1185
  elementClass: BalText$1,
1399
1186
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
1400
1187
  react: React,
1401
1188
  events: {},
1402
- defineCustomElement: defineCustomElement$1L
1189
+ defineCustomElement: defineCustomElement$1M
1403
1190
  });
1404
- var BalTextarea = /*@__PURE__*/ r({
1191
+ var BalTextarea = /*@__PURE__*/ createComponent({
1405
1192
  tagName: 'bal-textarea',
1406
1193
  elementClass: BalTextarea$1,
1407
1194
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1413,9 +1200,9 @@ var BalTextarea = /*@__PURE__*/ r({
1413
1200
  onBalKeyPress: 'balKeyPress',
1414
1201
  onBalFocus: 'balFocus'
1415
1202
  },
1416
- defineCustomElement: defineCustomElement$1M
1203
+ defineCustomElement: defineCustomElement$1N
1417
1204
  });
1418
- var BalTimeInput = /*@__PURE__*/ r({
1205
+ var BalTimeInput = /*@__PURE__*/ createComponent({
1419
1206
  tagName: 'bal-time-input',
1420
1207
  elementClass: BalTimeInput$1,
1421
1208
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1428,9 +1215,9 @@ var BalTimeInput = /*@__PURE__*/ r({
1428
1215
  onBalKeyPress: 'balKeyPress',
1429
1216
  onBalClick: 'balClick'
1430
1217
  },
1431
- defineCustomElement: defineCustomElement$1N
1218
+ defineCustomElement: defineCustomElement$1O
1432
1219
  });
1433
- var BalToast = /*@__PURE__*/ r({
1220
+ var BalToast = /*@__PURE__*/ createComponent({
1434
1221
  tagName: 'bal-toast',
1435
1222
  elementClass: BalToast$1,
1436
1223
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1438,9 +1225,9 @@ var BalToast = /*@__PURE__*/ r({
1438
1225
  events: {
1439
1226
  onBalClose: 'balClose'
1440
1227
  },
1441
- defineCustomElement: defineCustomElement$1O
1228
+ defineCustomElement: defineCustomElement$1P
1442
1229
  });
1443
- var BalTooltip = /*@__PURE__*/ r({
1230
+ var BalTooltip = /*@__PURE__*/ createComponent({
1444
1231
  tagName: 'bal-tooltip',
1445
1232
  elementClass: BalTooltip$1,
1446
1233
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
@@ -1449,13 +1236,14 @@ var BalTooltip = /*@__PURE__*/ r({
1449
1236
  onBalWillAnimate: 'balWillAnimate',
1450
1237
  onBalDidAnimate: 'balDidAnimate'
1451
1238
  },
1452
- defineCustomElement: defineCustomElement$1P
1239
+ defineCustomElement: defineCustomElement$1Q
1453
1240
  });
1454
1241
 
1455
1242
  var useBaloiseDesignSystem = function(config) {
1456
1243
  if (config === undefined) config = {};
1457
- initialize(_extends({}, config.defaults, {
1458
- httpFormSubmit: false
1244
+ initializeBaloiseDesignSystem(_extends({}, config.defaults, {
1245
+ httpFormSubmit: false,
1246
+ _generateHydrateForCustomElementsOutput: true
1459
1247
  }));
1460
1248
  };
1461
1249