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

package/development/navigation/navigation-section/navigation-section.component.d.ts

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

package/development/navigation.d.ts

@@ -5,4 +5,3 @@ export * from './navigation/navigation-link/navigation-link.component.js';
 export * from './navigation/navigation-list/navigation-list.component.js';
 export * from './navigation/navigation-marker/navigation-marker.component.js';
 export * from './navigation/navigation-section/navigation-section.component.js';
-//# sourceMappingURL=navigation.d.ts.map

package/development/navigation.js

@@ -1,7 +1,69 @@
-import { SbbNavigationButton } from "./navigation/navigation-button/navigation-button.component.js";
-import { SbbNavigationLink } from "./navigation/navigation-link/navigation-link.component.js";
-import { SbbNavigationMarker } from "./navigation/navigation-marker/navigation-marker.component.js";
-import { SbbNavigation } from "./navigation/navigation/navigation.component.js";
-import { SbbNavigationSection } from "./navigation/navigation-section/navigation-section.component.js";
-import { SbbNavigationList } from "./navigation/navigation-list/navigation-list.component.js";
-export { SbbNavigation, SbbNavigationButton, SbbNavigationLink, SbbNavigationList, SbbNavigationMarker, SbbNavigationSection };
+import { createComponent } from "./core.js";
+import { SbbNavigationButtonElement, SbbNavigationElement, SbbNavigationLinkElement, SbbNavigationListElement, SbbNavigationMarkerElement, SbbNavigationSectionElement } from "@sbb-esta/lyne-elements/navigation.pure.js";
+import react from "react";
+
+//#region src/react/navigation/navigation/navigation.component.ts
+const SbbNavigationComponent = SbbNavigationElement;
+const SbbNavigation = createComponent({
+	tagName: "sbb-navigation",
+	elementClass: SbbNavigationComponent,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+//#region src/react/navigation/navigation-button/navigation-button.component.ts
+const SbbNavigationButtonComponent = SbbNavigationButtonElement;
+const SbbNavigationButton = createComponent({
+	tagName: "sbb-navigation-button",
+	elementClass: SbbNavigationButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/navigation/navigation-link/navigation-link.component.ts
+const SbbNavigationLink = createComponent({
+	tagName: "sbb-navigation-link",
+	elementClass: SbbNavigationLinkElement,
+	react
+});
+
+//#endregion
+//#region src/react/navigation/navigation-list/navigation-list.component.ts
+const SbbNavigationList = createComponent({
+	tagName: "sbb-navigation-list",
+	elementClass: SbbNavigationListElement,
+	react
+});
+
+//#endregion
+//#region src/react/navigation/navigation-marker/navigation-marker.component.ts
+const SbbNavigationMarker = createComponent({
+	tagName: "sbb-navigation-marker",
+	elementClass: SbbNavigationMarkerElement,
+	react
+});
+
+//#endregion
+//#region src/react/navigation/navigation-section/navigation-section.component.ts
+const SbbNavigationSectionComponent = SbbNavigationSectionElement;
+const SbbNavigationSection = createComponent({
+	tagName: "sbb-navigation-section",
+	elementClass: SbbNavigationSectionComponent,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+export { SbbNavigation, SbbNavigationButton, SbbNavigationLink, SbbNavigationList, SbbNavigationMarker, SbbNavigationSection };

package/development/notification/notification.component.d.ts

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

package/development/notification.d.ts

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

package/development/notification.js

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

package/development/option/optgroup/optgroup.component.d.ts

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

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

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

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

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

package/development/option.d.ts

@@ -2,4 +2,3 @@
 export * from './option/optgroup/optgroup.component.js';
 export * from './option/option/option.component.js';
 export * from './option/option-hint/option-hint.component.js';
-//# sourceMappingURL=option.d.ts.map

package/development/option.js

@@ -1,4 +1,33 @@
-import { SbbOption } from "./option/option/option.component.js";
-import { SbbOptGroup } from "./option/optgroup/optgroup.component.js";
-import { SbbOptionHint } from "./option/option-hint/option-hint.component.js";
-export { SbbOptGroup, SbbOption, SbbOptionHint };
+import { createComponent } from "./core.js";
+import { SbbOptGroupElement, SbbOptionElement, SbbOptionHintElement } from "@sbb-esta/lyne-elements/option.pure.js";
+import react from "react";
+
+//#region src/react/option/optgroup/optgroup.component.ts
+const SbbOptGroup = createComponent({
+	tagName: "sbb-optgroup",
+	elementClass: SbbOptGroupElement,
+	react
+});
+
+//#endregion
+//#region src/react/option/option/option.component.ts
+const SbbOption = createComponent({
+	tagName: "sbb-option",
+	elementClass: SbbOptionElement,
+	react,
+	events: {
+		"onOptionselectionchange": "optionselectionchange",
+		"onOptionselected": "optionselected"
+	}
+});
+
+//#endregion
+//#region src/react/option/option-hint/option-hint.component.ts
+const SbbOptionHint = createComponent({
+	tagName: "sbb-option-hint",
+	elementClass: SbbOptionHintElement,
+	react
+});
+
+//#endregion
+export { SbbOptGroup, SbbOption, SbbOptionHint };

package/development/overlay/overlay.component.d.ts

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

package/development/overlay.d.ts

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

package/development/overlay.js

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

package/development/paginator/compact-paginator/compact-paginator.component.d.ts

@@ -1,11 +1,10 @@
-import { EventName } from '../../core.js';
-import { SbbCompactPaginatorElement, SbbPaginatorPageEvent } from '@sbb-esta/lyne-elements/paginator.pure.js';
+import { type EventName } from '../../core.js';
+import { SbbCompactPaginatorElement, type SbbPaginatorPageEvent } from '@sbb-esta/lyne-elements/paginator.pure.js';
 declare class SbbCompactPaginatorComponentType extends SbbCompactPaginatorElement {
     set size(value: string | SbbCompactPaginatorElement['size']);
     get size(): string | SbbCompactPaginatorElement['size'];
 }
-export declare const SbbCompactPaginator: import('../../core.js').ReactWebComponent<SbbCompactPaginatorComponentType, {
+export declare const SbbCompactPaginator: import("../../core.js").ReactWebComponent<SbbCompactPaginatorComponentType, {
     onPage: EventName<SbbPaginatorPageEvent>;
 }>;
 export {};
-//# sourceMappingURL=compact-paginator.component.d.ts.map

package/development/paginator/paginator/paginator.component.d.ts

@@ -1,11 +1,10 @@
-import { EventName } from '../../core.js';
-import { SbbPaginatorElement, SbbPaginatorPageEvent } from '@sbb-esta/lyne-elements/paginator.pure.js';
+import { type EventName } from '../../core.js';
+import { SbbPaginatorElement, type SbbPaginatorPageEvent } from '@sbb-esta/lyne-elements/paginator.pure.js';
 declare class SbbPaginatorComponentType extends SbbPaginatorElement {
     set size(value: string | SbbPaginatorElement['size']);
     get size(): string | SbbPaginatorElement['size'];
 }
-export declare const SbbPaginator: import('../../core.js').ReactWebComponent<SbbPaginatorComponentType, {
+export declare const SbbPaginator: import("../../core.js").ReactWebComponent<SbbPaginatorComponentType, {
     onPage: EventName<SbbPaginatorPageEvent>;
 }>;
 export {};
-//# sourceMappingURL=paginator.component.d.ts.map

package/development/paginator.d.ts

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

package/development/paginator.js

@@ -1,3 +1,25 @@
-import { SbbCompactPaginator } from "./paginator/compact-paginator/compact-paginator.component.js";
-import { SbbPaginator } from "./paginator/paginator/paginator.component.js";
-export { SbbCompactPaginator, SbbPaginator };
+import { createComponent } from "./core.js";
+import { SbbCompactPaginatorElement, SbbPaginatorElement } from "@sbb-esta/lyne-elements/paginator.pure.js";
+import react from "react";
+
+//#region src/react/paginator/compact-paginator/compact-paginator.component.ts
+const SbbCompactPaginatorComponent = SbbCompactPaginatorElement;
+const SbbCompactPaginator = createComponent({
+	tagName: "sbb-compact-paginator",
+	elementClass: SbbCompactPaginatorComponent,
+	react,
+	events: { "onPage": "page" }
+});
+
+//#endregion
+//#region src/react/paginator/paginator/paginator.component.ts
+const SbbPaginatorComponent = SbbPaginatorElement;
+const SbbPaginator = createComponent({
+	tagName: "sbb-paginator",
+	elementClass: SbbPaginatorComponent,
+	react,
+	events: { "onPage": "page" }
+});
+
+//#endregion
+export { SbbCompactPaginator, SbbPaginator };

package/development/popover/popover/popover.component.d.ts

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

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

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

package/development/popover.d.ts

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

package/development/popover.js

@@ -1,3 +1,30 @@
-import { SbbPopover } from "./popover/popover/popover.component.js";
-import { SbbPopoverCloseButton } from "./popover/popover-close-button/popover-close-button.component.js";
-export { SbbPopover, SbbPopoverCloseButton };
+import { createComponent } from "./core.js";
+import { SbbPopoverCloseButtonElement, SbbPopoverElement } from "@sbb-esta/lyne-elements/popover.pure.js";
+import react from "react";
+
+//#region src/react/popover/popover/popover.component.ts
+const SbbPopoverComponent = SbbPopoverElement;
+const SbbPopover = createComponent({
+	tagName: "sbb-popover",
+	elementClass: SbbPopoverComponent,
+	react,
+	events: {
+		"onBeforeclose": "beforeclose",
+		"onClose": "close",
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open"
+	}
+});
+
+//#endregion
+//#region src/react/popover/popover-close-button/popover-close-button.component.ts
+const SbbPopoverCloseButtonComponent = SbbPopoverCloseButtonElement;
+const SbbPopoverCloseButton = createComponent({
+	tagName: "sbb-popover-close-button",
+	elementClass: SbbPopoverCloseButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+export { SbbPopover, SbbPopoverCloseButton };

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

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

package/development/radio-button-group/radio-button-group.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbRadioButtonGroupElement } from '@sbb-esta/lyne-elements/radio-button-group.pure.js';
-export declare const SbbRadioButtonGroup: import('../core.js').ReactWebComponent<SbbRadioButtonGroupElement<string>, {
+export declare const SbbRadioButtonGroup: import("../core.js").ReactWebComponent<SbbRadioButtonGroupElement<string>, {
     onDidChange: EventName<Event>;
 }>;
-//# sourceMappingURL=radio-button-group.component.d.ts.map

package/development/radio-button-group.d.ts

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

package/development/radio-button-group.js

@@ -1,2 +1,14 @@
-import { SbbRadioButtonGroup } from "./radio-button-group/radio-button-group.component.js";
-export { SbbRadioButtonGroup };
+import { createComponent } from "./core.js";
+import { SbbRadioButtonGroupElement } from "@sbb-esta/lyne-elements/radio-button-group.pure.js";
+import react from "react";
+
+//#region src/react/radio-button-group/radio-button-group.component.ts
+const SbbRadioButtonGroup = createComponent({
+	tagName: "sbb-radio-button-group",
+	elementClass: SbbRadioButtonGroupElement,
+	react,
+	events: { "onDidChange": "didChange" }
+});
+
+//#endregion
+export { SbbRadioButtonGroup };

package/development/radio-button-panel/radio-button-panel.component.d.ts

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

package/development/radio-button-panel.d.ts

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

package/development/radio-button-panel.js

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

package/development/radio-button.d.ts

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

package/development/radio-button.js

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

package/development/select/select.component.d.ts

@@ -1,6 +1,6 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbSelectElement } from '@sbb-esta/lyne-elements/select.pure.js';
-export declare const SbbSelect: import('../core.js').ReactWebComponent<SbbSelectElement<string>, {
+export declare const SbbSelect: import("../core.js").ReactWebComponent<SbbSelectElement<string>, {
     onInput: EventName<InputEvent>;
     onChange: EventName<Event>;
     onValidity: EventName<Event>;
@@ -9,4 +9,3 @@ export declare const SbbSelect: import('../core.js').ReactWebComponent<SbbSelect
     onBeforeclose: EventName<Event>;
     onClose: EventName<Event>;
 }>;
-//# sourceMappingURL=select.component.d.ts.map

package/development/select.d.ts

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

package/development/select.js

@@ -1,2 +1,22 @@
-import { SbbSelect } from "./select/select.component.js";
-export { SbbSelect };
+import { createComponent } from "./core.js";
+import { SbbSelectElement } from "@sbb-esta/lyne-elements/select.pure.js";
+import react from "react";
+
+//#region src/react/select/select.component.ts
+const SbbSelect = createComponent({
+	tagName: "sbb-select",
+	elementClass: SbbSelectElement,
+	react,
+	events: {
+		"onInput": "input",
+		"onChange": "change",
+		"onValidity": "validity",
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+export { SbbSelect };

package/development/selection-action-panel/selection-action-panel.component.d.ts

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

package/development/selection-action-panel.d.ts

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

package/development/selection-action-panel.js

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

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

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

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

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