@sbb-esta/lyne-react-dev 4.7.0-dev.1773389002 → 4.7.0-dev.1773393175

package/carousel/carousel.js

@@ -1,5 +1,6 @@
-import { SbbCarousel as e } from "./carousel/carousel.component.js";
-//#region src/react/carousel/carousel.ts
-console.warn("The entrypoint '@sbb-esta/react/carousel/carousel.js' has been deprecated.\nUse '@sbb-esta/react/carousel.js' instead.");
-//#endregion
-export { e as SbbCarousel };
+import { SbbCarousel as a } from "./carousel/carousel.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/carousel/carousel.js' has been deprecated.
+Use '@sbb-esta/react/carousel.js' instead.`);
+export {
+  a as SbbCarousel
+};

package/carousel.js

@@ -1,4 +1,8 @@
 import { SbbCarousel as e } from "./carousel/carousel/carousel.component.js";
 import { SbbCarouselItem as t } from "./carousel/carousel-item/carousel-item.component.js";
-import { SbbCarouselList as n } from "./carousel/carousel-list/carousel-list.component.js";
-export { e as SbbCarousel, t as SbbCarouselItem, n as SbbCarouselList };
+import { SbbCarouselList as s } from "./carousel/carousel-list/carousel-list.component.js";
+export {
+  e as SbbCarousel,
+  t as SbbCarouselItem,
+  s as SbbCarouselList
+};

package/checkbox/checkbox.component.js

@@ -1,15 +1,15 @@
 import { createComponent as e } from "../core.js";
+import { SbbCheckboxElement as o } from "@sbb-esta/lyne-elements/checkbox.js";
 import t from "react";
-import { SbbCheckboxElement as n } from "@sbb-esta/lyne-elements/checkbox.js";
-//#region src/react/checkbox/checkbox.component.ts
-var r = e({
-	tagName: "sbb-checkbox",
-	elementClass: n,
-	react: t,
-	events: {
-		onChange: "change",
-		onInput: "input"
-	}
+const r = e({
+  tagName: "sbb-checkbox",
+  elementClass: o,
+  react: t,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
 });
-//#endregion
-export { r as SbbCheckbox };
+export {
+  r as SbbCheckbox
+};

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

@@ -1,11 +1,11 @@
-import { createComponent as e } from "../core.js";
-import t from "react";
-import { SbbCheckboxGroupElement as n } from "@sbb-esta/lyne-elements/checkbox-group.js";
-//#region src/react/checkbox-group/checkbox-group.component.ts
-var r = e({
-	tagName: "sbb-checkbox-group",
-	elementClass: n,
-	react: t
+import { createComponent as o } from "../core.js";
+import { SbbCheckboxGroupElement as e } from "@sbb-esta/lyne-elements/checkbox-group.js";
+import r from "react";
+const p = o({
+  tagName: "sbb-checkbox-group",
+  elementClass: e,
+  react: r
 });
-//#endregion
-export { r as SbbCheckboxGroup };
+export {
+  p as SbbCheckboxGroup
+};

package/checkbox-group.js

@@ -1,2 +1,4 @@
-import { SbbCheckboxGroup as e } from "./checkbox-group/checkbox-group.component.js";
-export { e as SbbCheckboxGroup };
+import { SbbCheckboxGroup as r } from "./checkbox-group/checkbox-group.component.js";
+export {
+  r as SbbCheckboxGroup
+};

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

@@ -1,15 +1,15 @@
 import { createComponent as e } from "../core.js";
-import t from "react";
 import { SbbCheckboxPanelElement as n } from "@sbb-esta/lyne-elements/checkbox-panel.js";
-//#region src/react/checkbox-panel/checkbox-panel.component.ts
-var r = e({
-	tagName: "sbb-checkbox-panel",
-	elementClass: n,
-	react: t,
-	events: {
-		onChange: "change",
-		onInput: "input"
-	}
+import o from "react";
+const b = e({
+  tagName: "sbb-checkbox-panel",
+  elementClass: n,
+  react: o,
+  events: {
+    onChange: "change",
+    onInput: "input"
+  }
 });
-//#endregion
-export { r as SbbCheckboxPanel };
+export {
+  b as SbbCheckboxPanel
+};

package/checkbox-panel.js

@@ -1,2 +1,4 @@
-import { SbbCheckboxPanel as e } from "./checkbox-panel/checkbox-panel.component.js";
-export { e as SbbCheckboxPanel };
+import { SbbCheckboxPanel as o } from "./checkbox-panel/checkbox-panel.component.js";
+export {
+  o as SbbCheckboxPanel
+};

package/checkbox.js

@@ -1,2 +1,4 @@
 import { SbbCheckbox as e } from "./checkbox/checkbox.component.js";
-export { e as SbbCheckbox };
+export {
+  e as SbbCheckbox
+};

package/chip/chip/chip.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import t from "react";
-import { SbbChipElement as n } from "@sbb-esta/lyne-elements/chip.js";
-//#region src/react/chip/chip/chip.component.ts
-var r = e({
-	tagName: "sbb-chip",
-	elementClass: n,
-	react: t
+import { SbbChipElement as t } from "@sbb-esta/lyne-elements/chip.js";
+import m from "react";
+const b = e({
+  tagName: "sbb-chip",
+  elementClass: t,
+  react: m
 });
-//#endregion
-export { r as SbbChip };
+export {
+  b as SbbChip
+};

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

@@ -1,16 +1,16 @@
 import { createComponent as e } from "../../core.js";
-import t from "react";
 import { SbbChipGroupElement as n } from "@sbb-esta/lyne-elements/chip.js";
-//#region src/react/chip/chip-group/chip-group.component.ts
-var r = e({
-	tagName: "sbb-chip-group",
-	elementClass: n,
-	react: t,
-	events: {
-		onChipinputtokenend: "chipinputtokenend",
-		onInput: "input",
-		onChange: "change"
-	}
+import o from "react";
+const i = e({
+  tagName: "sbb-chip-group",
+  elementClass: n,
+  react: o,
+  events: {
+    onChipinputtokenend: "chipinputtokenend",
+    onInput: "input",
+    onChange: "change"
+  }
 });
-//#endregion
-export { r as SbbChipGroup };
+export {
+  i as SbbChipGroup
+};

package/chip/chip-group.js

@@ -1,5 +1,6 @@
-import { SbbChipGroup as e } from "./chip-group/chip-group.component.js";
-//#region src/react/chip/chip-group.ts
-console.warn("The entrypoint '@sbb-esta/react/chip/chip-group.js' has been deprecated.\nUse '@sbb-esta/react/chip.js' instead.");
-//#endregion
-export { e as SbbChipGroup };
+import { SbbChipGroup as p } from "./chip-group/chip-group.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/chip/chip-group.js' has been deprecated.
+Use '@sbb-esta/react/chip.js' instead.`);
+export {
+  p as SbbChipGroup
+};

package/chip/chip.js

@@ -1,5 +1,6 @@
-import { SbbChip as e } from "./chip/chip.component.js";
-//#region src/react/chip/chip.ts
-console.warn("The entrypoint '@sbb-esta/react/chip/chip.js' has been deprecated.\nUse '@sbb-esta/react/chip.js' instead.");
-//#endregion
-export { e as SbbChip };
+import { SbbChip as t } from "./chip/chip.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/chip/chip.js' has been deprecated.
+Use '@sbb-esta/react/chip.js' instead.`);
+export {
+  t as SbbChip
+};

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

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../core.js";
-import t from "react";
-import { SbbChipLabelElement as n } from "@sbb-esta/lyne-elements/chip-label.js";
-//#region src/react/chip-label/chip-label.component.ts
-var r = e({
-	tagName: "sbb-chip-label",
-	elementClass: n,
-	react: t
+import { SbbChipLabelElement as t } from "@sbb-esta/lyne-elements/chip-label.js";
+import m from "react";
+const a = e({
+  tagName: "sbb-chip-label",
+  elementClass: t,
+  react: m
 });
-//#endregion
-export { r as SbbChipLabel };
+export {
+  a as SbbChipLabel
+};

package/chip-label.js

@@ -1,2 +1,4 @@
-import { SbbChipLabel as e } from "./chip-label/chip-label.component.js";
-export { e as SbbChipLabel };
+import { SbbChipLabel as o } from "./chip-label/chip-label.component.js";
+export {
+  o as SbbChipLabel
+};

package/chip.js

@@ -1,3 +1,6 @@
-import { SbbChip as e } from "./chip/chip/chip.component.js";
-import { SbbChipGroup as t } from "./chip/chip-group/chip-group.component.js";
-export { e as SbbChip, t as SbbChipGroup };
+import { SbbChip as r } from "./chip/chip/chip.component.js";
+import { SbbChipGroup as e } from "./chip/chip-group/chip-group.component.js";
+export {
+  r as SbbChip,
+  e as SbbChipGroup
+};

package/clock/clock.component.js

@@ -1,11 +1,11 @@
-import { createComponent as e } from "../core.js";
+import { createComponent as o } from "../core.js";
+import { SbbClockElement as e } from "@sbb-esta/lyne-elements/clock.js";
 import t from "react";
-import { SbbClockElement as n } from "@sbb-esta/lyne-elements/clock.js";
-//#region src/react/clock/clock.component.ts
-var r = e({
-	tagName: "sbb-clock",
-	elementClass: n,
-	react: t
+const b = o({
+  tagName: "sbb-clock",
+  elementClass: e,
+  react: t
 });
-//#endregion
-export { r as SbbClock };
+export {
+  b as SbbClock
+};

package/clock.js

@@ -1,2 +1,4 @@
-import { SbbClock as e } from "./clock/clock.component.js";
-export { e as SbbClock };
+import { SbbClock as r } from "./clock/clock.component.js";
+export {
+  r as SbbClock
+};

package/container/container/container.component.js

@@ -1,11 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import t from "react";
-import { SbbContainerElement as n } from "@sbb-esta/lyne-elements/container.js";
-//#region src/react/container/container/container.component.ts
-var r = e({
-	tagName: "sbb-container",
-	elementClass: n,
-	react: t
+import { SbbContainerElement as t } from "@sbb-esta/lyne-elements/container.js";
+import o from "react";
+const a = e({
+  tagName: "sbb-container",
+  elementClass: t,
+  react: o
 });
-//#endregion
-export { r as SbbContainer };
+export {
+  a as SbbContainer
+};

package/container/container.js

@@ -1,5 +1,6 @@
-import { SbbContainer as e } from "./container/container.component.js";
-//#region src/react/container/container.ts
-console.warn("The entrypoint '@sbb-esta/react/container/container.js' has been deprecated.\nUse '@sbb-esta/react/container.js' instead.");
-//#endregion
-export { e as SbbContainer };
+import { SbbContainer as t } from "./container/container.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/container/container.js' has been deprecated.
+Use '@sbb-esta/react/container.js' instead.`);
+export {
+  t as SbbContainer
+};

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

@@ -1,17 +1,17 @@
-import { createComponent as e } from "../../core.js";
-import t from "react";
-import { SbbStickyBarElement as n } from "@sbb-esta/lyne-elements/container.js";
-//#region src/react/container/sticky-bar/sticky-bar.component.ts
-var r = e({
-	tagName: "sbb-sticky-bar",
-	elementClass: n,
-	react: t,
-	events: {
-		onStick: "stick",
-		onUnstick: "unstick",
-		onBeforestick: "beforestick",
-		onBeforeunstick: "beforeunstick"
-	}
+import { createComponent as t } from "../../core.js";
+import { SbbStickyBarElement as e } from "@sbb-esta/lyne-elements/container.js";
+import o from "react";
+const n = t({
+  tagName: "sbb-sticky-bar",
+  elementClass: e,
+  react: o,
+  events: {
+    onStick: "stick",
+    onUnstick: "unstick",
+    onBeforestick: "beforestick",
+    onBeforeunstick: "beforeunstick"
+  }
 });
-//#endregion
-export { r as SbbStickyBar };
+export {
+  n as SbbStickyBar
+};

package/container/sticky-bar.js

@@ -1,5 +1,6 @@
-import { SbbStickyBar as e } from "./sticky-bar/sticky-bar.component.js";
-//#region src/react/container/sticky-bar.ts
-console.warn("The entrypoint '@sbb-esta/react/container/sticky-bar.js' has been deprecated.\nUse '@sbb-esta/react/container.js' instead.");
-//#endregion
-export { e as SbbStickyBar };
+import { SbbStickyBar as a } from "./sticky-bar/sticky-bar.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/container/sticky-bar.js' has been deprecated.
+Use '@sbb-esta/react/container.js' instead.`);
+export {
+  a as SbbStickyBar
+};

package/container.js

@@ -1,3 +1,6 @@
-import { SbbContainer as e } from "./container/container/container.component.js";
-import { SbbStickyBar as t } from "./container/sticky-bar/sticky-bar.component.js";
-export { e as SbbContainer, t as SbbStickyBar };
+import { SbbContainer as b } from "./container/container/container.component.js";
+import { SbbStickyBar as e } from "./container/sticky-bar/sticky-bar.component.js";
+export {
+  b as SbbContainer,
+  e as SbbStickyBar
+};

package/core/create-component.js

@@ -1,59 +1,62 @@
-import { isServer as e } from "lit";
-//#region src/react/core/create-component.ts
-var t = e, n = new Set([
-	"children",
-	"localName",
-	"ref",
-	"style",
-	"className",
-	"id"
-]), r = /* @__PURE__ */ new WeakMap(), i = (e, t, n) => {
-	let i = r.get(e);
-	i === void 0 && r.set(e, i = /* @__PURE__ */ new Map());
-	let a = i.get(t);
-	n === void 0 ? a !== void 0 && (i.delete(t), e.removeEventListener(t, a)) : a === void 0 ? (i.set(t, a = { handleEvent: n }), e.addEventListener(t, a)) : a.handleEvent = n;
-}, a = (e, t, n, r, a) => {
-	let o = a?.[t];
-	if (o !== void 0) {
-		n !== r && i(e, o, n);
-		return;
-	}
-	e[t] = n, n == null && t in HTMLElement.prototype && e.removeAttribute(t);
-}, o = ({ react: e, tagName: r, elementClass: i, events: o, displayName: s }) => {
-	let c = new Set(Object.keys(o ?? {})), l = e.forwardRef((s, l) => {
-		let u = e.useRef(/* @__PURE__ */ new Map()), d = e.useRef(null), f = {}, p = {}, m = i.elementProperties;
-		for (let [e, t] of Object.entries(s)) {
-			if (n.has(e)) {
-				f[e === "className" ? "class" : e] = t;
-				continue;
-			} else if (c.has(e) || e in i.prototype) {
-				let n = m?.get(e), r = n?.converter?.toAttribute;
-				if (!n || n.attribute === !1 || typeof t == "object" && !r) {
-					p[e] = t;
-					continue;
-				}
-				let i = n.attribute === !0 ? e : n.attribute || e;
-				n.type === Boolean ? t ? (f[i] = "", p[e] = t) : p[e] = !1 : f[i] = r ? r(t) : t;
-				continue;
-			}
-			f[e] = t;
-		}
-		return t || (e.useLayoutEffect(() => {
-			if (d.current === null) return;
-			let e = /* @__PURE__ */ new Map();
-			for (let t in p) a(d.current, t, s[t], u.current.get(t), o), u.current.delete(t), e.set(t, s[t]);
-			for (let [e, t] of u.current) a(d.current, e, void 0, t, o);
-			u.current = e;
-		}), e.useLayoutEffect(() => {
-			d.current?.removeAttribute("defer-hydration");
-		}, [])), t ? (e.createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(p).length && (f._$litProps$ = p) : f.suppressHydrationWarning = !0, e.createElement(r, {
-			...f,
-			ref: e.useCallback((e) => {
-				d.current = e, typeof l == "function" ? l(e) : l !== null && (l.current = e);
-			}, [l])
-		});
-	});
-	return l.displayName = s ?? i.name, l;
+import { isServer as g } from "lit";
+const v = g, k = /* @__PURE__ */ new Set([
+  "children",
+  "localName",
+  "ref",
+  "style",
+  "className",
+  "id"
+]), P = /* @__PURE__ */ new WeakMap(), L = (t, o, n) => {
+  let s = P.get(t);
+  s === void 0 && P.set(t, s = /* @__PURE__ */ new Map());
+  let i = s.get(o);
+  n !== void 0 ? i === void 0 ? (s.set(o, i = { handleEvent: n }), t.addEventListener(o, i)) : i.handleEvent = n : i !== void 0 && (s.delete(o), t.removeEventListener(o, i));
+}, h = (t, o, n, s, i) => {
+  const p = i?.[o];
+  if (p !== void 0) {
+    n !== s && L(t, p, n);
+    return;
+  }
+  t[o] = n, n == null && o in HTMLElement.prototype && t.removeAttribute(o);
+}, N = ({ react: t, tagName: o, elementClass: n, events: s, displayName: i }) => {
+  const p = new Set(Object.keys(s ?? {})), E = t.forwardRef((m, a) => {
+    const d = t.useRef(/* @__PURE__ */ new Map()), u = t.useRef(null), l = {}, f = {}, w = n.elementProperties;
+    for (const [e, r] of Object.entries(m)) {
+      if (k.has(e)) {
+        l[e === "className" ? "class" : e] = r;
+        continue;
+      } else if (p.has(e) || e in n.prototype) {
+        const c = w?.get(e), y = c?.converter?.toAttribute;
+        if (!c || c.attribute === !1 || typeof r == "object" && !y) {
+          f[e] = r;
+          continue;
+        }
+        const b = c.attribute === !0 ? e : c.attribute || e;
+        c.type !== Boolean ? l[b] = y ? y(r) : r : r ? (l[b] = "", f[e] = r) : f[e] = !1;
+        continue;
+      }
+      l[e] = r;
+    }
+    return v || (t.useLayoutEffect(() => {
+      if (u.current === null)
+        return;
+      const e = /* @__PURE__ */ new Map();
+      for (const r in f)
+        h(u.current, r, m[r], d.current.get(r), s), d.current.delete(r), e.set(r, m[r]);
+      for (const [r, c] of d.current)
+        h(u.current, r, void 0, c, s);
+      d.current = e;
+    }), t.useLayoutEffect(() => {
+      u.current?.removeAttribute("defer-hydration");
+    }, [])), v ? (t.createElement.name === "litPatchedCreateElement" || globalThis.litSsrReactEnabled) && Object.keys(f).length && (l._$litProps$ = f) : l.suppressHydrationWarning = !0, t.createElement(o, {
+      ...l,
+      ref: t.useCallback((e) => {
+        u.current = e, typeof a == "function" ? a(e) : a !== null && (a.current = e);
+      }, [a])
+    });
+  });
+  return E.displayName = i ?? n.name, E;
+};
+export {
+  N as createComponent
 };
-//#endregion
-export { o as createComponent };

package/core.js

@@ -1,2 +1,4 @@
-import { createComponent as e } from "./core/create-component.js";
-export { e as createComponent };
+import { createComponent as r } from "./core/create-component.js";
+export {
+  r as createComponent
+};

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

@@ -1,15 +1,15 @@
-import { createComponent as e } from "../core.js";
-import t from "react";
-import { SbbDateInputElement as n } from "@sbb-esta/lyne-elements/date-input.js";
-//#region src/react/date-input/date-input.component.ts
-var r = e({
-	tagName: "sbb-date-input",
-	elementClass: n,
-	react: t,
-	events: {
-		onInput: "input",
-		onChange: "change"
-	}
+import { createComponent as t } from "../core.js";
+import { SbbDateInputElement as e } from "@sbb-esta/lyne-elements/date-input.js";
+import n from "react";
+const p = t({
+  tagName: "sbb-date-input",
+  elementClass: e,
+  react: n,
+  events: {
+    onInput: "input",
+    onChange: "change"
+  }
 });
-//#endregion
-export { r as SbbDateInput };
+export {
+  p as SbbDateInput
+};

package/date-input.js

@@ -1,2 +1,4 @@
 import { SbbDateInput as e } from "./date-input/date-input.component.js";
-export { e as SbbDateInput };
+export {
+  e as SbbDateInput
+};

package/datepicker/datepicker/datepicker.component.js

@@ -1,17 +1,18 @@
 import { createComponent as e } from "../../core.js";
+import { SbbDatepickerElement as o } from "@sbb-esta/lyne-elements/datepicker.js";
 import t from "react";
-import { SbbDatepickerElement as n } from "@sbb-esta/lyne-elements/datepicker.js";
-var r = e({
-	tagName: "sbb-datepicker",
-	elementClass: n,
-	react: t,
-	events: {
-		onDateselected: "dateselected",
-		onBeforeclose: "beforeclose",
-		onClose: "close",
-		onBeforeopen: "beforeopen",
-		onOpen: "open"
-	}
+const n = o, s = e({
+  tagName: "sbb-datepicker",
+  elementClass: n,
+  react: t,
+  events: {
+    onDateselected: "dateselected",
+    onBeforeclose: "beforeclose",
+    onClose: "close",
+    onBeforeopen: "beforeopen",
+    onOpen: "open"
+  }
 });
-//#endregion
-export { r as SbbDatepicker };
+export {
+  s as SbbDatepicker
+};

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

@@ -1,10 +1,11 @@
 import { createComponent as e } from "../../core.js";
-import t from "react";
-import { SbbDatepickerNextDayElement as n } from "@sbb-esta/lyne-elements/datepicker.js";
-var r = e({
-	tagName: "sbb-datepicker-next-day",
-	elementClass: n,
-	react: t
+import { SbbDatepickerNextDayElement as t } from "@sbb-esta/lyne-elements/datepicker.js";
+import a from "react";
+const o = t, n = e({
+  tagName: "sbb-datepicker-next-day",
+  elementClass: o,
+  react: a
 });
-//#endregion
-export { r as SbbDatepickerNextDay };
+export {
+  n as SbbDatepickerNextDay
+};

package/datepicker/datepicker-next-day.js

@@ -1,5 +1,6 @@
-import { SbbDatepickerNextDay as e } from "./datepicker-next-day/datepicker-next-day.component.js";
-//#region src/react/datepicker/datepicker-next-day.ts
-console.warn("The entrypoint '@sbb-esta/react/datepicker/datepicker-next-day.js' has been deprecated.\nUse '@sbb-esta/react/datepicker.js' instead.");
-//#endregion
-export { e as SbbDatepickerNextDay };
+import { SbbDatepickerNextDay as a } from "./datepicker-next-day/datepicker-next-day.component.js";
+console.warn(`The entrypoint '@sbb-esta/react/datepicker/datepicker-next-day.js' has been deprecated.
+Use '@sbb-esta/react/datepicker.js' instead.`);
+export {
+  a as SbbDatepickerNextDay
+};