@sbb-esta/lyne-react 2.11.2 → 3.0.0-next.1

package/accordion/accordion.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../create-component-BzQJ4c_K.js";
+import { c as o } from "../create-component-DKl3-Au3.js";
 import { SbbAccordionElement as r } from "@sbb-esta/lyne-elements/accordion.js";
 import e from "react";
 const n = o({

package/action-group/action-group.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../create-component-BzQJ4c_K.js";
+import { c as o } from "../create-component-DKl3-Au3.js";
 import { SbbActionGroupElement as t } from "@sbb-esta/lyne-elements/action-group.js";
 import r from "react";
 const p = o({

package/alert/alert/alert.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbAlertElement as l } from "@sbb-esta/lyne-elements/alert/alert.js";
 import o from "react";
 const i = e({

package/alert/alert-group/alert-group.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbAlertGroupElement as t } from "@sbb-esta/lyne-elements/alert/alert-group.js";
 import r from "react";
 const a = e({

package/autocomplete/autocomplete.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbAutocompleteElement } from '@sbb-esta/lyne-elements/autocomplete.js';
-export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement, {
+export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement<string>, {
     onWillOpen: EventName<CustomEvent<void>>;
     onDidOpen: EventName<CustomEvent<void>>;
     onWillClose: EventName<CustomEvent<void>>;

package/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../create-component-BzQJ4c_K.js";
+import { c as e } from "../create-component-DKl3-Au3.js";
 import { SbbAutocompleteElement as o } from "@sbb-esta/lyne-elements/autocomplete.js";
 import l from "react";
 const p = e({

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js';
-export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement, {
+export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement<string>, {
     onWillOpen: EventName<CustomEvent<void>>;
     onDidOpen: EventName<CustomEvent<void>>;
     onWillClose: EventName<CustomEvent<void>>;

package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridElement as o } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js";
 import l from "react";
 const m = e({

package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridButtonElement as o } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-button.js";
 import e from "react";
 const p = t({

package/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridCellElement as t } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-cell.js";
 import o from "react";
 const c = e({

package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../../create-component-BzQJ4c_K.js";
+import { c as o } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridOptgroupElement as t } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-optgroup.js";
 import e from "react";
 const a = o({

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts

@@ -1,7 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridOptionElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-option.js';
-export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement, {
-    onAutocompleteOptionSelectionChange: EventName<CustomEvent<void>>;
+export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement<string>, {
     onAutocompleteOptionSelected: EventName<CustomEvent<void>>;
 }>;
 //# sourceMappingURL=autocomplete-grid-option.component.d.ts.map

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;yCAK0C,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kCAC1C,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5F,CAAC"}
+{"version":3,"file":"autocomplete-grid-option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gCAAgC,EAAE,MAAM,uEAAuE,CAAC;AAIzH,eAAO,MAAM,yBAAyB;kCAK4B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5F,CAAC"}

package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js

@@ -1,15 +1,14 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridOptionElement as t } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-option.js";
 import o from "react";
-const c = e({
+const r = e({
   tagName: "sbb-autocomplete-grid-option",
   elementClass: t,
   react: o,
   events: {
-    onAutocompleteOptionSelectionChange: "autocompleteOptionSelectionChange",
     onAutocompleteOptionSelected: "autocompleteOptionSelected"
   }
 });
 export {
-  c as SbbAutocompleteGridOption
+  r as SbbAutocompleteGridOption
 };

package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../../create-component-BzQJ4c_K.js";
+import { c as o } from "../../create-component-DKl3-Au3.js";
 import { SbbAutocompleteGridRowElement as e } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-row.js";
 import t from "react";
 const a = o({

package/breadcrumb/breadcrumb/breadcrumb.component.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../create-component-BzQJ4c_K.js";
+import { c as r } from "../../create-component-DKl3-Au3.js";
 import { SbbBreadcrumbElement as e } from "@sbb-esta/lyne-elements/breadcrumb/breadcrumb.js";
 import m from "react";
 const a = r({

package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../create-component-BzQJ4c_K.js";
+import { c as r } from "../../create-component-DKl3-Au3.js";
 import { SbbBreadcrumbGroupElement as e } from "@sbb-esta/lyne-elements/breadcrumb/breadcrumb-group.js";
 import m from "react";
 const a = r({

package/button/accent-button/accent-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbAccentButtonElement as e } from "@sbb-esta/lyne-elements/button/accent-button.js";
 import o from "react";
 const r = t({

package/button/accent-button-link/accent-button-link.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbAccentButtonLinkElement as e } from "@sbb-esta/lyne-elements/button/accent-button-link.js";
 import n from "react";
 const r = t({

package/button/accent-button-static/accent-button-static.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbAccentButtonStaticElement as e } from "@sbb-esta/lyne-elements/button/accent-button-static.js";
 import c from "react";
 const m = t({

package/button/button/button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbButtonElement as o } from "@sbb-esta/lyne-elements/button/button.js";
 import e from "react";
 const b = t({

package/button/button-link/button-link.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbButtonLinkElement as o } from "@sbb-esta/lyne-elements/button/button-link.js";
 import e from "react";
 const b = t({

package/button/button-static/button-static.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbButtonStaticElement as o } from "@sbb-esta/lyne-elements/button/button-static.js";
 import e from "react";
 const n = t({

package/button/mini-button/mini-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbMiniButtonElement as o } from "@sbb-esta/lyne-elements/button/mini-button.js";
 import e from "react";
 const r = t({

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbMiniButtonGroupElement as o } from "@sbb-esta/lyne-elements/button/mini-button-group.js";
 import r from "react";
 const i = t({

package/button/secondary-button/secondary-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbSecondaryButtonElement as o } from "@sbb-esta/lyne-elements/button/secondary-button.js";
 import e from "react";
 const a = t({

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbSecondaryButtonLinkElement as o } from "@sbb-esta/lyne-elements/button/secondary-button-link.js";
 import e from "react";
 const a = t({

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbSecondaryButtonStaticElement as o } from "@sbb-esta/lyne-elements/button/secondary-button-static.js";
 import e from "react";
 const c = t({

package/button/transparent-button/transparent-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbTransparentButtonElement as r } from "@sbb-esta/lyne-elements/button/transparent-button.js";
 import e from "react";
 const m = t({

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbTransparentButtonLinkElement as n } from "@sbb-esta/lyne-elements/button/transparent-button-link.js";
 import r from "react";
 const m = t({

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

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbTransparentButtonStaticElement as a } from "@sbb-esta/lyne-elements/button/transparent-button-static.js";
 import r from "react";
 const m = t({

package/calendar/calendar.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../create-component-BzQJ4c_K.js";
+import { c as e } from "../create-component-DKl3-Au3.js";
 import { SbbCalendarElement as t } from "@sbb-esta/lyne-elements/calendar.js";
 import a from "react";
 const n = e({

package/card/card/card.component.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../create-component-BzQJ4c_K.js";
+import { c as r } from "../../create-component-DKl3-Au3.js";
 import { SbbCardElement as e } from "@sbb-esta/lyne-elements/card/card.js";
 import t from "react";
 const b = r({

package/card/card-badge/card-badge.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbCardBadgeElement as a } from "@sbb-esta/lyne-elements/card/card-badge.js";
 import r from "react";
 const b = e({

package/card/card-button/card-button.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbCardButtonElement as o } from "@sbb-esta/lyne-elements/card/card-button.js";
 import r from "react";
 const n = t({

package/card/card-link/card-link.component.js

@@ -1,4 +1,4 @@
-import { c as r } from "../../create-component-BzQJ4c_K.js";
+import { c as r } from "../../create-component-DKl3-Au3.js";
 import { SbbCardLinkElement as e } from "@sbb-esta/lyne-elements/card/card-link.js";
 import t from "react";
 const n = r({

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

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbCheckboxElement } from '@sbb-esta/lyne-elements/checkbox/checkbox.js';
-export declare const SbbCheckbox: import('../../core.js').ReactWebComponent<SbbCheckboxElement, {
+export declare const SbbCheckbox: import('../../core.js').ReactWebComponent<SbbCheckboxElement<string>, {
     onChange: EventName<Event>;
     onInput: EventName<InputEvent>;
 }>;

package/checkbox/checkbox/checkbox.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbCheckboxElement as o } from "@sbb-esta/lyne-elements/checkbox/checkbox.js";
 import t from "react";
 const c = e({

package/checkbox/checkbox-group/checkbox-group.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../../create-component-BzQJ4c_K.js";
+import { c as o } from "../../create-component-DKl3-Au3.js";
 import { SbbCheckboxGroupElement as e } from "@sbb-esta/lyne-elements/checkbox/checkbox-group.js";
 import r from "react";
 const c = o({

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

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbCheckboxPanelElement } from '@sbb-esta/lyne-elements/checkbox/checkbox-panel.js';
-export declare const SbbCheckboxPanel: import('../../core.js').ReactWebComponent<SbbCheckboxPanelElement, {
+export declare const SbbCheckboxPanel: import('../../core.js').ReactWebComponent<SbbCheckboxPanelElement<string>, {
     onChange: EventName<Event>;
     onInput: EventName<InputEvent>;
 }>;

package/checkbox/checkbox-panel/checkbox-panel.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbCheckboxPanelElement as n } from "@sbb-esta/lyne-elements/checkbox/checkbox-panel.js";
 import o from "react";
 const b = e({

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

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

package/chip/chip/chip.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip/chip/chip.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,+DAIlB,CAAC"}
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip/chip/chip.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,uEAIlB,CAAC"}

package/chip/chip/chip.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbChipElement as t } from "@sbb-esta/lyne-elements/chip/chip.js";
 import m from "react";
 const a = e({

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

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbChipGroupElement, SbbChipInputTokenEndEventDetails } from '@sbb-esta/lyne-elements/chip/chip-group.js';
-export declare const SbbChipGroup: import('../../core.js').ReactWebComponent<SbbChipGroupElement, {
+export declare const SbbChipGroup: import('../../core.js').ReactWebComponent<SbbChipGroupElement<string>, {
     onChange: EventName<CustomEvent<void>>;
     onInput: EventName<CustomEvent<void>>;
     onChipInputTokenEnd: EventName<CustomEvent<SbbChipInputTokenEndEventDetails>>;

package/chip/chip-group/chip-group.component.js

@@ -1,4 +1,4 @@
-import { c as n } from "../../create-component-BzQJ4c_K.js";
+import { c as n } from "../../create-component-DKl3-Au3.js";
 import { SbbChipGroupElement as o } from "@sbb-esta/lyne-elements/chip/chip-group.js";
 import e from "react";
 const m = n({

package/chip-label/chip-label.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../create-component-BzQJ4c_K.js";
+import { c as e } from "../create-component-DKl3-Au3.js";
 import { SbbChipLabelElement as t } from "@sbb-esta/lyne-elements/chip-label.js";
 import m from "react";
 const r = e({

package/clock/clock.component.js

@@ -1,4 +1,4 @@
-import { c as o } from "../create-component-BzQJ4c_K.js";
+import { c as o } from "../create-component-DKl3-Au3.js";
 import { SbbClockElement as e } from "@sbb-esta/lyne-elements/clock.js";
 import t from "react";
 const a = o({

package/container/container/container.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbContainerElement as t } from "@sbb-esta/lyne-elements/container/container.js";
 import o from "react";
 const a = e({

package/container/sticky-bar/sticky-bar.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../create-component-BzQJ4c_K.js";
+import { c as t } from "../../create-component-DKl3-Au3.js";
 import { SbbStickyBarElement as i } from "@sbb-esta/lyne-elements/container/sticky-bar.js";
 import c from "react";
 const r = t({

package/core.js

@@ -1,4 +1,4 @@
-import { c as r } from "./create-component-BzQJ4c_K.js";
+import { c as r } from "./create-component-DKl3-Au3.js";
 export {
   r as createComponent
 };

package/create-component-DKl3-Au3.js

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

package/date-input/date-input.component.js

@@ -1,4 +1,4 @@
-import { c as t } from "../create-component-BzQJ4c_K.js";
+import { c as t } from "../create-component-DKl3-Au3.js";
 import { SbbDateInputElement as e } from "@sbb-esta/lyne-elements/date-input.js";
 import n from "react";
 const p = t({

package/datepicker/datepicker/datepicker.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbDatepickerElement as t } from "@sbb-esta/lyne-elements/datepicker/datepicker.js";
 import "@sbb-esta/lyne-elements/core/interfaces.js";
 import a from "react";

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

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbDatepickerNextDayElement as t } from "@sbb-esta/lyne-elements/datepicker/datepicker-next-day.js";
 import a from "react";
 const p = e({

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

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbDatepickerPreviousDayElement as r } from "@sbb-esta/lyne-elements/datepicker/datepicker-previous-day.js";
 import t from "react";
 const i = e({

package/datepicker/datepicker-toggle/datepicker-toggle.component.js

@@ -1,4 +1,4 @@
-import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { c as e } from "../../create-component-DKl3-Au3.js";
 import { SbbDatepickerToggleElement as t } from "@sbb-esta/lyne-elements/datepicker/datepicker-toggle.js";
 import o from "react";
 const p = e({

package/development/accordion/accordion.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../create-component-CSki5eOq.js";
 import { SbbAccordionElement } from "@sbb-esta/lyne-elements/accordion.js";
 import react from "react";
 const SbbAccordion = createComponent({

package/development/action-group/action-group.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../create-component-CSki5eOq.js";
 import { SbbActionGroupElement } from "@sbb-esta/lyne-elements/action-group.js";
 import react from "react";
 const SbbActionGroup = createComponent({

package/development/alert/alert/alert.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAlertElement } from "@sbb-esta/lyne-elements/alert/alert.js";
 import react from "react";
 const SbbAlert = createComponent({

package/development/alert/alert-group/alert-group.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAlertGroupElement } from "@sbb-esta/lyne-elements/alert/alert-group.js";
 import react from "react";
 const SbbAlertGroup = createComponent({

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

@@ -1,6 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbAutocompleteElement } from '@sbb-esta/lyne-elements/autocomplete.js';
-export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement, {
+export declare const SbbAutocomplete: import('../core.js').ReactWebComponent<SbbAutocompleteElement<string>, {
     onWillOpen: EventName<CustomEvent<void>>;
     onDidOpen: EventName<CustomEvent<void>>;
     onWillClose: EventName<CustomEvent<void>>;

package/development/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../create-component-CSki5eOq.js";
 import { SbbAutocompleteElement } from "@sbb-esta/lyne-elements/autocomplete.js";
 import react from "react";
 const SbbAutocomplete = createComponent({

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

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js';
-export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement, {
+export declare const SbbAutocompleteGrid: import('../../core.js').ReactWebComponent<SbbAutocompleteGridElement<string>, {
     onWillOpen: EventName<CustomEvent<void>>;
     onDidOpen: EventName<CustomEvent<void>>;
     onWillClose: EventName<CustomEvent<void>>;

package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAutocompleteGridElement } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid.js";
 import react from "react";
 const SbbAutocompleteGrid = createComponent({

package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAutocompleteGridButtonElement } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-button.js";
 import react from "react";
 const SbbAutocompleteGridButton = createComponent({

package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAutocompleteGridCellElement } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-cell.js";
 import react from "react";
 const SbbAutocompleteGridCell = createComponent({

package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js

@@ -1,4 +1,4 @@
-import { c as createComponent } from "../../create-component-D2eL6dzj.js";
+import { c as createComponent } from "../../create-component-CSki5eOq.js";
 import { SbbAutocompleteGridOptgroupElement } from "@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-optgroup.js";
 import react from "react";
 const SbbAutocompleteGridOptgroup = createComponent({

package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts

@@ -1,7 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbAutocompleteGridOptionElement } from '@sbb-esta/lyne-elements/autocomplete-grid/autocomplete-grid-option.js';
-export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement, {
-    onAutocompleteOptionSelectionChange: EventName<CustomEvent<void>>;
+export declare const SbbAutocompleteGridOption: import('../../core.js').ReactWebComponent<SbbAutocompleteGridOptionElement<string>, {
     onAutocompleteOptionSelected: EventName<CustomEvent<void>>;
 }>;
 //# sourceMappingURL=autocomplete-grid-option.component.d.ts.map