@scania/tegel-react 1.47.2 → 1.48.0

package/dist/components/stencil-generated/components.js

@@ -0,0 +1,792 @@
+'use client';
+import { TdsAccordionItem as TdsAccordionItemElement, defineCustomElement as defineTdsAccordionItem } from "@scania/tegel/dist/components/tds-accordion-item.js";
+import { TdsAccordion as TdsAccordionElement, defineCustomElement as defineTdsAccordion } from "@scania/tegel/dist/components/tds-accordion.js";
+import { TdsBadge as TdsBadgeElement, defineCustomElement as defineTdsBadge } from "@scania/tegel/dist/components/tds-badge.js";
+import { TdsBanner as TdsBannerElement, defineCustomElement as defineTdsBanner } from "@scania/tegel/dist/components/tds-banner.js";
+import { TdsBlock as TdsBlockElement, defineCustomElement as defineTdsBlock } from "@scania/tegel/dist/components/tds-block.js";
+import { TdsBodyCell as TdsBodyCellElement, defineCustomElement as defineTdsBodyCell } from "@scania/tegel/dist/components/tds-body-cell.js";
+import { TdsBreadcrumb as TdsBreadcrumbElement, defineCustomElement as defineTdsBreadcrumb } from "@scania/tegel/dist/components/tds-breadcrumb.js";
+import { TdsBreadcrumbs as TdsBreadcrumbsElement, defineCustomElement as defineTdsBreadcrumbs } from "@scania/tegel/dist/components/tds-breadcrumbs.js";
+import { TdsButton as TdsButtonElement, defineCustomElement as defineTdsButton } from "@scania/tegel/dist/components/tds-button.js";
+import { TdsCard as TdsCardElement, defineCustomElement as defineTdsCard } from "@scania/tegel/dist/components/tds-card.js";
+import { TdsCheckbox as TdsCheckboxElement, defineCustomElement as defineTdsCheckbox } from "@scania/tegel/dist/components/tds-checkbox.js";
+import { TdsChip as TdsChipElement, defineCustomElement as defineTdsChip } from "@scania/tegel/dist/components/tds-chip.js";
+import { TdsCoreHeaderItem as TdsCoreHeaderItemElement, defineCustomElement as defineTdsCoreHeaderItem } from "@scania/tegel/dist/components/tds-core-header-item.js";
+import { TdsDatetime as TdsDatetimeElement, defineCustomElement as defineTdsDatetime } from "@scania/tegel/dist/components/tds-datetime.js";
+import { TdsDivider as TdsDividerElement, defineCustomElement as defineTdsDivider } from "@scania/tegel/dist/components/tds-divider.js";
+import { TdsDropdownOption as TdsDropdownOptionElement, defineCustomElement as defineTdsDropdownOption } from "@scania/tegel/dist/components/tds-dropdown-option.js";
+import { TdsDropdown as TdsDropdownElement, defineCustomElement as defineTdsDropdown } from "@scania/tegel/dist/components/tds-dropdown.js";
+import { TdsFolderTab as TdsFolderTabElement, defineCustomElement as defineTdsFolderTab } from "@scania/tegel/dist/components/tds-folder-tab.js";
+import { TdsFolderTabs as TdsFolderTabsElement, defineCustomElement as defineTdsFolderTabs } from "@scania/tegel/dist/components/tds-folder-tabs.js";
+import { TdsFooterGroup as TdsFooterGroupElement, defineCustomElement as defineTdsFooterGroup } from "@scania/tegel/dist/components/tds-footer-group.js";
+import { TdsFooterItem as TdsFooterItemElement, defineCustomElement as defineTdsFooterItem } from "@scania/tegel/dist/components/tds-footer-item.js";
+import { TdsFooter as TdsFooterElement, defineCustomElement as defineTdsFooter } from "@scania/tegel/dist/components/tds-footer.js";
+import { TdsHeaderBrandSymbol as TdsHeaderBrandSymbolElement, defineCustomElement as defineTdsHeaderBrandSymbol } from "@scania/tegel/dist/components/tds-header-brand-symbol.js";
+import { TdsHeaderCell as TdsHeaderCellElement, defineCustomElement as defineTdsHeaderCell } from "@scania/tegel/dist/components/tds-header-cell.js";
+import { TdsHeaderDropdownListItem as TdsHeaderDropdownListItemElement, defineCustomElement as defineTdsHeaderDropdownListItem } from "@scania/tegel/dist/components/tds-header-dropdown-list-item.js";
+import { TdsHeaderDropdownListUser as TdsHeaderDropdownListUserElement, defineCustomElement as defineTdsHeaderDropdownListUser } from "@scania/tegel/dist/components/tds-header-dropdown-list-user.js";
+import { TdsHeaderDropdownList as TdsHeaderDropdownListElement, defineCustomElement as defineTdsHeaderDropdownList } from "@scania/tegel/dist/components/tds-header-dropdown-list.js";
+import { TdsHeaderDropdown as TdsHeaderDropdownElement, defineCustomElement as defineTdsHeaderDropdown } from "@scania/tegel/dist/components/tds-header-dropdown.js";
+import { TdsHeaderHamburger as TdsHeaderHamburgerElement, defineCustomElement as defineTdsHeaderHamburger } from "@scania/tegel/dist/components/tds-header-hamburger.js";
+import { TdsHeaderItem as TdsHeaderItemElement, defineCustomElement as defineTdsHeaderItem } from "@scania/tegel/dist/components/tds-header-item.js";
+import { TdsHeaderLauncherButton as TdsHeaderLauncherButtonElement, defineCustomElement as defineTdsHeaderLauncherButton } from "@scania/tegel/dist/components/tds-header-launcher-button.js";
+import { TdsHeaderLauncherGridItem as TdsHeaderLauncherGridItemElement, defineCustomElement as defineTdsHeaderLauncherGridItem } from "@scania/tegel/dist/components/tds-header-launcher-grid-item.js";
+import { TdsHeaderLauncherGridTitle as TdsHeaderLauncherGridTitleElement, defineCustomElement as defineTdsHeaderLauncherGridTitle } from "@scania/tegel/dist/components/tds-header-launcher-grid-title.js";
+import { TdsHeaderLauncherGrid as TdsHeaderLauncherGridElement, defineCustomElement as defineTdsHeaderLauncherGrid } from "@scania/tegel/dist/components/tds-header-launcher-grid.js";
+import { TdsHeaderLauncherListItem as TdsHeaderLauncherListItemElement, defineCustomElement as defineTdsHeaderLauncherListItem } from "@scania/tegel/dist/components/tds-header-launcher-list-item.js";
+import { TdsHeaderLauncherListTitle as TdsHeaderLauncherListTitleElement, defineCustomElement as defineTdsHeaderLauncherListTitle } from "@scania/tegel/dist/components/tds-header-launcher-list-title.js";
+import { TdsHeaderLauncherList as TdsHeaderLauncherListElement, defineCustomElement as defineTdsHeaderLauncherList } from "@scania/tegel/dist/components/tds-header-launcher-list.js";
+import { TdsHeaderLauncher as TdsHeaderLauncherElement, defineCustomElement as defineTdsHeaderLauncher } from "@scania/tegel/dist/components/tds-header-launcher.js";
+import { TdsHeaderTitle as TdsHeaderTitleElement, defineCustomElement as defineTdsHeaderTitle } from "@scania/tegel/dist/components/tds-header-title.js";
+import { TdsHeader as TdsHeaderElement, defineCustomElement as defineTdsHeader } from "@scania/tegel/dist/components/tds-header.js";
+import { TdsIcon as TdsIconElement, defineCustomElement as defineTdsIcon } from "@scania/tegel/dist/components/tds-icon.js";
+import { TdsInlineTab as TdsInlineTabElement, defineCustomElement as defineTdsInlineTab } from "@scania/tegel/dist/components/tds-inline-tab.js";
+import { TdsInlineTabs as TdsInlineTabsElement, defineCustomElement as defineTdsInlineTabs } from "@scania/tegel/dist/components/tds-inline-tabs.js";
+import { TdsLink as TdsLinkElement, defineCustomElement as defineTdsLink } from "@scania/tegel/dist/components/tds-link.js";
+import { TdsMessage as TdsMessageElement, defineCustomElement as defineTdsMessage } from "@scania/tegel/dist/components/tds-message.js";
+import { TdsModal as TdsModalElement, defineCustomElement as defineTdsModal } from "@scania/tegel/dist/components/tds-modal.js";
+import { TdsNavigationTab as TdsNavigationTabElement, defineCustomElement as defineTdsNavigationTab } from "@scania/tegel/dist/components/tds-navigation-tab.js";
+import { TdsNavigationTabs as TdsNavigationTabsElement, defineCustomElement as defineTdsNavigationTabs } from "@scania/tegel/dist/components/tds-navigation-tabs.js";
+import { TdsPopoverCanvas as TdsPopoverCanvasElement, defineCustomElement as defineTdsPopoverCanvas } from "@scania/tegel/dist/components/tds-popover-canvas.js";
+import { TdsPopoverCore as TdsPopoverCoreElement, defineCustomElement as defineTdsPopoverCore } from "@scania/tegel/dist/components/tds-popover-core.js";
+import { TdsPopoverMenuItem as TdsPopoverMenuItemElement, defineCustomElement as defineTdsPopoverMenuItem } from "@scania/tegel/dist/components/tds-popover-menu-item.js";
+import { TdsPopoverMenu as TdsPopoverMenuElement, defineCustomElement as defineTdsPopoverMenu } from "@scania/tegel/dist/components/tds-popover-menu.js";
+import { TdsRadioButton as TdsRadioButtonElement, defineCustomElement as defineTdsRadioButton } from "@scania/tegel/dist/components/tds-radio-button.js";
+import { TdsSideMenuCloseButton as TdsSideMenuCloseButtonElement, defineCustomElement as defineTdsSideMenuCloseButton } from "@scania/tegel/dist/components/tds-side-menu-close-button.js";
+import { TdsSideMenuCollapseButton as TdsSideMenuCollapseButtonElement, defineCustomElement as defineTdsSideMenuCollapseButton } from "@scania/tegel/dist/components/tds-side-menu-collapse-button.js";
+import { TdsSideMenuDropdownListItem as TdsSideMenuDropdownListItemElement, defineCustomElement as defineTdsSideMenuDropdownListItem } from "@scania/tegel/dist/components/tds-side-menu-dropdown-list-item.js";
+import { TdsSideMenuDropdownList as TdsSideMenuDropdownListElement, defineCustomElement as defineTdsSideMenuDropdownList } from "@scania/tegel/dist/components/tds-side-menu-dropdown-list.js";
+import { TdsSideMenuDropdown as TdsSideMenuDropdownElement, defineCustomElement as defineTdsSideMenuDropdown } from "@scania/tegel/dist/components/tds-side-menu-dropdown.js";
+import { TdsSideMenuItem as TdsSideMenuItemElement, defineCustomElement as defineTdsSideMenuItem } from "@scania/tegel/dist/components/tds-side-menu-item.js";
+import { TdsSideMenuOverlay as TdsSideMenuOverlayElement, defineCustomElement as defineTdsSideMenuOverlay } from "@scania/tegel/dist/components/tds-side-menu-overlay.js";
+import { TdsSideMenuUserImage as TdsSideMenuUserImageElement, defineCustomElement as defineTdsSideMenuUserImage } from "@scania/tegel/dist/components/tds-side-menu-user-image.js";
+import { TdsSideMenuUserLabel as TdsSideMenuUserLabelElement, defineCustomElement as defineTdsSideMenuUserLabel } from "@scania/tegel/dist/components/tds-side-menu-user-label.js";
+import { TdsSideMenuUser as TdsSideMenuUserElement, defineCustomElement as defineTdsSideMenuUser } from "@scania/tegel/dist/components/tds-side-menu-user.js";
+import { TdsSideMenu as TdsSideMenuElement, defineCustomElement as defineTdsSideMenu } from "@scania/tegel/dist/components/tds-side-menu.js";
+import { TdsSlider as TdsSliderElement, defineCustomElement as defineTdsSlider } from "@scania/tegel/dist/components/tds-slider.js";
+import { TdsSpinner as TdsSpinnerElement, defineCustomElement as defineTdsSpinner } from "@scania/tegel/dist/components/tds-spinner.js";
+import { TdsStep as TdsStepElement, defineCustomElement as defineTdsStep } from "@scania/tegel/dist/components/tds-step.js";
+import { TdsStepper as TdsStepperElement, defineCustomElement as defineTdsStepper } from "@scania/tegel/dist/components/tds-stepper.js";
+import { TdsTableBodyInputWrapper as TdsTableBodyInputWrapperElement, defineCustomElement as defineTdsTableBodyInputWrapper } from "@scania/tegel/dist/components/tds-table-body-input-wrapper.js";
+import { TdsTableBodyRowExpandable as TdsTableBodyRowExpandableElement, defineCustomElement as defineTdsTableBodyRowExpandable } from "@scania/tegel/dist/components/tds-table-body-row-expandable.js";
+import { TdsTableBodyRow as TdsTableBodyRowElement, defineCustomElement as defineTdsTableBodyRow } from "@scania/tegel/dist/components/tds-table-body-row.js";
+import { TdsTableBody as TdsTableBodyElement, defineCustomElement as defineTdsTableBody } from "@scania/tegel/dist/components/tds-table-body.js";
+import { TdsTableFooter as TdsTableFooterElement, defineCustomElement as defineTdsTableFooter } from "@scania/tegel/dist/components/tds-table-footer.js";
+import { TdsTableHeaderInputWrapper as TdsTableHeaderInputWrapperElement, defineCustomElement as defineTdsTableHeaderInputWrapper } from "@scania/tegel/dist/components/tds-table-header-input-wrapper.js";
+import { TdsTableHeader as TdsTableHeaderElement, defineCustomElement as defineTdsTableHeader } from "@scania/tegel/dist/components/tds-table-header.js";
+import { TdsTableToolbar as TdsTableToolbarElement, defineCustomElement as defineTdsTableToolbar } from "@scania/tegel/dist/components/tds-table-toolbar.js";
+import { TdsTable as TdsTableElement, defineCustomElement as defineTdsTable } from "@scania/tegel/dist/components/tds-table.js";
+import { TdsTag as TdsTagElement, defineCustomElement as defineTdsTag } from "@scania/tegel/dist/components/tds-tag.js";
+import { TdsTextField as TdsTextFieldElement, defineCustomElement as defineTdsTextField } from "@scania/tegel/dist/components/tds-text-field.js";
+import { TdsTextarea as TdsTextareaElement, defineCustomElement as defineTdsTextarea } from "@scania/tegel/dist/components/tds-textarea.js";
+import { TdsToast as TdsToastElement, defineCustomElement as defineTdsToast } from "@scania/tegel/dist/components/tds-toast.js";
+import { TdsToggle as TdsToggleElement, defineCustomElement as defineTdsToggle } from "@scania/tegel/dist/components/tds-toggle.js";
+import { TdsTooltip as TdsTooltipElement, defineCustomElement as defineTdsTooltip } from "@scania/tegel/dist/components/tds-tooltip.js";
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+export const TdsAccordion = /*@__PURE__*/ createComponent({
+    tagName: 'tds-accordion',
+    elementClass: TdsAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsAccordion
+});
+export const TdsAccordionItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-accordion-item',
+    elementClass: TdsAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsToggle: 'tdsToggle' },
+    defineCustomElement: defineTdsAccordionItem
+});
+export const TdsBadge = /*@__PURE__*/ createComponent({
+    tagName: 'tds-badge',
+    elementClass: TdsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsBadge
+});
+export const TdsBanner = /*@__PURE__*/ createComponent({
+    tagName: 'tds-banner',
+    elementClass: TdsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsClose: 'tdsClose' },
+    defineCustomElement: defineTdsBanner
+});
+export const TdsBlock = /*@__PURE__*/ createComponent({
+    tagName: 'tds-block',
+    elementClass: TdsBlockElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsBlock
+});
+export const TdsBodyCell = /*@__PURE__*/ createComponent({
+    tagName: 'tds-body-cell',
+    elementClass: TdsBodyCellElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsBodyCell
+});
+export const TdsBreadcrumb = /*@__PURE__*/ createComponent({
+    tagName: 'tds-breadcrumb',
+    elementClass: TdsBreadcrumbElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsBreadcrumb
+});
+export const TdsBreadcrumbs = /*@__PURE__*/ createComponent({
+    tagName: 'tds-breadcrumbs',
+    elementClass: TdsBreadcrumbsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsBreadcrumbs
+});
+export const TdsButton = /*@__PURE__*/ createComponent({
+    tagName: 'tds-button',
+    elementClass: TdsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsButton
+});
+export const TdsCard = /*@__PURE__*/ createComponent({
+    tagName: 'tds-card',
+    elementClass: TdsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsClick: 'tdsClick' },
+    defineCustomElement: defineTdsCard
+});
+export const TdsCheckbox = /*@__PURE__*/ createComponent({
+    tagName: 'tds-checkbox',
+    elementClass: TdsCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsFocus: 'tdsFocus',
+        onTdsBlur: 'tdsBlur'
+    },
+    defineCustomElement: defineTdsCheckbox
+});
+export const TdsChip = /*@__PURE__*/ createComponent({
+    tagName: 'tds-chip',
+    elementClass: TdsChipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsClick: 'tdsClick'
+    },
+    defineCustomElement: defineTdsChip
+});
+export const TdsCoreHeaderItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-core-header-item',
+    elementClass: TdsCoreHeaderItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsCoreHeaderItem
+});
+export const TdsDatetime = /*@__PURE__*/ createComponent({
+    tagName: 'tds-datetime',
+    elementClass: TdsDatetimeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsBlur: 'tdsBlur',
+        onTdsFocus: 'tdsFocus',
+        onTdsInput: 'tdsInput'
+    },
+    defineCustomElement: defineTdsDatetime
+});
+export const TdsDivider = /*@__PURE__*/ createComponent({
+    tagName: 'tds-divider',
+    elementClass: TdsDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsDivider
+});
+export const TdsDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'tds-dropdown',
+    elementClass: TdsDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsFocus: 'tdsFocus',
+        onTdsBlur: 'tdsBlur',
+        onTdsInput: 'tdsInput',
+        onTdsClear: 'tdsClear'
+    },
+    defineCustomElement: defineTdsDropdown
+});
+export const TdsDropdownOption = /*@__PURE__*/ createComponent({
+    tagName: 'tds-dropdown-option',
+    elementClass: TdsDropdownOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsSelect: 'tdsSelect',
+        onTdsFocus: 'tdsFocus',
+        onTdsBlur: 'tdsBlur'
+    },
+    defineCustomElement: defineTdsDropdownOption
+});
+export const TdsFolderTab = /*@__PURE__*/ createComponent({
+    tagName: 'tds-folder-tab',
+    elementClass: TdsFolderTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsFolderTab
+});
+export const TdsFolderTabs = /*@__PURE__*/ createComponent({
+    tagName: 'tds-folder-tabs',
+    elementClass: TdsFolderTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsChange: 'tdsChange' },
+    defineCustomElement: defineTdsFolderTabs
+});
+export const TdsFooter = /*@__PURE__*/ createComponent({
+    tagName: 'tds-footer',
+    elementClass: TdsFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsFooter
+});
+export const TdsFooterGroup = /*@__PURE__*/ createComponent({
+    tagName: 'tds-footer-group',
+    elementClass: TdsFooterGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsFooterGroup
+});
+export const TdsFooterItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-footer-item',
+    elementClass: TdsFooterItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsFooterItem
+});
+export const TdsHeader = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header',
+    elementClass: TdsHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeader
+});
+export const TdsHeaderBrandSymbol = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-brand-symbol',
+    elementClass: TdsHeaderBrandSymbolElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderBrandSymbol
+});
+export const TdsHeaderCell = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-cell',
+    elementClass: TdsHeaderCellElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsSort: 'tdsSort' },
+    defineCustomElement: defineTdsHeaderCell
+});
+export const TdsHeaderDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-dropdown',
+    elementClass: TdsHeaderDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderDropdown
+});
+export const TdsHeaderDropdownList = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-dropdown-list',
+    elementClass: TdsHeaderDropdownListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderDropdownList
+});
+export const TdsHeaderDropdownListItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-dropdown-list-item',
+    elementClass: TdsHeaderDropdownListItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderDropdownListItem
+});
+export const TdsHeaderDropdownListUser = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-dropdown-list-user',
+    elementClass: TdsHeaderDropdownListUserElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderDropdownListUser
+});
+export const TdsHeaderHamburger = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-hamburger',
+    elementClass: TdsHeaderHamburgerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderHamburger
+});
+export const TdsHeaderItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-item',
+    elementClass: TdsHeaderItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderItem
+});
+export const TdsHeaderLauncher = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher',
+    elementClass: TdsHeaderLauncherElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncher
+});
+export const TdsHeaderLauncherButton = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-button',
+    elementClass: TdsHeaderLauncherButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherButton
+});
+export const TdsHeaderLauncherGrid = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-grid',
+    elementClass: TdsHeaderLauncherGridElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherGrid
+});
+export const TdsHeaderLauncherGridItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-grid-item',
+    elementClass: TdsHeaderLauncherGridItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherGridItem
+});
+export const TdsHeaderLauncherGridTitle = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-grid-title',
+    elementClass: TdsHeaderLauncherGridTitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherGridTitle
+});
+export const TdsHeaderLauncherList = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-list',
+    elementClass: TdsHeaderLauncherListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherList
+});
+export const TdsHeaderLauncherListItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-list-item',
+    elementClass: TdsHeaderLauncherListItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherListItem
+});
+export const TdsHeaderLauncherListTitle = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-launcher-list-title',
+    elementClass: TdsHeaderLauncherListTitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderLauncherListTitle
+});
+export const TdsHeaderTitle = /*@__PURE__*/ createComponent({
+    tagName: 'tds-header-title',
+    elementClass: TdsHeaderTitleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsHeaderTitle
+});
+export const TdsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'tds-icon',
+    elementClass: TdsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsIcon
+});
+export const TdsInlineTab = /*@__PURE__*/ createComponent({
+    tagName: 'tds-inline-tab',
+    elementClass: TdsInlineTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsInlineTab
+});
+export const TdsInlineTabs = /*@__PURE__*/ createComponent({
+    tagName: 'tds-inline-tabs',
+    elementClass: TdsInlineTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsChange: 'tdsChange' },
+    defineCustomElement: defineTdsInlineTabs
+});
+export const TdsLink = /*@__PURE__*/ createComponent({
+    tagName: 'tds-link',
+    elementClass: TdsLinkElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsLink
+});
+export const TdsMessage = /*@__PURE__*/ createComponent({
+    tagName: 'tds-message',
+    elementClass: TdsMessageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsMessage
+});
+export const TdsModal = /*@__PURE__*/ createComponent({
+    tagName: 'tds-modal',
+    elementClass: TdsModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsClose: 'tdsClose',
+        onTdsOpen: 'tdsOpen'
+    },
+    defineCustomElement: defineTdsModal
+});
+export const TdsNavigationTab = /*@__PURE__*/ createComponent({
+    tagName: 'tds-navigation-tab',
+    elementClass: TdsNavigationTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsNavigationTab
+});
+export const TdsNavigationTabs = /*@__PURE__*/ createComponent({
+    tagName: 'tds-navigation-tabs',
+    elementClass: TdsNavigationTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsChange: 'tdsChange' },
+    defineCustomElement: defineTdsNavigationTabs
+});
+export const TdsPopoverCanvas = /*@__PURE__*/ createComponent({
+    tagName: 'tds-popover-canvas',
+    elementClass: TdsPopoverCanvasElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsPopoverCanvas
+});
+export const TdsPopoverCore = /*@__PURE__*/ createComponent({
+    tagName: 'tds-popover-core',
+    elementClass: TdsPopoverCoreElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsPopoverCore
+});
+export const TdsPopoverMenu = /*@__PURE__*/ createComponent({
+    tagName: 'tds-popover-menu',
+    elementClass: TdsPopoverMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsPopoverMenu
+});
+export const TdsPopoverMenuItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-popover-menu-item',
+    elementClass: TdsPopoverMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsPopoverMenuItem
+});
+export const TdsRadioButton = /*@__PURE__*/ createComponent({
+    tagName: 'tds-radio-button',
+    elementClass: TdsRadioButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsChange: 'tdsChange' },
+    defineCustomElement: defineTdsRadioButton
+});
+export const TdsSideMenu = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu',
+    elementClass: TdsSideMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsCollapse: 'tdsCollapse' },
+    defineCustomElement: defineTdsSideMenu
+});
+export const TdsSideMenuCloseButton = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-close-button',
+    elementClass: TdsSideMenuCloseButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuCloseButton
+});
+export const TdsSideMenuCollapseButton = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-collapse-button',
+    elementClass: TdsSideMenuCollapseButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsCollapse: 'tdsCollapse' },
+    defineCustomElement: defineTdsSideMenuCollapseButton
+});
+export const TdsSideMenuDropdown = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-dropdown',
+    elementClass: TdsSideMenuDropdownElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuDropdown
+});
+export const TdsSideMenuDropdownList = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-dropdown-list',
+    elementClass: TdsSideMenuDropdownListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuDropdownList
+});
+export const TdsSideMenuDropdownListItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-dropdown-list-item',
+    elementClass: TdsSideMenuDropdownListItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuDropdownListItem
+});
+export const TdsSideMenuItem = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-item',
+    elementClass: TdsSideMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuItem
+});
+export const TdsSideMenuOverlay = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-overlay',
+    elementClass: TdsSideMenuOverlayElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuOverlay
+});
+export const TdsSideMenuUser = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-user',
+    elementClass: TdsSideMenuUserElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuUser
+});
+export const TdsSideMenuUserImage = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-user-image',
+    elementClass: TdsSideMenuUserImageElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuUserImage
+});
+export const TdsSideMenuUserLabel = /*@__PURE__*/ createComponent({
+    tagName: 'tds-side-menu-user-label',
+    elementClass: TdsSideMenuUserLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSideMenuUserLabel
+});
+export const TdsSlider = /*@__PURE__*/ createComponent({
+    tagName: 'tds-slider',
+    elementClass: TdsSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsInput: 'tdsInput'
+    },
+    defineCustomElement: defineTdsSlider
+});
+export const TdsSpinner = /*@__PURE__*/ createComponent({
+    tagName: 'tds-spinner',
+    elementClass: TdsSpinnerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsSpinner
+});
+export const TdsStep = /*@__PURE__*/ createComponent({
+    tagName: 'tds-step',
+    elementClass: TdsStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsStep
+});
+export const TdsStepper = /*@__PURE__*/ createComponent({
+    tagName: 'tds-stepper',
+    elementClass: TdsStepperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsStepper
+});
+export const TdsTable = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table',
+    elementClass: TdsTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTable
+});
+export const TdsTableBody = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-body',
+    elementClass: TdsTableBodyElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTableBody
+});
+export const TdsTableBodyInputWrapper = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-body-input-wrapper',
+    elementClass: TdsTableBodyInputWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTableBodyInputWrapper
+});
+export const TdsTableBodyRow = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-body-row',
+    elementClass: TdsTableBodyRowElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsSelect: 'tdsSelect',
+        onTdsClick: 'tdsClick'
+    },
+    defineCustomElement: defineTdsTableBodyRow
+});
+export const TdsTableBodyRowExpandable = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-body-row-expandable',
+    elementClass: TdsTableBodyRowExpandableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsChange: 'tdsChange' },
+    defineCustomElement: defineTdsTableBodyRowExpandable
+});
+export const TdsTableFooter = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-footer',
+    elementClass: TdsTableFooterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsPagination: 'tdsPagination' },
+    defineCustomElement: defineTdsTableFooter
+});
+export const TdsTableHeader = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-header',
+    elementClass: TdsTableHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsSelectAll: 'tdsSelectAll' },
+    defineCustomElement: defineTdsTableHeader
+});
+export const TdsTableHeaderInputWrapper = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-header-input-wrapper',
+    elementClass: TdsTableHeaderInputWrapperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTableHeaderInputWrapper
+});
+export const TdsTableToolbar = /*@__PURE__*/ createComponent({
+    tagName: 'tds-table-toolbar',
+    elementClass: TdsTableToolbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsFilter: 'tdsFilter' },
+    defineCustomElement: defineTdsTableToolbar
+});
+export const TdsTag = /*@__PURE__*/ createComponent({
+    tagName: 'tds-tag',
+    elementClass: TdsTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTag
+});
+export const TdsTextField = /*@__PURE__*/ createComponent({
+    tagName: 'tds-text-field',
+    elementClass: TdsTextFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsInput: 'tdsInput',
+        onTdsFocus: 'tdsFocus',
+        onTdsBlur: 'tdsBlur',
+        onTdsError: 'tdsError'
+    },
+    defineCustomElement: defineTdsTextField
+});
+export const TdsTextarea = /*@__PURE__*/ createComponent({
+    tagName: 'tds-textarea',
+    elementClass: TdsTextareaElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onTdsChange: 'tdsChange',
+        onTdsBlur: 'tdsBlur',
+        onTdsInput: 'tdsInput',
+        onTdsFocus: 'tdsFocus'
+    },
+    defineCustomElement: defineTdsTextarea
+});
+export const TdsToast = /*@__PURE__*/ createComponent({
+    tagName: 'tds-toast',
+    elementClass: TdsToastElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsClose: 'tdsClose' },
+    defineCustomElement: defineTdsToast
+});
+export const TdsToggle = /*@__PURE__*/ createComponent({
+    tagName: 'tds-toggle',
+    elementClass: TdsToggleElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onTdsToggle: 'tdsToggle' },
+    defineCustomElement: defineTdsToggle
+});
+export const TdsTooltip = /*@__PURE__*/ createComponent({
+    tagName: 'tds-tooltip',
+    elementClass: TdsTooltipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineTdsTooltip
+});