@sbb-esta/lyne-react 1.15.0 → 1.16.0

package/development/button/mini-button-group.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbMiniButtonGroupElement } from "@sbb-esta/lyne-elements/button/mini-button-group.js";
+import react from "react";
 const SbbMiniButtonGroup = createComponent({
   tagName: "sbb-mini-button-group",
   elementClass: SbbMiniButtonGroupElement,

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

@@ -1,4 +1,3 @@
 import { SbbMiniButtonElement } from '@sbb-esta/lyne-elements/button/mini-button.js';
-import { default as react } from 'react';
-export declare const SbbMiniButton: react.ComponentType<Omit<react.HTMLAttributes<SbbMiniButtonElement>, "form" | "value" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "disabledInteractive" | "renderOptions" | "negative" | "iconName"> & {} & Partial<Omit<SbbMiniButtonElement, keyof HTMLElement>> & react.RefAttributes<SbbMiniButtonElement>>;
+export declare const SbbMiniButton: import('../core.js').ReactWebComponent<SbbMiniButtonElement, {}>;
 //# sourceMappingURL=mini-button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/react/button/mini-button.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,aAAa,gfAIvB,CAAC"}
+{"version":3,"file":"mini-button.d.ts","sourceRoot":"","sources":["../../../../src/react/button/mini-button.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAIrF,eAAO,MAAM,aAAa,kEAIxB,CAAC"}

package/development/button/mini-button.js

@@ -1,12 +1,11 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbMiniButtonElement } from "@sbb-esta/lyne-elements/button/mini-button.js";
 import react from "react";
-const SbbMiniButton = withSsrDataSlotNames(createComponent({
+const SbbMiniButton = createComponent({
   tagName: "sbb-mini-button",
   elementClass: SbbMiniButtonElement,
   react
-}));
+});
 export {
   SbbMiniButton
 };

package/development/button/secondary-button-link.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbSecondaryButtonLinkElement } from "@sbb-esta/lyne-elements/button/secondary-button-link.js";
+import react from "react";
 const SbbSecondaryButtonLink = createComponent({
   tagName: "sbb-secondary-button-link",
   elementClass: SbbSecondaryButtonLinkElement,

package/development/button/secondary-button-static.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbSecondaryButtonStaticElement } from "@sbb-esta/lyne-elements/button/secondary-button-static.js";
+import react from "react";
 const SbbSecondaryButtonStatic = createComponent({
   tagName: "sbb-secondary-button-static",
   elementClass: SbbSecondaryButtonStaticElement,

package/development/button/secondary-button.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbSecondaryButtonElement } from "@sbb-esta/lyne-elements/button/secondary-button.js";
+import react from "react";
 const SbbSecondaryButton = createComponent({
   tagName: "sbb-secondary-button",
   elementClass: SbbSecondaryButtonElement,

package/development/button/tertiary-button-link.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTertiaryButtonLinkElement } from "@sbb-esta/lyne-elements/button/tertiary-button-link.js";
+import react from "react";
 const SbbTertiaryButtonLink = createComponent({
   tagName: "sbb-tertiary-button-link",
   elementClass: SbbTertiaryButtonLinkElement,

package/development/button/tertiary-button-static.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTertiaryButtonStaticElement } from "@sbb-esta/lyne-elements/button/tertiary-button-static.js";
+import react from "react";
 const SbbTertiaryButtonStatic = createComponent({
   tagName: "sbb-tertiary-button-static",
   elementClass: SbbTertiaryButtonStaticElement,

package/development/button/tertiary-button.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTertiaryButtonElement } from "@sbb-esta/lyne-elements/button/tertiary-button.js";
+import react from "react";
 const SbbTertiaryButton = createComponent({
   tagName: "sbb-tertiary-button",
   elementClass: SbbTertiaryButtonElement,

package/development/button/transparent-button-link.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTransparentButtonLinkElement } from "@sbb-esta/lyne-elements/button/transparent-button-link.js";
+import react from "react";
 const SbbTransparentButtonLink = createComponent({
   tagName: "sbb-transparent-button-link",
   elementClass: SbbTransparentButtonLinkElement,

package/development/button/transparent-button-static.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTransparentButtonStaticElement } from "@sbb-esta/lyne-elements/button/transparent-button-static.js";
+import react from "react";
 const SbbTransparentButtonStatic = createComponent({
   tagName: "sbb-transparent-button-static",
   elementClass: SbbTransparentButtonStaticElement,

package/development/button/transparent-button.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbTransparentButtonElement } from "@sbb-esta/lyne-elements/button/transparent-button.js";
+import react from "react";
 const SbbTransparentButton = createComponent({
   tagName: "sbb-transparent-button",
   elementClass: SbbTransparentButtonElement,

package/development/calendar.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbCalendarElement } from "@sbb-esta/lyne-elements/calendar.js";
+import react from "react";
 const SbbCalendar = createComponent({
   tagName: "sbb-calendar",
   elementClass: SbbCalendarElement,

package/development/card/card-badge.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbCardBadgeElement } from "@sbb-esta/lyne-elements/card/card-badge.js";
+import react from "react";
 const SbbCardBadge = createComponent({
   tagName: "sbb-card-badge",
   elementClass: SbbCardBadgeElement,

package/development/card/card-button.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbCardButtonElement } from "@sbb-esta/lyne-elements/card/card-button.js";
+import react from "react";
 const SbbCardButton = createComponent({
   tagName: "sbb-card-button",
   elementClass: SbbCardButtonElement,

package/development/card/card-link.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbCardLinkElement } from "@sbb-esta/lyne-elements/card/card-link.js";
+import react from "react";
 const SbbCardLink = createComponent({
   tagName: "sbb-card-link",
   elementClass: SbbCardLinkElement,

package/development/card/card.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbCardElement } from "@sbb-esta/lyne-elements/card/card.js";
+import react from "react";
 const SbbCard = createComponent({
   tagName: "sbb-card",
   elementClass: SbbCardElement,

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

@@ -1,4 +1,3 @@
 import { SbbCheckboxGroupElement } from '@sbb-esta/lyne-elements/checkbox/checkbox-group.js';
-import { default as react } from 'react';
-export declare const SbbCheckboxGroup: react.ComponentType<Omit<react.HTMLAttributes<SbbCheckboxGroupElement>, "disabled" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "required" | "size" | "orientation" | "horizontalFrom" | "checkboxes"> & {} & Partial<Omit<SbbCheckboxGroupElement, keyof HTMLElement>> & react.RefAttributes<SbbCheckboxGroupElement>>;
+export declare const SbbCheckboxGroup: import('../core.js').ReactWebComponent<SbbCheckboxGroupElement, {}>;
 //# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB,0eAI1B,CAAC"}
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox-group.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB,qEAI3B,CAAC"}

package/development/checkbox/checkbox-group.js

@@ -1,12 +1,11 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbCheckboxGroupElement } from "@sbb-esta/lyne-elements/checkbox/checkbox-group.js";
 import react from "react";
-const SbbCheckboxGroup = withSsrDataSlotNames(createComponent({
+const SbbCheckboxGroup = createComponent({
   tagName: "sbb-checkbox-group",
   elementClass: SbbCheckboxGroupElement,
   react
-}));
+});
 export {
   SbbCheckboxGroup
 };

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

@@ -1,9 +1,8 @@
 import { EventName } from '../core.js';
 import { SbbCheckboxPanelElement } from '@sbb-esta/lyne-elements/checkbox/checkbox-panel.js';
-import { default as react } from 'react';
-export declare const SbbCheckboxPanel: react.ComponentType<Omit<react.HTMLAttributes<SbbCheckboxPanelElement>, "color" | "onChange" | "onInput" | "form" | "group" | "value" | "checked" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "renderOptions" | "validity" | "validationMessage" | "willValidate" | "checkValidity" | "reportValidity" | "formAssociatedCallback" | "formDisabledCallback" | "formResetCallback" | "formStateRestoreCallback" | "required" | "borderless" | "expansionState" | "size" | "indeterminate" | "onDidChange"> & {
-    onDidChange?: EventName<CustomEvent<void>>;
-    onChange?: EventName<Event>;
-    onInput?: EventName<InputEvent>;
-} & Partial<Omit<SbbCheckboxPanelElement, keyof HTMLElement>> & react.RefAttributes<SbbCheckboxPanelElement>>;
+export declare const SbbCheckboxPanel: import('../core.js').ReactWebComponent<SbbCheckboxPanelElement, {
+    onDidChange: EventName<CustomEvent<void>>;
+    onChange: EventName<Event>;
+    onInput: EventName<InputEvent>;
+}>;
 //# sourceMappingURL=checkbox-panel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox-panel.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,gBAAgB;kBAKG,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAClC,SAAS,CAAC,KAAK,CAAC;cAClB,SAAS,CAAC,UAAU,CAAC;6GAG1C,CAAC"}
+{"version":3,"file":"checkbox-panel.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox-panel.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB;iBAKG,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;cAClC,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}

package/development/checkbox/checkbox-panel.js

@@ -1,8 +1,7 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbCheckboxPanelElement } from "@sbb-esta/lyne-elements/checkbox/checkbox-panel.js";
 import react from "react";
-const SbbCheckboxPanel = withSsrDataSlotNames(createComponent({
+const SbbCheckboxPanel = createComponent({
   tagName: "sbb-checkbox-panel",
   elementClass: SbbCheckboxPanelElement,
   react,
@@ -11,7 +10,7 @@ const SbbCheckboxPanel = withSsrDataSlotNames(createComponent({
     "onChange": "change",
     "onInput": "input"
   }
-}));
+});
 export {
   SbbCheckboxPanel
 };

package/development/checkbox/checkbox.d.ts

@@ -1,9 +1,8 @@
 import { EventName } from '../core.js';
 import { SbbCheckboxElement } from '@sbb-esta/lyne-elements/checkbox/checkbox.js';
-import { default as react } from 'react';
-export declare const SbbCheckbox: react.ComponentType<Omit<react.HTMLAttributes<SbbCheckboxElement>, "onChange" | "onInput" | "form" | "group" | "value" | "checked" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "renderOptions" | "validity" | "validationMessage" | "willValidate" | "checkValidity" | "reportValidity" | "formAssociatedCallback" | "formDisabledCallback" | "formResetCallback" | "formStateRestoreCallback" | "required" | "iconName" | "size" | "iconPlacement" | "indeterminate" | "onDidChange"> & {
-    onDidChange?: EventName<CustomEvent<void>>;
-    onChange?: EventName<Event>;
-    onInput?: EventName<InputEvent>;
-} & Partial<Omit<SbbCheckboxElement, keyof HTMLElement>> & react.RefAttributes<SbbCheckboxElement>>;
+export declare const SbbCheckbox: import('../core.js').ReactWebComponent<SbbCheckboxElement, {
+    onDidChange: EventName<CustomEvent<void>>;
+    onChange: EventName<Event>;
+    onInput: EventName<InputEvent>;
+}>;
 //# sourceMappingURL=checkbox.d.ts.map

package/development/checkbox/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,WAAW;kBAKQ,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAClC,SAAS,CAAC,KAAK,CAAC;cAClB,SAAS,CAAC,UAAU,CAAC;mGAG1C,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/react/checkbox/checkbox.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAIlF,eAAO,MAAM,WAAW;iBAKQ,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;cAClC,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}

package/development/checkbox/checkbox.js

@@ -1,8 +1,7 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbCheckboxElement } from "@sbb-esta/lyne-elements/checkbox/checkbox.js";
 import react from "react";
-const SbbCheckbox = withSsrDataSlotNames(createComponent({
+const SbbCheckbox = createComponent({
   tagName: "sbb-checkbox",
   elementClass: SbbCheckboxElement,
   react,
@@ -11,7 +10,7 @@ const SbbCheckbox = withSsrDataSlotNames(createComponent({
     "onChange": "change",
     "onInput": "input"
   }
-}));
+});
 export {
   SbbCheckbox
 };

package/development/chip.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbChipElement } from "@sbb-esta/lyne-elements/chip.js";
+import react from "react";
 const SbbChip = createComponent({
   tagName: "sbb-chip",
   elementClass: SbbChipElement,

package/development/clock.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbClockElement } from "@sbb-esta/lyne-elements/clock.js";
+import react from "react";
 const SbbClock = createComponent({
   tagName: "sbb-clock",
   elementClass: SbbClockElement,

package/development/container/container.d.ts

@@ -1,4 +1,3 @@
 import { SbbContainerElement } from '@sbb-esta/lyne-elements/container/container.js';
-import { default as react } from 'react';
-export declare const SbbContainer: react.ComponentType<Omit<react.HTMLAttributes<SbbContainerElement>, "color" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "expanded" | "backgroundExpanded"> & {} & Partial<Omit<SbbContainerElement, keyof HTMLElement>> & react.RefAttributes<SbbContainerElement>>;
+export declare const SbbContainer: import('../core.js').ReactWebComponent<SbbContainerElement, {}>;
 //# sourceMappingURL=container.d.ts.map

package/development/container/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/react/container/container.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,YAAY,ubAItB,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/react/container/container.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAIrF,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

package/development/container/container.js

@@ -1,12 +1,11 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbContainerElement } from "@sbb-esta/lyne-elements/container/container.js";
 import react from "react";
-const SbbContainer = withSsrDataSlotNames(createComponent({
+const SbbContainer = createComponent({
   tagName: "sbb-container",
   elementClass: SbbContainerElement,
   react
-}));
+});
 export {
   SbbContainer
 };

package/development/container/sticky-bar.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbStickyBarElement } from "@sbb-esta/lyne-elements/container/sticky-bar.js";
+import react from "react";
 const SbbStickyBar = createComponent({
   tagName: "sbb-sticky-bar",
   elementClass: SbbStickyBarElement,

package/development/core.d.ts

@@ -1,3 +1,2 @@
 export * from './core/create-component.js';
-export * from './core/ssr-extensions.js';
 //# sourceMappingURL=core.d.ts.map

package/development/core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/react/core.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"core.d.ts","sourceRoot":"","sources":["../../../src/react/core.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/development/core.js

@@ -1,7 +1,4 @@
 import { c } from "./create-component-CSki5eOq.js";
-import { a, w } from "./ssr-extensions-CqgUbNPR.js";
 export {
-  c as createComponent,
-  a as withSsrDataChildCount,
-  w as withSsrDataSlotNames
+  c as createComponent
 };

package/development/datepicker/datepicker-next-day.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDatepickerNextDayElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-next-day.js";
+import react from "react";
 const SbbDatepickerNextDay = createComponent({
   tagName: "sbb-datepicker-next-day",
   elementClass: SbbDatepickerNextDayElement,

package/development/datepicker/datepicker-previous-day.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDatepickerPreviousDayElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-previous-day.js";
+import react from "react";
 const SbbDatepickerPreviousDay = createComponent({
   tagName: "sbb-datepicker-previous-day",
   elementClass: SbbDatepickerPreviousDayElement,

package/development/datepicker/datepicker-toggle.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDatepickerToggleElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-toggle.js";
+import react from "react";
 const SbbDatepickerToggle = createComponent({
   tagName: "sbb-datepicker-toggle",
   elementClass: SbbDatepickerToggleElement,

package/development/datepicker/datepicker.js

@@ -1,8 +1,7 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDatepickerElement } from "@sbb-esta/lyne-elements/datepicker/datepicker.js";
 import "@sbb-esta/lyne-elements/core/interfaces.js";
+import react from "react";
 const SbbDatepicker = createComponent({
   tagName: "sbb-datepicker",
   elementClass: SbbDatepickerElement,

package/development/dialog/dialog-actions.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDialogActionsElement } from "@sbb-esta/lyne-elements/dialog/dialog-actions.js";
+import react from "react";
 const SbbDialogActions = createComponent({
   tagName: "sbb-dialog-actions",
   elementClass: SbbDialogActionsElement,

package/development/dialog/dialog-content.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDialogContentElement } from "@sbb-esta/lyne-elements/dialog/dialog-content.js";
+import react from "react";
 const SbbDialogContent = createComponent({
   tagName: "sbb-dialog-content",
   elementClass: SbbDialogContentElement,

package/development/dialog/dialog-title.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDialogTitleElement } from "@sbb-esta/lyne-elements/dialog/dialog-title.js";
+import react from "react";
 const SbbDialogTitle = createComponent({
   tagName: "sbb-dialog-title",
   elementClass: SbbDialogTitleElement,

package/development/dialog/dialog.js

@@ -1,8 +1,7 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDialogElement } from "@sbb-esta/lyne-elements/dialog/dialog.js";
 import "@sbb-esta/lyne-elements/core/interfaces.js";
+import react from "react";
 const SbbDialog = createComponent({
   tagName: "sbb-dialog",
   elementClass: SbbDialogElement,

package/development/divider.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbDividerElement } from "@sbb-esta/lyne-elements/divider.js";
+import react from "react";
 const SbbDivider = createComponent({
   tagName: "sbb-divider",
   elementClass: SbbDividerElement,

package/development/expansion-panel/expansion-panel-content.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbExpansionPanelContentElement } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel-content.js";
+import react from "react";
 const SbbExpansionPanelContent = createComponent({
   tagName: "sbb-expansion-panel-content",
   elementClass: SbbExpansionPanelContentElement,

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

@@ -1,7 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbExpansionPanelHeaderElement } from '@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js';
-import { default as react } from 'react';
-export declare const SbbExpansionPanelHeader: react.ComponentType<Omit<react.HTMLAttributes<SbbExpansionPanelHeaderElement>, "form" | "value" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "disabledInteractive" | "renderOptions" | "iconName" | "onToggleExpanded"> & {
-    onToggleExpanded?: EventName<CustomEvent<void>>;
-} & Partial<Omit<SbbExpansionPanelHeaderElement, keyof HTMLElement>> & react.RefAttributes<SbbExpansionPanelHeaderElement>>;
+export declare const SbbExpansionPanelHeader: import('../core.js').ReactWebComponent<SbbExpansionPanelHeaderElement, {
+    onToggleExpanded: EventName<CustomEvent<void>>;
+}>;
 //# sourceMappingURL=expansion-panel-header.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel-header.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AACnH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,uBAAuB;uBAKM,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;2HAGnE,CAAC"}
+{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel-header.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AAInH,eAAO,MAAM,uBAAuB;sBAKM,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpE,CAAC"}

package/development/expansion-panel/expansion-panel-header.js

@@ -1,15 +1,14 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbExpansionPanelHeaderElement } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js";
 import react from "react";
-const SbbExpansionPanelHeader = withSsrDataSlotNames(createComponent({
+const SbbExpansionPanelHeader = createComponent({
   tagName: "sbb-expansion-panel-header",
   elementClass: SbbExpansionPanelHeaderElement,
   react,
   events: {
     "onToggleExpanded": "toggleExpanded"
   }
-}));
+});
 export {
   SbbExpansionPanelHeader
 };

package/development/expansion-panel/expansion-panel.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbExpansionPanelElement } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel.js";
+import react from "react";
 const SbbExpansionPanel = createComponent({
   tagName: "sbb-expansion-panel",
   elementClass: SbbExpansionPanelElement,

package/development/file-selector.d.ts

@@ -1,9 +1,8 @@
 import { EventName } from './core.js';
 import { SbbFileSelectorElement } from '@sbb-esta/lyne-elements/file-selector.js';
-import { default as react } from 'react';
-export declare const SbbFileSelector: react.ComponentType<Omit<react.HTMLAttributes<SbbFileSelectorElement>, "onChange" | "onInput" | "form" | "value" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "renderOptions" | "validity" | "validationMessage" | "willValidate" | "checkValidity" | "reportValidity" | "formAssociatedCallback" | "formDisabledCallback" | "formResetCallback" | "formStateRestoreCallback" | "multiple" | "accessibilityLabel" | "size" | "variant" | "multipleMode" | "accept" | "titleContent" | "files" | "onFileChanged" | "getFiles"> & {
-    onInput?: EventName<Event>;
-    onChange?: EventName<Event>;
-    onFileChanged?: EventName<CustomEvent<File[]>>;
-} & Partial<Omit<SbbFileSelectorElement, keyof HTMLElement>> & react.RefAttributes<SbbFileSelectorElement>>;
+export declare const SbbFileSelector: import('./core.js').ReactWebComponent<SbbFileSelectorElement, {
+    onInput: EventName<Event>;
+    onChange: EventName<Event>;
+    onFileChanged: EventName<CustomEvent<File[]>>;
+}>;
 //# sourceMappingURL=file-selector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/react/file-selector.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe;cAKJ,SAAS,CAAC,KAAK,CAAC;eACd,SAAS,CAAC,KAAK,CAAC;oBACN,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;2GAG/D,CAAC"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/react/file-selector.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAIlF,eAAO,MAAM,eAAe;aAKJ,SAAS,CAAC,KAAK,CAAC;cACd,SAAS,CAAC,KAAK,CAAC;mBACN,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC,CAAC;EAGhE,CAAC"}

package/development/file-selector.js

@@ -1,8 +1,7 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import { w as withSsrDataSlotNames } from "./ssr-extensions-CqgUbNPR.js";
 import { SbbFileSelectorElement } from "@sbb-esta/lyne-elements/file-selector.js";
 import react from "react";
-const SbbFileSelector = withSsrDataSlotNames(createComponent({
+const SbbFileSelector = createComponent({
   tagName: "sbb-file-selector",
   elementClass: SbbFileSelectorElement,
   react,
@@ -11,7 +10,7 @@ const SbbFileSelector = withSsrDataSlotNames(createComponent({
     "onChange": "change",
     "onFileChanged": "fileChanged"
   }
-}));
+});
 export {
   SbbFileSelector
 };

package/development/flip-card/flip-card-details.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbFlipCardDetailsElement } from "@sbb-esta/lyne-elements/flip-card/flip-card-details.js";
+import react from "react";
 const SbbFlipCardDetails = createComponent({
   tagName: "sbb-flip-card-details",
   elementClass: SbbFlipCardDetailsElement,

package/development/flip-card/flip-card-summary.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbFlipCardSummaryElement } from "@sbb-esta/lyne-elements/flip-card/flip-card-summary.js";
+import react from "react";
 const SbbFlipCardSummary = createComponent({
   tagName: "sbb-flip-card-summary",
   elementClass: SbbFlipCardSummaryElement,

package/development/flip-card/flip-card.js

@@ -1,7 +1,6 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
 import { SbbFlipCardElement } from "@sbb-esta/lyne-elements/flip-card/flip-card.js";
+import react from "react";
 const SbbFlipCard = createComponent({
   tagName: "sbb-flip-card",
   elementClass: SbbFlipCardElement,