suus-component-library 0.1.36 → 0.1.37

package/dist/suus-component-library.js

@@ -1,6 +1,6 @@
 import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { createContext as r, useCallback as i, useContext as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
-var d = {
+import { Children as r, cloneElement as i, createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useMemo as d, useRef as f, useState as p } from "react";
+var m = {
 	suusButton: "_suusButton_1ucmz_1",
 	icon: "_icon_1ucmz_45",
 	label: "_label_1ucmz_62",
@@ -13,40 +13,40 @@ var d = {
 };
 //#endregion
 //#region src/components/form/button/Button.tsx
-function f({ label: r, onClick: i, type: a = "button", disabled: o = !1, loading: s = !1, variant: c = "primary", colorToken: l = "--color-juice-sugarcane", icon: u, ...f }) {
+function h({ label: r, onClick: i, type: a = "button", disabled: o = !1, loading: s = !1, variant: c = "primary", colorToken: l = "--color-juice-sugarcane", icon: u, ...d }) {
 	return /* @__PURE__ */ t("button", {
 		type: a,
 		onClick: i,
 		disabled: o || s,
 		style: { "--button-background-color": `var(${l})` },
 		className: [
-			d.suusButton,
-			d[c],
-			s ? d.loading : ""
+			m.suusButton,
+			m[c],
+			s ? m.loading : ""
 		].filter(Boolean).join(" "),
 		"aria-busy": s,
-		...f,
+		...d,
 		children: s ? /* @__PURE__ */ t("span", {
-			className: `${d.loader} ${c === "primary" ? "" : d.loaderSecondary}`,
+			className: `${m.loader} ${c === "primary" ? "" : m.loaderSecondary}`,
 			"aria-hidden": "true"
 		}) : /* @__PURE__ */ n(e, { children: [u ? /* @__PURE__ */ t("span", {
-			className: d.icon,
+			className: m.icon,
 			children: u
 		}) : null, /* @__PURE__ */ t("span", {
-			className: d.label,
+			className: m.label,
 			children: r
 		})] })
 	});
 }
 //#endregion
 //#region src/components/banner-hero/banner-hero.tsx
-var p = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E", m = (e) => e === "--color-juice-sugarcane" || e === "--color-juice-tamarind" || e === "--color-juice-guarana" || e === "--color-juice-icetea";
-function h({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a, imageBackgroundTablet: o, imageBackgroundMobile: s, fallbackImageSrc: c, labelButtonPrimary: l, actionButtonPrimary: d, labelButtonSecondary: h, actionButtonSecondary: g, gradientOverlay: _ = !1 }) {
-	let [v, y] = u(null), b = a?.trim(), x = o?.trim(), S = s?.trim(), C = c?.trim() || p, w = [
+var g = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23e8f3ec'/%3E%3Cstop offset='100%25' stop-color='%23d7e6dc'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='800' fill='url(%23g)'/%3E%3C/svg%3E", _ = (e) => e === "--color-juice-sugarcane" || e === "--color-juice-tamarind" || e === "--color-juice-guarana" || e === "--color-juice-icetea";
+function v({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a, imageBackgroundTablet: o, imageBackgroundMobile: s, fallbackImageSrc: c, labelButtonPrimary: l, actionButtonPrimary: u, labelButtonSecondary: d, actionButtonSecondary: f, gradientOverlay: m = !1 }) {
+	let [v, y] = p(null), b = a?.trim(), x = o?.trim(), S = s?.trim(), C = c?.trim() || g, w = [
 		b,
 		x,
 		S
-	].filter(Boolean).join("|"), T = !!b && v !== w, E = m(i) ? i : void 0, D = T ? [
+	].filter(Boolean).join("|"), T = !!b && v !== w, E = _(i) ? i : void 0, D = T ? [
 		S ? `${S} 900w` : "",
 		x ? `${x} 1600w` : "",
 		`${b} 2400w`
@@ -64,7 +64,7 @@ function h({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a,
 					alt: "background",
 					onError: T ? () => y(w) : void 0
 				}),
-				_ && /* @__PURE__ */ t("div", {
+				m && /* @__PURE__ */ t("div", {
 					className: "hero__gradient-overlay",
 					"aria-hidden": "true"
 				}),
@@ -83,15 +83,15 @@ function h({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a,
 						}),
 						/* @__PURE__ */ n("div", {
 							className: "banner-hero-buttonbar",
-							children: [l && /* @__PURE__ */ t(f, {
+							children: [l && /* @__PURE__ */ t(h, {
 								label: l,
 								variant: "primary",
 								colorToken: E,
-								onClick: d
-							}), h && /* @__PURE__ */ t(f, {
-								label: h,
+								onClick: u
+							}), d && /* @__PURE__ */ t(h, {
+								label: d,
 								variant: "secondary",
-								onClick: g
+								onClick: f
 							})]
 						})
 					]
@@ -102,48 +102,48 @@ function h({ title: e, description: r, colorToken: i, imageBackgroundDesktop: a,
 }
 //#endregion
 //#region src/components/accordion/accordion-context.ts
-var g = r(null), _ = {
+var y = a(null), b = {
 	accordion: "_accordion_h1kjy_1",
 	glassy: "_glassy_h1kjy_9"
 };
 //#endregion
 //#region src/components/accordion/accordion.tsx
-function v(e, t = !1) {
+function x(e, t = !1) {
 	let n = Array.from(new Set((e ?? []).filter(Boolean)));
 	return t ? n : n.slice(0, 1);
 }
-function y({ children: e, variant: n = "default", allowMultipleOpen: r = !1, defaultOpenItems: a, openItems: o, onOpenItemsChange: s, className: l }) {
-	let [d, f] = u(() => v(a, r)), p = o !== void 0, m = v(p ? o : d, r), h = c(() => new Set(m), [m]), y = i((e) => {
+function S({ children: e, variant: n = "default", allowMultipleOpen: r = !1, defaultOpenItems: i, openItems: a, onOpenItemsChange: o, className: c }) {
+	let [l, u] = p(() => x(i, r)), f = a !== void 0, m = x(f ? a : l, r), h = d(() => new Set(m), [m]), g = s((e) => {
 		let t = h.has(e), n;
-		n = t ? m.filter((t) => t !== e) : r ? [...m, e] : [e], p || f(n), s?.(n);
+		n = t ? m.filter((t) => t !== e) : r ? [...m, e] : [e], f || u(n), o?.(n);
 	}, [
 		r,
 		m,
-		p,
-		s,
+		f,
+		o,
 		h
-	]), b = c(() => ({
+	]), _ = d(() => ({
 		variant: n,
 		isOpen: (e) => h.has(e),
-		toggle: y
+		toggle: g
 	}), [
 		h,
-		y,
+		g,
 		n
 	]);
 	return /* @__PURE__ */ t("div", {
 		className: [
-			_.accordion,
-			n === "glassy" ? _.glassy : "",
-			l ?? ""
+			b.accordion,
+			n === "glassy" ? b.glassy : "",
+			c ?? ""
 		].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ t(g.Provider, {
-			value: b,
+		children: /* @__PURE__ */ t(y.Provider, {
+			value: _,
 			children: e
 		})
 	});
 }
-var b = {
+var C = {
 	tile: "_tile_l4lii_1",
 	tileDefault: "_tileDefault_l4lii_5",
 	tileGlassy: "_tileGlassy_l4lii_9",
@@ -160,51 +160,51 @@ var b = {
 };
 //#endregion
 //#region src/components/accordion/components/tile-accordion.tsx
-function x({ itemId: e, label: r, icon: i, children: o, variant: c, defaultOpen: l = !1, className: d, disabled: f, onClick: p, ...m }) {
-	let h = a(g), _ = s(), v = e ?? _, [y, x] = u(l), S = c ?? h?.variant ?? "default", C = h ? h.isOpen(v) : y, w = `${v}-trigger`, T = `${v}-content`;
+function w({ itemId: e, label: r, icon: i, children: a, variant: o, defaultOpen: s = !1, className: l, disabled: d, onClick: f, ...m }) {
+	let h = c(y), g = u(), _ = e ?? g, [v, b] = p(s), x = o ?? h?.variant ?? "default", S = h ? h.isOpen(_) : v, w = `${_}-trigger`, T = `${_}-content`;
 	function E(e) {
-		f || (h ? h.toggle(v) : x((e) => !e)), p?.(e);
+		d || (h ? h.toggle(_) : b((e) => !e)), f?.(e);
 	}
 	return /* @__PURE__ */ n("div", {
 		className: [
-			b.tile,
-			S === "glassy" ? b.tileGlassy : b.tileDefault,
-			C ? b.tileOpen : "",
-			d ?? ""
+			C.tile,
+			x === "glassy" ? C.tileGlassy : C.tileDefault,
+			S ? C.tileOpen : "",
+			l ?? ""
 		].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ n("button", {
 			type: "button",
 			id: w,
-			className: [b.trigger, S === "glassy" ? b.triggerGlassy : b.triggerDefault].filter(Boolean).join(" "),
+			className: [C.trigger, x === "glassy" ? C.triggerGlassy : C.triggerDefault].filter(Boolean).join(" "),
 			onClick: E,
-			"aria-expanded": C,
+			"aria-expanded": S,
 			"aria-controls": T,
-			disabled: f,
+			disabled: d,
 			...m,
 			children: [/* @__PURE__ */ n("span", {
-				className: b.labelGroup,
+				className: C.labelGroup,
 				children: [i ? /* @__PURE__ */ t("span", {
-					className: b.icon,
+					className: C.icon,
 					children: i
 				}) : null, /* @__PURE__ */ t("span", {
-					className: b.label,
+					className: C.label,
 					children: r
 				})]
 			}), /* @__PURE__ */ t("span", {
-				className: b.indicator,
+				className: C.indicator,
 				"aria-hidden": "true",
-				children: C ? "-" : "+"
+				children: S ? "-" : "+"
 			})]
-		}), C ? /* @__PURE__ */ t("div", {
+		}), S ? /* @__PURE__ */ t("div", {
 			id: T,
 			role: "region",
 			"aria-labelledby": w,
-			className: [b.content, S === "glassy" ? b.contentGlassy : b.contentDefault].filter(Boolean).join(" "),
-			children: o
+			className: [C.content, x === "glassy" ? C.contentGlassy : C.contentDefault].filter(Boolean).join(" "),
+			children: a
 		}) : null]
 	});
 }
-var S = {
+var T = {
 	checkboxWrapper: "_checkboxWrapper_hv63b_1",
 	checkboxInput: "_checkboxInput_hv63b_15",
 	checkboxLabel: "_checkboxLabel_hv63b_24",
@@ -219,14 +219,14 @@ var S = {
 };
 //#endregion
 //#region src/components/form/checkbox/Checkbox.tsx
-function C({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
+function E({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
 	let u = i ?? `${r}-checkbox`;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			S.checkboxWrapper,
-			o === "glassy" ? S.checkboxWrapperGlassy : "",
-			a ? S.checkboxWrapperError : "",
-			c ? S.checkboxWrapperDisabled : "",
+			T.checkboxWrapper,
+			o === "glassy" ? T.checkboxWrapperGlassy : "",
+			a ? T.checkboxWrapperError : "",
+			c ? T.checkboxWrapperDisabled : "",
 			s ?? ""
 		].filter(Boolean).join(" "),
 		children: [
@@ -235,38 +235,38 @@ function C({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
 				id: u,
 				name: r,
 				disabled: c,
-				className: S.checkboxInput,
+				className: T.checkboxInput,
 				"aria-invalid": !!a,
 				"aria-describedby": `${r}-error`,
 				...l
 			}),
 			/* @__PURE__ */ n("label", {
 				htmlFor: u,
-				className: S.checkboxLabel,
+				className: T.checkboxLabel,
 				children: [/* @__PURE__ */ t("span", {
-					className: S.customCheckbox,
+					className: T.customCheckbox,
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ t("svg", {
-						className: S.checkIcon,
+						className: T.checkIcon,
 						viewBox: "0 0 24 24",
 						focusable: "false",
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ t("path", { d: "M20 6L9 17L4 12" })
 					})
 				}), /* @__PURE__ */ t("span", {
-					className: S.checkboxText,
+					className: T.checkboxText,
 					children: e
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [S.errorMessage, a ? "" : S.errorMessageHidden].filter(Boolean).join(" "),
+				className: [T.errorMessage, a ? "" : T.errorMessageHidden].filter(Boolean).join(" "),
 				children: a || "\xA0"
 			})
 		]
 	});
 }
-var w = {
+var D = {
 	chip: "_chip_1po0g_1",
 	chipDefault: "_chipDefault_1po0g_21",
 	chipGlassy: "_chipGlassy_1po0g_36",
@@ -275,19 +275,19 @@ var w = {
 };
 //#endregion
 //#region src/components/form/chip/Chip.tsx
-function T({ children: e, variant: n = "default", clickable: r = !0, checked: i, defaultChecked: a = !1, onCheckedChange: o, className: s, ...c }) {
-	let [l, d] = u(a), f = typeof i == "boolean", p = f ? i : l;
+function O({ children: e, variant: n = "default", clickable: r = !0, checked: i, defaultChecked: a = !1, onCheckedChange: o, className: s, ...c }) {
+	let [l, u] = p(a), d = typeof i == "boolean", f = d ? i : l;
 	function m(e) {
 		if (!r) return;
-		let t = !p;
-		f || d(t), o?.(t), c.onClick?.(e);
+		let t = !f;
+		d || u(t), o?.(t), c.onClick?.(e);
 	}
-	let h = n === "glassy" ? w.chipGlassy : w.chipDefault, g = p ? w.chipChecked : "", _ = r ? "" : w.chipDisabled;
+	let h = n === "glassy" ? D.chipGlassy : D.chipDefault, g = f ? D.chipChecked : "", _ = r ? "" : D.chipDisabled;
 	return r ? /* @__PURE__ */ t("button", {
 		type: "button",
-		"aria-pressed": p,
+		"aria-pressed": f,
 		className: [
-			w.chip,
+			D.chip,
 			h,
 			g,
 			s ?? ""
@@ -297,7 +297,7 @@ function T({ children: e, variant: n = "default", clickable: r = !0, checked: i,
 		children: e
 	}) : /* @__PURE__ */ t("span", {
 		className: [
-			w.chip,
+			D.chip,
 			h,
 			g,
 			_,
@@ -306,7 +306,7 @@ function T({ children: e, variant: n = "default", clickable: r = !0, checked: i,
 		children: e
 	});
 }
-var E = {
+var k = {
 	dateInputWrapper: "_dateInputWrapper_liktj_1",
 	inputDateField: "_inputDateField_liktj_6",
 	inputDateFieldGlassy: "_inputDateFieldGlassy_liktj_38",
@@ -318,10 +318,10 @@ var E = {
 };
 //#endregion
 //#region src/components/form/date-picker/DatePicker.tsx
-function D({ label: e, name: r, id: i, value: a = null, maxDate: o, minDate: s, error: c, variant: u = "default", className: d, ref: f, onDateChange: p, onBlur: m, disabled: h, ...g }) {
-	let _ = i ?? r, v = l(null), y = o ?? /* @__PURE__ */ new Date();
+function A({ label: e, name: r, id: i, value: a = null, maxDate: o, minDate: s, error: c, variant: l = "default", className: u, ref: d, onDateChange: p, onBlur: m, disabled: h, ...g }) {
+	let _ = i ?? r, v = f(null), y = o ?? /* @__PURE__ */ new Date();
 	function b(e) {
-		v.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+		v.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
 	}
 	function x(e) {
 		let t = e.target.value;
@@ -329,7 +329,7 @@ function D({ label: e, name: r, id: i, value: a = null, maxDate: o, minDate: s,
 			p?.(null);
 			return;
 		}
-		p?.(k(t));
+		p?.(M(t));
 	}
 	function S() {
 		h || (v.current?.showPicker?.(), v.current?.focus());
@@ -339,59 +339,59 @@ function D({ label: e, name: r, id: i, value: a = null, maxDate: o, minDate: s,
 		children: [
 			/* @__PURE__ */ t("label", {
 				htmlFor: _,
-				className: ["inputLabel", u === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
+				className: ["inputLabel", l === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				className: E.dateInputWrapper,
+				className: k.dateInputWrapper,
 				children: [/* @__PURE__ */ t("input", {
 					id: _,
 					name: r,
 					ref: b,
 					type: "date",
-					value: O(a),
-					max: O(y),
-					min: s ? O(s) : void 0,
+					value: j(a),
+					max: j(y),
+					min: s ? j(s) : void 0,
 					disabled: h,
 					onChange: x,
 					onBlur: m,
 					className: [
-						E.inputDateField,
-						u === "glassy" ? E.inputDateFieldGlassy : "",
-						c ? E.inputError : "",
-						d ?? ""
+						k.inputDateField,
+						l === "glassy" ? k.inputDateFieldGlassy : "",
+						c ? k.inputError : "",
+						u ?? ""
 					].filter(Boolean).join(" "),
 					"aria-invalid": !!c,
 					"aria-describedby": `${r}-error`,
 					...g
 				}), /* @__PURE__ */ t("button", {
 					type: "button",
-					className: E.calendarIconButton,
+					className: k.calendarIconButton,
 					onClick: S,
 					disabled: h,
 					"aria-label": "Datum auswählen",
 					tabIndex: -1,
-					children: /* @__PURE__ */ t(A, {})
+					children: /* @__PURE__ */ t(N, {})
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [E.errorMessage, c ? "" : E.errorMessageHidden].filter(Boolean).join(" "),
+				className: [k.errorMessage, c ? "" : k.errorMessageHidden].filter(Boolean).join(" "),
 				children: c || "\xA0"
 			})
 		]
 	});
 }
-function O(e) {
+function j(e) {
 	return e ? `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}` : "";
 }
-function k(e) {
+function M(e) {
 	let [t, n, r] = e.split("-").map(Number);
 	return new Date(t, n - 1, r);
 }
-function A() {
+function N() {
 	return /* @__PURE__ */ n("svg", {
-		className: E.icon,
+		className: k.icon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -404,7 +404,7 @@ function A() {
 		]
 	});
 }
-var j = {
+var P = {
 	inputSelectField: "_inputSelectField_1505j_1",
 	inputSelectFieldGlassy: "_inputSelectFieldGlassy_1505j_12",
 	inputError: "_inputError_1505j_24",
@@ -413,7 +413,7 @@ var j = {
 };
 //#endregion
 //#region src/components/form/dropdown/Dropdown.tsx
-function M({ label: e, name: r, options: i, placeholder: a, error: o, variant: s = "default", className: c, disabled: l, ...u }) {
+function F({ label: e, name: r, options: i, placeholder: a, error: o, variant: s = "default", className: c, disabled: l, ...u }) {
 	return /* @__PURE__ */ n("div", {
 		className: "inputBlockVertical",
 		children: [
@@ -427,9 +427,9 @@ function M({ label: e, name: r, options: i, placeholder: a, error: o, variant: s
 				name: r,
 				disabled: l,
 				className: [
-					j.inputSelectField,
-					s === "glassy" ? j.inputSelectFieldGlassy : "",
-					o ? j.inputError : "",
+					P.inputSelectField,
+					s === "glassy" ? P.inputSelectFieldGlassy : "",
+					o ? P.inputError : "",
 					c ?? ""
 				].filter(Boolean).join(" "),
 				"aria-invalid": !!o,
@@ -446,13 +446,13 @@ function M({ label: e, name: r, options: i, placeholder: a, error: o, variant: s
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [j.errorMessage, o ? "" : j.errorMessageHidden].filter(Boolean).join(" "),
+				className: [P.errorMessage, o ? "" : P.errorMessageHidden].filter(Boolean).join(" "),
 				children: o || "\xA0"
 			})
 		]
 	});
 }
-var N = {
+var I = {
 	appLink: "_appLink_o2z21_1",
 	appLinkDefault: "_appLinkDefault_o2z21_19",
 	appLinkGlassy: "_appLinkGlassy_o2z21_30",
@@ -463,7 +463,7 @@ var N = {
 };
 //#endregion
 //#region src/components/form/link/Link.tsx
-function P({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0, arrowPosition: s = "right", variant: c = "default", className: l, ...u }) {
+function L({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0, arrowPosition: s = "right", variant: c = "default", className: l, ...u }) {
 	function d(e) {
 		r || e.preventDefault(), i?.(e);
 	}
@@ -473,32 +473,32 @@ function P({ children: e, href: r, onClick: i, newTab: a = !1, showArrow: o = !0
 		target: r && a ? "_blank" : void 0,
 		rel: r && a ? "noopener noreferrer" : void 0,
 		className: [
-			N.appLink,
-			c === "glassy" ? N.appLinkGlassy : N.appLinkDefault,
+			I.appLink,
+			c === "glassy" ? I.appLinkGlassy : I.appLinkDefault,
 			l ?? ""
 		].filter(Boolean).join(" "),
 		...u,
 		children: [
 			o && s === "left" && /* @__PURE__ */ t("span", {
-				className: [N.icon, N.iconLeft].join(" "),
+				className: [I.icon, I.iconLeft].join(" "),
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t(I, {})
+				children: /* @__PURE__ */ t(z, {})
 			}),
 			/* @__PURE__ */ t("span", {
-				className: N.label,
+				className: I.label,
 				children: e
 			}),
 			o && s === "right" && /* @__PURE__ */ t("span", {
-				className: N.icon,
+				className: I.icon,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t(F, {})
+				children: /* @__PURE__ */ t(R, {})
 			})
 		]
 	});
 }
-function F() {
+function R() {
 	return /* @__PURE__ */ n("svg", {
-		className: N.arrowIcon,
+		className: I.arrowIcon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -506,9 +506,9 @@ function F() {
 		children: [/* @__PURE__ */ t("path", { d: "M5 12H19" }), /* @__PURE__ */ t("path", { d: "M13 6L19 12L13 18" })]
 	});
 }
-function I() {
+function z() {
 	return /* @__PURE__ */ n("svg", {
-		className: N.arrowIcon,
+		className: I.arrowIcon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -516,7 +516,7 @@ function I() {
 		children: [/* @__PURE__ */ t("path", { d: "M19 12H5" }), /* @__PURE__ */ t("path", { d: "M11 6L5 12L11 18" })]
 	});
 }
-var L = {
+var B = {
 	iconButton: "_iconButton_14rp3_1",
 	withFrame: "_withFrame_14rp3_17",
 	withoutFrame: "_withoutFrame_14rp3_24",
@@ -529,7 +529,7 @@ var L = {
 };
 //#endregion
 //#region src/components/form/icon-button/IconButton.tsx
-function R({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a = !1, size: o = "default", className: s, type: c = "button", disabled: l, ...u }) {
+function V({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a = !1, size: o = "default", className: s, type: c = "button", disabled: l, ...u }) {
 	return /* @__PURE__ */ t("button", {
 		type: c,
 		"aria-label": e,
@@ -537,45 +537,45 @@ function R({ label: e, icon: n, variant: r = "default", frame: i = !0, active: a
 		"aria-pressed": a,
 		disabled: l,
 		className: [
-			L.iconButton,
-			i ? L.withFrame : L.withoutFrame,
-			r === "glassy" ? L.glassy : "",
-			a ? L.active : "",
-			o === "small" ? L.small : "",
-			o === "large" ? L.large : "",
+			B.iconButton,
+			i ? B.withFrame : B.withoutFrame,
+			r === "glassy" ? B.glassy : "",
+			a ? B.active : "",
+			o === "small" ? B.small : "",
+			o === "large" ? B.large : "",
 			s ?? ""
 		].filter(Boolean).join(" "),
 		...u,
 		children: /* @__PURE__ */ t("span", {
-			className: L.icon,
+			className: B.icon,
 			"aria-hidden": "true",
 			children: n
 		})
 	});
 }
-var z = {
+var H = {
 	icon: "_icon_1pk0b_1",
 	badge: "_badge_1pk0b_6",
 	badgeLarge: "_badgeLarge_1pk0b_25"
 };
 //#endregion
 //#region src/components/icon/icon.tsx
-function B({ icon: e, badgeCount: r, size: i = 32, badgeColor: a = "green" }) {
+function U({ icon: e, badgeCount: r, size: i = 32, badgeColor: a = "green" }) {
 	let o = i >= 48, s = r !== void 0 && r > 99 ? "99+" : r;
 	return /* @__PURE__ */ n("div", {
-		className: `relative inline-block ${z.icon}`,
+		className: `relative inline-block ${H.icon}`,
 		style: {
 			width: i,
 			height: i
 		},
 		children: [e, r !== void 0 && r > 0 && /* @__PURE__ */ t("span", {
-			className: `${z.badge} ${o ? z.badgeLarge : ""}`,
+			className: `${H.badge} ${o ? H.badgeLarge : ""}`,
 			style: { backgroundColor: a },
 			children: s
 		})]
 	});
 }
-var V = {
+var W = {
 	passwordInputWrapper: "_passwordInputWrapper_1ris8_1",
 	inputTextField: "_inputTextField_1ris8_6",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_1ris8_18",
@@ -587,8 +587,8 @@ var V = {
 };
 //#endregion
 //#region src/components/form/password/Password.tsx
-function H({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ref: l, autoComplete: d = "current-password", ...f }) {
-	let [p, m] = u(!1), h = i ?? r;
+function G({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, ref: l, autoComplete: u = "current-password", ...d }) {
+	let [f, m] = p(!1), h = i ?? r;
 	function g() {
 		m((e) => !e);
 	}
@@ -601,44 +601,44 @@ function H({ label: e, name: r, id: i, error: a, variant: o = "default", classNa
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				className: V.passwordInputWrapper,
+				className: W.passwordInputWrapper,
 				children: [/* @__PURE__ */ t("input", {
 					id: h,
 					name: r,
 					ref: l,
-					type: p ? "text" : "password",
+					type: f ? "text" : "password",
 					disabled: c,
-					autoComplete: d,
+					autoComplete: u,
 					className: [
-						V.inputTextField,
-						o === "glassy" ? V.inputTextFieldGlassy : "",
-						a ? V.inputError : "",
+						W.inputTextField,
+						o === "glassy" ? W.inputTextFieldGlassy : "",
+						a ? W.inputError : "",
 						s ?? ""
 					].filter(Boolean).join(" "),
 					"aria-invalid": !!a,
 					"aria-describedby": `${r}-error`,
-					...f
+					...d
 				}), /* @__PURE__ */ t("button", {
 					type: "button",
-					className: V.togglePasswordButton,
+					className: W.togglePasswordButton,
 					onClick: g,
 					disabled: c,
-					"aria-label": p ? "Passwort ausblenden" : "Passwort anzeigen",
-					"aria-pressed": p,
-					children: t(p ? W : U, {})
+					"aria-label": f ? "Passwort ausblenden" : "Passwort anzeigen",
+					"aria-pressed": f,
+					children: t(f ? te : ee, {})
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [V.errorMessage, a ? "" : V.errorMessageHidden].filter(Boolean).join(" "),
+				className: [W.errorMessage, a ? "" : W.errorMessageHidden].filter(Boolean).join(" "),
 				children: a || "\xA0"
 			})
 		]
 	});
 }
-function U() {
+function ee() {
 	return /* @__PURE__ */ n("svg", {
-		className: V.icon,
+		className: W.icon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -650,9 +650,9 @@ function U() {
 		})]
 	});
 }
-function W() {
+function te() {
 	return /* @__PURE__ */ t("svg", {
-		className: V.icon,
+		className: W.icon,
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -660,7 +660,7 @@ function W() {
 		children: /* @__PURE__ */ t("path", { d: "M17.94 17.94A10.94 10.94 0 0 1 12 20C7 20 2.73 16.11 1 12c.74-1.64 1.82-3.06 3.11-4.24m3.52-2.42A10.94 10.94 0 0 1 12 4c5 0 9.27 3.89 11 8-1.1 2.42-2.91 4.5-5.06 5.94M1 1l22 22" })
 	});
 }
-var G = {
+var K = {
 	inputWrapper: "_inputWrapper_1qpua_1",
 	inputTextField: "_inputTextField_1qpua_6",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_1qpua_18",
@@ -676,9 +676,9 @@ var G = {
 };
 //#endregion
 //#region src/components/form/postal-code/PostalCode.tsx
-function K({ label: e, name: r, id: i, error: a, variant: c = "default", className: d, disabled: f, placeholder: p = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
-	let b = s(), x = i ?? `${r}-${b}`, S = l(null), C = l(!1), [w, T] = u(""), [E, D] = u([]), [O, k] = u(!1), [A, j] = u(!1), M = w.trim().match(/^(\d+)\s+(.+)$/), N = !!M, P = M?.[1], F = M?.[2], I = N && E.some((e) => e.postalCode === P && e.locality === F), L = /^\d+$/.test(w.trim()), R = w.trim().length >= 4 && L && !O, z = R && E.some((e) => e.postalCode === w.trim()), B = R && !z, V = a ?? (B ? "Diese Schweizer Postleitzahl wurde nicht gefunden." : void 0);
-	A && w.trim().length >= 4 && E.length, o(() => {
+function ne({ label: e, name: r, id: i, error: a, variant: o = "default", className: s, disabled: c, placeholder: d = "z.B. 8001 oder Zürich", ref: m, onChange: h, onBlur: g, onValueChange: _, onSuggestionSelect: v, ...y }) {
+	let b = u(), x = i ?? `${r}-${b}`, S = f(null), C = f(!1), [w, T] = p(""), [E, D] = p([]), [O, k] = p(!1), [A, j] = p(!1), M = w.trim().match(/^(\d+)\s+(.+)$/), N = !!M, P = M?.[1], F = M?.[2], I = N && E.some((e) => e.postalCode === P && e.locality === F), L = /^\d+$/.test(w.trim()), R = w.trim().length >= 4 && L && !O, z = R && E.some((e) => e.postalCode === w.trim()), B = R && !z, V = a ?? (B ? "Diese Schweizer Postleitzahl wurde nicht gefunden." : void 0);
+	A && w.trim().length >= 4 && E.length, l(() => {
 		let e = w.trim();
 		if (e.length < 2) {
 			D([]), j(!1);
@@ -730,11 +730,11 @@ function K({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
 		children: [
 			/* @__PURE__ */ t("label", {
 				htmlFor: x,
-				className: ["inputLabel", c === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
+				className: ["inputLabel", o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
-				className: G.inputWrapper,
+				className: K.inputWrapper,
 				children: [
 					/* @__PURE__ */ t("input", {
 						id: x,
@@ -743,56 +743,56 @@ function K({ label: e, name: r, id: i, error: a, variant: c = "default", classNa
 						type: "text",
 						inputMode: "search",
 						autoComplete: "postal-code",
-						disabled: f,
-						placeholder: p,
+						disabled: c,
+						placeholder: d,
 						value: w,
 						onChange: U,
 						onBlur: g,
 						className: [
-							G.inputTextField,
-							c === "glassy" ? G.inputTextFieldGlassy : "",
-							z || I ? G.inputValid : "",
-							B || a ? G.inputError : "",
-							d ?? ""
+							K.inputTextField,
+							o === "glassy" ? K.inputTextFieldGlassy : "",
+							z || I ? K.inputValid : "",
+							B || a ? K.inputError : "",
+							s ?? ""
 						].filter(Boolean).join(" "),
 						"aria-invalid": !!V,
 						"aria-describedby": `${r}-error`,
 						...y
 					}),
 					O && /* @__PURE__ */ t("span", {
-						className: G.loading,
+						className: K.loading,
 						children: "Lädt…"
 					}),
 					E.length > 0 && /* @__PURE__ */ t("ul", {
-						className: G.suggestionList,
+						className: K.suggestionList,
 						children: E.map((e) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ n("button", {
 							type: "button",
-							className: G.suggestionItem,
+							className: K.suggestionItem,
 							onMouseDown: (e) => e.preventDefault(),
 							onClick: () => W(e),
 							children: [/* @__PURE__ */ t("span", { children: e.postalCode }), /* @__PURE__ */ t("span", {
-								className: G.locality,
+								className: K.locality,
 								children: e.locality
 							})]
 						}) }, e.label))
 					}),
 					A && w.trim().length >= 2 && E.length === 0 && !O && !I && !B && /* @__PURE__ */ t("div", {
-						className: G.emptyState,
+						className: K.emptyState,
 						children: "Keine Schweizer PLZ oder Ortschaft gefunden."
 					})
 				]
 			}),
 			z && /* @__PURE__ */ t("span", {
-				className: G.successMessage,
+				className: K.successMessage,
 				children: "Gültige Schweizer Postleitzahl"
 			}),
 			I && /* @__PURE__ */ t("span", {
-				className: G.successMessage,
+				className: K.successMessage,
 				children: "Gültige Schweizer Postleitzahl"
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [G.errorMessage, V ? "" : G.errorMessageHidden].filter(Boolean).join(" "),
+				className: [K.errorMessage, V ? "" : K.errorMessageHidden].filter(Boolean).join(" "),
 				children: V || "\xA0"
 			})
 		]
@@ -815,7 +815,7 @@ var q = {
 };
 //#endregion
 //#region src/components/form/radiobutton/RadioButton.tsx
-function J({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
+function re({ label: e, name: r, options: i, error: a, variant: o = "default", disabled: s, value: c, defaultValue: l, onChange: u, ...d }) {
 	let f = c !== void 0;
 	return /* @__PURE__ */ t("div", {
 		className: "inputBlockVertical",
@@ -870,7 +870,7 @@ function J({ label: e, name: r, options: i, error: a, variant: o = "default", di
 		})
 	});
 }
-var Y = {
+var J = {
 	switchWrapper: "_switchWrapper_1dr6p_1",
 	switchCheckbox: "_switchCheckbox_1dr6p_5",
 	switchLabel: "_switchLabel_1dr6p_13",
@@ -888,54 +888,54 @@ var Y = {
 };
 //#endregion
 //#region src/components/form/switch/Switch.tsx
-function X({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
+function ie({ name: e, id: r, label: i, error: a, variant: o = "default", className: s, disabled: c, ...l }) {
 	let u = r ?? `${e}-switch`;
 	return /* @__PURE__ */ t("div", {
 		className: "inputBlockHorizontal",
 		children: /* @__PURE__ */ n("div", {
-			className: [Y.switchWrapper, s ?? ""].filter(Boolean).join(" "),
+			className: [J.switchWrapper, s ?? ""].filter(Boolean).join(" "),
 			children: [
 				/* @__PURE__ */ t("input", {
 					id: u,
 					name: e,
 					type: "checkbox",
 					disabled: c,
-					className: Y.switchCheckbox,
+					className: J.switchCheckbox,
 					"aria-invalid": !!a,
 					"aria-describedby": `${e}-error`,
 					...l
 				}),
 				/* @__PURE__ */ n("label", {
 					htmlFor: u,
-					className: [Y.switchLabel, o === "glassy" ? Y.switchLabelGlassy : Y.switchLabelDefault].filter(Boolean).join(" "),
+					className: [J.switchLabel, o === "glassy" ? J.switchLabelGlassy : J.switchLabelDefault].filter(Boolean).join(" "),
 					children: [i && /* @__PURE__ */ t("span", {
-						className: Y.switchText,
+						className: J.switchText,
 						children: i
 					}), /* @__PURE__ */ t("span", {
-						className: [Y.switchBackground, o === "glassy" ? Y.switchBackgroundGlassy : Y.switchBackgroundDefault].filter(Boolean).join(" "),
+						className: [J.switchBackground, o === "glassy" ? J.switchBackgroundGlassy : J.switchBackgroundDefault].filter(Boolean).join(" "),
 						children: /* @__PURE__ */ n("span", {
-							className: Y.switchButton,
+							className: J.switchButton,
 							"aria-hidden": "true",
 							children: [/* @__PURE__ */ t("span", {
-								className: Y.iconChecked,
-								children: /* @__PURE__ */ t(ee, {})
+								className: J.iconChecked,
+								children: /* @__PURE__ */ t(ae, {})
 							}), /* @__PURE__ */ t("span", {
-								className: Y.iconUnchecked,
-								children: /* @__PURE__ */ t(te, {})
+								className: J.iconUnchecked,
+								children: /* @__PURE__ */ t(oe, {})
 							})]
 						})
 					})]
 				}),
 				/* @__PURE__ */ t("span", {
 					id: `${e}-error`,
-					className: [Y.errorMessage, a ? "" : Y.errorMessageHidden].filter(Boolean).join(" "),
+					className: [J.errorMessage, a ? "" : J.errorMessageHidden].filter(Boolean).join(" "),
 					children: a || "\xA0"
 				})
 			]
 		})
 	});
 }
-function ee() {
+function ae() {
 	return /* @__PURE__ */ t("svg", {
 		width: "16",
 		height: "16",
@@ -951,7 +951,7 @@ function ee() {
 		})
 	});
 }
-function te() {
+function oe() {
 	return /* @__PURE__ */ t("svg", {
 		width: "16",
 		height: "16",
@@ -966,7 +966,7 @@ function te() {
 		})
 	});
 }
-var Z = {
+var Y = {
 	snackbar: "_snackbar_o1awg_1",
 	"snackbar--success": "_snackbar--success_o1awg_13",
 	"snackbar--info": "_snackbar--info_o1awg_17",
@@ -975,8 +975,8 @@ var Z = {
 };
 //#endregion
 //#region src/components/snackbar/snackbar.tsx
-function ne({ message: e, isOpen: n, onClose: r, duration: i = 5e3, type: a = "info" }) {
-	return o(() => {
+function se({ message: e, isOpen: n, onClose: r, duration: i = 5e3, type: a = "info" }) {
+	return l(() => {
 		if (n) {
 			let e = setTimeout(() => {
 				r();
@@ -988,11 +988,11 @@ function ne({ message: e, isOpen: n, onClose: r, duration: i = 5e3, type: a = "i
 		i,
 		r
 	]), n ? /* @__PURE__ */ t("div", {
-		className: `${Z.snackbar} ${Z[`snackbar--${a}`]}`,
+		className: `${Y.snackbar} ${Y[`snackbar--${a}`]}`,
 		children: e
 	}) : null;
 }
-var Q = {
+var X = {
 	inputLabel: "_inputLabel_1hmxe_1",
 	inputTextField: "_inputTextField_1hmxe_5",
 	inputTextFieldGlassy: "_inputTextFieldGlassy_1hmxe_22",
@@ -1002,13 +1002,13 @@ var Q = {
 };
 //#endregion
 //#region src/components/form/textfield/TextField.tsx
-function re({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
+function ce({ label: e, name: r, error: i, placeholder: a, variant: o = "default", className: s, ref: c, ...l }) {
 	return /* @__PURE__ */ n("div", {
 		className: "inputBlockVertical",
 		children: [
 			/* @__PURE__ */ t("label", {
 				htmlFor: r,
-				className: [Q.inputLabel, o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
+				className: [X.inputLabel, o === "glassy" ? "inputLabelGlassy" : ""].filter(Boolean).join(" "),
 				children: e
 			}),
 			/* @__PURE__ */ t("input", {
@@ -1017,9 +1017,9 @@ function re({ label: e, name: r, error: i, placeholder: a, variant: o = "default
 				ref: c,
 				placeholder: a,
 				className: [
-					Q.inputTextField,
-					o === "glassy" ? Q.inputTextFieldGlassy : "",
-					i ? Q.inputError : "",
+					X.inputTextField,
+					o === "glassy" ? X.inputTextFieldGlassy : "",
+					i ? X.inputError : "",
 					s ?? ""
 				].filter(Boolean).join(" "),
 				"aria-invalid": !!i,
@@ -1028,13 +1028,13 @@ function re({ label: e, name: r, error: i, placeholder: a, variant: o = "default
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [Q.errorMessage, i ? "" : Q.errorMessageHidden].filter(Boolean).join(" "),
+				className: [X.errorMessage, i ? "" : X.errorMessageHidden].filter(Boolean).join(" "),
 				children: i || "\xA0"
 			})
 		]
 	});
 }
-var $ = {
+var Z = {
 	wrapper: "_wrapper_1get6_1",
 	label: "_label_1get6_7",
 	labelGlassy: "_labelGlassy_1get6_13",
@@ -1060,15 +1060,15 @@ var $ = {
 };
 //#endregion
 //#region src/components/form/upload/Upload.tsx
-function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default", accept: f = "image/*", maxSizeBytes: p = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
-	let y = s(), b = i ?? `${r}-${y}`, [x, S] = u(!1), [C, w] = u(a ?? null), T = a !== void 0, E = T ? a : C, D = c(() => !E || !E.type.startsWith("image/") ? null : URL.createObjectURL(E), [E]);
-	o(() => {
+function le({ label: e, name: r, id: i, file: a, error: o, variant: s = "default", accept: c = "image/*", maxSizeBytes: f = 5 * 1024 * 1024, disabled: m, className: h, onChange: g, onFileChange: _, ...v }) {
+	let y = u(), b = i ?? `${r}-${y}`, [x, S] = p(!1), [C, w] = p(a ?? null), T = a !== void 0, E = T ? a : C, D = d(() => !E || !E.type.startsWith("image/") ? null : URL.createObjectURL(E), [E]);
+	l(() => {
 		T && w(a ?? null);
-	}, [a, T]), o(() => () => {
+	}, [a, T]), l(() => () => {
 		D && URL.revokeObjectURL(D);
 	}, [D]);
 	function O(e) {
-		return !e || (f === "image/*" || f.startsWith("image/")) && !e.type.startsWith("image/") || p && e.size > p ? null : e;
+		return !e || (c === "image/*" || c.startsWith("image/")) && !e.type.startsWith("image/") || f && e.size > f ? null : e;
 	}
 	function k(e) {
 		let t = O(e);
@@ -1089,22 +1089,22 @@ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
 	function P() {
 		T || w(null), _?.(null);
 	}
-	let F = Math.round(p / (1024 * 1024));
+	let F = Math.round(f / (1024 * 1024));
 	return /* @__PURE__ */ n("div", {
-		className: [$.wrapper, h ?? ""].filter(Boolean).join(" "),
+		className: [Z.wrapper, h ?? ""].filter(Boolean).join(" "),
 		children: [
 			/* @__PURE__ */ t("label", {
-				className: [$.label, d === "glassy" ? $.labelGlassy : ""].filter(Boolean).join(" "),
+				className: [Z.label, s === "glassy" ? Z.labelGlassy : ""].filter(Boolean).join(" "),
 				htmlFor: b,
 				children: e
 			}),
 			/* @__PURE__ */ n("div", {
 				className: [
-					$.dropzone,
-					d === "glassy" ? $.dropzoneGlassy : "",
-					x ? $.dragOver : "",
-					l ? $.errorState : "",
-					m ? $.disabled : ""
+					Z.dropzone,
+					s === "glassy" ? Z.dropzoneGlassy : "",
+					x ? Z.dragOver : "",
+					o ? Z.errorState : "",
+					m ? Z.disabled : ""
 				].filter(Boolean).join(" "),
 				onDragOver: j,
 				onDragLeave: M,
@@ -1113,31 +1113,31 @@ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
 					/* @__PURE__ */ t("input", {
 						id: b,
 						name: r,
-						className: $.hiddenInput,
+						className: Z.hiddenInput,
 						type: "file",
-						accept: f,
+						accept: c,
 						disabled: m,
 						onChange: A,
-						"aria-invalid": !!l,
+						"aria-invalid": !!o,
 						"aria-describedby": `${r}-error`,
 						...v
 					}),
 					/* @__PURE__ */ t("label", {
 						htmlFor: b,
-						className: $.dropzoneContent,
+						className: Z.dropzoneContent,
 						children: E ? /* @__PURE__ */ n("span", {
-							className: $.selected,
+							className: Z.selected,
 							children: [D && /* @__PURE__ */ t("img", {
-								className: $.preview,
+								className: Z.preview,
 								src: D,
 								alt: `Vorschau von ${E.name}`
 							}), /* @__PURE__ */ n("span", {
-								className: $.fileMeta,
+								className: Z.fileMeta,
 								children: [/* @__PURE__ */ t("span", {
-									className: $.fileName,
+									className: Z.fileName,
 									children: E.name
 								}), /* @__PURE__ */ n("span", {
-									className: $.fileSize,
+									className: Z.fileSize,
 									children: [
 										(E.size / 1024).toFixed(0),
 										" KB ·",
@@ -1147,21 +1147,21 @@ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
 								})]
 							})]
 						}) : /* @__PURE__ */ n("span", {
-							className: $.placeholder,
+							className: Z.placeholder,
 							children: [
 								/* @__PURE__ */ t("span", {
-									className: $.big,
+									className: Z.big,
 									children: "Datei hier reinziehen"
 								}),
 								/* @__PURE__ */ t("span", {
-									className: $.small,
+									className: Z.small,
 									children: "…oder klicken, um auszuwählen"
 								}),
 								/* @__PURE__ */ n("span", {
-									className: $.hint,
+									className: Z.hint,
 									children: [
 										"Erlaubt: ",
-										f,
+										c,
 										" · max. ",
 										F,
 										" MB"
@@ -1172,7 +1172,7 @@ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
 					}),
 					E && /* @__PURE__ */ t("button", {
 						type: "button",
-						className: $.remove,
+						className: Z.remove,
 						onClick: P,
 						disabled: m,
 						children: "Entfernen"
@@ -1181,11 +1181,178 @@ function ie({ label: e, name: r, id: i, file: a, error: l, variant: d = "default
 			}),
 			/* @__PURE__ */ t("span", {
 				id: `${r}-error`,
-				className: [$.errorMessage, l ? "" : $.errorMessageHidden].filter(Boolean).join(" "),
-				children: l || "\xA0"
+				className: [Z.errorMessage, o ? "" : Z.errorMessageHidden].filter(Boolean).join(" "),
+				children: o || "\xA0"
 			})
 		]
 	});
 }
+var Q = {
+	counter: "_counter_zq8ye_1",
+	button: "_button_zq8ye_11",
+	value: "_value_zq8ye_33"
+};
+//#endregion
+//#region src/components/counter/counter.tsx
+function ue({ value: e, onChange: r, min: i = 0, max: a = Infinity, step: o = 1, disabled: s = !1 }) {
+	return /* @__PURE__ */ n("div", {
+		className: Q.counter,
+		onClick: (e) => e.stopPropagation(),
+		children: [
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => {
+					s || r(Math.max(e - o, i));
+				},
+				disabled: s || e <= i,
+				className: Q.button,
+				children: "–"
+			}),
+			/* @__PURE__ */ t("span", {
+				className: Q.value,
+				children: e
+			}),
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => {
+					s || r(Math.min(e + o, a));
+				},
+				disabled: s || e >= a,
+				className: Q.button,
+				children: "+"
+			})
+		]
+	});
+}
+var de = { avatar: "_avatar_hgx2w_1" };
+//#endregion
+//#region src/components/avatar/avatar.tsx
+function fe({ src: e, alt: n = "Avatar", size: r = 40, shape: i = "circle", className: a, onClick: o, fallbackSrc: s, children: c }) {
+	let [u, d] = p(e ?? "");
+	l(() => {
+		d(e ?? "");
+	}, [e]);
+	let f = () => {
+		d(s || "");
+	}, m = {
+		"--avatar-size": `${r}px`,
+		"--avatar-radius": i === "circle" ? "50%" : "0"
+	};
+	return /* @__PURE__ */ t("div", {
+		className: [de.avatar, a].filter(Boolean).join(" "),
+		style: m,
+		onClick: o,
+		"aria-label": n,
+		role: "img",
+		children: c ?? (u ? /* @__PURE__ */ t("img", {
+			src: u,
+			alt: n,
+			onError: f
+		}) : /* @__PURE__ */ t("span", { "aria-hidden": "true" }))
+	});
+}
+//#endregion
+//#region src/components/star-rating/star-rating.tsx
+function pe({ value: e, onChange: r, max: i = 5, readOnly: a = !1 }) {
+	let [o, s] = p(null), c = (e) => {
+		!a && r && r(e + 1);
+	}, l = (e) => {
+		a || s(e);
+	}, u = () => {
+		a || s(null);
+	};
+	return /* @__PURE__ */ n("div", {
+		style: {
+			display: "flex",
+			gap: "0.25rem"
+		},
+		children: [Array.from({ length: i }).map((n, r) => /* @__PURE__ */ t("span", {
+			onClick: () => c(r),
+			onMouseEnter: () => l(r),
+			onMouseLeave: u,
+			style: {
+				fontSize: "2rem",
+				color: (o === null ? r < e : r <= o) ? "#FFD700" : "#CCCCCC",
+				cursor: a ? "default" : "pointer",
+				transition: "color 0.2s"
+			},
+			children: "★"
+		}, r)), /* @__PURE__ */ t("p", { children: "23 Reviews" })]
+	});
+}
+var $ = {
+	stepperVStack: "_stepperVStack_1utyy_1",
+	stepRow: "_stepRow_1utyy_7",
+	rail: "_rail_1utyy_16",
+	dot: "_dot_1utyy_23",
+	dotNumber: "_dotNumber_1utyy_34",
+	connector: "_connector_1utyy_41",
+	stepBody: "_stepBody_1utyy_50",
+	stepTitle: "_stepTitle_1utyy_55",
+	stepContent: "_stepContent_1utyy_65",
+	active: "_active_1utyy_71",
+	done: "_done_1utyy_81",
+	actions: "_actions_1utyy_94",
+	"animate-forward": "_animate-forward_1utyy_129",
+	slideUpFade: "_slideUpFade_1utyy_1",
+	"animate-backward": "_animate-backward_1utyy_133",
+	slideDownFade: "_slideDownFade_1utyy_1",
+	btn: "_btn_1utyy_233"
+};
+//#endregion
+//#region src/components/stepper-vertical/stepper-vertical.tsx
+function me({ stepTitles: e, children: a, onFinish: s, initialStep: c = 0 }) {
+	let u = d(() => r.toArray(a).filter(o), [a]), [m, h] = p(() => c >= 0 && c < u.length ? c : 0), [g, _] = p("forward"), v = f(null);
+	l(() => {
+		v.current?.scrollIntoView({
+			behavior: "smooth",
+			block: "start"
+		});
+	}, [m]), l(() => {
+		c < 0 || c >= u.length || h(c);
+	}, [c, u.length]);
+	let y = e && e.length === u.length ? e : u.map((e, t) => `Schritt ${t + 1}`), b = m === u.length - 1, x = async () => {
+		if (!b) {
+			_("forward"), h((e) => e + 1);
+			return;
+		}
+		s && await s();
+	}, S = () => {
+		_("backward"), h((e) => e - 1);
+	};
+	return /* @__PURE__ */ n("div", {
+		className: $.stepperVStack,
+		children: [/* @__PURE__ */ t("div", { ref: v }), y.map((e, r) => {
+			let a = r < m ? "done" : r === m ? "active" : "upcoming", o = r === m, s = r === u.length - 1;
+			return /* @__PURE__ */ n("div", {
+				className: `${$.stepRow} ${$[a]}`,
+				children: [/* @__PURE__ */ n("div", {
+					className: $.rail,
+					children: [/* @__PURE__ */ t("div", {
+						className: $.dot,
+						children: /* @__PURE__ */ t("span", {
+							className: $.dotNumber,
+							children: r + 1
+						})
+					}), !s && /* @__PURE__ */ t("div", { className: $.connector })]
+				}), /* @__PURE__ */ n("div", {
+					className: $.stepBody,
+					children: [/* @__PURE__ */ t("div", {
+						className: $.stepTitle,
+						children: e
+					}), o && /* @__PURE__ */ t("div", {
+						className: `${$.stepContent} ${$[`animate-${g}`]}`,
+						children: i(u[r], {
+							onNext: x,
+							onBack: S,
+							isFirstStep: m === 0,
+							isLastStep: b
+						})
+					}, m)]
+				})]
+			}, `step-${r}`);
+		})]
+	});
+}
 //#endregion
-export { y as Accordion, h as BannerHero, f as Button, C as Checkbox, T as Chip, D as DatePicker, M as Dropdown, B as Icon, R as IconButton, P as Link, H as Password, K as PostalCode, J as RadioButton, ne as Snackbar, X as Switch, re as TextField, x as TileAccordion, ie as Upload };
+export { S as Accordion, fe as Avatar, v as BannerHero, h as Button, E as Checkbox, O as Chip, ue as Counter, A as DatePicker, F as Dropdown, U as Icon, V as IconButton, L as Link, G as Password, ne as PostalCode, re as RadioButton, se as Snackbar, pe as StarRating, me as StepperVertical, ie as Switch, ce as TextField, w as TileAccordion, le as Upload };