@baloise/ds-react 19.11.0 → 20.0.0-next.11

package/dist/generated/components.js

@@ -0,0 +1,821 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsAccordion as DsAccordionElement, defineCustomElement as defineDsAccordion } from "@baloise/ds-core/components/ds-accordion.js";
+import { DsAlertContainer as DsAlertContainerElement, defineCustomElement as defineDsAlertContainer } from "@baloise/ds-core/components/ds-alert-container.js";
+import { DsAppFooter as DsAppFooterElement, defineCustomElement as defineDsAppFooter } from "@baloise/ds-core/components/ds-app-footer.js";
+import { DsAppNavbar as DsAppNavbarElement, defineCustomElement as defineDsAppNavbar } from "@baloise/ds-core/components/ds-app-navbar.js";
+import { DsBadge as DsBadgeElement, defineCustomElement as defineDsBadge } from "@baloise/ds-core/components/ds-badge.js";
+import { DsBrandIcon as DsBrandIconElement, defineCustomElement as defineDsBrandIcon } from "@baloise/ds-core/components/ds-brand-icon.js";
+import { DsButtonGroup as DsButtonGroupElement, defineCustomElement as defineDsButtonGroup } from "@baloise/ds-core/components/ds-button-group.js";
+import { DsButton as DsButtonElement, defineCustomElement as defineDsButton } from "@baloise/ds-core/components/ds-button.js";
+import { DsCardActions as DsCardActionsElement, defineCustomElement as defineDsCardActions } from "@baloise/ds-core/components/ds-card-actions.js";
+import { DsCardContent as DsCardContentElement, defineCustomElement as defineDsCardContent } from "@baloise/ds-core/components/ds-card-content.js";
+import { DsCardHeader as DsCardHeaderElement, defineCustomElement as defineDsCardHeader } from "@baloise/ds-core/components/ds-card-header.js";
+import { DsCardSubtitle as DsCardSubtitleElement, defineCustomElement as defineDsCardSubtitle } from "@baloise/ds-core/components/ds-card-subtitle.js";
+import { DsCardTitle as DsCardTitleElement, defineCustomElement as defineDsCardTitle } from "@baloise/ds-core/components/ds-card-title.js";
+import { DsCard as DsCardElement, defineCustomElement as defineDsCard } from "@baloise/ds-core/components/ds-card.js";
+import { DsCarouselItem as DsCarouselItemElement, defineCustomElement as defineDsCarouselItem } from "@baloise/ds-core/components/ds-carousel-item.js";
+import { DsCarousel as DsCarouselElement, defineCustomElement as defineDsCarousel } from "@baloise/ds-core/components/ds-carousel.js";
+import { DsCheckboxGroup as DsCheckboxGroupElement, defineCustomElement as defineDsCheckboxGroup } from "@baloise/ds-core/components/ds-checkbox-group.js";
+import { DsCheckbox as DsCheckboxElement, defineCustomElement as defineDsCheckbox } from "@baloise/ds-core/components/ds-checkbox.js";
+import { DsClose as DsCloseElement, defineCustomElement as defineDsClose } from "@baloise/ds-core/components/ds-close.js";
+import { DsContent as DsContentElement, defineCustomElement as defineDsContent } from "@baloise/ds-core/components/ds-content.js";
+import { DsCounter as DsCounterElement, defineCustomElement as defineDsCounter } from "@baloise/ds-core/components/ds-counter.js";
+import { DsDataItem as DsDataItemElement, defineCustomElement as defineDsDataItem } from "@baloise/ds-core/components/ds-data-item.js";
+import { DsDataLabel as DsDataLabelElement, defineCustomElement as defineDsDataLabel } from "@baloise/ds-core/components/ds-data-label.js";
+import { DsDataValue as DsDataValueElement, defineCustomElement as defineDsDataValue } from "@baloise/ds-core/components/ds-data-value.js";
+import { DsData as DsDataElement, defineCustomElement as defineDsData } from "@baloise/ds-core/components/ds-data.js";
+import { DsDatepicker as DsDatepickerElement, defineCustomElement as defineDsDatepicker } from "@baloise/ds-core/components/ds-datepicker.js";
+import { DsDivider as DsDividerElement, defineCustomElement as defineDsDivider } from "@baloise/ds-core/components/ds-divider.js";
+import { DsDrawer as DsDrawerElement, defineCustomElement as defineDsDrawer } from "@baloise/ds-core/components/ds-drawer.js";
+import { DsFileUpload as DsFileUploadElement, defineCustomElement as defineDsFileUpload } from "@baloise/ds-core/components/ds-file-upload.js";
+import { DsHeading as DsHeadingElement, defineCustomElement as defineDsHeading } from "@baloise/ds-core/components/ds-heading.js";
+import { DsHintText as DsHintTextElement, defineCustomElement as defineDsHintText } from "@baloise/ds-core/components/ds-hint-text.js";
+import { DsHintTitle as DsHintTitleElement, defineCustomElement as defineDsHintTitle } from "@baloise/ds-core/components/ds-hint-title.js";
+import { DsHint as DsHintElement, defineCustomElement as defineDsHint } from "@baloise/ds-core/components/ds-hint.js";
+import { DsIcon as DsIconElement, defineCustomElement as defineDsIcon } from "@baloise/ds-core/components/ds-icon.js";
+import { DsInputPhone as DsInputPhoneElement, defineCustomElement as defineDsInputPhone } from "@baloise/ds-core/components/ds-input-phone.js";
+import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@baloise/ds-core/components/ds-input.js";
+import { DsItem as DsItemElement, defineCustomElement as defineDsItem } from "@baloise/ds-core/components/ds-item.js";
+import { DsLabel as DsLabelElement, defineCustomElement as defineDsLabel } from "@baloise/ds-core/components/ds-label.js";
+import { DsList as DsListElement, defineCustomElement as defineDsList } from "@baloise/ds-core/components/ds-list.js";
+import { DsLogo as DsLogoElement, defineCustomElement as defineDsLogo } from "@baloise/ds-core/components/ds-logo.js";
+import { DsModalBody as DsModalBodyElement, defineCustomElement as defineDsModalBody } from "@baloise/ds-core/components/ds-modal-body.js";
+import { DsModalHeader as DsModalHeaderElement, defineCustomElement as defineDsModalHeader } from "@baloise/ds-core/components/ds-modal-header.js";
+import { DsModal as DsModalElement, defineCustomElement as defineDsModal } from "@baloise/ds-core/components/ds-modal.js";
+import { DsNotification as DsNotificationElement, defineCustomElement as defineDsNotification } from "@baloise/ds-core/components/ds-notification.js";
+import { DsNumberInput as DsNumberInputElement, defineCustomElement as defineDsNumberInput } from "@baloise/ds-core/components/ds-number-input.js";
+import { DsPagination as DsPaginationElement, defineCustomElement as defineDsPagination } from "@baloise/ds-core/components/ds-pagination.js";
+import { DsPopup as DsPopupElement, defineCustomElement as defineDsPopup } from "@baloise/ds-core/components/ds-popup.js";
+import { DsProgressBar as DsProgressBarElement, defineCustomElement as defineDsProgressBar } from "@baloise/ds-core/components/ds-progress-bar.js";
+import { DsRadioGroup as DsRadioGroupElement, defineCustomElement as defineDsRadioGroup } from "@baloise/ds-core/components/ds-radio-group.js";
+import { DsRadio as DsRadioElement, defineCustomElement as defineDsRadio } from "@baloise/ds-core/components/ds-radio.js";
+import { DsRoot as DsRootElement, defineCustomElement as defineDsRoot } from "@baloise/ds-core/components/ds-root.js";
+import { DsSegmentItem as DsSegmentItemElement, defineCustomElement as defineDsSegmentItem } from "@baloise/ds-core/components/ds-segment-item.js";
+import { DsSegment as DsSegmentElement, defineCustomElement as defineDsSegment } from "@baloise/ds-core/components/ds-segment.js";
+import { DsSelectOptgroup as DsSelectOptgroupElement, defineCustomElement as defineDsSelectOptgroup } from "@baloise/ds-core/components/ds-select-optgroup.js";
+import { DsSelectOption as DsSelectOptionElement, defineCustomElement as defineDsSelectOption } from "@baloise/ds-core/components/ds-select-option.js";
+import { DsSelect as DsSelectElement, defineCustomElement as defineDsSelect } from "@baloise/ds-core/components/ds-select.js";
+import { DsShape as DsShapeElement, defineCustomElement as defineDsShape } from "@baloise/ds-core/components/ds-shape.js";
+import { DsSheet as DsSheetElement, defineCustomElement as defineDsSheet } from "@baloise/ds-core/components/ds-sheet.js";
+import { DsSlider as DsSliderElement, defineCustomElement as defineDsSlider } from "@baloise/ds-core/components/ds-slider.js";
+import { DsSnackbar as DsSnackbarElement, defineCustomElement as defineDsSnackbar } from "@baloise/ds-core/components/ds-snackbar.js";
+import { DsSpinner as DsSpinnerElement, defineCustomElement as defineDsSpinner } from "@baloise/ds-core/components/ds-spinner.js";
+import { DsStack as DsStackElement, defineCustomElement as defineDsStack } from "@baloise/ds-core/components/ds-stack.js";
+import { DsStepPanel as DsStepPanelElement, defineCustomElement as defineDsStepPanel } from "@baloise/ds-core/components/ds-step-panel.js";
+import { DsStep as DsStepElement, defineCustomElement as defineDsStep } from "@baloise/ds-core/components/ds-step.js";
+import { DsSteps as DsStepsElement, defineCustomElement as defineDsSteps } from "@baloise/ds-core/components/ds-steps.js";
+import { DsTabPanel as DsTabPanelElement, defineCustomElement as defineDsTabPanel } from "@baloise/ds-core/components/ds-tab-panel.js";
+import { DsTab as DsTabElement, defineCustomElement as defineDsTab } from "@baloise/ds-core/components/ds-tab.js";
+import { DsTabs as DsTabsElement, defineCustomElement as defineDsTabs } from "@baloise/ds-core/components/ds-tabs.js";
+import { DsTagGroup as DsTagGroupElement, defineCustomElement as defineDsTagGroup } from "@baloise/ds-core/components/ds-tag-group.js";
+import { DsTag as DsTagElement, defineCustomElement as defineDsTag } from "@baloise/ds-core/components/ds-tag.js";
+import { DsText as DsTextElement, defineCustomElement as defineDsText } from "@baloise/ds-core/components/ds-text.js";
+import { DsTextarea as DsTextareaElement, defineCustomElement as defineDsTextarea } from "@baloise/ds-core/components/ds-textarea.js";
+import { DsToast as DsToastElement, defineCustomElement as defineDsToast } from "@baloise/ds-core/components/ds-toast.js";
+import { DsToggle as DsToggleElement, defineCustomElement as defineDsToggle } from "@baloise/ds-core/components/ds-toggle.js";
+import { DsTooltip as DsTooltipElement, defineCustomElement as defineDsTooltip } from "@baloise/ds-core/components/ds-tooltip.js";
+export const DsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'ds-accordion',
+    elementClass: DsAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsToggle: 'dsToggle',
+        onDsOpened: 'dsOpened',
+        onDsClosed: 'dsClosed'
+    },
+    defineCustomElement: defineDsAccordion
+});
+export const DsAlertContainer = /*@__PURE__*/ createComponent({
+    tagName: 'ds-alert-container',
+    elementClass: DsAlertContainerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsAlertContainer
+});
+export const DsAppFooter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-app-footer',
+    elementClass: DsAppFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsLanguageChange: 'dsLanguageChange' },
+    defineCustomElement: defineDsAppFooter
+});
+export const DsAppNavbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-app-navbar',
+    elementClass: DsAppNavbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsMenuOpenStart: 'dsMenuOpenStart',
+        onDsMenuOpenEnd: 'dsMenuOpenEnd',
+        onDsMenuCloseStart: 'dsMenuCloseStart',
+        onDsMenuCloseEnd: 'dsMenuCloseEnd'
+    },
+    defineCustomElement: defineDsAppNavbar
+});
+export const DsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'ds-badge',
+    elementClass: DsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsBadge
+});
+export const DsBrandIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ds-brand-icon',
+    elementClass: DsBrandIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsBrandIcon
+});
+export const DsButton = /*@__PURE__*/ createComponent({
+    tagName: 'ds-button',
+    elementClass: DsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsClick: 'dsClick',
+        onDsNavigate: 'dsNavigate',
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur',
+        onDsDidRender: 'dsDidRender'
+    },
+    defineCustomElement: defineDsButton
+});
+export const DsButtonGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-button-group',
+    elementClass: DsButtonGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsButtonGroup
+});
+export const DsCard = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card',
+    elementClass: DsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCard
+});
+export const DsCardActions = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-actions',
+    elementClass: DsCardActionsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCardActions
+});
+export const DsCardContent = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-content',
+    elementClass: DsCardContentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCardContent
+});
+export const DsCardHeader = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-header',
+    elementClass: DsCardHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCardHeader
+});
+export const DsCardSubtitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-subtitle',
+    elementClass: DsCardSubtitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCardSubtitle
+});
+export const DsCardTitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-card-title',
+    elementClass: DsCardTitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsCardTitle
+});
+export const DsCarousel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-carousel',
+    elementClass: DsCarouselElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsCarousel
+});
+export const DsCarouselItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-carousel-item',
+    elementClass: DsCarouselItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsCarouselItemSelect: 'dsCarouselItemSelect' },
+    defineCustomElement: defineDsCarouselItem
+});
+export const DsCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'ds-checkbox',
+    elementClass: DsCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange'
+    },
+    defineCustomElement: defineDsCheckbox
+});
+export const DsCheckboxGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-checkbox-group',
+    elementClass: DsCheckboxGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsCheckboxGroup
+});
+export const DsClose = /*@__PURE__*/ createComponent({
+    tagName: 'ds-close',
+    elementClass: DsCloseElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsClose
+});
+export const DsContent = /*@__PURE__*/ createComponent({
+    tagName: 'ds-content',
+    elementClass: DsContentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsContent
+});
+export const DsCounter = /*@__PURE__*/ createComponent({
+    tagName: 'ds-counter',
+    elementClass: DsCounterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsInput: 'dsInput',
+        onDsChange: 'dsChange',
+        onDsIncrease: 'dsIncrease',
+        onDsDecrease: 'dsDecrease',
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur'
+    },
+    defineCustomElement: defineDsCounter
+});
+export const DsData = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data',
+    elementClass: DsDataElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsData
+});
+export const DsDataItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-item',
+    elementClass: DsDataItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsDataItem
+});
+export const DsDataLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-label',
+    elementClass: DsDataLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsDataLabel
+});
+export const DsDataValue = /*@__PURE__*/ createComponent({
+    tagName: 'ds-data-value',
+    elementClass: DsDataValueElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsDataValue
+});
+export const DsDatepicker = /*@__PURE__*/ createComponent({
+    tagName: 'ds-datepicker',
+    elementClass: DsDatepickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsKeyPress: 'dsKeyPress',
+        onDsFocus: 'dsFocus',
+        onDsClick: 'dsClick',
+        onDsInput: 'dsInput',
+        onDsChange: 'dsChange'
+    },
+    defineCustomElement: defineDsDatepicker
+});
+export const DsDivider = /*@__PURE__*/ createComponent({
+    tagName: 'ds-divider',
+    elementClass: DsDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsDivider
+});
+export const DsDrawer = /*@__PURE__*/ createComponent({
+    tagName: 'ds-drawer',
+    elementClass: DsDrawerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsWillPresent: 'dsWillPresent',
+        onDsDidPresent: 'dsDidPresent',
+        onDsWillDismiss: 'dsWillDismiss',
+        onDsDidDismiss: 'dsDidDismiss'
+    },
+    defineCustomElement: defineDsDrawer
+});
+export const DsFileUpload = /*@__PURE__*/ createComponent({
+    tagName: 'ds-file-upload',
+    elementClass: DsFileUploadElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsFilesAdded: 'dsFilesAdded',
+        onDsFilesRemoved: 'dsFilesRemoved',
+        onDsRejectedFile: 'dsRejectedFile',
+        onDsInputClick: 'dsInputClick',
+        onDsBlur: 'dsBlur',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsFileUpload
+});
+export const DsHeading = /*@__PURE__*/ createComponent({
+    tagName: 'ds-heading',
+    elementClass: DsHeadingElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsHeading
+});
+export const DsHint = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint',
+    elementClass: DsHintElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsHint
+});
+export const DsHintText = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint-text',
+    elementClass: DsHintTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsHintText
+});
+export const DsHintTitle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-hint-title',
+    elementClass: DsHintTitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsHintTitle
+});
+export const DsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ds-icon',
+    elementClass: DsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsIcon
+});
+export const DsInput = /*@__PURE__*/ createComponent({
+    tagName: 'ds-input',
+    elementClass: DsInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsKeyPress: 'dsKeyPress',
+        onDsFocus: 'dsFocus',
+        onDsClick: 'dsClick',
+        onDsInput: 'dsInput',
+        onDsChange: 'dsChange'
+    },
+    defineCustomElement: defineDsInput
+});
+export const DsInputPhone = /*@__PURE__*/ createComponent({
+    tagName: 'ds-input-phone',
+    elementClass: DsInputPhoneElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsInput: 'dsInput',
+        onDsChange: 'dsChange',
+        onDsCountryChange: 'dsCountryChange',
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur'
+    },
+    defineCustomElement: defineDsInputPhone
+});
+export const DsItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-item',
+    elementClass: DsItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsClick: 'dsClick',
+        onDsAccordionToggle: 'dsAccordionToggle',
+        onDsAccordionOpened: 'dsAccordionOpened',
+        onDsAccordionClosed: 'dsAccordionClosed'
+    },
+    defineCustomElement: defineDsItem
+});
+export const DsLabel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-label',
+    elementClass: DsLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsLabel
+});
+export const DsList = /*@__PURE__*/ createComponent({
+    tagName: 'ds-list',
+    elementClass: DsListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsList
+});
+export const DsLogo = /*@__PURE__*/ createComponent({
+    tagName: 'ds-logo',
+    elementClass: DsLogoElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsLogo
+});
+export const DsModal = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal',
+    elementClass: DsModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsWillPresent: 'dsWillPresent',
+        onDsDidPresent: 'dsDidPresent',
+        onDsWillDismiss: 'dsWillDismiss',
+        onDsDidDismiss: 'dsDidDismiss'
+    },
+    defineCustomElement: defineDsModal
+});
+export const DsModalBody = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal-body',
+    elementClass: DsModalBodyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsModalBody
+});
+export const DsModalHeader = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal-header',
+    elementClass: DsModalHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsModalHeader
+});
+export const DsNotification = /*@__PURE__*/ createComponent({
+    tagName: 'ds-notification',
+    elementClass: DsNotificationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsCloseClick: 'dsCloseClick',
+        onDsDidLoad: 'dsDidLoad'
+    },
+    defineCustomElement: defineDsNotification
+});
+export const DsNumberInput = /*@__PURE__*/ createComponent({
+    tagName: 'ds-number-input',
+    elementClass: DsNumberInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsInput: 'dsInput',
+        onDsChange: 'dsChange',
+        onDsBlur: 'dsBlur',
+        onDsFocus: 'dsFocus',
+        onDsClick: 'dsClick',
+        onDsKeyPress: 'dsKeyPress'
+    },
+    defineCustomElement: defineDsNumberInput
+});
+export const DsPagination = /*@__PURE__*/ createComponent({
+    tagName: 'ds-pagination',
+    elementClass: DsPaginationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsPagination
+});
+export const DsPopup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-popup',
+    elementClass: DsPopupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsWillPresent: 'dsWillPresent',
+        onDsDidPresent: 'dsDidPresent',
+        onDsWillDismiss: 'dsWillDismiss',
+        onDsDidDismiss: 'dsDidDismiss'
+    },
+    defineCustomElement: defineDsPopup
+});
+export const DsProgressBar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-progress-bar',
+    elementClass: DsProgressBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsProgressBar
+});
+export const DsRadio = /*@__PURE__*/ createComponent({
+    tagName: 'ds-radio',
+    elementClass: DsRadioElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsRadio
+});
+export const DsRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-radio-group',
+    elementClass: DsRadioGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsRadioGroup
+});
+export const DsRoot = /*@__PURE__*/ createComponent({
+    tagName: 'ds-root',
+    elementClass: DsRootElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsAppReady: 'dsAppReady',
+        onDsAnimatedChange: 'dsAnimatedChange',
+        onDsBrandChange: 'dsBrandChange',
+        onDsRegionChange: 'dsRegionChange',
+        onDsLanguageChange: 'dsLanguageChange',
+        onDsAllowedLanguagesChange: 'dsAllowedLanguagesChange',
+        onDsFallbackLanguageChange: 'dsFallbackLanguageChange',
+        onDsIconsChange: 'dsIconsChange',
+        onDsLegalLinksChange: 'dsLegalLinksChange',
+        onDsLegalTextChange: 'dsLegalTextChange',
+        onDsSocialLinksChange: 'dsSocialLinksChange'
+    },
+    defineCustomElement: defineDsRoot
+});
+export const DsSegment = /*@__PURE__*/ createComponent({
+    tagName: 'ds-segment',
+    elementClass: DsSegmentElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsSegment
+});
+export const DsSegmentItem = /*@__PURE__*/ createComponent({
+    tagName: 'ds-segment-item',
+    elementClass: DsSegmentItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsWillUpdate: 'dsWillUpdate' },
+    defineCustomElement: defineDsSegmentItem
+});
+export const DsSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select',
+    elementClass: DsSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur',
+        onDsClick: 'dsClick'
+    },
+    defineCustomElement: defineDsSelect
+});
+export const DsSelectOptgroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select-optgroup',
+    elementClass: DsSelectOptgroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsSelectOptgroup
+});
+export const DsSelectOption = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select-option',
+    elementClass: DsSelectOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsSelectOption
+});
+export const DsShape = /*@__PURE__*/ createComponent({
+    tagName: 'ds-shape',
+    elementClass: DsShapeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsShape
+});
+export const DsSheet = /*@__PURE__*/ createComponent({
+    tagName: 'ds-sheet',
+    elementClass: DsSheetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsSheet
+});
+export const DsSlider = /*@__PURE__*/ createComponent({
+    tagName: 'ds-slider',
+    elementClass: DsSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsInput: 'dsInput',
+        onDsFocus: 'dsFocus',
+        onDsBlur: 'dsBlur',
+        onDsClick: 'dsClick',
+        onDsChange: 'dsChange'
+    },
+    defineCustomElement: defineDsSlider
+});
+export const DsSnackbar = /*@__PURE__*/ createComponent({
+    tagName: 'ds-snackbar',
+    elementClass: DsSnackbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsCloseClick: 'dsCloseClick',
+        onDsActionClick: 'dsActionClick'
+    },
+    defineCustomElement: defineDsSnackbar
+});
+export const DsSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'ds-spinner',
+    elementClass: DsSpinnerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsSpinner
+});
+export const DsStack = /*@__PURE__*/ createComponent({
+    tagName: 'ds-stack',
+    elementClass: DsStackElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsStack
+});
+export const DsStep = /*@__PURE__*/ createComponent({
+    tagName: 'ds-step',
+    elementClass: DsStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsStepSelect: 'dsStepSelect' },
+    defineCustomElement: defineDsStep
+});
+export const DsStepPanel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-step-panel',
+    elementClass: DsStepPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsStepPanel
+});
+export const DsSteps = /*@__PURE__*/ createComponent({
+    tagName: 'ds-steps',
+    elementClass: DsStepsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsSteps
+});
+export const DsTab = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab',
+    elementClass: DsTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsTabSelect: 'dsTabSelect' },
+    defineCustomElement: defineDsTab
+});
+export const DsTabPanel = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab-panel',
+    elementClass: DsTabPanelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsTabPanel
+});
+export const DsTabs = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tabs',
+    elementClass: DsTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsTabs
+});
+export const DsTag = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tag',
+    elementClass: DsTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsCloseClick: 'dsCloseClick' },
+    defineCustomElement: defineDsTag
+});
+export const DsTagGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tag-group',
+    elementClass: DsTagGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsTagGroup
+});
+export const DsText = /*@__PURE__*/ createComponent({
+    tagName: 'ds-text',
+    elementClass: DsTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsText
+});
+export const DsTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'ds-textarea',
+    elementClass: DsTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsClick: 'dsClick',
+        onDsFocus: 'dsFocus',
+        onDsInput: 'dsInput',
+        onDsKeyPress: 'dsKeyPress'
+    },
+    defineCustomElement: defineDsTextarea
+});
+export const DsToast = /*@__PURE__*/ createComponent({
+    tagName: 'ds-toast',
+    elementClass: DsToastElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsCloseClick: 'dsCloseClick',
+        onDsActionClick: 'dsActionClick'
+    },
+    defineCustomElement: defineDsToast
+});
+export const DsToggle = /*@__PURE__*/ createComponent({
+    tagName: 'ds-toggle',
+    elementClass: DsToggleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsBlur: 'dsBlur',
+        onDsChange: 'dsChange',
+        onDsFocus: 'dsFocus'
+    },
+    defineCustomElement: defineDsToggle
+});
+export const DsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tooltip',
+    elementClass: DsTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsWillAnimate: 'dsWillAnimate',
+        onDsDidAnimate: 'dsDidAnimate'
+    },
+    defineCustomElement: defineDsTooltip
+});