@sbb-esta/lyne-react-dev 5.0.2-dev.1781795975 → 5.0.2-dev.1781796518

package/development/selection-expansion-panel.js

@@ -1,2 +1,19 @@
-import { SbbSelectionExpansionPanel } from "./selection-expansion-panel/selection-expansion-panel.component.js";
-export { SbbSelectionExpansionPanel };
+import { createComponent } from "./core.js";
+import { SbbSelectionExpansionPanelElement } from "@sbb-esta/lyne-elements/selection-expansion-panel.pure.js";
+import react from "react";
+
+//#region src/react/selection-expansion-panel/selection-expansion-panel.component.ts
+const SbbSelectionExpansionPanel = createComponent({
+	tagName: "sbb-selection-expansion-panel",
+	elementClass: SbbSelectionExpansionPanelElement,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close",
+		"onOpen": "open"
+	}
+});
+
+//#endregion
+export { SbbSelectionExpansionPanel };

package/development/sidebar/sidebar/sidebar.component.d.ts

@@ -1,9 +1,8 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbSidebarElement } from '@sbb-esta/lyne-elements/sidebar.pure.js';
-export declare const SbbSidebar: import('../../core.js').ReactWebComponent<SbbSidebarElement, {
+export declare const SbbSidebar: import("../../core.js").ReactWebComponent<SbbSidebarElement, {
     onBeforeopen: EventName<Event>;
     onOpen: EventName<Event>;
     onBeforeclose: EventName<Event>;
     onClose: EventName<Event>;
 }>;
-//# sourceMappingURL=sidebar.component.d.ts.map

package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts

@@ -1,4 +1,4 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbSidebarCloseButtonElement } from '@sbb-esta/lyne-elements/sidebar.pure.js';
 declare class SbbSidebarCloseButtonComponentType extends SbbSidebarCloseButtonElement {
     set size(value: string | SbbSidebarCloseButtonElement['size']);
@@ -6,8 +6,7 @@ declare class SbbSidebarCloseButtonComponentType extends SbbSidebarCloseButtonEl
     set form(value: string | SbbSidebarCloseButtonElement['form']);
     get form(): string | SbbSidebarCloseButtonElement['form'];
 }
-export declare const SbbSidebarCloseButton: import('../../core.js').ReactWebComponent<SbbSidebarCloseButtonComponentType, {
+export declare const SbbSidebarCloseButton: import("../../core.js").ReactWebComponent<SbbSidebarCloseButtonComponentType, {
     onValidity: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=sidebar-close-button.component.d.ts.map

package/development/sidebar/sidebar-container/sidebar-container.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbSidebarContainerElement } from '@sbb-esta/lyne-elements/sidebar.pure.js';
-export declare const SbbSidebarContainer: import('../../core.js').ReactWebComponent<SbbSidebarContainerElement, {}>;
-//# sourceMappingURL=sidebar-container.component.d.ts.map
+export declare const SbbSidebarContainer: import("../../core.js").ReactWebComponent<SbbSidebarContainerElement, {}>;

package/development/sidebar/sidebar-content/sidebar-content.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbSidebarContentElement } from '@sbb-esta/lyne-elements/sidebar.pure.js';
-export declare const SbbSidebarContent: import('../../core.js').ReactWebComponent<SbbSidebarContentElement, {}>;
-//# sourceMappingURL=sidebar-content.component.d.ts.map
+export declare const SbbSidebarContent: import("../../core.js").ReactWebComponent<SbbSidebarContentElement, {}>;

package/development/sidebar/sidebar-title/sidebar-title.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbSidebarTitleElement } from '@sbb-esta/lyne-elements/sidebar.pure.js';
-export declare const SbbSidebarTitle: import('../../core.js').ReactWebComponent<SbbSidebarTitleElement, {}>;
-//# sourceMappingURL=sidebar-title.component.d.ts.map
+export declare const SbbSidebarTitle: import("../../core.js").ReactWebComponent<SbbSidebarTitleElement, {}>;

package/development/sidebar.d.ts

@@ -4,4 +4,3 @@ export * from './sidebar/sidebar-close-button/sidebar-close-button.component.js'
 export * from './sidebar/sidebar-container/sidebar-container.component.js';
 export * from './sidebar/sidebar-content/sidebar-content.component.js';
 export * from './sidebar/sidebar-title/sidebar-title.component.js';
-//# sourceMappingURL=sidebar.d.ts.map

package/development/sidebar.js

@@ -1,6 +1,53 @@
-import { SbbSidebarCloseButton } from "./sidebar/sidebar-close-button/sidebar-close-button.component.js";
-import { SbbSidebar } from "./sidebar/sidebar/sidebar.component.js";
-import { SbbSidebarContainer } from "./sidebar/sidebar-container/sidebar-container.component.js";
-import { SbbSidebarContent } from "./sidebar/sidebar-content/sidebar-content.component.js";
-import { SbbSidebarTitle } from "./sidebar/sidebar-title/sidebar-title.component.js";
-export { SbbSidebar, SbbSidebarCloseButton, SbbSidebarContainer, SbbSidebarContent, SbbSidebarTitle };
+import { createComponent } from "./core.js";
+import { SbbSidebarCloseButtonElement, SbbSidebarContainerElement, SbbSidebarContentElement, SbbSidebarElement, SbbSidebarTitleElement } from "@sbb-esta/lyne-elements/sidebar.pure.js";
+import react from "react";
+
+//#region src/react/sidebar/sidebar/sidebar.component.ts
+const SbbSidebar = createComponent({
+	tagName: "sbb-sidebar",
+	elementClass: SbbSidebarElement,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+//#region src/react/sidebar/sidebar-close-button/sidebar-close-button.component.ts
+const SbbSidebarCloseButtonComponent = SbbSidebarCloseButtonElement;
+const SbbSidebarCloseButton = createComponent({
+	tagName: "sbb-sidebar-close-button",
+	elementClass: SbbSidebarCloseButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/sidebar/sidebar-container/sidebar-container.component.ts
+const SbbSidebarContainer = createComponent({
+	tagName: "sbb-sidebar-container",
+	elementClass: SbbSidebarContainerElement,
+	react
+});
+
+//#endregion
+//#region src/react/sidebar/sidebar-content/sidebar-content.component.ts
+const SbbSidebarContent = createComponent({
+	tagName: "sbb-sidebar-content",
+	elementClass: SbbSidebarContentElement,
+	react
+});
+
+//#endregion
+//#region src/react/sidebar/sidebar-title/sidebar-title.component.ts
+const SbbSidebarTitle = createComponent({
+	tagName: "sbb-sidebar-title",
+	elementClass: SbbSidebarTitleElement,
+	react
+});
+
+//#endregion
+export { SbbSidebar, SbbSidebarCloseButton, SbbSidebarContainer, SbbSidebarContent, SbbSidebarTitle };

package/development/signet/signet.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbSignetElement } from '@sbb-esta/lyne-elements/signet.pure.js';
-export declare const SbbSignet: import('../core.js').ReactWebComponent<SbbSignetElement, {}>;
-//# sourceMappingURL=signet.component.d.ts.map
+export declare const SbbSignet: import("../core.js").ReactWebComponent<SbbSignetElement, {}>;

package/development/signet.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './signet/signet.component.js';
-//# sourceMappingURL=signet.d.ts.map

package/development/signet.js

@@ -1,2 +1,13 @@
-import { SbbSignet } from "./signet/signet.component.js";
-export { SbbSignet };
+import { createComponent } from "./core.js";
+import { SbbSignetElement } from "@sbb-esta/lyne-elements/signet.pure.js";
+import react from "react";
+
+//#region src/react/signet/signet.component.ts
+const SbbSignet = createComponent({
+	tagName: "sbb-signet",
+	elementClass: SbbSignetElement,
+	react
+});
+
+//#endregion
+export { SbbSignet };

package/development/skiplink-list/skiplink-list.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbSkiplinkListElement } from '@sbb-esta/lyne-elements/skiplink-list.pure.js';
-export declare const SbbSkiplinkList: import('../core.js').ReactWebComponent<SbbSkiplinkListElement, {}>;
-//# sourceMappingURL=skiplink-list.component.d.ts.map
+export declare const SbbSkiplinkList: import("../core.js").ReactWebComponent<SbbSkiplinkListElement, {}>;

package/development/skiplink-list.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './skiplink-list/skiplink-list.component.js';
-//# sourceMappingURL=skiplink-list.d.ts.map

package/development/skiplink-list.js

@@ -1,2 +1,13 @@
-import { SbbSkiplinkList } from "./skiplink-list/skiplink-list.component.js";
-export { SbbSkiplinkList };
+import { createComponent } from "./core.js";
+import { SbbSkiplinkListElement } from "@sbb-esta/lyne-elements/skiplink-list.pure.js";
+import react from "react";
+
+//#region src/react/skiplink-list/skiplink-list.component.ts
+const SbbSkiplinkList = createComponent({
+	tagName: "sbb-skiplink-list",
+	elementClass: SbbSkiplinkListElement,
+	react
+});
+
+//#endregion
+export { SbbSkiplinkList };

package/development/slider/slider.component.d.ts

@@ -1,9 +1,8 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbSliderElement } from '@sbb-esta/lyne-elements/slider.pure.js';
-export declare const SbbSlider: import('../core.js').ReactWebComponent<SbbSliderElement, {
+export declare const SbbSlider: import("../core.js").ReactWebComponent<SbbSliderElement, {
     onChange: EventName<Event>;
     onDidChange: EventName<Event>;
     onInput: EventName<InputEvent>;
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=slider.component.d.ts.map

package/development/slider.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './slider/slider.component.js';
-//# sourceMappingURL=slider.d.ts.map

package/development/slider.js

@@ -1,2 +1,19 @@
-import { SbbSlider } from "./slider/slider.component.js";
-export { SbbSlider };
+import { createComponent } from "./core.js";
+import { SbbSliderElement } from "@sbb-esta/lyne-elements/slider.pure.js";
+import react from "react";
+
+//#region src/react/slider/slider.component.ts
+const SbbSlider = createComponent({
+	tagName: "sbb-slider",
+	elementClass: SbbSliderElement,
+	react,
+	events: {
+		"onChange": "change",
+		"onDidChange": "didChange",
+		"onInput": "input",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+export { SbbSlider };

package/development/status/status.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbStatusElement } from '@sbb-esta/lyne-elements/status.pure.js';
-export declare const SbbStatus: import('../core.js').ReactWebComponent<SbbStatusElement, {}>;
-//# sourceMappingURL=status.component.d.ts.map
+export declare const SbbStatus: import("../core.js").ReactWebComponent<SbbStatusElement, {}>;

package/development/status.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './status/status.component.js';
-//# sourceMappingURL=status.d.ts.map

package/development/status.js

@@ -1,2 +1,13 @@
-import { SbbStatus } from "./status/status.component.js";
-export { SbbStatus };
+import { createComponent } from "./core.js";
+import { SbbStatusElement } from "@sbb-esta/lyne-elements/status.pure.js";
+import react from "react";
+
+//#region src/react/status/status.component.ts
+const SbbStatus = createComponent({
+	tagName: "sbb-status",
+	elementClass: SbbStatusElement,
+	react
+});
+
+//#endregion
+export { SbbStatus };

package/development/stepper/step/step.component.d.ts

@@ -1,7 +1,6 @@
-import { EventName } from '../../core.js';
-import { SbbStepElement, SbbStepValidateEvent } from '@sbb-esta/lyne-elements/stepper.pure.js';
-export declare const SbbStep: import('../../core.js').ReactWebComponent<SbbStepElement, {
+import { type EventName } from '../../core.js';
+import { SbbStepElement, type SbbStepValidateEvent } from '@sbb-esta/lyne-elements/stepper.pure.js';
+export declare const SbbStep: import("../../core.js").ReactWebComponent<SbbStepElement, {
     onActive: EventName<Event>;
     onValidate: EventName<SbbStepValidateEvent>;
 }>;
-//# sourceMappingURL=step.component.d.ts.map

package/development/stepper/step-label/step-label.component.d.ts

@@ -1,11 +1,10 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbStepLabelElement } from '@sbb-esta/lyne-elements/stepper.pure.js';
 declare class SbbStepLabelComponentType extends SbbStepLabelElement {
     set form(value: string | SbbStepLabelElement['form']);
     get form(): string | SbbStepLabelElement['form'];
 }
-export declare const SbbStepLabel: import('../../core.js').ReactWebComponent<SbbStepLabelComponentType, {
+export declare const SbbStepLabel: import("../../core.js").ReactWebComponent<SbbStepLabelComponentType, {
     onValidity: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=step-label.component.d.ts.map

package/development/stepper/stepper/stepper.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
-import { SbbStepperElement, SbbStepChangeEvent } from '@sbb-esta/lyne-elements/stepper.pure.js';
-export declare const SbbStepper: import('../../core.js').ReactWebComponent<SbbStepperElement, {
+import { type EventName } from '../../core.js';
+import { SbbStepperElement, type SbbStepChangeEvent } from '@sbb-esta/lyne-elements/stepper.pure.js';
+export declare const SbbStepper: import("../../core.js").ReactWebComponent<SbbStepperElement, {
     onStepchange: EventName<SbbStepChangeEvent>;
 }>;
-//# sourceMappingURL=stepper.component.d.ts.map

package/development/stepper.d.ts

@@ -2,4 +2,3 @@
 export * from './stepper/step/step.component.js';
 export * from './stepper/step-label/step-label.component.js';
 export * from './stepper/stepper/stepper.component.js';
-//# sourceMappingURL=stepper.d.ts.map

package/development/stepper.js

@@ -1,4 +1,36 @@
-import { SbbStepper } from "./stepper/stepper/stepper.component.js";
-import { SbbStep } from "./stepper/step/step.component.js";
-import { SbbStepLabel } from "./stepper/step-label/step-label.component.js";
-export { SbbStep, SbbStepLabel, SbbStepper };
+import { createComponent } from "./core.js";
+import { SbbStepElement, SbbStepLabelElement, SbbStepperElement } from "@sbb-esta/lyne-elements/stepper.pure.js";
+import react from "react";
+
+//#region src/react/stepper/step/step.component.ts
+const SbbStep = createComponent({
+	tagName: "sbb-step",
+	elementClass: SbbStepElement,
+	react,
+	events: {
+		"onActive": "active",
+		"onValidate": "validate"
+	}
+});
+
+//#endregion
+//#region src/react/stepper/step-label/step-label.component.ts
+const SbbStepLabelComponent = SbbStepLabelElement;
+const SbbStepLabel = createComponent({
+	tagName: "sbb-step-label",
+	elementClass: SbbStepLabelComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/stepper/stepper/stepper.component.ts
+const SbbStepper = createComponent({
+	tagName: "sbb-stepper",
+	elementClass: SbbStepperElement,
+	react,
+	events: { "onStepchange": "stepchange" }
+});
+
+//#endregion
+export { SbbStep, SbbStepLabel, SbbStepper };

package/development/table/table-wrapper/table-wrapper.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTableWrapperElement } from '@sbb-esta/lyne-elements/table.pure.js';
-export declare const SbbTableWrapper: import('../../core.js').ReactWebComponent<SbbTableWrapperElement, {}>;
-//# sourceMappingURL=table-wrapper.component.d.ts.map
+export declare const SbbTableWrapper: import("../../core.js").ReactWebComponent<SbbTableWrapperElement, {}>;

package/development/table.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './table/table-wrapper/table-wrapper.component.js';
-//# sourceMappingURL=table.d.ts.map

package/development/table.js

@@ -1,2 +1,13 @@
-import { SbbTableWrapper } from "./table/table-wrapper/table-wrapper.component.js";
-export { SbbTableWrapper };
+import { createComponent } from "./core.js";
+import { SbbTableWrapperElement } from "@sbb-esta/lyne-elements/table.pure.js";
+import react from "react";
+
+//#region src/react/table/table-wrapper/table-wrapper.component.ts
+const SbbTableWrapper = createComponent({
+	tagName: "sbb-table-wrapper",
+	elementClass: SbbTableWrapperElement,
+	react
+});
+
+//#endregion
+export { SbbTableWrapper };

package/development/tabs/tab/tab.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbTabElement } from '@sbb-esta/lyne-elements/tabs.pure.js';
-export declare const SbbTab: import('../../core.js').ReactWebComponent<SbbTabElement, {
+export declare const SbbTab: import("../../core.js").ReactWebComponent<SbbTabElement, {
     onActive: EventName<Event>;
 }>;
-//# sourceMappingURL=tab.component.d.ts.map

package/development/tabs/tab-group/tab-group.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
-import { SbbTabGroupElement, SbbTabChangeEvent } from '@sbb-esta/lyne-elements/tabs.pure.js';
-export declare const SbbTabGroup: import('../../core.js').ReactWebComponent<SbbTabGroupElement, {
+import { type EventName } from '../../core.js';
+import { SbbTabGroupElement, type SbbTabChangeEvent } from '@sbb-esta/lyne-elements/tabs.pure.js';
+export declare const SbbTabGroup: import("../../core.js").ReactWebComponent<SbbTabGroupElement, {
     onTabchange: EventName<SbbTabChangeEvent>;
 }>;
-//# sourceMappingURL=tab-group.component.d.ts.map

package/development/tabs/tab-label/tab-label.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTabLabelElement } from '@sbb-esta/lyne-elements/tabs.pure.js';
-export declare const SbbTabLabel: import('../../core.js').ReactWebComponent<SbbTabLabelElement, {}>;
-//# sourceMappingURL=tab-label.component.d.ts.map
+export declare const SbbTabLabel: import("../../core.js").ReactWebComponent<SbbTabLabelElement, {}>;

package/development/tabs/tab-nav-bar/tab-nav-bar.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTabNavBarElement } from '@sbb-esta/lyne-elements/tabs.pure.js';
-export declare const SbbTabNavBar: import('../../core.js').ReactWebComponent<SbbTabNavBarElement, {}>;
-//# sourceMappingURL=tab-nav-bar.component.d.ts.map
+export declare const SbbTabNavBar: import("../../core.js").ReactWebComponent<SbbTabNavBarElement, {}>;

package/development/tabs.d.ts

@@ -3,4 +3,3 @@ export * from './tabs/tab/tab.component.js';
 export * from './tabs/tab-group/tab-group.component.js';
 export * from './tabs/tab-label/tab-label.component.js';
 export * from './tabs/tab-nav-bar/tab-nav-bar.component.js';
-//# sourceMappingURL=tabs.d.ts.map

package/development/tabs.js

@@ -1,5 +1,39 @@
-import { SbbTabLabel } from "./tabs/tab-label/tab-label.component.js";
-import { SbbTab } from "./tabs/tab/tab.component.js";
-import { SbbTabGroup } from "./tabs/tab-group/tab-group.component.js";
-import { SbbTabNavBar } from "./tabs/tab-nav-bar/tab-nav-bar.component.js";
-export { SbbTab, SbbTabGroup, SbbTabLabel, SbbTabNavBar };
+import { createComponent } from "./core.js";
+import { SbbTabElement, SbbTabGroupElement, SbbTabLabelElement, SbbTabNavBarElement } from "@sbb-esta/lyne-elements/tabs.pure.js";
+import react from "react";
+
+//#region src/react/tabs/tab/tab.component.ts
+const SbbTab = createComponent({
+	tagName: "sbb-tab",
+	elementClass: SbbTabElement,
+	react,
+	events: { "onActive": "active" }
+});
+
+//#endregion
+//#region src/react/tabs/tab-group/tab-group.component.ts
+const SbbTabGroup = createComponent({
+	tagName: "sbb-tab-group",
+	elementClass: SbbTabGroupElement,
+	react,
+	events: { "onTabchange": "tabchange" }
+});
+
+//#endregion
+//#region src/react/tabs/tab-label/tab-label.component.ts
+const SbbTabLabel = createComponent({
+	tagName: "sbb-tab-label",
+	elementClass: SbbTabLabelElement,
+	react
+});
+
+//#endregion
+//#region src/react/tabs/tab-nav-bar/tab-nav-bar.component.ts
+const SbbTabNavBar = createComponent({
+	tagName: "sbb-tab-nav-bar",
+	elementClass: SbbTabNavBarElement,
+	react
+});
+
+//#endregion
+export { SbbTab, SbbTabGroup, SbbTabLabel, SbbTabNavBar };

package/development/tag/tag/tag.component.d.ts

@@ -1,9 +1,8 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbTagElement } from '@sbb-esta/lyne-elements/tag.pure.js';
-export declare const SbbTag: import('../../core.js').ReactWebComponent<SbbTagElement<string>, {
+export declare const SbbTag: import("../../core.js").ReactWebComponent<SbbTagElement<string>, {
     onInput: EventName<InputEvent>;
     onChange: EventName<Event>;
     onDidChange: EventName<Event>;
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=tag.component.d.ts.map

package/development/tag/tag-group/tag-group.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbTagGroupComponentType extends SbbTagGroupElement {
     set size(value: string | SbbTagGroupElement['size']);
     get size(): string | SbbTagGroupElement['size'];
 }
-export declare const SbbTagGroup: import('../../core.js').ReactWebComponent<SbbTagGroupComponentType, {}>;
+export declare const SbbTagGroup: import("../../core.js").ReactWebComponent<SbbTagGroupComponentType, {}>;
 export {};
-//# sourceMappingURL=tag-group.component.d.ts.map

package/development/tag.d.ts

@@ -1,4 +1,3 @@
 /** @entrypoint */
 export * from './tag/tag/tag.component.js';
 export * from './tag/tag-group/tag-group.component.js';
-//# sourceMappingURL=tag.d.ts.map

package/development/tag.js

@@ -1,3 +1,28 @@
-import { SbbTag } from "./tag/tag/tag.component.js";
-import { SbbTagGroup } from "./tag/tag-group/tag-group.component.js";
-export { SbbTag, SbbTagGroup };
+import { createComponent } from "./core.js";
+import { SbbTagElement, SbbTagGroupElement } from "@sbb-esta/lyne-elements/tag.pure.js";
+import react from "react";
+
+//#region src/react/tag/tag/tag.component.ts
+const SbbTag = createComponent({
+	tagName: "sbb-tag",
+	elementClass: SbbTagElement,
+	react,
+	events: {
+		"onInput": "input",
+		"onChange": "change",
+		"onDidChange": "didChange",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+//#region src/react/tag/tag-group/tag-group.component.ts
+const SbbTagGroupComponent = SbbTagGroupElement;
+const SbbTagGroup = createComponent({
+	tagName: "sbb-tag-group",
+	elementClass: SbbTagGroupComponent,
+	react
+});
+
+//#endregion
+export { SbbTag, SbbTagGroup };

package/development/teaser/teaser.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTeaserElement } from '@sbb-esta/lyne-elements/teaser.pure.js';
-export declare const SbbTeaser: import('../core.js').ReactWebComponent<SbbTeaserElement, {}>;
-//# sourceMappingURL=teaser.component.d.ts.map
+export declare const SbbTeaser: import("../core.js").ReactWebComponent<SbbTeaserElement, {}>;

package/development/teaser-hero/teaser-hero.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTeaserHeroElement } from '@sbb-esta/lyne-elements/teaser-hero.pure.js';
-export declare const SbbTeaserHero: import('../core.js').ReactWebComponent<SbbTeaserHeroElement, {}>;
-//# sourceMappingURL=teaser-hero.component.d.ts.map
+export declare const SbbTeaserHero: import("../core.js").ReactWebComponent<SbbTeaserHeroElement, {}>;

package/development/teaser-hero.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './teaser-hero/teaser-hero.component.js';
-//# sourceMappingURL=teaser-hero.d.ts.map

package/development/teaser-hero.js

@@ -1,2 +1,13 @@
-import { SbbTeaserHero } from "./teaser-hero/teaser-hero.component.js";
-export { SbbTeaserHero };
+import { createComponent } from "./core.js";
+import { SbbTeaserHeroElement } from "@sbb-esta/lyne-elements/teaser-hero.pure.js";
+import react from "react";
+
+//#region src/react/teaser-hero/teaser-hero.component.ts
+const SbbTeaserHero = createComponent({
+	tagName: "sbb-teaser-hero",
+	elementClass: SbbTeaserHeroElement,
+	react
+});
+
+//#endregion
+export { SbbTeaserHero };

package/development/teaser-panel/teaser-panel.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTeaserPanelElement } from '@sbb-esta/lyne-elements/teaser-panel.pure.js';
-export declare const SbbTeaserPanel: import('../core.js').ReactWebComponent<SbbTeaserPanelElement, {}>;
-//# sourceMappingURL=teaser-panel.component.d.ts.map
+export declare const SbbTeaserPanel: import("../core.js").ReactWebComponent<SbbTeaserPanelElement, {}>;

package/development/teaser-panel.d.ts

@@ -1,3 +1,2 @@
 /** @entrypoint */
 export * from './teaser-panel/teaser-panel.component.js';
-//# sourceMappingURL=teaser-panel.d.ts.map

package/development/teaser-panel.js

@@ -1,2 +1,13 @@
-import { SbbTeaserPanel } from "./teaser-panel/teaser-panel.component.js";
-export { SbbTeaserPanel };
+import { createComponent } from "./core.js";
+import { SbbTeaserPanelElement } from "@sbb-esta/lyne-elements/teaser-panel.pure.js";
+import react from "react";
+
+//#region src/react/teaser-panel/teaser-panel.component.ts
+const SbbTeaserPanel = createComponent({
+	tagName: "sbb-teaser-panel",
+	elementClass: SbbTeaserPanelElement,
+	react
+});
+
+//#endregion
+export { SbbTeaserPanel };

package/development/teaser-product/teaser-product/teaser-product.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTeaserProductElement } from '@sbb-esta/lyne-elements/teaser-product.pure.js';
-export declare const SbbTeaserProduct: import('../../core.js').ReactWebComponent<SbbTeaserProductElement, {}>;
-//# sourceMappingURL=teaser-product.component.d.ts.map
+export declare const SbbTeaserProduct: import("../../core.js").ReactWebComponent<SbbTeaserProductElement, {}>;

package/development/teaser-product/teaser-product-static/teaser-product-static.component.d.ts

@@ -1,3 +1,2 @@
 import { SbbTeaserProductStaticElement } from '@sbb-esta/lyne-elements/teaser-product.pure.js';
-export declare const SbbTeaserProductStatic: import('../../core.js').ReactWebComponent<SbbTeaserProductStaticElement, {}>;
-//# sourceMappingURL=teaser-product-static.component.d.ts.map
+export declare const SbbTeaserProductStatic: import("../../core.js").ReactWebComponent<SbbTeaserProductStaticElement, {}>;

package/development/teaser-product.d.ts

@@ -1,4 +1,3 @@
 /** @entrypoint */
 export * from './teaser-product/teaser-product/teaser-product.component.js';
 export * from './teaser-product/teaser-product-static/teaser-product-static.component.js';
-//# sourceMappingURL=teaser-product.d.ts.map