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

package/accordion.js

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

package/action-group.js

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

package/alert.js

@@ -1,3 +1 @@
-import { SbbAlert as e } from "./alert/alert/alert.component.js";
-import { SbbAlertGroup as t } from "./alert/alert-group/alert-group.component.js";
-export { e as SbbAlert, t as SbbAlertGroup };
+import{createComponent as e}from"./core.js";import{SbbAlertElement as t,SbbAlertGroupElement as n}from"@sbb-esta/lyne-elements/alert.pure.js";import r from"react";const i=e({tagName:`sbb-alert`,elementClass:t,react:r,events:{onBeforeopen:`beforeopen`,onOpen:`open`,onBeforeclose:`beforeclose`,onClose:`close`}}),a=e({tagName:`sbb-alert-group`,elementClass:n,react:r,events:{onEmpty:`empty`}});export{i as SbbAlert,a as SbbAlertGroup};

package/autocomplete.js

@@ -1,2 +1 @@
-import { SbbAutocomplete as e } from "./autocomplete/autocomplete.component.js";
-export { e as SbbAutocomplete };
+import{createComponent as e}from"./core.js";import{SbbAutocompleteElement as t}from"@sbb-esta/lyne-elements/autocomplete.pure.js";import n from"react";const r=e({tagName:`sbb-autocomplete`,elementClass:t,react:n,events:{onChange:`change`,onInput:`input`,onBeforeopen:`beforeopen`,onOpen:`open`,onBeforeclose:`beforeclose`,onClose:`close`}});export{r as SbbAutocomplete};

package/breadcrumb.js

@@ -1,3 +1 @@
-import { SbbBreadcrumb as e } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
-import { SbbBreadcrumbGroup as t } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
-export { e as SbbBreadcrumb, t as SbbBreadcrumbGroup };
+import{createComponent as e}from"./core.js";import{SbbBreadcrumbElement as t,SbbBreadcrumbGroupElement as n}from"@sbb-esta/lyne-elements/breadcrumb.pure.js";import r from"react";const i=e({tagName:`sbb-breadcrumb`,elementClass:t,react:r}),a=e({tagName:`sbb-breadcrumb-group`,elementClass:n,react:r});export{i as SbbBreadcrumb,a as SbbBreadcrumbGroup};

package/button.js

@@ -1,16 +1 @@
-import { SbbButton as e } from "./button/button/button.component.js";
-import { SbbSecondaryButton as t } from "./button/secondary-button/secondary-button.component.js";
-import { SbbAccentButton as n } from "./button/accent-button/accent-button.component.js";
-import { SbbTransparentButton as r } from "./button/transparent-button/transparent-button.component.js";
-import { SbbMiniButton as i } from "./button/mini-button/mini-button.component.js";
-import { SbbMiniButtonLink as a } from "./button/mini-button-link/mini-button-link.component.js";
-import { SbbMiniButtonGroup as o } from "./button/mini-button-group/mini-button-group.component.js";
-import { SbbButtonLink as s } from "./button/button-link/button-link.component.js";
-import { SbbSecondaryButtonLink as c } from "./button/secondary-button-link/secondary-button-link.component.js";
-import { SbbAccentButtonLink as l } from "./button/accent-button-link/accent-button-link.component.js";
-import { SbbTransparentButtonLink as u } from "./button/transparent-button-link/transparent-button-link.component.js";
-import { SbbButtonStatic as d } from "./button/button-static/button-static.component.js";
-import { SbbSecondaryButtonStatic as f } from "./button/secondary-button-static/secondary-button-static.component.js";
-import { SbbAccentButtonStatic as p } from "./button/accent-button-static/accent-button-static.component.js";
-import { SbbTransparentButtonStatic as m } from "./button/transparent-button-static/transparent-button-static.component.js";
-export { n as SbbAccentButton, l as SbbAccentButtonLink, p as SbbAccentButtonStatic, e as SbbButton, s as SbbButtonLink, d as SbbButtonStatic, i as SbbMiniButton, o as SbbMiniButtonGroup, a as SbbMiniButtonLink, t as SbbSecondaryButton, c as SbbSecondaryButtonLink, f as SbbSecondaryButtonStatic, r as SbbTransparentButton, u as SbbTransparentButtonLink, m as SbbTransparentButtonStatic };
+import{createComponent as e}from"./core.js";import{SbbAccentButtonElement as t,SbbAccentButtonLinkElement as n,SbbAccentButtonStaticElement as r,SbbButtonElement as i,SbbButtonLinkElement as a,SbbButtonStaticElement as o,SbbMiniButtonElement as s,SbbMiniButtonGroupElement as c,SbbMiniButtonLinkElement as l,SbbSecondaryButtonElement as u,SbbSecondaryButtonLinkElement as d,SbbSecondaryButtonStaticElement as f,SbbTransparentButtonElement as p,SbbTransparentButtonLinkElement as m,SbbTransparentButtonStaticElement as h}from"@sbb-esta/lyne-elements/button.pure.js";import g from"react";const _=e({tagName:`sbb-accent-button`,elementClass:t,react:g,events:{onValidity:`validity`}}),v=e({tagName:`sbb-accent-button-link`,elementClass:n,react:g}),y=e({tagName:`sbb-accent-button-static`,elementClass:r,react:g}),b=e({tagName:`sbb-button`,elementClass:i,react:g,events:{onValidity:`validity`}}),x=e({tagName:`sbb-button-link`,elementClass:a,react:g}),S=e({tagName:`sbb-button-static`,elementClass:o,react:g}),C=e({tagName:`sbb-mini-button`,elementClass:s,react:g,events:{onValidity:`validity`}}),w=e({tagName:`sbb-mini-button-group`,elementClass:c,react:g}),T=e({tagName:`sbb-mini-button-link`,elementClass:l,react:g}),E=e({tagName:`sbb-secondary-button`,elementClass:u,react:g,events:{onValidity:`validity`}}),D=e({tagName:`sbb-secondary-button-link`,elementClass:d,react:g}),O=e({tagName:`sbb-secondary-button-static`,elementClass:f,react:g}),k=e({tagName:`sbb-transparent-button`,elementClass:p,react:g,events:{onValidity:`validity`}}),A=e({tagName:`sbb-transparent-button-link`,elementClass:m,react:g}),j=e({tagName:`sbb-transparent-button-static`,elementClass:h,react:g});export{_ as SbbAccentButton,v as SbbAccentButtonLink,y as SbbAccentButtonStatic,b as SbbButton,x as SbbButtonLink,S as SbbButtonStatic,C as SbbMiniButton,w as SbbMiniButtonGroup,T as SbbMiniButtonLink,E as SbbSecondaryButton,D as SbbSecondaryButtonLink,O as SbbSecondaryButtonStatic,k as SbbTransparentButton,A as SbbTransparentButtonLink,j as SbbTransparentButtonStatic};

package/calendar.js

@@ -1,7 +1 @@
-import { SbbCalendarMonth as e } from "./calendar/calendar-month/calendar-month.component.js";
-import { SbbCalendarWeekday as t } from "./calendar/calendar-weekday/calendar-weekday.component.js";
-import { SbbCalendarWeeknumber as n } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { SbbCalendarYear as r } from "./calendar/calendar-year/calendar-year.component.js";
-import { SbbCalendar as i } from "./calendar/calendar/calendar.component.js";
-import { SbbCalendarDay as a } from "./calendar/calendar-day/calendar-day.component.js";
-export { i as SbbCalendar, a as SbbCalendarDay, e as SbbCalendarMonth, t as SbbCalendarWeekday, n as SbbCalendarWeeknumber, r as SbbCalendarYear };
+import{createComponent as e}from"./core.js";import{SbbCalendarDayElement as t,SbbCalendarElement as n,SbbCalendarMonthElement as r,SbbCalendarWeekdayElement as i,SbbCalendarWeeknumberElement as a,SbbCalendarYearElement as o}from"@sbb-esta/lyne-elements/calendar.pure.js";import s from"react";const c=e({tagName:`sbb-calendar`,elementClass:n,react:s,events:{onDateselected:`dateselected`,onInput:`input`,onChange:`change`,onMonthchange:`monthchange`,onValidity:`validity`}}),l=e({tagName:`sbb-calendar-day`,elementClass:t,react:s,events:{onValidity:`validity`}}),u=e({tagName:`sbb-calendar-month`,elementClass:r,react:s,events:{onValidity:`validity`}}),d=e({tagName:`sbb-calendar-weekday`,elementClass:i,react:s,events:{onValidity:`validity`}}),f=e({tagName:`sbb-calendar-weeknumber`,elementClass:a,react:s,events:{onValidity:`validity`}}),p=e({tagName:`sbb-calendar-year`,elementClass:o,react:s,events:{onValidity:`validity`}});export{c as SbbCalendar,l as SbbCalendarDay,u as SbbCalendarMonth,d as SbbCalendarWeekday,f as SbbCalendarWeeknumber,p as SbbCalendarYear};

package/card.js

@@ -1,5 +1 @@
-import { SbbCardBadge as e } from "./card/card-badge/card-badge.component.js";
-import { SbbCard as t } from "./card/card/card.component.js";
-import { SbbCardButton as n } from "./card/card-button/card-button.component.js";
-import { SbbCardLink as r } from "./card/card-link/card-link.component.js";
-export { t as SbbCard, e as SbbCardBadge, n as SbbCardButton, r as SbbCardLink };
+import{createComponent as e}from"./core.js";import{SbbCardBadgeElement as t,SbbCardButtonElement as n,SbbCardElement as r,SbbCardLinkElement as i}from"@sbb-esta/lyne-elements/card.pure.js";import a from"react";const o=e({tagName:`sbb-card`,elementClass:r,react:a}),s=e({tagName:`sbb-card-badge`,elementClass:t,react:a}),c=e({tagName:`sbb-card-button`,elementClass:n,react:a,events:{onValidity:`validity`}}),l=e({tagName:`sbb-card-link`,elementClass:i,react:a});export{o as SbbCard,s as SbbCardBadge,c as SbbCardButton,l as SbbCardLink};

package/carousel.js

@@ -1,4 +1 @@
-import { SbbCarouselItem as e } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselList as t } from "./carousel/carousel-list/carousel-list.component.js";
-import { SbbCarousel as n } from "./carousel/carousel/carousel.component.js";
-export { n as SbbCarousel, e as SbbCarouselItem, t as SbbCarouselList };
+import{createComponent as e}from"./core.js";import{SbbCarouselElement as t,SbbCarouselItemElement as n,SbbCarouselListElement as r}from"@sbb-esta/lyne-elements/carousel.pure.js";import i from"react";const a=e({tagName:`sbb-carousel`,elementClass:t,react:i}),o=e({tagName:`sbb-carousel-item`,elementClass:n,react:i,events:{onBeforeshow:`beforeshow`,onShow:`show`}}),s=e({tagName:`sbb-carousel-list`,elementClass:r,react:i});export{a as SbbCarousel,o as SbbCarouselItem,s as SbbCarouselList};

package/checkbox-group.js

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

package/checkbox-panel.js

@@ -1,2 +1 @@
-import { SbbCheckboxPanel as e } from "./checkbox-panel/checkbox-panel.component.js";
-export { e as SbbCheckboxPanel };
+import{createComponent as e}from"./core.js";import{SbbCheckboxPanelElement as t}from"@sbb-esta/lyne-elements/checkbox-panel.pure.js";import n from"react";const r=e({tagName:`sbb-checkbox-panel`,elementClass:t,react:n,events:{onChange:`change`,onInput:`input`,onValidity:`validity`}});export{r as SbbCheckboxPanel};

package/checkbox.js

@@ -1,2 +1 @@
-import { SbbCheckbox as e } from "./checkbox/checkbox.component.js";
-export { e as SbbCheckbox };
+import{createComponent as e}from"./core.js";import{SbbCheckboxElement as t}from"@sbb-esta/lyne-elements/checkbox.pure.js";import n from"react";const r=e({tagName:`sbb-checkbox`,elementClass:t,react:n,events:{onChange:`change`,onInput:`input`,onValidity:`validity`}});export{r as SbbCheckbox};

package/chip-label.js

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

package/chip.js

@@ -1,3 +1 @@
-import { SbbChip as e } from "./chip/chip/chip.component.js";
-import { SbbChipGroup as t } from "./chip/chip-group/chip-group.component.js";
-export { e as SbbChip, t as SbbChipGroup };
+import{createComponent as e}from"./core.js";import{SbbChipElement as t,SbbChipGroupElement as n}from"@sbb-esta/lyne-elements/chip.pure.js";import r from"react";const i=e({tagName:`sbb-chip`,elementClass:t,react:r}),a=e({tagName:`sbb-chip-group`,elementClass:n,react:r,events:{onInput:`input`,onChange:`change`,onChipinputtokenend:`chipinputtokenend`,onValidity:`validity`}});export{i as SbbChip,a as SbbChipGroup};

package/clock.js

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

package/container.js

@@ -1,3 +1 @@
-import { SbbContainer as e } from "./container/container/container.component.js";
-import { SbbStickyBar as t } from "./container/sticky-bar/sticky-bar.component.js";
-export { e as SbbContainer, t as SbbStickyBar };
+import{createComponent as e}from"./core.js";import{SbbContainerElement as t,SbbStickyBarElement as n}from"@sbb-esta/lyne-elements/container.pure.js";import r from"react";const i=e({tagName:`sbb-container`,elementClass:t,react:r}),a=e({tagName:`sbb-sticky-bar`,elementClass:n,react:r,events:{onStick:`stick`,onUnstick:`unstick`,onBeforestick:`beforestick`,onBeforeunstick:`beforeunstick`}});export{i as SbbContainer,a as SbbStickyBar};

package/core.js

@@ -1,2 +1,10 @@
-import { createComponent as e } from "./core/create-component.js";
-export { e as createComponent };
+import{isServer as e}from"lit";
+/**
+* Copied from https://github.com/lit/lit/blob/main/packages/react/src/create-component.ts
+* TODO: Can be removed once https://github.com/lit/lit/issues/4023 or https://github.com/lit/lit/pull/4476 is solved.
+*
+* @license
+* Copyright 2018 Google LLC
+* SPDX-License-Identifier: BSD-3-Clause
+*/
+const t=e,n=new Set([`children`,`localName`,`ref`,`style`,`className`,`id`]),r=new WeakMap,i=(e,t,n)=>{let i=r.get(e);i===void 0&&r.set(e,i=new Map);let a=i.get(t);n===void 0?a!==void 0&&(i.delete(t),e.removeEventListener(t,a)):a===void 0?(i.set(t,a={handleEvent:n}),e.addEventListener(t,a)):a.handleEvent=n},a=(e,t,n,r,a)=>{let o=a?.[t];if(o!==void 0){n!==r&&i(e,o,n);return}e[t]=n,n==null&&t in HTMLElement.prototype&&e.removeAttribute(t)},o=({react:e,tagName:r,elementClass:i,events:o,displayName:s})=>{i.finalize?.(),i.define?.();let c=new Set(Object.keys(o??{})),l=e.forwardRef((s,l)=>{let u=e.useRef(new Map),d=e.useRef(null),f={},p={},m=i.elementProperties;for(let[e,t]of Object.entries(s)){if(n.has(e)){f[e===`className`?`class`:e]=t;continue}else if(c.has(e)||e in i.prototype){let n=m?.get(e),r=n?.converter?.toAttribute;if(!n||n.attribute===!1||typeof t==`object`&&!r){p[e]=t;continue}let i=n.attribute===!0?e:n.attribute||e;n.type===Boolean?t?(f[i]=``,p[e]=t):p[e]=!1:f[i]=r?r(t):t;continue}f[e]=t}return t||(e.useLayoutEffect(()=>{if(d.current===null)return;let e=new Map;for(let t in p)a(d.current,t,s[t],u.current.get(t),o),u.current.delete(t),e.set(t,s[t]);for(let[e,t]of u.current)a(d.current,e,void 0,t,o);u.current=e}),e.useLayoutEffect(()=>{d.current?.removeAttribute(`defer-hydration`)},[])),t?(e.createElement.name===`litPatchedCreateElement`||globalThis.litSsrReactEnabled)&&Object.keys(p).length&&(f._$litProps$=p):f.suppressHydrationWarning=!0,e.createElement(r,{...f,ref:e.useCallback(e=>{d.current=e,typeof l==`function`?l(e):l!==null&&(l.current=e)},[l])})});return l.displayName=s??i.name,l};export{o as createComponent};

package/date-input.js

@@ -1,2 +1 @@
-import { SbbDateInput as e } from "./date-input/date-input.component.js";
-export { e as SbbDateInput };
+import{createComponent as e}from"./core.js";import{SbbDateInputElement as t}from"@sbb-esta/lyne-elements/date-input.pure.js";import n from"react";const r=e({tagName:`sbb-date-input`,elementClass:t,react:n,events:{onInput:`input`,onChange:`change`,onValidity:`validity`}});export{r as SbbDateInput};

package/datepicker.js

@@ -1,5 +1 @@
-import { SbbDatepickerNextDay as e } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
-import { SbbDatepickerPreviousDay as t } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
-import { SbbDatepicker as n } from "./datepicker/datepicker/datepicker.component.js";
-import { SbbDatepickerToggle as r } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-export { n as SbbDatepicker, e as SbbDatepickerNextDay, t as SbbDatepickerPreviousDay, r as SbbDatepickerToggle };
+import{createComponent as e}from"./core.js";import{SbbDatepickerElement as t,SbbDatepickerNextDayElement as n,SbbDatepickerPreviousDayElement as r,SbbDatepickerToggleElement as i}from"@sbb-esta/lyne-elements/datepicker.pure.js";import"@sbb-esta/lyne-elements/calendar.pure.js";import"@sbb-esta/lyne-elements/popover.pure.js";import a from"react";const o=e({tagName:`sbb-datepicker`,elementClass:t,react:a,events:{onDateselected:`dateselected`,onChange:`change`,onInput:`input`,onBeforeclose:`beforeclose`,onClose:`close`,onBeforeopen:`beforeopen`,onOpen:`open`}}),s=e({tagName:`sbb-datepicker-next-day`,elementClass:n,react:a,events:{onChange:`change`,onInput:`input`,onValidity:`validity`}}),c=e({tagName:`sbb-datepicker-previous-day`,elementClass:r,react:a,events:{onChange:`change`,onInput:`input`,onValidity:`validity`}}),l=e({tagName:`sbb-datepicker-toggle`,elementClass:i,react:a,events:{onChange:`change`,onInput:`input`,onValidity:`validity`}});export{o as SbbDatepicker,s as SbbDatepickerNextDay,c as SbbDatepickerPreviousDay,l as SbbDatepickerToggle};

package/development/accordion/accordion.component.d.ts

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

package/development/accordion.d.ts

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

package/development/accordion.js

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

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

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

package/development/action-group.d.ts

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

package/development/action-group.js

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

package/development/alert/alert/alert.component.d.ts

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

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

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

package/development/alert.d.ts

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

package/development/alert.js

@@ -1,3 +1,28 @@
-import { SbbAlert } from "./alert/alert/alert.component.js";
-import { SbbAlertGroup } from "./alert/alert-group/alert-group.component.js";
-export { SbbAlert, SbbAlertGroup };
+import { createComponent } from "./core.js";
+import { SbbAlertElement, SbbAlertGroupElement } from "@sbb-esta/lyne-elements/alert.pure.js";
+import react from "react";
+
+//#region src/react/alert/alert/alert.component.ts
+const SbbAlert = createComponent({
+	tagName: "sbb-alert",
+	elementClass: SbbAlertElement,
+	react,
+	events: {
+		"onBeforeopen": "beforeopen",
+		"onOpen": "open",
+		"onBeforeclose": "beforeclose",
+		"onClose": "close"
+	}
+});
+
+//#endregion
+//#region src/react/alert/alert-group/alert-group.component.ts
+const SbbAlertGroup = createComponent({
+	tagName: "sbb-alert-group",
+	elementClass: SbbAlertGroupElement,
+	react,
+	events: { "onEmpty": "empty" }
+});
+
+//#endregion
+export { SbbAlert, SbbAlertGroup };

package/development/autocomplete/autocomplete.component.d.ts

@@ -1,4 +1,4 @@
-import { EventName } from '../core.js';
+import { type EventName } from '../core.js';
 import { SbbAutocompleteElement } from '@sbb-esta/lyne-elements/autocomplete.pure.js';
 declare class SbbAutocompleteComponentType extends SbbAutocompleteElement {
     set origin(value: string | SbbAutocompleteElement['origin']);
@@ -6,7 +6,7 @@ declare class SbbAutocompleteComponentType extends SbbAutocompleteElement {
     set trigger(value: string | SbbAutocompleteElement['trigger']);
     get trigger(): string | SbbAutocompleteElement['trigger'];
 }
-export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteComponentType, {
+export declare const SbbAutocomplete: import("../core.js").ReactWebComponent<SbbAutocompleteComponentType, {
     onChange: EventName<Event>;
     onInput: EventName<InputEvent>;
     onBeforeopen: EventName<Event>;
@@ -15,4 +15,3 @@ export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<Sbb
     onClose: EventName<Event>;
 }>;
 export {};
-//# sourceMappingURL=autocomplete.component.d.ts.map

package/development/autocomplete.d.ts

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

package/development/autocomplete.js

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

package/development/breadcrumb/breadcrumb/breadcrumb.component.d.ts

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

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

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

package/development/breadcrumb.d.ts

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

package/development/breadcrumb.js

@@ -1,3 +1,21 @@
-import { SbbBreadcrumb } from "./breadcrumb/breadcrumb/breadcrumb.component.js";
-import { SbbBreadcrumbGroup } from "./breadcrumb/breadcrumb-group/breadcrumb-group.component.js";
-export { SbbBreadcrumb, SbbBreadcrumbGroup };
+import { createComponent } from "./core.js";
+import { SbbBreadcrumbElement, SbbBreadcrumbGroupElement } from "@sbb-esta/lyne-elements/breadcrumb.pure.js";
+import react from "react";
+
+//#region src/react/breadcrumb/breadcrumb/breadcrumb.component.ts
+const SbbBreadcrumb = createComponent({
+	tagName: "sbb-breadcrumb",
+	elementClass: SbbBreadcrumbElement,
+	react
+});
+
+//#endregion
+//#region src/react/breadcrumb/breadcrumb-group/breadcrumb-group.component.ts
+const SbbBreadcrumbGroup = createComponent({
+	tagName: "sbb-breadcrumb-group",
+	elementClass: SbbBreadcrumbGroupElement,
+	react
+});
+
+//#endregion
+export { SbbBreadcrumb, SbbBreadcrumbGroup };

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

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

package/development/button/accent-button-link/accent-button-link.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbAccentButtonLinkComponentType extends SbbAccentButtonLinkElemen
     set size(value: string | SbbAccentButtonLinkElement['size']);
     get size(): string | SbbAccentButtonLinkElement['size'];
 }
-export declare const SbbAccentButtonLink: import('../../core.js').ReactWebComponent<SbbAccentButtonLinkComponentType, {}>;
+export declare const SbbAccentButtonLink: import("../../core.js").ReactWebComponent<SbbAccentButtonLinkComponentType, {}>;
 export {};
-//# sourceMappingURL=accent-button-link.component.d.ts.map

package/development/button/accent-button-static/accent-button-static.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbAccentButtonStaticComponentType extends SbbAccentButtonStaticEl
     set size(value: string | SbbAccentButtonStaticElement['size']);
     get size(): string | SbbAccentButtonStaticElement['size'];
 }
-export declare const SbbAccentButtonStatic: import('../../core.js').ReactWebComponent<SbbAccentButtonStaticComponentType, {}>;
+export declare const SbbAccentButtonStatic: import("../../core.js").ReactWebComponent<SbbAccentButtonStaticComponentType, {}>;
 export {};
-//# sourceMappingURL=accent-button-static.component.d.ts.map

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

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

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

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

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

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

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

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

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

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

package/development/button/mini-button-link/mini-button-link.component.d.ts

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

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

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

package/development/button/secondary-button-link/secondary-button-link.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbSecondaryButtonLinkComponentType extends SbbSecondaryButtonLink
     set size(value: string | SbbSecondaryButtonLinkElement['size']);
     get size(): string | SbbSecondaryButtonLinkElement['size'];
 }
-export declare const SbbSecondaryButtonLink: import('../../core.js').ReactWebComponent<SbbSecondaryButtonLinkComponentType, {}>;
+export declare const SbbSecondaryButtonLink: import("../../core.js").ReactWebComponent<SbbSecondaryButtonLinkComponentType, {}>;
 export {};
-//# sourceMappingURL=secondary-button-link.component.d.ts.map

package/development/button/secondary-button-static/secondary-button-static.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbSecondaryButtonStaticComponentType extends SbbSecondaryButtonSt
     set size(value: string | SbbSecondaryButtonStaticElement['size']);
     get size(): string | SbbSecondaryButtonStaticElement['size'];
 }
-export declare const SbbSecondaryButtonStatic: import('../../core.js').ReactWebComponent<SbbSecondaryButtonStaticComponentType, {}>;
+export declare const SbbSecondaryButtonStatic: import("../../core.js").ReactWebComponent<SbbSecondaryButtonStaticComponentType, {}>;
 export {};
-//# sourceMappingURL=secondary-button-static.component.d.ts.map

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

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

package/development/button/transparent-button-link/transparent-button-link.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbTransparentButtonLinkComponentType extends SbbTransparentButton
     set size(value: string | SbbTransparentButtonLinkElement['size']);
     get size(): string | SbbTransparentButtonLinkElement['size'];
 }
-export declare const SbbTransparentButtonLink: import('../../core.js').ReactWebComponent<SbbTransparentButtonLinkComponentType, {}>;
+export declare const SbbTransparentButtonLink: import("../../core.js").ReactWebComponent<SbbTransparentButtonLinkComponentType, {}>;
 export {};
-//# sourceMappingURL=transparent-button-link.component.d.ts.map

package/development/button/transparent-button-static/transparent-button-static.component.d.ts

@@ -3,6 +3,5 @@ declare class SbbTransparentButtonStaticComponentType extends SbbTransparentButt
     set size(value: string | SbbTransparentButtonStaticElement['size']);
     get size(): string | SbbTransparentButtonStaticElement['size'];
 }
-export declare const SbbTransparentButtonStatic: import('../../core.js').ReactWebComponent<SbbTransparentButtonStaticComponentType, {}>;
+export declare const SbbTransparentButtonStatic: import("../../core.js").ReactWebComponent<SbbTransparentButtonStaticComponentType, {}>;
 export {};
-//# sourceMappingURL=transparent-button-static.component.d.ts.map

package/development/button.d.ts

@@ -14,4 +14,3 @@ export * from './button/secondary-button-static/secondary-button-static.componen
 export * from './button/transparent-button/transparent-button.component.js';
 export * from './button/transparent-button-link/transparent-button-link.component.js';
 export * from './button/transparent-button-static/transparent-button-static.component.js';
-//# sourceMappingURL=button.d.ts.map