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

package/development/teaser-product.js

@@ -1,3 +1,21 @@
-import { SbbTeaserProductStatic } from "./teaser-product/teaser-product-static/teaser-product-static.component.js";
-import { SbbTeaserProduct } from "./teaser-product/teaser-product/teaser-product.component.js";
-export { SbbTeaserProduct, SbbTeaserProductStatic };
+import { createComponent } from "./core.js";
+import { SbbTeaserProductElement, SbbTeaserProductStaticElement } from "@sbb-esta/lyne-elements/teaser-product.pure.js";
+import react from "react";
+
+//#region src/react/teaser-product/teaser-product/teaser-product.component.ts
+const SbbTeaserProduct = createComponent({
+	tagName: "sbb-teaser-product",
+	elementClass: SbbTeaserProductElement,
+	react
+});
+
+//#endregion
+//#region src/react/teaser-product/teaser-product-static/teaser-product-static.component.ts
+const SbbTeaserProductStatic = createComponent({
+	tagName: "sbb-teaser-product-static",
+	elementClass: SbbTeaserProductStaticElement,
+	react
+});
+
+//#endregion
+export { SbbTeaserProduct, SbbTeaserProductStatic };

package/development/teaser.d.ts

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

package/development/teaser.js

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

package/development/time-input/time-input.component.d.ts

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

package/development/time-input.d.ts

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

package/development/time-input.js

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

package/development/timetable-form/timetable-form/timetable-form.component.d.ts

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

package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts

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

package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts

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

package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts

@@ -1,4 +1,4 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbTimetableFormSwapButtonElement } from '@sbb-esta/lyne-elements/timetable-form.pure.js';
 declare class SbbTimetableFormSwapButtonComponentType extends SbbTimetableFormSwapButtonElement {
     set size(value: string | SbbTimetableFormSwapButtonElement['size']);
@@ -6,10 +6,9 @@ declare class SbbTimetableFormSwapButtonComponentType extends SbbTimetableFormSw
     set form(value: string | SbbTimetableFormSwapButtonElement['form']);
     get form(): string | SbbTimetableFormSwapButtonElement['form'];
 }
-export declare const SbbTimetableFormSwapButton: import('../../core.js').ReactWebComponent<SbbTimetableFormSwapButtonComponentType, {
+export declare const SbbTimetableFormSwapButton: import("../../core.js").ReactWebComponent<SbbTimetableFormSwapButtonComponentType, {
     onChange: EventName<Event>;
     onInput: EventName<InputEvent>;
     onValidity: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=timetable-form-swap-button.component.d.ts.map

package/development/timetable-form.d.ts

@@ -3,4 +3,3 @@ export * from './timetable-form/timetable-form/timetable-form.component.js';
 export * from './timetable-form/timetable-form-details/timetable-form-details.component.js';
 export * from './timetable-form/timetable-form-field/timetable-form-field.component.js';
 export * from './timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js';
-//# sourceMappingURL=timetable-form.d.ts.map

package/development/timetable-form.js

@@ -1,5 +1,43 @@
-import { SbbTimetableFormDetails } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
-import { SbbTimetableFormField } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
-import { SbbTimetableFormSwapButton } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
-import { SbbTimetableForm } from "./timetable-form/timetable-form/timetable-form.component.js";
-export { SbbTimetableForm, SbbTimetableFormDetails, SbbTimetableFormField, SbbTimetableFormSwapButton };
+import { createComponent } from "./core.js";
+import { SbbTimetableFormDetailsElement, SbbTimetableFormElement, SbbTimetableFormFieldElement, SbbTimetableFormSwapButtonElement } from "@sbb-esta/lyne-elements/timetable-form.pure.js";
+import react from "react";
+
+//#region src/react/timetable-form/timetable-form/timetable-form.component.ts
+const SbbTimetableForm = createComponent({
+	tagName: "sbb-timetable-form",
+	elementClass: SbbTimetableFormElement,
+	react
+});
+
+//#endregion
+//#region src/react/timetable-form/timetable-form-details/timetable-form-details.component.ts
+const SbbTimetableFormDetails = createComponent({
+	tagName: "sbb-timetable-form-details",
+	elementClass: SbbTimetableFormDetailsElement,
+	react
+});
+
+//#endregion
+//#region src/react/timetable-form/timetable-form-field/timetable-form-field.component.ts
+const SbbTimetableFormField = createComponent({
+	tagName: "sbb-timetable-form-field",
+	elementClass: SbbTimetableFormFieldElement,
+	react
+});
+
+//#endregion
+//#region src/react/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.ts
+const SbbTimetableFormSwapButtonComponent = SbbTimetableFormSwapButtonElement;
+const SbbTimetableFormSwapButton = createComponent({
+	tagName: "sbb-timetable-form-swap-button",
+	elementClass: SbbTimetableFormSwapButtonComponent,
+	react,
+	events: {
+		"onChange": "change",
+		"onInput": "input",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+export { SbbTimetableForm, SbbTimetableFormDetails, SbbTimetableFormField, SbbTimetableFormSwapButton };

package/development/timetable-occupancy/timetable-occupancy.component.d.ts

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

package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts

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

package/development/timetable-occupancy-icon.d.ts

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

package/development/timetable-occupancy-icon.js

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

package/development/timetable-occupancy.d.ts

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

package/development/timetable-occupancy.js

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

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

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

package/development/title.d.ts

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

package/development/title.js

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

package/development/toast/toast.component.d.ts

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

package/development/toast.d.ts

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

package/development/toast.js

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

package/development/toggle/toggle/toggle.component.d.ts

@@ -1,7 +1,6 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbToggleElement } from '@sbb-esta/lyne-elements/toggle.pure.js';
-export declare const SbbToggle: import('../../core.js').ReactWebComponent<SbbToggleElement<string>, {
+export declare const SbbToggle: import("../../core.js").ReactWebComponent<SbbToggleElement<string>, {
     onChange: EventName<Event>;
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=toggle.component.d.ts.map

package/development/toggle/toggle-option/toggle-option.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbToggleOptionElement } from '@sbb-esta/lyne-elements/toggle.pure.js';
-export declare const SbbToggleOption: import('../../core.js').ReactWebComponent<SbbToggleOptionElement<string>, {
+export declare const SbbToggleOption: import("../../core.js").ReactWebComponent<SbbToggleOptionElement<string>, {
     onInput: EventName<InputEvent>;
 }>;
-//# sourceMappingURL=toggle-option.component.d.ts.map

package/development/toggle-check/toggle-check.component.d.ts

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

package/development/toggle-check.d.ts

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

package/development/toggle-check.js

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

package/development/toggle.d.ts

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

package/development/toggle.js

@@ -1,3 +1,26 @@
-import { SbbToggle } from "./toggle/toggle/toggle.component.js";
-import { SbbToggleOption } from "./toggle/toggle-option/toggle-option.component.js";
-export { SbbToggle, SbbToggleOption };
+import { createComponent } from "./core.js";
+import { SbbToggleElement, SbbToggleOptionElement } from "@sbb-esta/lyne-elements/toggle.pure.js";
+import react from "react";
+
+//#region src/react/toggle/toggle/toggle.component.ts
+const SbbToggle = createComponent({
+	tagName: "sbb-toggle",
+	elementClass: SbbToggleElement,
+	react,
+	events: {
+		"onChange": "change",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+//#region src/react/toggle/toggle-option/toggle-option.component.ts
+const SbbToggleOption = createComponent({
+	tagName: "sbb-toggle-option",
+	elementClass: SbbToggleOptionElement,
+	react,
+	events: { "onInput": "input" }
+});
+
+//#endregion
+export { SbbToggle, SbbToggleOption };

package/development/tooltip/tooltip.component.d.ts

@@ -1,14 +1,13 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbTooltipElement } from '@sbb-esta/lyne-elements/tooltip.pure.js';
 declare class SbbTooltipComponentType extends SbbTooltipElement {
     set trigger(value: string | SbbTooltipElement['trigger']);
     get trigger(): string | SbbTooltipElement['trigger'];
 }
-export declare const SbbTooltip: import('../core.js').ReactWebComponent<SbbTooltipComponentType, {
+export declare const SbbTooltip: import("../core.js").ReactWebComponent<SbbTooltipComponentType, {
     onBeforeopen: EventName<Event>;
     onOpen: EventName<Event>;
     onBeforeclose: EventName<Event>;
     onClose: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=tooltip.component.d.ts.map

package/development/tooltip.d.ts

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

package/development/tooltip.js

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

package/development/train/train/train.component.d.ts

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

package/development/train/train-blocked-passage/train-blocked-passage.component.d.ts

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

package/development/train/train-formation/train-formation.component.d.ts

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

package/development/train/train-wagon/train-wagon.component.d.ts

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

package/development/train/train-wagon-button/train-wagon-button.component.d.ts

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

package/development/train/train-wagon-link/train-wagon-link.component.d.ts

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

package/development/train.d.ts

@@ -5,4 +5,3 @@ export * from './train/train-formation/train-formation.component.js';
 export * from './train/train-wagon/train-wagon.component.js';
 export * from './train/train-wagon-button/train-wagon-button.component.js';
 export * from './train/train-wagon-link/train-wagon-link.component.js';
-//# sourceMappingURL=train.d.ts.map

package/development/train.js

@@ -1,7 +1,55 @@
-import { SbbTrain } from "./train/train/train.component.js";
-import { SbbTrainFormation } from "./train/train-formation/train-formation.component.js";
-import { SbbTrainBlockedPassage } from "./train/train-blocked-passage/train-blocked-passage.component.js";
-import { SbbTrainWagonButton } from "./train/train-wagon-button/train-wagon-button.component.js";
-import { SbbTrainWagonLink } from "./train/train-wagon-link/train-wagon-link.component.js";
-import { SbbTrainWagon } from "./train/train-wagon/train-wagon.component.js";
-export { SbbTrain, SbbTrainBlockedPassage, SbbTrainFormation, SbbTrainWagon, SbbTrainWagonButton, SbbTrainWagonLink };
+import { createComponent } from "./core.js";
+import { SbbTrainBlockedPassageElement, SbbTrainElement, SbbTrainFormationElement, SbbTrainWagonButtonElement, SbbTrainWagonElement, SbbTrainWagonLinkElement } from "@sbb-esta/lyne-elements/train.pure.js";
+import react from "react";
+
+//#region src/react/train/train/train.component.ts
+const SbbTrain = createComponent({
+	tagName: "sbb-train",
+	elementClass: SbbTrainElement,
+	react
+});
+
+//#endregion
+//#region src/react/train/train-blocked-passage/train-blocked-passage.component.ts
+const SbbTrainBlockedPassage = createComponent({
+	tagName: "sbb-train-blocked-passage",
+	elementClass: SbbTrainBlockedPassageElement,
+	react
+});
+
+//#endregion
+//#region src/react/train/train-formation/train-formation.component.ts
+const SbbTrainFormation = createComponent({
+	tagName: "sbb-train-formation",
+	elementClass: SbbTrainFormationElement,
+	react
+});
+
+//#endregion
+//#region src/react/train/train-wagon/train-wagon.component.ts
+const SbbTrainWagon = createComponent({
+	tagName: "sbb-train-wagon",
+	elementClass: SbbTrainWagonElement,
+	react
+});
+
+//#endregion
+//#region src/react/train/train-wagon-button/train-wagon-button.component.ts
+const SbbTrainWagonButtonComponent = SbbTrainWagonButtonElement;
+const SbbTrainWagonButton = createComponent({
+	tagName: "sbb-train-wagon-button",
+	elementClass: SbbTrainWagonButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/train/train-wagon-link/train-wagon-link.component.ts
+const SbbTrainWagonLink = createComponent({
+	tagName: "sbb-train-wagon-link",
+	elementClass: SbbTrainWagonLinkElement,
+	react
+});
+
+//#endregion
+export { SbbTrain, SbbTrainBlockedPassage, SbbTrainFormation, SbbTrainWagon, SbbTrainWagonButton, SbbTrainWagonLink };

package/development/visual-checkbox/visual-checkbox.component.d.ts

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

package/development/visual-checkbox.d.ts

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

package/development/visual-checkbox.js

@@ -1,2 +1,14 @@
-import { SbbVisualCheckbox } from "./visual-checkbox/visual-checkbox.component.js";
-export { SbbVisualCheckbox };
+import { createComponent } from "./core.js";
+import { SbbVisualCheckboxElement } from "@sbb-esta/lyne-elements/visual-checkbox.pure.js";
+import react from "react";
+
+//#region src/react/visual-checkbox/visual-checkbox.component.ts
+const SbbVisualCheckboxComponent = SbbVisualCheckboxElement;
+const SbbVisualCheckbox = createComponent({
+	tagName: "sbb-visual-checkbox",
+	elementClass: SbbVisualCheckboxComponent,
+	react
+});
+
+//#endregion
+export { SbbVisualCheckbox };

package/dialog.js

@@ -1,6 +1 @@
-import { SbbDialogActions as e } from "./dialog/dialog-actions/dialog-actions.component.js";
-import { SbbDialogCloseButton as t } from "./dialog/dialog-close-button/dialog-close-button.component.js";
-import { SbbDialog as n } from "./dialog/dialog/dialog.component.js";
-import { SbbDialogContent as r } from "./dialog/dialog-content/dialog-content.component.js";
-import { SbbDialogTitle as i } from "./dialog/dialog-title/dialog-title.component.js";
-export { n as SbbDialog, e as SbbDialogActions, t as SbbDialogCloseButton, r as SbbDialogContent, i as SbbDialogTitle };
+import{createComponent as e}from"./core.js";import{SbbDialogActionsElement as t,SbbDialogCloseButtonElement as n,SbbDialogContentElement as r,SbbDialogElement as i,SbbDialogTitleElement as a}from"@sbb-esta/lyne-elements/dialog.pure.js";import o from"react";const s=e({tagName:`sbb-dialog`,elementClass:i,react:o,events:{onBeforeclose:`beforeclose`,onClose:`close`,onBeforeopen:`beforeopen`,onOpen:`open`}}),c=e({tagName:`sbb-dialog-actions`,elementClass:t,react:o}),l=e({tagName:`sbb-dialog-close-button`,elementClass:n,react:o,events:{onValidity:`validity`}}),u=e({tagName:`sbb-dialog-content`,elementClass:r,react:o}),d=e({tagName:`sbb-dialog-title`,elementClass:a,react:o});export{s as SbbDialog,c as SbbDialogActions,l as SbbDialogCloseButton,u as SbbDialogContent,d as SbbDialogTitle};

package/divider.js

@@ -1,2 +1 @@
-import { SbbDivider as e } from "./divider/divider.component.js";
-export { e as SbbDivider };
+import{createComponent as e}from"./core.js";import{SbbDividerElement as t}from"@sbb-esta/lyne-elements/divider.pure.js";import n from"react";const r=e({tagName:`sbb-divider`,elementClass:t,react:n});export{r as SbbDivider};