@sbb-esta/lyne-react 1.14.0 → 1.14.1

package/development/core.js

@@ -1,51 +1,7 @@
 import { c } from "./create-component-CSki5eOq.js";
-import { isServer } from "lit";
-import react, { Children, isValidElement } from "react";
-const withSsrDataSlotNames = (component) => {
-  return !isServer ? component : (originalProps) => {
-    const props = originalProps;
-    if (!props.children) {
-      return react.createElement(component, props);
-    }
-    const slots = /* @__PURE__ */ new Set();
-    Children.forEach(props.children, (child) => slots.add(typeof child === "object" && !!child && "props" in child && "slot" in child.props && child.props.slot || "unnamed"));
-    if (!slots.size) {
-      return react.createElement(component, props);
-    }
-    const innerProps = {
-      ...props,
-      "data-named-slots": [...slots].sort().join(" ")
-    };
-    return react.createElement(component, innerProps);
-  };
-};
-function hasDisplayName(type) {
-  return typeof type.displayName === "string";
-}
-const withSsrDataChildCount = (childNames, component) => {
-  return !isServer ? component : (originalProps) => {
-    const props = originalProps;
-    if (!props.children) {
-      return react.createElement(component, props);
-    }
-    let counter = 0;
-    Children.forEach(props.children, (child) => {
-      if (isValidElement(child) && hasDisplayName(child.type) && childNames.includes(child.type.displayName)) {
-        counter += 1;
-      }
-    });
-    if (!counter) {
-      return react.createElement(component, props);
-    }
-    const innerProps = {
-      ...props,
-      "data-ssr-child-count": counter
-    };
-    return react.createElement(component, innerProps);
-  };
-};
+import { a, w } from "./ssr-extensions-CqgUbNPR.js";
 export {
   c as createComponent,
-  withSsrDataChildCount,
-  withSsrDataSlotNames
+  a as withSsrDataChildCount,
+  w as withSsrDataSlotNames
 };

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

@@ -1,6 +1,6 @@
-import { EventName } from '../core.js';
 import { SbbExpansionPanelHeaderElement } from '@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js';
-export declare const SbbExpansionPanelHeader: import('../core.js').ReactWebComponent<SbbExpansionPanelHeaderElement, {
-    onToggleExpanded: EventName<CustomEvent<void>>;
-}>;
+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?: ((e: CustomEvent<void>) => void) | undefined;
+} & Partial<Omit<SbbExpansionPanelHeaderElement, keyof HTMLElement>> & react.RefAttributes<SbbExpansionPanelHeaderElement>>;
 //# 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;AAInH,eAAO,MAAM,uBAAuB;sBAKM,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpE,CAAC"}
+{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel-header.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AACnH,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,uBAAuB;;2HAQjC,CAAC"}

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

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

package/development/file-selector.d.ts

@@ -1,8 +1,8 @@
-import { EventName } from './core.js';
 import { SbbFileSelectorElement } from '@sbb-esta/lyne-elements/file-selector.js';
-export declare const SbbFileSelector: import('./core.js').ReactWebComponent<SbbFileSelectorElement, {
-    onInput: EventName<Event>;
-    onChange: EventName<Event>;
-    onFileChanged: EventName<CustomEvent<File[]>>;
-}>;
+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?: ((e: Event) => void) | undefined;
+    onChange?: ((e: Event) => void) | undefined;
+    onFileChanged?: ((e: CustomEvent<File[]>) => void) | undefined;
+} & Partial<Omit<SbbFileSelectorElement, keyof HTMLElement>> & react.RefAttributes<SbbFileSelectorElement>>;
 //# 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;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"}
+{"version":3,"file":"file-selector.d.ts","sourceRoot":"","sources":["../../../src/react/file-selector.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe;;;;2GAUzB,CAAC"}

package/development/file-selector.js

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

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

@@ -1,3 +1,4 @@
 import { SbbFormFieldElement } from '@sbb-esta/lyne-elements/form-field/form-field.js';
-export declare const SbbFormField: import('../core.js').ReactWebComponent<SbbFormFieldElement, {}>;
+import { default as react } from 'react';
+export declare const SbbFormField: react.ComponentType<Omit<react.HTMLAttributes<SbbFormFieldElement>, "reset" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "hydrationComplete" | "negative" | "borderless" | "size" | "inputElement" | "errorSpace" | "optional" | "width" | "hiddenLabel" | "floatingLabel" | "clear" | "getInputElement"> & {} & Partial<Omit<SbbFormFieldElement, keyof HTMLElement>> & react.RefAttributes<SbbFormFieldElement>>;
 //# sourceMappingURL=form-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/react/form-field/form-field.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AAIvF,eAAO,MAAM,YAAY,iEAIvB,CAAC"}
+{"version":3,"file":"form-field.d.ts","sourceRoot":"","sources":["../../../../src/react/form-field/form-field.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,YAAY,qkBAItB,CAAC"}

package/development/form-field/form-field.js

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

package/development/link-list/link-list-anchor.d.ts

@@ -1,3 +1,4 @@
 import { SbbLinkListAnchorElement } from '@sbb-esta/lyne-elements/link-list/link-list-anchor.js';
-export declare const SbbLinkListAnchor: import('../core.js').ReactWebComponent<SbbLinkListAnchorElement, {}>;
+import { default as react } from 'react';
+export declare const SbbLinkListAnchor: react.ComponentType<Omit<react.HTMLAttributes<SbbLinkListAnchorElement>, "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "hydrationComplete" | "negative" | "titleLevel" | "size" | "titleContent"> & {} & Partial<Omit<SbbLinkListAnchorElement, keyof HTMLElement>> & react.RefAttributes<SbbLinkListAnchorElement>>;
 //# sourceMappingURL=link-list-anchor.d.ts.map

package/development/link-list/link-list-anchor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../src/react/link-list/link-list-anchor.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AAIjG,eAAO,MAAM,iBAAiB,sEAI5B,CAAC"}
+{"version":3,"file":"link-list-anchor.d.ts","sourceRoot":"","sources":["../../../../src/react/link-list/link-list-anchor.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB,oeAI3B,CAAC"}

package/development/link-list/link-list-anchor.js

@@ -1,12 +1,12 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
+import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbLinkListAnchorElement } from "@sbb-esta/lyne-elements/link-list/link-list-anchor.js";
-const SbbLinkListAnchor = createComponent({
+import react from "react";
+const SbbLinkListAnchor = withSsrDataSlotNames(createComponent({
   tagName: "sbb-link-list-anchor",
   elementClass: SbbLinkListAnchorElement,
   react
-});
+}));
 export {
   SbbLinkListAnchor
 };

package/development/link-list/link-list.d.ts

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

package/development/link-list/link-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/react/link-list/link-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpF,eAAO,MAAM,WAAW,gEAItB,CAAC"}
+{"version":3,"file":"link-list.d.ts","sourceRoot":"","sources":["../../../../src/react/link-list/link-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,WAAW,qfAIrB,CAAC"}

package/development/link-list/link-list.js

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

package/development/navigation/navigation-list.d.ts

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

package/development/navigation/navigation-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AAIjG,eAAO,MAAM,iBAAiB,sEAI5B,CAAC"}
+{"version":3,"file":"navigation-list.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,iBAAiB,wbAI3B,CAAC"}

package/development/navigation/navigation-list.js

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

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

@@ -1,3 +1,4 @@
 import { SbbNavigationSectionElement } from '@sbb-esta/lyne-elements/navigation/navigation-section.js';
-export declare const SbbNavigationSection: import('../core.js').ReactWebComponent<SbbNavigationSectionElement, {}>;
+import { default as react } from 'react';
+export declare const SbbNavigationSection: react.ComponentType<Omit<react.HTMLAttributes<SbbNavigationSectionElement>, "close" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "accessibilityLabel" | "trigger" | "open" | "titleContent" | "accessibilityBackLabel"> & {} & Partial<Omit<SbbNavigationSectionElement, keyof HTMLElement>> & react.RefAttributes<SbbNavigationSectionElement>>;
 //# sourceMappingURL=navigation-section.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation-section.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0DAA0D,CAAC;AAIvG,eAAO,MAAM,oBAAoB,yEAI/B,CAAC"}
+{"version":3,"file":"navigation-section.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation-section.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,2BAA2B,EAAE,MAAM,0DAA0D,CAAC;AACvG,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,oBAAoB,mgBAI9B,CAAC"}

package/development/navigation/navigation-section.js

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

package/development/notification.d.ts

@@ -1,9 +1,9 @@
-import { EventName } from './core.js';
 import { SbbNotificationElement } from '@sbb-esta/lyne-elements/notification.js';
-export declare const SbbNotification: import('./core.js').ReactWebComponent<SbbNotificationElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
-}>;
+import { default as react } from 'react';
+export declare const SbbNotification: react.ComponentType<Omit<react.HTMLAttributes<SbbNotificationElement>, "close" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "renderOptions" | "titleLevel" | "size" | "readonly" | "onWillOpen" | "onDidOpen" | "onWillClose" | "onDidClose" | "animation" | "titleContent"> & {
+    onWillOpen?: ((e: CustomEvent<void>) => void) | undefined;
+    onDidOpen?: ((e: CustomEvent<void>) => void) | undefined;
+    onWillClose?: ((e: CustomEvent<void>) => void) | undefined;
+    onDidClose?: ((e: CustomEvent<void>) => void) | undefined;
+} & Partial<Omit<SbbNotificationElement, keyof HTMLElement>> & react.RefAttributes<SbbNotificationElement>>;
 //# sourceMappingURL=notification.d.ts.map

package/development/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/react/notification.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;gBAKE,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/react/notification.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AACjF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe;;;;;2GAWzB,CAAC"}

package/development/notification.js

@@ -1,8 +1,8 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
+import { w as withSsrDataSlotNames } from "./ssr-extensions-CqgUbNPR.js";
 import { SbbNotificationElement } from "@sbb-esta/lyne-elements/notification.js";
-const SbbNotification = createComponent({
+import react from "react";
+const SbbNotification = withSsrDataSlotNames(createComponent({
   tagName: "sbb-notification",
   elementClass: SbbNotificationElement,
   react,
@@ -12,7 +12,7 @@ const SbbNotification = createComponent({
     "onWillClose": "willClose",
     "onDidClose": "didClose"
   }
-});
+}));
 export {
   SbbNotification
 };

package/development/option/option.d.ts

@@ -1,7 +1,7 @@
-import { EventName } from '../core.js';
 import { SbbOptionElement } from '@sbb-esta/lyne-elements/option/option.js';
-export declare const SbbOption: import('../core.js').ReactWebComponent<SbbOptionElement, {
-    onOptionSelectionChange: EventName<CustomEvent<void>>;
-    onOptionSelected: EventName<CustomEvent<void>>;
-}>;
+import { default as react } from 'react';
+export declare const SbbOption: react.ComponentType<Omit<react.HTMLAttributes<SbbOptionElement>, "value" | "disabled" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "hydrationComplete" | "iconName" | "active" | "selected" | "highlight" | "setSelectedViaUserInteraction" | "setActive" | "onOptionSelectionChange" | "onOptionSelected"> & {
+    onOptionSelectionChange?: ((e: CustomEvent<void>) => void) | undefined;
+    onOptionSelected?: ((e: CustomEvent<void>) => void) | undefined;
+} & Partial<Omit<SbbOptionElement, keyof HTMLElement>> & react.RefAttributes<SbbOptionElement>>;
 //# sourceMappingURL=option.d.ts.map

package/development/option/option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../src/react/option/option.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAI5E,eAAO,MAAM,SAAS;6BAKkC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;sBAC1C,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpE,CAAC"}
+{"version":3,"file":"option.d.ts","sourceRoot":"","sources":["../../../../src/react/option/option.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,SAAS;;;+FASnB,CAAC"}

package/development/option/option.js

@@ -1,8 +1,8 @@
 import { c as createComponent } from "../create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
+import { w as withSsrDataSlotNames } from "../ssr-extensions-CqgUbNPR.js";
 import { SbbOptionElement } from "@sbb-esta/lyne-elements/option/option.js";
-const SbbOption = createComponent({
+import react from "react";
+const SbbOption = withSsrDataSlotNames(createComponent({
   tagName: "sbb-option",
   elementClass: SbbOptionElement,
   react,
@@ -10,7 +10,7 @@ const SbbOption = createComponent({
     "onOptionSelectionChange": "optionSelectionChange",
     "onOptionSelected": "optionSelected"
   }
-});
+}));
 export {
   SbbOption
 };

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

@@ -1,8 +1,8 @@
-import { EventName } from '../core.js';
 import { SbbRadioButtonGroupElement, SbbRadioButtonGroupEventDetail } from '@sbb-esta/lyne-elements/radio-button/radio-button-group.js';
-export declare const SbbRadioButtonGroup: import('../core.js').ReactWebComponent<SbbRadioButtonGroupElement, {
-    onDidChange: EventName<CustomEvent<SbbRadioButtonGroupEventDetail>>;
-    onChange: EventName<CustomEvent<SbbRadioButtonGroupEventDetail>>;
-    onInput: EventName<CustomEvent<SbbRadioButtonGroupEventDetail>>;
-}>;
+import { default as react } from 'react';
+export declare const SbbRadioButtonGroup: react.ComponentType<Omit<react.HTMLAttributes<SbbRadioButtonGroupElement>, "onChange" | "onInput" | "value" | "disabled" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "required" | "size" | "orientation" | "horizontalFrom" | "onDidChange" | "allowEmptySelection" | "radioButtons" | "willUpdate"> & {
+    onDidChange?: ((e: CustomEvent<SbbRadioButtonGroupEventDetail>) => void) | undefined;
+    onChange?: ((e: CustomEvent<SbbRadioButtonGroupEventDetail>) => void) | undefined;
+    onInput?: ((e: CustomEvent<SbbRadioButtonGroupEventDetail>) => void) | undefined;
+} & Partial<Omit<SbbRadioButtonGroupElement, keyof HTMLElement>> & react.RefAttributes<SbbRadioButtonGroupElement>>;
 //# sourceMappingURL=radio-button-group.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button-group.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,0BAA0B,EAAE,KAAK,8BAA8B,EAAE,MAAM,4DAA4D,CAAC;AAI7I,eAAO,MAAM,mBAAmB;iBAKA,SAAS,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;cAC5D,SAAS,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;aACxD,SAAS,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;EAG5E,CAAC"}
+{"version":3,"file":"radio-button-group.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button-group.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,0BAA0B,EAAE,KAAK,8BAA8B,EAAE,MAAM,4DAA4D,CAAC;AAC7I,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,mBAAmB;;;;mHAU7B,CAAC"}

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

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

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

@@ -1,3 +1,4 @@
 import { SbbRadioButtonPanelElement } from '@sbb-esta/lyne-elements/radio-button/radio-button-panel.js';
-export declare const SbbRadioButtonPanel: import('../core.js').ReactWebComponent<SbbRadioButtonPanelElement, {}>;
+import { default as react } from 'react';
+export declare const SbbRadioButtonPanel: react.ComponentType<Omit<react.HTMLAttributes<SbbRadioButtonPanelElement>, "color" | "select" | "group" | "value" | "checked" | "disabled" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "required" | "borderless" | "expansionState" | "size" | "allowEmptySelection"> & {} & Partial<Omit<SbbRadioButtonPanelElement, keyof HTMLElement>> & react.RefAttributes<SbbRadioButtonPanelElement>>;
 //# sourceMappingURL=radio-button-panel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button-panel.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AAIxG,eAAO,MAAM,mBAAmB,wEAI9B,CAAC"}
+{"version":3,"file":"radio-button-panel.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button-panel.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AACxG,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,mBAAmB,gjBAI7B,CAAC"}

package/development/radio-button/radio-button-panel.js

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAI7F,eAAO,MAAM,cAAc,mEAIzB,CAAC"}
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/react/radio-button/radio-button.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc,qfAIxB,CAAC"}

package/development/radio-button/radio-button.js

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

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

@@ -1,9 +1,9 @@
-import { EventName } from './core.js';
 import { SbbSelectionExpansionPanelElement } from '@sbb-esta/lyne-elements/selection-expansion-panel.js';
-export declare const SbbSelectionExpansionPanel: import('./core.js').ReactWebComponent<SbbSelectionExpansionPanelElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
-}>;
+import { default as react } from 'react';
+export declare const SbbSelectionExpansionPanel: react.ComponentType<Omit<react.HTMLAttributes<SbbSelectionExpansionPanelElement>, "color" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "hydrationComplete" | "borderless" | "onWillOpen" | "onDidOpen" | "onWillClose" | "onDidClose" | "forceOpen"> & {
+    onWillOpen?: ((e: CustomEvent<void>) => void) | undefined;
+    onDidOpen?: ((e: CustomEvent<void>) => void) | undefined;
+    onWillClose?: ((e: CustomEvent<void>) => void) | undefined;
+    onDidClose?: ((e: CustomEvent<void>) => void) | undefined;
+} & Partial<Omit<SbbSelectionExpansionPanelElement, keyof HTMLElement>> & react.RefAttributes<SbbSelectionExpansionPanelElement>>;
 //# sourceMappingURL=selection-expansion-panel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"selection-expansion-panel.d.ts","sourceRoot":"","sources":["../../../src/react/selection-expansion-panel.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,iCAAiC,EAAE,MAAM,sDAAsD,CAAC;AAIzG,eAAO,MAAM,0BAA0B;gBAKT,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"selection-expansion-panel.d.ts","sourceRoot":"","sources":["../../../src/react/selection-expansion-panel.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,iCAAiC,EAAE,MAAM,sDAAsD,CAAC;AACzG,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,0BAA0B;;;;;iIAWpC,CAAC"}

package/development/selection-expansion-panel.js

@@ -1,8 +1,8 @@
 import { c as createComponent } from "./create-component-CSki5eOq.js";
-import "lit";
-import react from "react";
+import { w as withSsrDataSlotNames } from "./ssr-extensions-CqgUbNPR.js";
 import { SbbSelectionExpansionPanelElement } from "@sbb-esta/lyne-elements/selection-expansion-panel.js";
-const SbbSelectionExpansionPanel = createComponent({
+import react from "react";
+const SbbSelectionExpansionPanel = withSsrDataSlotNames(createComponent({
   tagName: "sbb-selection-expansion-panel",
   elementClass: SbbSelectionExpansionPanelElement,
   react,
@@ -12,7 +12,7 @@ const SbbSelectionExpansionPanel = createComponent({
     "onWillClose": "willClose",
     "onDidClose": "didClose"
   }
-});
+}));
 export {
   SbbSelectionExpansionPanel
 };

package/development/skiplink-list.d.ts

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

package/development/skiplink-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/react/skiplink-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAIlF,eAAO,MAAM,eAAe,mEAI1B,CAAC"}
+{"version":3,"file":"skiplink-list.d.ts","sourceRoot":"","sources":["../../../src/react/skiplink-list.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe,wcAIzB,CAAC"}

package/development/skiplink-list.js

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