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

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

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

package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.d.ts

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

package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts

@@ -1,12 +1,11 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbExpansionPanelHeaderElement } from '@sbb-esta/lyne-elements/expansion-panel.pure.js';
 declare class SbbExpansionPanelHeaderComponentType extends SbbExpansionPanelHeaderElement {
     set form(value: string | SbbExpansionPanelHeaderElement['form']);
     get form(): string | SbbExpansionPanelHeaderElement['form'];
 }
-export declare const SbbExpansionPanelHeader: import('../../core.js').ReactWebComponent<SbbExpansionPanelHeaderComponentType, {
+export declare const SbbExpansionPanelHeader: import("../../core.js").ReactWebComponent<SbbExpansionPanelHeaderComponentType, {
     onToggleexpanded: EventName<Event>;
     onValidity: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=expansion-panel-header.component.d.ts.map

package/development/expansion-panel.d.ts

@@ -2,4 +2,3 @@
 export * from './expansion-panel/expansion-panel/expansion-panel.component.js';
 export * from './expansion-panel/expansion-panel-content/expansion-panel-content.component.js';
 export * from './expansion-panel/expansion-panel-header/expansion-panel-header.component.js';
-//# sourceMappingURL=expansion-panel.d.ts.map

package/development/expansion-panel.js

@@ -1,4 +1,40 @@
-import { SbbExpansionPanelHeader } from "./expansion-panel/expansion-panel-header/expansion-panel-header.component.js";
-import { SbbExpansionPanel } from "./expansion-panel/expansion-panel/expansion-panel.component.js";
-import { SbbExpansionPanelContent } from "./expansion-panel/expansion-panel-content/expansion-panel-content.component.js";
-export { SbbExpansionPanel, SbbExpansionPanelContent, SbbExpansionPanelHeader };
+import { createComponent } from "./core.js";
+import { SbbExpansionPanelContentElement, SbbExpansionPanelElement, SbbExpansionPanelHeaderElement } from "@sbb-esta/lyne-elements/expansion-panel.pure.js";
+import react from "react";
+
+//#region src/react/expansion-panel/expansion-panel/expansion-panel.component.ts
+const SbbExpansionPanel = createComponent({
+	tagName: "sbb-expansion-panel",
+	elementClass: SbbExpansionPanelElement,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onBeforeclose": "beforeclose",
+		"onOpen": "open",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+//#region src/react/expansion-panel/expansion-panel-content/expansion-panel-content.component.ts
+const SbbExpansionPanelContent = createComponent({
+	tagName: "sbb-expansion-panel-content",
+	elementClass: SbbExpansionPanelContentElement,
+	react
+});
+
+//#endregion
+//#region src/react/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts
+const SbbExpansionPanelHeaderComponent = SbbExpansionPanelHeaderElement;
+const SbbExpansionPanelHeader = createComponent({
+	tagName: "sbb-expansion-panel-header",
+	elementClass: SbbExpansionPanelHeaderComponent,
+	react,
+	events: {
+		"onToggleexpanded": "toggleexpanded",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+export { SbbExpansionPanel, SbbExpansionPanelContent, SbbExpansionPanelHeader };

package/development/file-selector/file-selector/file-selector.component.d.ts

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

package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts

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

package/development/file-selector.d.ts

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

package/development/file-selector.js

@@ -1,3 +1,33 @@
-import { SbbFileSelectorDropzone } from "./file-selector/file-selector-dropzone/file-selector-dropzone.component.js";
-import { SbbFileSelector } from "./file-selector/file-selector/file-selector.component.js";
-export { SbbFileSelector, SbbFileSelectorDropzone };
+import { createComponent } from "./core.js";
+import { SbbFileSelectorDropzoneElement, SbbFileSelectorElement } from "@sbb-esta/lyne-elements/file-selector.pure.js";
+import react from "react";
+
+//#region src/react/file-selector/file-selector/file-selector.component.ts
+const SbbFileSelector = createComponent({
+	tagName: "sbb-file-selector",
+	elementClass: SbbFileSelectorElement,
+	react,
+	events: {
+		"onInput": "input",
+		"onChange": "change",
+		"onFilechanged": "filechanged",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+//#region src/react/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts
+const SbbFileSelectorDropzone = createComponent({
+	tagName: "sbb-file-selector-dropzone",
+	elementClass: SbbFileSelectorDropzoneElement,
+	react,
+	events: {
+		"onInput": "input",
+		"onChange": "change",
+		"onFilechanged": "filechanged",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+export { SbbFileSelector, SbbFileSelectorDropzone };

package/development/flip-card/flip-card/flip-card.component.d.ts

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

package/development/flip-card/flip-card-details/flip-card-details.component.d.ts

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

package/development/flip-card/flip-card-summary/flip-card-summary.component.d.ts

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

package/development/flip-card.d.ts

@@ -2,4 +2,3 @@
 export * from './flip-card/flip-card/flip-card.component.js';
 export * from './flip-card/flip-card-details/flip-card-details.component.js';
 export * from './flip-card/flip-card-summary/flip-card-summary.component.js';
-//# sourceMappingURL=flip-card.d.ts.map

package/development/flip-card.js

@@ -1,4 +1,30 @@
-import { SbbFlipCardDetails } from "./flip-card/flip-card-details/flip-card-details.component.js";
-import { SbbFlipCardSummary } from "./flip-card/flip-card-summary/flip-card-summary.component.js";
-import { SbbFlipCard } from "./flip-card/flip-card/flip-card.component.js";
-export { SbbFlipCard, SbbFlipCardDetails, SbbFlipCardSummary };
+import { createComponent } from "./core.js";
+import { SbbFlipCardDetailsElement, SbbFlipCardElement, SbbFlipCardSummaryElement } from "@sbb-esta/lyne-elements/flip-card.pure.js";
+import react from "react";
+
+//#region src/react/flip-card/flip-card/flip-card.component.ts
+const SbbFlipCard = createComponent({
+	tagName: "sbb-flip-card",
+	elementClass: SbbFlipCardElement,
+	react,
+	events: { "onFlip": "flip" }
+});
+
+//#endregion
+//#region src/react/flip-card/flip-card-details/flip-card-details.component.ts
+const SbbFlipCardDetails = createComponent({
+	tagName: "sbb-flip-card-details",
+	elementClass: SbbFlipCardDetailsElement,
+	react
+});
+
+//#endregion
+//#region src/react/flip-card/flip-card-summary/flip-card-summary.component.ts
+const SbbFlipCardSummary = createComponent({
+	tagName: "sbb-flip-card-summary",
+	elementClass: SbbFlipCardSummaryElement,
+	react
+});
+
+//#endregion
+export { SbbFlipCard, SbbFlipCardDetails, SbbFlipCardSummary };

package/development/footer/footer.component.d.ts

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

package/development/footer.d.ts

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

package/development/footer.js

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

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

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

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

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

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

@@ -1,13 +1,12 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbFormFieldClearElement } from '@sbb-esta/lyne-elements/form-field.pure.js';
 declare class SbbFormFieldClearComponentType extends SbbFormFieldClearElement {
     set form(value: string | SbbFormFieldClearElement['form']);
     get form(): string | SbbFormFieldClearElement['form'];
 }
-export declare const SbbFormFieldClear: import('../../core.js').ReactWebComponent<SbbFormFieldClearComponentType, {
+export declare const SbbFormFieldClear: import("../../core.js").ReactWebComponent<SbbFormFieldClearComponentType, {
     onChange: EventName<Event>;
     onInput: EventName<InputEvent>;
     onValidity: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=form-field-clear.component.d.ts.map

package/development/form-field/form-field-text-counter/form-field-text-counter.component.d.ts

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

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

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

package/development/form-field.d.ts

@@ -4,4 +4,3 @@ export * from './form-field/form-field/form-field.component.js';
 export * from './form-field/form-field-clear/form-field-clear.component.js';
 export * from './form-field/form-field-text-counter/form-field-text-counter.component.js';
 export * from './form-field/hint/hint.component.js';
-//# sourceMappingURL=form-field.d.ts.map

package/development/form-field.js

@@ -1,6 +1,51 @@
-import { SbbFormField } from "./form-field/form-field/form-field.component.js";
-import { SbbError } from "./form-field/error/error.component.js";
-import { SbbFormFieldClear } from "./form-field/form-field-clear/form-field-clear.component.js";
-import { SbbHint } from "./form-field/hint/hint.component.js";
-import { SbbFormFieldTextCounter } from "./form-field/form-field-text-counter/form-field-text-counter.component.js";
-export { SbbError, SbbFormField, SbbFormFieldClear, SbbFormFieldTextCounter, SbbHint };
+import { createComponent } from "./core.js";
+import { SbbErrorElement, SbbFormFieldClearElement, SbbFormFieldElement, SbbFormFieldTextCounterElement, SbbHintElement } from "@sbb-esta/lyne-elements/form-field.pure.js";
+import react from "react";
+
+//#region src/react/form-field/error/error.component.ts
+const SbbError = createComponent({
+	tagName: "sbb-error",
+	elementClass: SbbErrorElement,
+	react
+});
+
+//#endregion
+//#region src/react/form-field/form-field/form-field.component.ts
+const SbbFormField = createComponent({
+	tagName: "sbb-form-field",
+	elementClass: SbbFormFieldElement,
+	react
+});
+
+//#endregion
+//#region src/react/form-field/form-field-clear/form-field-clear.component.ts
+const SbbFormFieldClearComponent = SbbFormFieldClearElement;
+const SbbFormFieldClear = createComponent({
+	tagName: "sbb-form-field-clear",
+	elementClass: SbbFormFieldClearComponent,
+	react,
+	events: {
+		"onChange": "change",
+		"onInput": "input",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+//#region src/react/form-field/form-field-text-counter/form-field-text-counter.component.ts
+const SbbFormFieldTextCounter = createComponent({
+	tagName: "sbb-form-field-text-counter",
+	elementClass: SbbFormFieldTextCounterElement,
+	react
+});
+
+//#endregion
+//#region src/react/form-field/hint/hint.component.ts
+const SbbHint = createComponent({
+	tagName: "sbb-hint",
+	elementClass: SbbHintElement,
+	react
+});
+
+//#endregion
+export { SbbError, SbbFormField, SbbFormFieldClear, SbbFormFieldTextCounter, SbbHint };

package/development/header/header/header.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbHeaderComponentType extends SbbHeaderElement {
     set scrollOrigin(value: string | SbbHeaderElement['scrollOrigin']);
     get scrollOrigin(): string | SbbHeaderElement['scrollOrigin'];
 }
-export declare const SbbHeader: import('../../core.js').ReactWebComponent<SbbHeaderComponentType, {}>;
+export declare const SbbHeader: import("../../core.js").ReactWebComponent<SbbHeaderComponentType, {}>;
 export {};
-//# sourceMappingURL=header.component.d.ts.map

package/development/header/header-button/header-button.component.d.ts

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

package/development/header/header-environment/header-environment.component.d.ts

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

package/development/header/header-link/header-link.component.d.ts

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

package/development/header.d.ts

@@ -3,4 +3,3 @@ export * from './header/header/header.component.js';
 export * from './header/header-button/header-button.component.js';
 export * from './header/header-environment/header-environment.component.js';
 export * from './header/header-link/header-link.component.js';
-//# sourceMappingURL=header.d.ts.map

package/development/header.js

@@ -1,5 +1,40 @@
-import { SbbHeader } from "./header/header/header.component.js";
-import { SbbHeaderButton } from "./header/header-button/header-button.component.js";
-import { SbbHeaderEnvironment } from "./header/header-environment/header-environment.component.js";
-import { SbbHeaderLink } from "./header/header-link/header-link.component.js";
-export { SbbHeader, SbbHeaderButton, SbbHeaderEnvironment, SbbHeaderLink };
+import { createComponent } from "./core.js";
+import { SbbHeaderButtonElement, SbbHeaderElement, SbbHeaderEnvironmentElement, SbbHeaderLinkElement } from "@sbb-esta/lyne-elements/header.pure.js";
+import react from "react";
+
+//#region src/react/header/header/header.component.ts
+const SbbHeaderComponent = SbbHeaderElement;
+const SbbHeader = createComponent({
+	tagName: "sbb-header",
+	elementClass: SbbHeaderComponent,
+	react
+});
+
+//#endregion
+//#region src/react/header/header-button/header-button.component.ts
+const SbbHeaderButtonComponent = SbbHeaderButtonElement;
+const SbbHeaderButton = createComponent({
+	tagName: "sbb-header-button",
+	elementClass: SbbHeaderButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/header/header-environment/header-environment.component.ts
+const SbbHeaderEnvironment = createComponent({
+	tagName: "sbb-header-environment",
+	elementClass: SbbHeaderEnvironmentElement,
+	react
+});
+
+//#endregion
+//#region src/react/header/header-link/header-link.component.ts
+const SbbHeaderLink = createComponent({
+	tagName: "sbb-header-link",
+	elementClass: SbbHeaderLinkElement,
+	react
+});
+
+//#endregion
+export { SbbHeader, SbbHeaderButton, SbbHeaderEnvironment, SbbHeaderLink };

package/development/icon/icon.component.d.ts

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

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

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

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

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

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

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

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

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

package/development/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.d.ts

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

package/development/icon-sidebar.d.ts

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

package/development/icon-sidebar.js

@@ -1,6 +1,47 @@
-import { SbbIconSidebarButton } from "./icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js";
-import { SbbIconSidebar } from "./icon-sidebar/icon-sidebar/icon-sidebar.component.js";
-import { SbbIconSidebarContainer } from "./icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js";
-import { SbbIconSidebarContent } from "./icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js";
-import { SbbIconSidebarLink } from "./icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js";
-export { SbbIconSidebar, SbbIconSidebarButton, SbbIconSidebarContainer, SbbIconSidebarContent, SbbIconSidebarLink };
+import { createComponent } from "./core.js";
+import { SbbIconSidebarButtonElement, SbbIconSidebarContainerElement, SbbIconSidebarContentElement, SbbIconSidebarElement, SbbIconSidebarLinkElement } from "@sbb-esta/lyne-elements/icon-sidebar.pure.js";
+import react from "react";
+
+//#region src/react/icon-sidebar/icon-sidebar/icon-sidebar.component.ts
+const SbbIconSidebar = createComponent({
+	tagName: "sbb-icon-sidebar",
+	elementClass: SbbIconSidebarElement,
+	react
+});
+
+//#endregion
+//#region src/react/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.ts
+const SbbIconSidebarButtonComponent = SbbIconSidebarButtonElement;
+const SbbIconSidebarButton = createComponent({
+	tagName: "sbb-icon-sidebar-button",
+	elementClass: SbbIconSidebarButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.ts
+const SbbIconSidebarContainer = createComponent({
+	tagName: "sbb-icon-sidebar-container",
+	elementClass: SbbIconSidebarContainerElement,
+	react
+});
+
+//#endregion
+//#region src/react/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.ts
+const SbbIconSidebarContent = createComponent({
+	tagName: "sbb-icon-sidebar-content",
+	elementClass: SbbIconSidebarContentElement,
+	react
+});
+
+//#endregion
+//#region src/react/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.ts
+const SbbIconSidebarLink = createComponent({
+	tagName: "sbb-icon-sidebar-link",
+	elementClass: SbbIconSidebarLinkElement,
+	react
+});
+
+//#endregion
+export { SbbIconSidebar, SbbIconSidebarButton, SbbIconSidebarContainer, SbbIconSidebarContent, SbbIconSidebarLink };

package/development/icon.d.ts

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

package/development/icon.js

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

package/development/image/image.component.d.ts

@@ -1,7 +1,6 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbImageElement } from '@sbb-esta/lyne-elements/image.pure.js';
-export declare const SbbImage: import('../core.js').ReactWebComponent<SbbImageElement, {
+export declare const SbbImage: import("../core.js").ReactWebComponent<SbbImageElement, {
     onLoad: EventName<Event>;
     onError: EventName<Event>;
 }>;
-//# sourceMappingURL=image.component.d.ts.map

package/development/image.d.ts

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

package/development/image.js

@@ -1,2 +1,17 @@
-import { SbbImage } from "./image/image.component.js";
-export { SbbImage };
+import { createComponent } from "./core.js";
+import { SbbImageElement } from "@sbb-esta/lyne-elements/image.pure.js";
+import react from "react";
+
+//#region src/react/image/image.component.ts
+const SbbImage = createComponent({
+	tagName: "sbb-image",
+	elementClass: SbbImageElement,
+	react,
+	events: {
+		"onLoad": "load",
+		"onError": "error"
+	}
+});
+
+//#endregion
+export { SbbImage };