@sbb-esta/lyne-react 1.14.0 → 1.15.0

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
 };

package/development/ssr-extensions-CqgUbNPR.js

@@ -0,0 +1,49 @@
+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);
+  };
+};
+export {
+  withSsrDataChildCount as a,
+  withSsrDataSlotNames as w
+};

package/development/status.d.ts

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

package/development/status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/react/status.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,eAAO,MAAM,SAAS,6DAIpB,CAAC"}
+{"version":3,"file":"status.d.ts","sourceRoot":"","sources":["../../../src/react/status.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,SAAS,sbAInB,CAAC"}

package/development/status.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 { SbbStatusElement } from "@sbb-esta/lyne-elements/status.js";
-const SbbStatus = createComponent({
+import react from "react";
+const SbbStatus = withSsrDataSlotNames(createComponent({
   tagName: "sbb-status",
   elementClass: SbbStatusElement,
   react
-});
+}));
 export {
   SbbStatus
 };

package/development/tabs/tab-label.d.ts

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

package/development/tabs/tab-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-label.d.ts","sourceRoot":"","sources":["../../../../src/react/tabs/tab-label.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAI/E,eAAO,MAAM,WAAW,gEAItB,CAAC"}
+{"version":3,"file":"tab-label.d.ts","sourceRoot":"","sources":["../../../../src/react/tabs/tab-label.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,WAAW,gcAIrB,CAAC"}

package/development/tabs/tab-label.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 { SbbTabLabelElement } from "@sbb-esta/lyne-elements/tabs/tab-label.js";
-const SbbTabLabel = createComponent({
+import react from "react";
+const SbbTabLabel = withSsrDataSlotNames(createComponent({
   tagName: "sbb-tab-label",
   elementClass: SbbTabLabelElement,
   react
-});
+}));
 export {
   SbbTabLabel
 };

package/development/tag/tag.d.ts

@@ -1,8 +1,9 @@
 import { EventName } from '../core.js';
 import { SbbTagElement } from '@sbb-esta/lyne-elements/tag/tag.js';
-export declare const SbbTag: import('../core.js').ReactWebComponent<SbbTagElement, {
-    onInput: EventName<CustomEvent<void>>;
-    onDidChange: EventName<CustomEvent<void>>;
-    onChange: EventName<CustomEvent<void>>;
-}>;
+import { default as react } from 'react';
+export declare const SbbTag: react.ComponentType<Omit<react.HTMLAttributes<SbbTagElement>, "onChange" | "onInput" | "form" | "value" | "checked" | "disabled" | "name" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "type" | "disabledInteractive" | "renderOptions" | "iconName" | "size" | "onDidChange" | "amount"> & {
+    onInput?: EventName<CustomEvent<void>>;
+    onDidChange?: EventName<CustomEvent<void>>;
+    onChange?: EventName<CustomEvent<void>>;
+} & Partial<Omit<SbbTagElement, keyof HTMLElement>> & react.RefAttributes<SbbTagElement>>;
 //# sourceMappingURL=tag.d.ts.map

package/development/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/react/tag/tag.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE,eAAO,MAAM,MAAM;aAKK,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACpB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;cAClC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpD,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/react/tag/tag.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,MAAM;cAKK,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kBACpB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAClC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;yFAGnD,CAAC"}

package/development/tag/tag.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 { SbbTagElement } from "@sbb-esta/lyne-elements/tag/tag.js";
-const SbbTag = createComponent({
+import react from "react";
+const SbbTag = withSsrDataSlotNames(createComponent({
   tagName: "sbb-tag",
   elementClass: SbbTagElement,
   react,
@@ -11,7 +11,7 @@ const SbbTag = createComponent({
     "onDidChange": "didChange",
     "onChange": "change"
   }
-});
+}));
 export {
   SbbTag
 };

package/development/teaser-hero.d.ts

@@ -1,3 +1,4 @@
 import { SbbTeaserHeroElement } from '@sbb-esta/lyne-elements/teaser-hero.js';
-export declare const SbbTeaserHero: import('./core.js').ReactWebComponent<SbbTeaserHeroElement, {}>;
+import { default as react } from 'react';
+export declare const SbbTeaserHero: react.ComponentType<Omit<react.HTMLAttributes<SbbTeaserHeroElement>, "rel" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "href" | "target" | "download" | "accessibilityLabel" | "imageSrc" | "linkContent" | "imageAlt"> & {} & Partial<Omit<SbbTeaserHeroElement, keyof HTMLElement>> & react.RefAttributes<SbbTeaserHeroElement>>;
 //# sourceMappingURL=teaser-hero.d.ts.map

package/development/teaser-hero.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../src/react/teaser-hero.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAI9E,eAAO,MAAM,aAAa,iEAIxB,CAAC"}
+{"version":3,"file":"teaser-hero.d.ts","sourceRoot":"","sources":["../../../src/react/teaser-hero.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAC9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,aAAa,sfAIvB,CAAC"}

package/development/teaser-hero.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 { SbbTeaserHeroElement } from "@sbb-esta/lyne-elements/teaser-hero.js";
-const SbbTeaserHero = createComponent({
+import react from "react";
+const SbbTeaserHero = withSsrDataSlotNames(createComponent({
   tagName: "sbb-teaser-hero",
   elementClass: SbbTeaserHeroElement,
   react
-});
+}));
 export {
   SbbTeaserHero
 };

package/development/teaser.d.ts

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

package/development/teaser.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/react/teaser.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,eAAO,MAAM,SAAS,6DAIpB,CAAC"}
+{"version":3,"file":"teaser.d.ts","sourceRoot":"","sources":["../../../src/react/teaser.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,SAAS,8fAInB,CAAC"}

package/development/teaser.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 { SbbTeaserElement } from "@sbb-esta/lyne-elements/teaser.js";
-const SbbTeaser = createComponent({
+import react from "react";
+const SbbTeaser = withSsrDataSlotNames(createComponent({
   tagName: "sbb-teaser",
   elementClass: SbbTeaserElement,
   react
-});
+}));
 export {
   SbbTeaser
 };

package/development/toast.d.ts

@@ -1,9 +1,10 @@
 import { EventName } from './core.js';
 import { SbbToastElement } from '@sbb-esta/lyne-elements/toast.js';
-export declare const SbbToast: import('./core.js').ReactWebComponent<SbbToastElement, {
-    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 SbbToast: react.ComponentType<Omit<react.HTMLAttributes<SbbToastElement>, "close" | "renderRoot" | "isUpdatePending" | "hasUpdated" | "addController" | "removeController" | "connectedCallback" | "disconnectedCallback" | "attributeChangedCallback" | "requestUpdate" | "updateComplete" | "renderOptions" | "hydrationComplete" | "iconName" | "open" | "isOpen" | "onWillOpen" | "onDidOpen" | "onWillClose" | "onDidClose" | "timeout" | "position" | "dismissible" | "politeness"> & {
+    onWillOpen?: EventName<CustomEvent<void>>;
+    onDidOpen?: EventName<CustomEvent<void>>;
+    onWillClose?: EventName<CustomEvent<void>>;
+    onDidClose?: EventName<CustomEvent<void>>;
+} & Partial<Omit<SbbToastElement, keyof HTMLElement>> & react.RefAttributes<SbbToastElement>>;
 //# sourceMappingURL=toast.d.ts.map

package/development/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/react/toast.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ;gBAKS,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":"toast.d.ts","sourceRoot":"","sources":["../../../src/react/toast.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,QAAQ;iBAKS,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;6FAGvD,CAAC"}

package/development/toast.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 { SbbToastElement } from "@sbb-esta/lyne-elements/toast.js";
-const SbbToast = createComponent({
+import react from "react";
+const SbbToast = withSsrDataSlotNames(createComponent({
   tagName: "sbb-toast",
   elementClass: SbbToastElement,
   react,
@@ -12,7 +12,7 @@ const SbbToast = createComponent({
     "onWillClose": "willClose",
     "onDidClose": "didClose"
   }
-});
+}));
 export {
   SbbToast
 };

package/development/toggle/toggle-option.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/react/toggle/toggle-option.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AAIzF,eAAO,MAAM,eAAe,oEAI1B,CAAC"}
+{"version":3,"file":"toggle-option.d.ts","sourceRoot":"","sources":["../../../../src/react/toggle/toggle-option.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,eAAe,kcAIzB,CAAC"}

package/development/toggle/toggle-option.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 { SbbToggleOptionElement } from "@sbb-esta/lyne-elements/toggle/toggle-option.js";
-const SbbToggleOption = createComponent({
+import react from "react";
+const SbbToggleOption = withSsrDataSlotNames(createComponent({
   tagName: "sbb-toggle-option",
   elementClass: SbbToggleOptionElement,
   react
-});
+}));
 export {
   SbbToggleOption
 };

package/development/toggle-check.d.ts

@@ -1,8 +1,9 @@
 import { EventName } from './core.js';
 import { SbbToggleCheckElement } from '@sbb-esta/lyne-elements/toggle-check.js';
-export declare const SbbToggleCheck: import('./core.js').ReactWebComponent<SbbToggleCheckElement, {
-    onDidChange: EventName<CustomEvent<void>>;
-    onChange: EventName<Event>;
-    onInput: EventName<InputEvent>;
-}>;
+import { default as react } from 'react';
+export declare const SbbToggleCheck: react.ComponentType<Omit<react.HTMLAttributes<SbbToggleCheckElement>, "onChange" | "onInput" | "form" | "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" | "onDidChange" | "labelPosition"> & {
+    onDidChange?: EventName<CustomEvent<void>>;
+    onChange?: EventName<Event>;
+    onInput?: EventName<InputEvent>;
+} & Partial<Omit<SbbToggleCheckElement, keyof HTMLElement>> & react.RefAttributes<SbbToggleCheckElement>>;
 //# sourceMappingURL=toggle-check.d.ts.map

package/development/toggle-check.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../../src/react/toggle-check.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAIhF,eAAO,MAAM,cAAc;iBAKK,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;cAClC,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}
+{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../../src/react/toggle-check.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAChF,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,cAAc;kBAKK,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAClC,SAAS,CAAC,KAAK,CAAC;cAClB,SAAS,CAAC,UAAU,CAAC;yGAG1C,CAAC"}

package/development/toggle-check.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 { SbbToggleCheckElement } from "@sbb-esta/lyne-elements/toggle-check.js";
-const SbbToggleCheck = createComponent({
+import react from "react";
+const SbbToggleCheck = withSsrDataSlotNames(createComponent({
   tagName: "sbb-toggle-check",
   elementClass: SbbToggleCheckElement,
   react,
@@ -11,7 +11,7 @@ const SbbToggleCheck = createComponent({
     "onChange": "change",
     "onInput": "input"
   }
-});
+}));
 export {
   SbbToggleCheck
 };

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

@@ -1,6 +1,7 @@
 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?: EventName<CustomEvent<void>>;
+} & Partial<Omit<SbbExpansionPanelHeaderElement, keyof HTMLElement>> & react.RefAttributes<SbbExpansionPanelHeaderElement>>;
 //# sourceMappingURL=expansion-panel-header.d.ts.map

package/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":"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"}

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

@@ -1,15 +1,15 @@
 import { c as e } from "../create-component-DKl3-Au3.js";
-import "lit";
+import { w as a } from "../ssr-extensions-DNMI7L0q.js";
+import { SbbExpansionPanelHeaderElement as o } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js";
 import n from "react";
-import { SbbExpansionPanelHeaderElement as a } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js";
-const m = e({
+const s = a(e({
   tagName: "sbb-expansion-panel-header",
-  elementClass: a,
+  elementClass: o,
   react: n,
   events: {
     onToggleExpanded: "toggleExpanded"
   }
-});
+}));
 export {
-  m as SbbExpansionPanelHeader
+  s as SbbExpansionPanelHeader
 };

package/file-selector.d.ts

@@ -1,8 +1,9 @@
 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?: EventName<Event>;
+    onChange?: EventName<Event>;
+    onFileChanged?: EventName<CustomEvent<File[]>>;
+} & Partial<Omit<SbbFileSelectorElement, keyof HTMLElement>> & react.RefAttributes<SbbFileSelectorElement>>;
 //# sourceMappingURL=file-selector.d.ts.map

package/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":"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"}

package/file-selector.js

@@ -1,17 +1,17 @@
 import { c as e } from "./create-component-DKl3-Au3.js";
-import "lit";
-import t from "react";
+import { w as t } from "./ssr-extensions-DNMI7L0q.js";
 import { SbbFileSelectorElement as o } from "@sbb-esta/lyne-elements/file-selector.js";
-const a = e({
+import n from "react";
+const i = t(e({
   tagName: "sbb-file-selector",
   elementClass: o,
-  react: t,
+  react: n,
   events: {
     onInput: "input",
     onChange: "change",
     onFileChanged: "fileChanged"
   }
-});
+}));
 export {
-  a as SbbFileSelector
+  i as SbbFileSelector
 };

package/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/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/form-field/form-field.js

@@ -1,12 +1,12 @@
-import { c as e } from "../create-component-DKl3-Au3.js";
-import "lit";
-import m from "react";
-import { SbbFormFieldElement as o } from "@sbb-esta/lyne-elements/form-field/form-field.js";
-const b = e({
+import { c as m } from "../create-component-DKl3-Au3.js";
+import { w as o } from "../ssr-extensions-DNMI7L0q.js";
+import { SbbFormFieldElement as e } from "@sbb-esta/lyne-elements/form-field/form-field.js";
+import r from "react";
+const l = o(m({
   tagName: "sbb-form-field",
-  elementClass: o,
-  react: m
-});
+  elementClass: e,
+  react: r
+}));
 export {
-  b as SbbFormField
+  l as SbbFormField
 };

package/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/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/link-list/link-list-anchor.js

@@ -1,12 +1,12 @@
 import { c as t } from "../create-component-DKl3-Au3.js";
-import "lit";
-import o from "react";
+import { w as o } from "../ssr-extensions-DNMI7L0q.js";
 import { SbbLinkListAnchorElement as r } from "@sbb-esta/lyne-elements/link-list/link-list-anchor.js";
-const s = t({
+import m from "react";
+const s = o(t({
   tagName: "sbb-link-list-anchor",
   elementClass: r,
-  react: o
-});
+  react: m
+}));
 export {
   s as SbbLinkListAnchor
 };

package/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/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/link-list/link-list.js

@@ -1,12 +1,12 @@
 import { c as t } from "../create-component-DKl3-Au3.js";
-import "lit";
+import { w as m } from "../ssr-extensions-DNMI7L0q.js";
+import { SbbLinkListElement as o } from "@sbb-esta/lyne-elements/link-list/link-list.js";
 import e from "react";
-import { SbbLinkListElement as m } from "@sbb-esta/lyne-elements/link-list/link-list.js";
-const s = t({
+const n = m(t({
   tagName: "sbb-link-list",
-  elementClass: m,
+  elementClass: o,
   react: e
-});
+}));
 export {
-  s as SbbLinkList
+  n as SbbLinkList
 };

package/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/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"}