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

package/development/button.js

@@ -1,16 +1,143 @@
-import { SbbButton } from "./button/button/button.component.js";
-import { SbbSecondaryButton } from "./button/secondary-button/secondary-button.component.js";
-import { SbbAccentButton } from "./button/accent-button/accent-button.component.js";
-import { SbbTransparentButton } from "./button/transparent-button/transparent-button.component.js";
-import { SbbMiniButton } from "./button/mini-button/mini-button.component.js";
-import { SbbMiniButtonLink } from "./button/mini-button-link/mini-button-link.component.js";
-import { SbbMiniButtonGroup } from "./button/mini-button-group/mini-button-group.component.js";
-import { SbbButtonLink } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLink } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbAccentButtonLink } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbTransparentButtonLink } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbButtonStatic } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStatic } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStatic } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStatic } from "./button/transparent-button-static/transparent-button-static.component.js";
-export { SbbAccentButton, SbbAccentButtonLink, SbbAccentButtonStatic, SbbButton, SbbButtonLink, SbbButtonStatic, SbbMiniButton, SbbMiniButtonGroup, SbbMiniButtonLink, SbbSecondaryButton, SbbSecondaryButtonLink, SbbSecondaryButtonStatic, SbbTransparentButton, SbbTransparentButtonLink, SbbTransparentButtonStatic };
+import { createComponent } from "./core.js";
+import { SbbAccentButtonElement, SbbAccentButtonLinkElement, SbbAccentButtonStaticElement, SbbButtonElement, SbbButtonLinkElement, SbbButtonStaticElement, SbbMiniButtonElement, SbbMiniButtonGroupElement, SbbMiniButtonLinkElement, SbbSecondaryButtonElement, SbbSecondaryButtonLinkElement, SbbSecondaryButtonStaticElement, SbbTransparentButtonElement, SbbTransparentButtonLinkElement, SbbTransparentButtonStaticElement } from "@sbb-esta/lyne-elements/button.pure.js";
+import react from "react";
+
+//#region src/react/button/accent-button/accent-button.component.ts
+const SbbAccentButtonComponent = SbbAccentButtonElement;
+const SbbAccentButton = createComponent({
+	tagName: "sbb-accent-button",
+	elementClass: SbbAccentButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/button/accent-button-link/accent-button-link.component.ts
+const SbbAccentButtonLinkComponent = SbbAccentButtonLinkElement;
+const SbbAccentButtonLink = createComponent({
+	tagName: "sbb-accent-button-link",
+	elementClass: SbbAccentButtonLinkComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/accent-button-static/accent-button-static.component.ts
+const SbbAccentButtonStaticComponent = SbbAccentButtonStaticElement;
+const SbbAccentButtonStatic = createComponent({
+	tagName: "sbb-accent-button-static",
+	elementClass: SbbAccentButtonStaticComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/button/button.component.ts
+const SbbButtonComponent = SbbButtonElement;
+const SbbButton = createComponent({
+	tagName: "sbb-button",
+	elementClass: SbbButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/button/button-link/button-link.component.ts
+const SbbButtonLinkComponent = SbbButtonLinkElement;
+const SbbButtonLink = createComponent({
+	tagName: "sbb-button-link",
+	elementClass: SbbButtonLinkComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/button-static/button-static.component.ts
+const SbbButtonStaticComponent = SbbButtonStaticElement;
+const SbbButtonStatic = createComponent({
+	tagName: "sbb-button-static",
+	elementClass: SbbButtonStaticComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/mini-button/mini-button.component.ts
+const SbbMiniButtonComponent = SbbMiniButtonElement;
+const SbbMiniButton = createComponent({
+	tagName: "sbb-mini-button",
+	elementClass: SbbMiniButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/button/mini-button-group/mini-button-group.component.ts
+const SbbMiniButtonGroup = createComponent({
+	tagName: "sbb-mini-button-group",
+	elementClass: SbbMiniButtonGroupElement,
+	react
+});
+
+//#endregion
+//#region src/react/button/mini-button-link/mini-button-link.component.ts
+const SbbMiniButtonLink = createComponent({
+	tagName: "sbb-mini-button-link",
+	elementClass: SbbMiniButtonLinkElement,
+	react
+});
+
+//#endregion
+//#region src/react/button/secondary-button/secondary-button.component.ts
+const SbbSecondaryButtonComponent = SbbSecondaryButtonElement;
+const SbbSecondaryButton = createComponent({
+	tagName: "sbb-secondary-button",
+	elementClass: SbbSecondaryButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/button/secondary-button-link/secondary-button-link.component.ts
+const SbbSecondaryButtonLinkComponent = SbbSecondaryButtonLinkElement;
+const SbbSecondaryButtonLink = createComponent({
+	tagName: "sbb-secondary-button-link",
+	elementClass: SbbSecondaryButtonLinkComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/secondary-button-static/secondary-button-static.component.ts
+const SbbSecondaryButtonStaticComponent = SbbSecondaryButtonStaticElement;
+const SbbSecondaryButtonStatic = createComponent({
+	tagName: "sbb-secondary-button-static",
+	elementClass: SbbSecondaryButtonStaticComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/transparent-button/transparent-button.component.ts
+const SbbTransparentButtonComponent = SbbTransparentButtonElement;
+const SbbTransparentButton = createComponent({
+	tagName: "sbb-transparent-button",
+	elementClass: SbbTransparentButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/button/transparent-button-link/transparent-button-link.component.ts
+const SbbTransparentButtonLinkComponent = SbbTransparentButtonLinkElement;
+const SbbTransparentButtonLink = createComponent({
+	tagName: "sbb-transparent-button-link",
+	elementClass: SbbTransparentButtonLinkComponent,
+	react
+});
+
+//#endregion
+//#region src/react/button/transparent-button-static/transparent-button-static.component.ts
+const SbbTransparentButtonStaticComponent = SbbTransparentButtonStaticElement;
+const SbbTransparentButtonStatic = createComponent({
+	tagName: "sbb-transparent-button-static",
+	elementClass: SbbTransparentButtonStaticComponent,
+	react
+});
+
+//#endregion
+export { SbbAccentButton, SbbAccentButtonLink, SbbAccentButtonStatic, SbbButton, SbbButtonLink, SbbButtonStatic, SbbMiniButton, SbbMiniButtonGroup, SbbMiniButtonLink, SbbSecondaryButton, SbbSecondaryButtonLink, SbbSecondaryButtonStatic, SbbTransparentButton, SbbTransparentButtonLink, SbbTransparentButtonStatic };

package/development/calendar/calendar/calendar.component.d.ts

@@ -1,10 +1,9 @@
-import { EventName } from '../../core.js';
-import { SbbCalendarElement, SbbDateSelectedEvent, SbbMonthChangeEvent } from '@sbb-esta/lyne-elements/calendar.pure.js';
-export declare const SbbCalendar: import('../../core.js').ReactWebComponent<SbbCalendarElement<Date>, {
+import { type EventName } from '../../core.js';
+import { SbbCalendarElement, type SbbDateSelectedEvent, type SbbMonthChangeEvent } from '@sbb-esta/lyne-elements/calendar.pure.js';
+export declare const SbbCalendar: import("../../core.js").ReactWebComponent<SbbCalendarElement<Date>, {
     onDateselected: EventName<SbbDateSelectedEvent<any>>;
     onInput: EventName<InputEvent>;
     onChange: EventName<Event>;
     onMonthchange: EventName<SbbMonthChangeEvent>;
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=calendar.component.d.ts.map

package/development/calendar/calendar-day/calendar-day.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbCalendarDayElement } from '@sbb-esta/lyne-elements/calendar.pure.js';
-export declare const SbbCalendarDay: import('../../core.js').ReactWebComponent<SbbCalendarDayElement<Date>, {
+export declare const SbbCalendarDay: import("../../core.js").ReactWebComponent<SbbCalendarDayElement<Date>, {
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=calendar-day.component.d.ts.map

package/development/calendar/calendar-month/calendar-month.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbCalendarMonthElement } from '@sbb-esta/lyne-elements/calendar.pure.js';
-export declare const SbbCalendarMonth: import('../../core.js').ReactWebComponent<SbbCalendarMonthElement<Date>, {
+export declare const SbbCalendarMonth: import("../../core.js").ReactWebComponent<SbbCalendarMonthElement<Date>, {
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=calendar-month.component.d.ts.map

package/development/calendar/calendar-weekday/calendar-weekday.component.d.ts

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

package/development/calendar/calendar-weeknumber/calendar-weeknumber.component.d.ts

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

package/development/calendar/calendar-year/calendar-year.component.d.ts

@@ -1,6 +1,5 @@
-import { EventName } from '../../core.js';
+import { type EventName } from '../../core.js';
 import { SbbCalendarYearElement } from '@sbb-esta/lyne-elements/calendar.pure.js';
-export declare const SbbCalendarYear: import('../../core.js').ReactWebComponent<SbbCalendarYearElement<Date>, {
+export declare const SbbCalendarYear: import("../../core.js").ReactWebComponent<SbbCalendarYearElement<Date>, {
     onValidity: EventName<Event>;
 }>;
-//# sourceMappingURL=calendar-year.component.d.ts.map

package/development/calendar.d.ts

@@ -5,4 +5,3 @@ export * from './calendar/calendar-month/calendar-month.component.js';
 export * from './calendar/calendar-weekday/calendar-weekday.component.js';
 export * from './calendar/calendar-weeknumber/calendar-weeknumber.component.js';
 export * from './calendar/calendar-year/calendar-year.component.js';
-//# sourceMappingURL=calendar.d.ts.map

package/development/calendar.js

@@ -1,7 +1,65 @@
-import { SbbCalendarMonth } from "./calendar/calendar-month/calendar-month.component.js";
-import { SbbCalendarWeekday } from "./calendar/calendar-weekday/calendar-weekday.component.js";
-import { SbbCalendarWeeknumber } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { SbbCalendarYear } from "./calendar/calendar-year/calendar-year.component.js";
-import { SbbCalendar } from "./calendar/calendar/calendar.component.js";
-import { SbbCalendarDay } from "./calendar/calendar-day/calendar-day.component.js";
-export { SbbCalendar, SbbCalendarDay, SbbCalendarMonth, SbbCalendarWeekday, SbbCalendarWeeknumber, SbbCalendarYear };
+import { createComponent } from "./core.js";
+import { SbbCalendarDayElement, SbbCalendarElement, SbbCalendarMonthElement, SbbCalendarWeekdayElement, SbbCalendarWeeknumberElement, SbbCalendarYearElement } from "@sbb-esta/lyne-elements/calendar.pure.js";
+import react from "react";
+
+//#region src/react/calendar/calendar/calendar.component.ts
+const SbbCalendar = createComponent({
+	tagName: "sbb-calendar",
+	elementClass: SbbCalendarElement,
+	react,
+	events: {
+		"onDateselected": "dateselected",
+		"onInput": "input",
+		"onChange": "change",
+		"onMonthchange": "monthchange",
+		"onValidity": "validity"
+	}
+});
+
+//#endregion
+//#region src/react/calendar/calendar-day/calendar-day.component.ts
+const SbbCalendarDay = createComponent({
+	tagName: "sbb-calendar-day",
+	elementClass: SbbCalendarDayElement,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/calendar/calendar-month/calendar-month.component.ts
+const SbbCalendarMonth = createComponent({
+	tagName: "sbb-calendar-month",
+	elementClass: SbbCalendarMonthElement,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/calendar/calendar-weekday/calendar-weekday.component.ts
+const SbbCalendarWeekday = createComponent({
+	tagName: "sbb-calendar-weekday",
+	elementClass: SbbCalendarWeekdayElement,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/calendar/calendar-weeknumber/calendar-weeknumber.component.ts
+const SbbCalendarWeeknumber = createComponent({
+	tagName: "sbb-calendar-weeknumber",
+	elementClass: SbbCalendarWeeknumberElement,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/calendar/calendar-year/calendar-year.component.ts
+const SbbCalendarYear = createComponent({
+	tagName: "sbb-calendar-year",
+	elementClass: SbbCalendarYearElement,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+export { SbbCalendar, SbbCalendarDay, SbbCalendarMonth, SbbCalendarWeekday, SbbCalendarWeeknumber, SbbCalendarYear };

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

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

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

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

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

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

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

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

package/development/card.d.ts

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

package/development/card.js

@@ -1,5 +1,39 @@
-import { SbbCardBadge } from "./card/card-badge/card-badge.component.js";
-import { SbbCard } from "./card/card/card.component.js";
-import { SbbCardButton } from "./card/card-button/card-button.component.js";
-import { SbbCardLink } from "./card/card-link/card-link.component.js";
-export { SbbCard, SbbCardBadge, SbbCardButton, SbbCardLink };
+import { createComponent } from "./core.js";
+import { SbbCardBadgeElement, SbbCardButtonElement, SbbCardElement, SbbCardLinkElement } from "@sbb-esta/lyne-elements/card.pure.js";
+import react from "react";
+
+//#region src/react/card/card/card.component.ts
+const SbbCard = createComponent({
+	tagName: "sbb-card",
+	elementClass: SbbCardElement,
+	react
+});
+
+//#endregion
+//#region src/react/card/card-badge/card-badge.component.ts
+const SbbCardBadge = createComponent({
+	tagName: "sbb-card-badge",
+	elementClass: SbbCardBadgeElement,
+	react
+});
+
+//#endregion
+//#region src/react/card/card-button/card-button.component.ts
+const SbbCardButtonComponent = SbbCardButtonElement;
+const SbbCardButton = createComponent({
+	tagName: "sbb-card-button",
+	elementClass: SbbCardButtonComponent,
+	react,
+	events: { "onValidity": "validity" }
+});
+
+//#endregion
+//#region src/react/card/card-link/card-link.component.ts
+const SbbCardLink = createComponent({
+	tagName: "sbb-card-link",
+	elementClass: SbbCardLinkElement,
+	react
+});
+
+//#endregion
+export { SbbCard, SbbCardBadge, SbbCardButton, SbbCardLink };

package/development/carousel/carousel/carousel.component.d.ts

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

package/development/carousel/carousel-item/carousel-item.component.d.ts

@@ -1,7 +1,6 @@
-import { EventName } from '../../core.js';
-import { SbbCarouselItemElement, SbbCarouselItemShowEvent } from '@sbb-esta/lyne-elements/carousel.pure.js';
-export declare const SbbCarouselItem: import('../../core.js').ReactWebComponent<SbbCarouselItemElement, {
+import { type EventName } from '../../core.js';
+import { SbbCarouselItemElement, type SbbCarouselItemShowEvent } from '@sbb-esta/lyne-elements/carousel.pure.js';
+export declare const SbbCarouselItem: import("../../core.js").ReactWebComponent<SbbCarouselItemElement, {
     onBeforeshow: EventName<SbbCarouselItemShowEvent>;
     onShow: EventName<SbbCarouselItemShowEvent>;
 }>;
-//# sourceMappingURL=carousel-item.component.d.ts.map

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

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

package/development/carousel.d.ts

@@ -2,4 +2,3 @@
 export * from './carousel/carousel/carousel.component.js';
 export * from './carousel/carousel-item/carousel-item.component.js';
 export * from './carousel/carousel-list/carousel-list.component.js';
-//# sourceMappingURL=carousel.d.ts.map

package/development/carousel.js

@@ -1,4 +1,33 @@
-import { SbbCarouselItem } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselList } from "./carousel/carousel-list/carousel-list.component.js";
-import { SbbCarousel } from "./carousel/carousel/carousel.component.js";
-export { SbbCarousel, SbbCarouselItem, SbbCarouselList };
+import { createComponent } from "./core.js";
+import { SbbCarouselElement, SbbCarouselItemElement, SbbCarouselListElement } from "@sbb-esta/lyne-elements/carousel.pure.js";
+import react from "react";
+
+//#region src/react/carousel/carousel/carousel.component.ts
+const SbbCarousel = createComponent({
+	tagName: "sbb-carousel",
+	elementClass: SbbCarouselElement,
+	react
+});
+
+//#endregion
+//#region src/react/carousel/carousel-item/carousel-item.component.ts
+const SbbCarouselItem = createComponent({
+	tagName: "sbb-carousel-item",
+	elementClass: SbbCarouselItemElement,
+	react,
+	events: {
+		"onBeforeshow": "beforeshow",
+		"onShow": "show"
+	}
+});
+
+//#endregion
+//#region src/react/carousel/carousel-list/carousel-list.component.ts
+const SbbCarouselList = createComponent({
+	tagName: "sbb-carousel-list",
+	elementClass: SbbCarouselListElement,
+	react
+});
+
+//#endregion
+export { SbbCarousel, SbbCarouselItem, SbbCarouselList };

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

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

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

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

package/development/checkbox-group.d.ts

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

package/development/checkbox-group.js

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

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

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

package/development/checkbox-panel.d.ts

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

package/development/checkbox-panel.js

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

package/development/checkbox.d.ts

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

package/development/checkbox.js

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

package/development/chip/chip/chip.component.d.ts

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

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

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

package/development/chip-label/chip-label.component.d.ts

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

package/development/chip-label.d.ts

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

package/development/chip-label.js

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

package/development/chip.d.ts

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