eidotter 0.21.0 → 0.22.0

package/dist/index.es.js

@@ -8644,60 +8644,339 @@ var ld = ({ zoomLevel: e, canZoomIn: t, canZoomOut: n, onZoomIn: r, onZoomOut: i
 }));
 dd.displayName = "YearView";
 //#endregion
-//#region src/components/TimelineContainer/components/TimelineEntryCard.tsx
-var fd = e.memo(({ entry: e, isSelected: t, isExpanded: n = !1, onSelect: r, footer: i, children: a }) => {
-	let o = typeof e.content == "string", s = e.content != null;
-	return /* @__PURE__ */ b("div", {
-		className: $("eidotter-timeline-card", t && "eidotter-timeline-card--selected", n && "eidotter-timeline-card--expanded"),
-		children: [
-			/* @__PURE__ */ b(K, {
-				className: "eidotter-timeline-card__trigger",
-				onPress: () => r?.(e.id),
-				"aria-expanded": n,
+//#region src/components/Lightbox/components/Lightbox.tsx
+var fd = ({ images: t, initialIndex: n = 0, isOpen: r, onClose: i, onIndexChange: o }) => {
+	let c = t.length === 0 ? 0 : Math.max(0, Math.min(n, t.length - 1)), [l, u] = p(c);
+	s(() => {
+		r && u(c);
+	}, [r, c]), s(() => {
+		t.length > 0 && l >= t.length && u(t.length - 1);
+	}, [t.length, l]);
+	let d = a((e) => {
+		e < 0 || e >= t.length || e === l || (u(e), o?.(e));
+	}, [
+		t.length,
+		l,
+		o
+	]), f = a(() => d(l - 1), [d, l]), m = a(() => d(l + 1), [d, l]), h = e.useRef(null), g = a((e) => {
+		h.current = e.touches[0]?.clientX ?? null;
+	}, []), _ = a((e) => {
+		let t = h.current;
+		if (h.current = null, t == null) return;
+		let n = (e.changedTouches[0]?.clientX ?? t) - t;
+		Math.abs(n) < 30 || (n < 0 ? m() : f());
+	}, [m, f]);
+	if (s(() => {
+		if (!r) return;
+		let e = (e) => {
+			e.key === "ArrowLeft" ? (e.preventDefault(), f()) : e.key === "ArrowRight" && (e.preventDefault(), m());
+		};
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [
+		r,
+		f,
+		m
+	]), t.length === 0) return null;
+	let v = Math.max(0, Math.min(l, t.length - 1)), x = t[v], S = v > 0, C = v < t.length - 1;
+	return /* @__PURE__ */ y(Us, {
+		isOpen: r,
+		onOpenChange: (e) => {
+			e || i();
+		},
+		isDismissable: !0,
+		className: ({ isEntering: e, isExiting: t }) => $("eidotter-lightbox-overlay", e && "eidotter-lightbox-overlay--entering", t && "eidotter-lightbox-overlay--exiting"),
+		children: /* @__PURE__ */ y(Vs, {
+			className: ({ isEntering: e, isExiting: t }) => $("eidotter-lightbox", e && "eidotter-lightbox--entering", t && "eidotter-lightbox--exiting"),
+			children: /* @__PURE__ */ b(Ns, {
+				"aria-label": x.alt || "Image viewer",
+				className: "eidotter-lightbox__container outline-none",
 				children: [
-					/* @__PURE__ */ b("div", {
-						className: "eidotter-timeline-card__header",
-						children: [e.type && /* @__PURE__ */ y("span", {
-							className: "eidotter-timeline-card__type",
-							children: e.type.toUpperCase()
-						}), e.tags && e.tags.length > 0 && /* @__PURE__ */ y("span", {
-							className: "eidotter-timeline-card__tags",
-							children: e.tags.map((e) => `#${e}`).join(" ")
-						})]
+					/* @__PURE__ */ y(K, {
+						className: "eidotter-lightbox__close",
+						onPress: i,
+						"aria-label": "Close lightbox",
+						children: /* @__PURE__ */ y(Wl, {
+							name: "Close",
+							size: "S"
+						})
 					}),
-					/* @__PURE__ */ y("p", {
-						className: "eidotter-timeline-card__title",
-						children: e.title
+					/* @__PURE__ */ y(K, {
+						className: "eidotter-lightbox__nav eidotter-lightbox__nav--prev",
+						onPress: f,
+						isDisabled: !S,
+						"aria-label": "Previous image",
+						children: "◀"
 					}),
-					!n && o && (() => {
-						let t = String(e.content);
-						return /* @__PURE__ */ b("p", {
-							className: "eidotter-timeline-card__preview",
-							children: [t.slice(0, 80), t.length > 80 ? "..." : ""]
-						});
-					})(),
-					a
+					/* @__PURE__ */ y(K, {
+						className: "eidotter-lightbox__nav eidotter-lightbox__nav--next",
+						onPress: m,
+						isDisabled: !C,
+						"aria-label": "Next image",
+						children: "▶"
+					}),
+					/* @__PURE__ */ b("figure", {
+						className: "eidotter-lightbox__figure",
+						children: [/* @__PURE__ */ y("img", {
+							className: "eidotter-lightbox__image",
+							src: x.src,
+							alt: x.alt,
+							width: x.width,
+							height: x.height,
+							onTouchStart: g,
+							onTouchEnd: _
+						}), x.caption && /* @__PURE__ */ y("figcaption", {
+							className: "eidotter-lightbox__caption",
+							children: x.caption
+						})]
+					}),
+					/* @__PURE__ */ b("span", {
+						className: "eidotter-lightbox__counter",
+						"aria-live": "polite",
+						children: [
+							"[ ",
+							v + 1,
+							" / ",
+							t.length,
+							" ]"
+						]
+					})
 				]
-			}),
-			s && /* @__PURE__ */ y("div", {
-				className: "eidotter-timeline-card__body",
-				children: /* @__PURE__ */ y("div", {
-					className: "eidotter-timeline-card__body-inner",
-					inert: n ? void 0 : !0,
-					children: e.content
-				})
-			}),
-			i && /* @__PURE__ */ y("div", {
-				className: "eidotter-timeline-card__footer",
-				children: i
 			})
-		]
+		})
 	});
-});
-fd.displayName = "TimelineEntryCard";
+};
+fd.displayName = "Lightbox";
+//#endregion
+//#region src/utils/isSafeHref.ts
+var pd = /^(?:https?:|mailto:)/i;
+function md(e) {
+	if (typeof e != "string") return !1;
+	let t = e.trim();
+	return t.length === 0 ? !1 : /^[a-z][a-z0-9+\-.]*:/i.test(t) ? pd.test(t) : !0;
+}
 //#endregion
-//#region src/components/TimelineContainer/components/views/MonthView.tsx
-var pd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketClick: i, renderEntry: a }) => /* @__PURE__ */ y("div", {
+//#region src/components/TimelineContainer/components/variants/TimelineEntryCardImage.tsx
+var hd = ({ entry: e, isExpanded: t, onSelect: n }) => {
+	let [r, i] = p(!1), { image: a } = e, o = a.thumbnail || a.src, c = a.link && md(a.link) ? a.link : void 0;
+	return s(() => {
+		t || i(!1);
+	}, [t]), c ? /* @__PURE__ */ b("a", {
+		className: "eidotter-timeline-card-image eidotter-timeline-card-image--link",
+		href: c,
+		rel: "noopener noreferrer",
+		children: [/* @__PURE__ */ y("p", {
+			className: "eidotter-timeline-card__title",
+			children: e.title
+		}), /* @__PURE__ */ y("img", {
+			className: "eidotter-timeline-card-image__media",
+			src: o,
+			alt: a.alt,
+			width: a.width,
+			height: a.height
+		})]
+	}) : /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(K, {
+			className: "eidotter-timeline-card__trigger",
+			onPress: () => n?.(e.id),
+			"aria-expanded": t,
+			children: /* @__PURE__ */ y("p", {
+				className: "eidotter-timeline-card__title",
+				children: e.title
+			})
+		}),
+		/* @__PURE__ */ y("div", {
+			className: "eidotter-timeline-card-image",
+			children: t ? /* @__PURE__ */ y(K, {
+				className: "eidotter-timeline-card-image__media-button",
+				onPress: () => i(!0),
+				"aria-label": a.alt ? `Open ${a.alt} in lightbox` : "Open image in lightbox",
+				children: /* @__PURE__ */ y("img", {
+					className: "eidotter-timeline-card-image__media eidotter-timeline-card-image__media--expanded",
+					src: a.src,
+					alt: a.alt,
+					width: a.width,
+					height: a.height
+				})
+			}) : /* @__PURE__ */ y("img", {
+				className: "eidotter-timeline-card-image__media eidotter-timeline-card-image__media--thumb",
+				src: o,
+				alt: a.alt,
+				width: a.width,
+				height: a.height
+			})
+		}),
+		/* @__PURE__ */ y(fd, {
+			images: [a],
+			isOpen: r,
+			onClose: () => i(!1)
+		})
+	] });
+}, gd = ({ entry: e, isExpanded: t, onSelect: n }) => {
+	let [r, i] = p({ phase: "grid" });
+	if (s(() => {
+		t || i({ phase: "grid" });
+	}, [t]), e.images.length === 0) return process.env.NODE_ENV !== "production" && console.error(`[eidotter] TimelineEntryCard kind="gallery" entry "${e.id}" has no images.`), /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("p", {
+		className: "eidotter-timeline-card__title",
+		children: e.title
+	}), /* @__PURE__ */ y("p", {
+		className: "eidotter-timeline-card-gallery__empty",
+		children: "No images."
+	})] });
+	let a = (e, t) => {
+		t.link && md(t.link) || i((t) => t.phase === "focused" && t.index === e ? {
+			phase: "lightbox",
+			index: e
+		} : {
+			phase: "focused",
+			index: e
+		});
+	};
+	s(() => {
+		i((t) => t.phase === "grid" ? t : t.index >= e.images.length ? { phase: "grid" } : t);
+	}, [e.images.length]);
+	let o = r.phase === "focused" || r.phase === "lightbox" ? r.index : null;
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y(K, {
+			className: "eidotter-timeline-card__trigger",
+			onPress: () => n?.(e.id),
+			"aria-expanded": t,
+			children: /* @__PURE__ */ y("p", {
+				className: "eidotter-timeline-card__title",
+				children: e.title
+			})
+		}),
+		/* @__PURE__ */ y("div", {
+			className: "eidotter-timeline-card-gallery__grid",
+			role: "list",
+			children: e.images.map((e, t) => /* @__PURE__ */ y(_d, {
+				image: e,
+				isFocused: o === t,
+				onClick: () => a(t, e)
+			}, t))
+		}),
+		/* @__PURE__ */ y(fd, {
+			images: e.images,
+			isOpen: r.phase === "lightbox",
+			initialIndex: r.phase === "lightbox" ? r.index : 0,
+			onClose: () => {
+				i((e) => e.phase === "lightbox" ? {
+					phase: "focused",
+					index: e.index
+				} : e);
+			},
+			onIndexChange: (e) => {
+				i((t) => t.phase === "lightbox" ? {
+					phase: "lightbox",
+					index: e
+				} : t);
+			}
+		})
+	] });
+}, _d = ({ image: e, isFocused: t, onClick: n }) => {
+	let r = e.thumbnail || e.src, i = e.link && md(e.link) ? e.link : void 0;
+	return i ? /* @__PURE__ */ y("div", {
+		role: "listitem",
+		className: "eidotter-timeline-card-gallery__cell eidotter-timeline-card-gallery__cell--link",
+		children: /* @__PURE__ */ y("a", {
+			className: "eidotter-timeline-card-gallery__link",
+			href: i,
+			rel: "noopener noreferrer",
+			children: /* @__PURE__ */ y("img", {
+				className: "eidotter-timeline-card-gallery__img",
+				src: r,
+				alt: e.alt,
+				width: e.width,
+				height: e.height
+			})
+		})
+	}) : /* @__PURE__ */ y("div", {
+		role: "listitem",
+		className: $("eidotter-timeline-card-gallery__cell", t && "eidotter-timeline-card-gallery__cell--focused"),
+		children: /* @__PURE__ */ y(K, {
+			className: "eidotter-timeline-card-gallery__button",
+			onPress: n,
+			"aria-label": e.alt || "Image",
+			"aria-pressed": t,
+			children: /* @__PURE__ */ y("img", {
+				className: "eidotter-timeline-card-gallery__img",
+				src: r,
+				alt: e.alt,
+				width: e.width,
+				height: e.height
+			})
+		})
+	});
+}, vd = e.memo(({ entry: e, isSelected: t, isExpanded: n = !1, onSelect: r, footer: i, children: a }) => /* @__PURE__ */ b("div", {
+	className: $("eidotter-timeline-card", t && "eidotter-timeline-card--selected", n && "eidotter-timeline-card--expanded"),
+	children: [yd(e, n, r, a), i && /* @__PURE__ */ y("div", {
+		className: "eidotter-timeline-card__footer",
+		children: i
+	})]
+}));
+vd.displayName = "TimelineEntryCard";
+function yd(e, t, n, r) {
+	switch (e.kind) {
+		case "text": return /* @__PURE__ */ y(xd, {
+			entry: e,
+			isExpanded: t,
+			onSelect: n,
+			children: r
+		});
+		case "image": return /* @__PURE__ */ y(hd, {
+			entry: e,
+			isExpanded: t,
+			onSelect: n
+		});
+		case "gallery": return /* @__PURE__ */ y(gd, {
+			entry: e,
+			isExpanded: t,
+			onSelect: n
+		});
+		default: return bd(e);
+	}
+}
+function bd(e) {
+	throw Error(`TimelineEntryCard: unhandled entry kind: ${JSON.stringify(e)}`);
+}
+var xd = ({ entry: e, isExpanded: t, onSelect: n, children: r }) => {
+	let i = typeof e.content == "string", a = e.content != null;
+	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(K, {
+		className: "eidotter-timeline-card__trigger",
+		onPress: () => n?.(e.id),
+		"aria-expanded": t,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "eidotter-timeline-card__header",
+				children: [e.type && /* @__PURE__ */ y("span", {
+					className: "eidotter-timeline-card__type",
+					children: e.type.toUpperCase()
+				}), e.tags && e.tags.length > 0 && /* @__PURE__ */ y("span", {
+					className: "eidotter-timeline-card__tags",
+					children: e.tags.map((e) => `#${e}`).join(" ")
+				})]
+			}),
+			/* @__PURE__ */ y("p", {
+				className: "eidotter-timeline-card__title",
+				children: e.title
+			}),
+			!t && i && (() => {
+				let t = String(e.content);
+				return /* @__PURE__ */ b("p", {
+					className: "eidotter-timeline-card__preview",
+					children: [t.slice(0, 80), t.length > 80 ? "..." : ""]
+				});
+			})(),
+			r
+		]
+	}), a && /* @__PURE__ */ y("div", {
+		className: "eidotter-timeline-card__body",
+		children: /* @__PURE__ */ y("div", {
+			className: "eidotter-timeline-card__body-inner",
+			inert: t ? void 0 : !0,
+			children: e.content
+		})
+	})] });
+}, Sd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketClick: i, renderEntry: a }) => /* @__PURE__ */ y("div", {
 	className: "timeline-view timeline-view--month",
 	role: "list",
 	children: t.map((t) => /* @__PURE__ */ b("div", {
@@ -8716,7 +8995,7 @@ var pd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketCli
 		}), /* @__PURE__ */ y("div", {
 			className: "timeline-view__content",
 			children: t.entries.map((t) => {
-				let i = n === t.id, o = () => /* @__PURE__ */ y(fd, {
+				let i = n === t.id, o = () => /* @__PURE__ */ y(vd, {
 					entry: t,
 					isSelected: i,
 					isExpanded: i,
@@ -8731,23 +9010,23 @@ var pd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketCli
 		})]
 	}, t.periodStart))
 }));
-pd.displayName = "MonthView";
+Sd.displayName = "MonthView";
 //#endregion
 //#region src/components/Tag/components/Tag.tsx
-var md = {
+var Cd = {
 	sm: "text-dos-text-xs px-2 py-0.5 min-h-6 gap-1",
 	md: "text-dos-text-sm px-2.5 py-1 min-h-7 gap-1.5",
 	lg: "text-dos-text-md px-3 py-1.5 min-h-8 gap-1.5",
 	small: "text-dos-text-xs px-2 py-0.5 min-h-6 gap-1",
 	medium: "text-dos-text-sm px-2.5 py-1 min-h-7 gap-1.5"
-}, hd = ({ children: e, variant: t = "default", size: n = "md", color: r, selected: i = !1, closeable: a = !1, disabled: o = !1, onClick: s, onClose: c, className: l, "aria-label": u, ...d }) => {
+}, wd = ({ children: e, variant: t = "default", size: n = "md", color: r, selected: i = !1, closeable: a = !1, disabled: o = !1, onClick: s, onClose: c, className: l, "aria-label": u, ...d }) => {
 	let f = !!s && !o, { isClosing: p, triggerClose: m, handleAnimationEnd: h } = Kl("tag-exit", c), g = (e) => {
 		o || ((e.key === "Enter" || e.key === " ") && s && (e.preventDefault(), s(e)), (e.key === "Delete" || e.key === "Backspace") && a && c && (e.preventDefault(), m()));
 	}, _ = () => {
 		o || m();
 	}, v = r ? { "--tag-color": "var(" + r + ")" } : void 0;
 	return /* @__PURE__ */ b("span", {
-		className: $("inline-flex items-center justify-center", "font-dos leading-none whitespace-nowrap select-none", "rounded-dos-sm uppercase tracking-wider", md[n] || md.md, "eidotter-tag", "eidotter-tag--" + t, i && "eidotter-tag--selected", o && "opacity-50 cursor-not-allowed", p && "eidotter-tag--closing", f && "cursor-pointer", l),
+		className: $("inline-flex items-center justify-center", "font-dos leading-none whitespace-nowrap select-none", "rounded-dos-sm uppercase tracking-wider", Cd[n] || Cd.md, "eidotter-tag", "eidotter-tag--" + t, i && "eidotter-tag--selected", o && "opacity-50 cursor-not-allowed", p && "eidotter-tag--closing", f && "cursor-pointer", l),
 		style: v,
 		onClick: f ? (e) => !o && s?.(e) : void 0,
 		onKeyDown: g,
@@ -8773,17 +9052,17 @@ var md = {
 			children: "[x]"
 		})]
 	});
-}, gd = {
+}, Td = {
 	tight: "gap-1",
 	normal: "gap-2",
 	loose: "gap-3"
-}, _d = ({ children: e, gap: t = "normal", wrap: n = !0, className: r, "aria-label": i, ...a }) => /* @__PURE__ */ y("div", {
-	className: $("flex", n ? "flex-wrap" : "flex-nowrap", gd[t] || gd.normal, r),
+}, Ed = ({ children: e, gap: t = "normal", wrap: n = !0, className: r, "aria-label": i, ...a }) => /* @__PURE__ */ y("div", {
+	className: $("flex", n ? "flex-wrap" : "flex-nowrap", Td[t] || Td.normal, r),
 	role: "group",
 	"aria-label": i,
 	...a,
 	children: e
-}), vd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry: i }) => /* @__PURE__ */ y("div", {
+}), Dd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry: i }) => /* @__PURE__ */ y("div", {
 	className: "timeline-view timeline-view--day",
 	role: "list",
 	children: t.map((t) => /* @__PURE__ */ b("div", {
@@ -8801,15 +9080,15 @@ var md = {
 		}), /* @__PURE__ */ y("div", {
 			className: "timeline-view__content",
 			children: t.entries.map((t) => {
-				let a = n === t.id, o = () => /* @__PURE__ */ y(fd, {
+				let a = n === t.id, o = () => /* @__PURE__ */ y(vd, {
 					entry: t,
 					isSelected: a,
 					isExpanded: a,
 					onSelect: r,
-					footer: t.tags && t.tags.length > 0 ? /* @__PURE__ */ y(_d, {
+					footer: t.tags && t.tags.length > 0 ? /* @__PURE__ */ y(Ed, {
 						gap: "tight",
 						"aria-label": `Tags for ${t.title}`,
-						children: t.tags.map((e) => /* @__PURE__ */ y(hd, {
+						children: t.tags.map((e) => /* @__PURE__ */ y(wd, {
 							size: "small",
 							variant: "outlined",
 							children: e
@@ -8825,10 +9104,10 @@ var md = {
 		})]
 	}, t.periodStart))
 }));
-vd.displayName = "DayView";
+Dd.displayName = "DayView";
 //#endregion
 //#region src/components/TimelineContainer/components/views/HourView.tsx
-var yd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry: i }) => /* @__PURE__ */ y("div", {
+var Od = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry: i }) => /* @__PURE__ */ y("div", {
 	className: "timeline-view timeline-view--hour",
 	role: "list",
 	children: t.map((t) => /* @__PURE__ */ b("div", {
@@ -8846,17 +9125,17 @@ var yd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry
 		}), /* @__PURE__ */ y("div", {
 			className: "timeline-view__content",
 			children: t.entries.map((t) => {
-				let a = n === t.id, o = () => /* @__PURE__ */ b(fd, {
+				let a = n === t.id, o = () => /* @__PURE__ */ b(vd, {
 					entry: t,
 					isSelected: a,
 					isExpanded: !0,
 					onSelect: r,
 					footer: /* @__PURE__ */ b("div", {
 						className: "timeline-view__entry-footer",
-						children: [t.tags && t.tags.length > 0 && /* @__PURE__ */ y(_d, {
+						children: [t.tags && t.tags.length > 0 && /* @__PURE__ */ y(Ed, {
 							gap: "tight",
 							"aria-label": `Tags for ${t.title}`,
-							children: t.tags.map((e) => /* @__PURE__ */ y(hd, {
+							children: t.tags.map((e) => /* @__PURE__ */ y(wd, {
 								size: "small",
 								variant: "outlined",
 								children: e
@@ -8871,7 +9150,7 @@ var yd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry
 						className: "timeline-view__timestamp",
 						dateTime: t.date,
 						children: Ku(t.date)
-					}), /* @__PURE__ */ y("div", {
+					}), t.kind === "text" && t.content !== void 0 && /* @__PURE__ */ y("div", {
 						className: "timeline-view__entry-content",
 						children: t.content
 					})]
@@ -8885,29 +9164,29 @@ var yd = e.memo(({ buckets: t, selectedEntryId: n, onEntrySelect: r, renderEntry
 		})]
 	}, t.periodStart))
 }));
-yd.displayName = "HourView";
+Od.displayName = "HourView";
 //#endregion
 //#region src/components/TimelineContainer/components/TimelineContent.tsx
-var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketClick: i, renderEntry: a }) => {
+var kd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBucketClick: i, renderEntry: a }) => {
 	switch (e) {
 		case "year": return /* @__PURE__ */ y(dd, {
 			buckets: t,
 			onBucketClick: i
 		});
-		case "month": return /* @__PURE__ */ y(pd, {
+		case "month": return /* @__PURE__ */ y(Sd, {
 			buckets: t,
 			selectedEntryId: n,
 			onEntrySelect: r,
 			onBucketClick: i,
 			renderEntry: a
 		});
-		case "day": return /* @__PURE__ */ y(vd, {
+		case "day": return /* @__PURE__ */ y(Dd, {
 			buckets: t,
 			selectedEntryId: n,
 			onEntrySelect: r,
 			renderEntry: a
 		});
-		case "hour": return /* @__PURE__ */ y(yd, {
+		case "hour": return /* @__PURE__ */ y(Od, {
 			buckets: t,
 			selectedEntryId: n,
 			onEntrySelect: r,
@@ -8915,7 +9194,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 		});
 		default: return e;
 	}
-}, xd = ({ entries: e, mode: t = "interactive", zoomLevel: n, defaultZoomLevel: r = "month", onZoomChange: i, selectedEntryId: o, defaultSelectedEntryId: c, onSelectEntry: l, sortOrder: d = "desc", scrollToZoom: m = !0, keyboardShortcuts: h = !0, renderEntry: g, pageSize: _ = 10, onLoadMore: v, ...x }) => {
+}, Ad = ({ entries: e, mode: t = "interactive", zoomLevel: n, defaultZoomLevel: r = "month", onZoomChange: i, selectedEntryId: o, defaultSelectedEntryId: c, onSelectEntry: l, sortOrder: d = "desc", scrollToZoom: m = !0, keyboardShortcuts: h = !0, renderEntry: g, pageSize: _ = 10, onLoadMore: v, ...x }) => {
 	let S = t === "static", C = t === "feed", w = S || C, T = f(null), E = f(null), [D, O] = p(""), { zoomLevel: k, canZoomIn: A, canZoomOut: j, breadcrumbs: M, currentPeriod: N, isDrillDownEnabled: ee, drillDown: te, drillUp: P, reset: F } = Pu({
 		zoomLevel: n,
 		defaultZoomLevel: r,
@@ -9029,7 +9308,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 	return /* @__PURE__ */ b("div", {
 		ref: T,
 		...x,
-		className: $("font-dos text-cga-amber bg-dos-bg-primary p-4 min-h-[200px]", "eidotter-timeline-container", S && "eidotter-timeline-container--static", C && "eidotter-timeline-container--feed", x.className),
+		className: $("font-dos text-cga-amber p-4 min-h-[200px]", "eidotter-timeline-container", S && "eidotter-timeline-container--static", C && "eidotter-timeline-container--feed", x.className),
 		role: "region",
 		"aria-label": x["aria-label"] ?? "Timeline",
 		tabIndex: w ? void 0 : 0,
@@ -9065,7 +9344,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 					role: "list",
 					"aria-label": "Timeline",
 					children: oe.map((e) => {
-						let t = () => /* @__PURE__ */ y(fd, {
+						let t = () => /* @__PURE__ */ y(vd, {
 							entry: e,
 							isSelected: !1,
 							isExpanded: !0
@@ -9094,7 +9373,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 					role: "list",
 					"aria-label": "Timeline",
 					children: le.map((e) => {
-						let t = ne === e.id, n = () => /* @__PURE__ */ y(fd, {
+						let t = ne === e.id, n = () => /* @__PURE__ */ y(vd, {
 							entry: e,
 							isSelected: t,
 							isExpanded: t,
@@ -9133,7 +9412,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 						M[M.length - 1]?.label ?? "this period",
 						"."
 					] }), /* @__PURE__ */ y("p", { children: "_" })]
-				}) }) : /* @__PURE__ */ y(ud, { children: /* @__PURE__ */ y(bd, {
+				}) }) : /* @__PURE__ */ y(ud, { children: /* @__PURE__ */ y(kd, {
 					zoomLevel: k,
 					buckets: ie,
 					selectedEntryId: ne,
@@ -9144,7 +9423,7 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 			})
 		]
 	});
-}, Sd = r(({ isOpen: e, onOpenChange: t, onClose: n, title: r, children: i, footer: a, className: o }, c) => {
+}, jd = r(({ isOpen: e, onOpenChange: t, onClose: n, title: r, children: i, footer: a, className: o }, c) => {
 	let l = f(e), u = f(!1);
 	s(() => {
 		e !== l.current && (l.current = e, u.current || (t?.(e), e || n?.()), u.current = !1);
@@ -9196,12 +9475,12 @@ var bd = ({ zoomLevel: e, buckets: t, selectedEntryId: n, onEntrySelect: r, onBu
 		})
 	});
 });
-Sd.displayName = "Modal";
+jd.displayName = "Modal";
 //#endregion
 //#region src/hooks/useTextScramble.ts
-var Cd = "░▒▓█│┤┐└┴┬├─┼", wd = 4;
-function Td(e, t) {
-	let { speed: n = 40, characters: r = Cd, enabled: i = !0, delay: a = 0 } = t ?? {}, [o, c] = p(() => {
+var Md = "░▒▓█│┤┐└┴┬├─┼", Nd = 4;
+function Pd(e, t) {
+	let { speed: n = 40, characters: r = Md, enabled: i = !0, delay: a = 0 } = t ?? {}, [o, c] = p(() => {
 		if (!i || Gl()) return e;
 		let t = "";
 		for (let n = 0; n < e.length; n++) e[n] === " " ? t += " " : t += r[Math.floor(Math.random() * r.length)];
@@ -9222,7 +9501,7 @@ function Td(e, t) {
 				return;
 			}
 			if (a >= n) {
-				if (s = i, o++, o >= wd && (t++, o = 0), t >= e.length) {
+				if (s = i, o++, o >= Nd && (t++, o = 0), t >= e.length) {
 					c(e), u(!1);
 					return;
 				}
@@ -9248,7 +9527,7 @@ function Td(e, t) {
 }
 //#endregion
 //#region src/components/Stat/components/Stat.tsx
-var Ed = {
+var Fd = {
 	sm: {
 		root: "gap-0.5",
 		label: "text-dos-text-xs",
@@ -9285,23 +9564,23 @@ var Ed = {
 		value: "text-dos-display-md",
 		trend: "text-dos-text-md"
 	}
-}, Dd = {
+}, Id = {
 	up: "text-cga-bright-green",
 	down: "text-cga-bright-red",
 	neutral: "text-cga-amber"
-}, Od = {
+}, Ld = {
 	up: "▲",
 	down: "▼",
 	neutral: "►"
-}, kd = {
+}, Rd = {
 	up: "increasing",
 	down: "decreasing",
 	neutral: "unchanged"
-}, Ad = r(({ label: e, value: t, trend: n, trendValue: r, size: i = "md", scramble: a = !1, className: o, ...s }, c) => {
-	let { text: l } = Td(String(t), {
+}, zd = r(({ label: e, value: t, trend: n, trendValue: r, size: i = "md", scramble: a = !1, className: o, ...s }, c) => {
+	let { text: l } = Pd(String(t), {
 		speed: 30,
 		enabled: a
-	}), u = a ? l : String(t), d = Ed[i] || Ed.md;
+	}), u = a ? l : String(t), d = Fd[i] || Fd.md;
 	return /* @__PURE__ */ b("div", {
 		ref: c,
 		className: $("flex flex-col font-dos", "eidotter-stat", d.root, o),
@@ -9316,12 +9595,12 @@ var Ed = {
 				children: u
 			}),
 			n && /* @__PURE__ */ b("span", {
-				className: $("inline-flex items-center gap-1 leading-none", Dd[n], d.trend),
-				"aria-label": `Trend: ${kd[n]}${r ? `, ${r}` : ""}`,
+				className: $("inline-flex items-center gap-1 leading-none", Id[n], d.trend),
+				"aria-label": `Trend: ${Rd[n]}${r ? `, ${r}` : ""}`,
 				children: [/* @__PURE__ */ y("span", {
 					className: "text-[0.8em]",
 					"aria-hidden": "true",
-					children: Od[n]
+					children: Ld[n]
 				}), r && /* @__PURE__ */ y("span", {
 					className: "tabular-nums",
 					children: r
@@ -9330,17 +9609,17 @@ var Ed = {
 		]
 	});
 });
-Ad.displayName = "Stat";
+zd.displayName = "Stat";
 //#endregion
 //#region src/components/FilterBar/components/FilterBar.tsx
-var jd = {
+var Bd = {
 	sm: "eidotter-filter-bar--sm",
 	md: "eidotter-filter-bar--md",
 	lg: "eidotter-filter-bar--lg",
 	small: "eidotter-filter-bar--sm",
 	medium: "eidotter-filter-bar--md",
 	large: "eidotter-filter-bar--lg"
-}, Md = ({ items: e, activeIds: t, defaultActiveIds: n = [], mode: r = "multi", showAll: i = !1, allLabel: o = "All", size: s = "md", onChange: c, className: l, ...u }) => {
+}, Vd = ({ items: e, activeIds: t, defaultActiveIds: n = [], mode: r = "multi", showAll: i = !1, allLabel: o = "All", size: s = "md", onChange: c, className: l, ...u }) => {
 	let [d, m] = p(n), h = f(null), g = t !== void 0, _ = g ? t : d, v = e.filter((e) => !e.disabled).map((e) => e.id), x = _.length === 0, S = a((e) => {
 		g || m(e), c?.(e);
 	}, [g, c]), C = a((e) => {
@@ -9375,7 +9654,7 @@ var jd = {
 	}, [T]), D = i && x ? "__all__" : _.length > 0 ? _[0] : i ? "__all__" : v[0] || null;
 	return /* @__PURE__ */ b("div", {
 		ref: h,
-		className: $("inline-flex flex-wrap items-center gap-1 p-1 font-dos max-w-full", "bg-dos-bg-secondary border border-dos-border-default rounded-dos-sm", "eidotter-filter-bar", jd[s] || jd.md, l),
+		className: $("inline-flex flex-wrap items-center gap-1 p-1 font-dos max-w-full", "bg-dos-bg-secondary border border-dos-border-default rounded-dos-sm", "eidotter-filter-bar", Bd[s] || Bd.md, l),
 		role: "toolbar",
 		onKeyDown: E,
 		...u,
@@ -9408,7 +9687,7 @@ var jd = {
 			}, e.id);
 		})]
 	});
-}, Nd = (e) => {
+}, Hd = (e) => {
 	if (!e) return !1;
 	try {
 		let t = new URL(e);
@@ -9420,7 +9699,7 @@ var jd = {
 	} catch {
 		return !1;
 	}
-}, Pd = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onToggle: i, sources: a = [], className: o, ...s }) => {
+}, Ud = ({ children: e, content: t, defaultExpanded: n = !1, expanded: r, onToggle: i, sources: a = [], className: o, ...s }) => {
 	let [l, u] = p(n), [d, m] = p(/* @__PURE__ */ new Set()), h = f(n), g = c(), _ = f(null), v = r !== void 0, x = v ? r : l;
 	x && (h.current = !0);
 	let S = () => {
@@ -9459,12 +9738,12 @@ var jd = {
 					className: "eidotter-inline-expand__source-item",
 					role: "listitem",
 					children: /* @__PURE__ */ b("a", {
-						href: Nd(e.url) ? e.url : void 0,
+						href: Hd(e.url) ? e.url : void 0,
 						className: "eidotter-inline-expand__source-link",
 						target: "_blank",
 						rel: "noopener noreferrer",
 						"aria-label": `${e.title} (opens external website)`,
-						children: [h.current && e.favicon && Nd(e.favicon) && !d.has(e.url) ? /* @__PURE__ */ y("img", {
+						children: [h.current && e.favicon && Hd(e.favicon) && !d.has(e.url) ? /* @__PURE__ */ y("img", {
 							className: "eidotter-inline-expand__source-favicon",
 							src: e.favicon,
 							alt: "",
@@ -9485,15 +9764,15 @@ var jd = {
 			})]
 		})]
 	});
-}, Fd = {
+}, Wd = {
 	horizontal: "h-px w-full",
 	vertical: "w-px h-full"
-}, Id = ({ orientation: e = "horizontal", className: t }) => /* @__PURE__ */ y("div", {
+}, Gd = ({ orientation: e = "horizontal", className: t }) => /* @__PURE__ */ y("div", {
 	role: "separator",
 	"aria-orientation": e,
-	className: $("shrink-0 bg-dos-border-default", "eidotter-separator", Fd[e], t)
-}), Ld = r(({ children: e, speed: t, characters: n, delay: r, className: i, ...a }, o) => {
-	let { text: s, isScrambling: c } = Td(e, {
+	className: $("shrink-0 bg-dos-border-default", "eidotter-separator", Wd[e], t)
+}), Kd = r(({ children: e, speed: t, characters: n, delay: r, className: i, ...a }, o) => {
+	let { text: s, isScrambling: c } = Pd(e, {
 		speed: t,
 		characters: n,
 		delay: r
@@ -9505,16 +9784,16 @@ var jd = {
 		children: s
 	});
 });
-Ld.displayName = "TextScramble";
+Kd.displayName = "TextScramble";
 //#endregion
 //#region src/components/Nav/components/Nav.tsx
-var Rd = {
+var qd = {
 	retro: "eidotter-nav--retro",
 	modern: "eidotter-nav--modern"
-}, zd = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
+}, Jd = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
 	let a = r || "a";
 	return /* @__PURE__ */ y("nav", {
-		className: $("eidotter-nav eidotter-nav--desktop", Rd[n], i),
+		className: $("eidotter-nav eidotter-nav--desktop", qd[n], i),
 		"aria-label": "Main navigation",
 		children: /* @__PURE__ */ y("ul", {
 			className: "eidotter-nav__desktop-list",
@@ -9528,7 +9807,7 @@ var Rd = {
 			}, e.href))
 		})
 	});
-}, Bd = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
+}, Yd = ({ items: e, activeHref: t, variant: n = "retro", linkComponent: r, className: i }) => {
 	let [o, c] = p(!1), l = r || "a", u = a(() => c((e) => !e), []), d = a(() => c(!1), []);
 	return s(() => {
 		if (!o) return;
@@ -9537,7 +9816,7 @@ var Rd = {
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [o, d]), /* @__PURE__ */ b("div", {
-		className: $("eidotter-nav eidotter-nav--mobile", Rd[n], i),
+		className: $("eidotter-nav eidotter-nav--mobile", qd[n], i),
 		children: [
 			/* @__PURE__ */ y("button", {
 				onClick: u,
@@ -9582,14 +9861,14 @@ var Rd = {
 			})
 		]
 	});
-}, Vd = (e) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Bd, { ...e }), /* @__PURE__ */ y(zd, { ...e })] }), Hd = {
+}, Xd = (e) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(Yd, { ...e }), /* @__PURE__ */ y(Jd, { ...e })] }), Zd = {
 	user: "eidotter-chat-message--user",
 	assistant: "eidotter-chat-message--assistant",
 	system: "eidotter-chat-message--system"
-}, Ud = ({ role: e, content: t, isStreaming: n = !1, userPrefix: r = ">", assistantPrefix: i = "C:\\>", className: a, ...o }) => {
+}, Qd = ({ role: e, content: t, isStreaming: n = !1, userPrefix: r = ">", assistantPrefix: i = "C:\\>", className: a, ...o }) => {
 	let s = e === "user" ? r : e === "assistant" ? i : "";
 	return /* @__PURE__ */ b("div", {
-		className: $("flex gap-2 font-dos text-dos-text-md leading-[1.4] py-1 whitespace-pre-wrap break-words", Hd[e], n && "eidotter-chat-message--streaming", a),
+		className: $("flex gap-2 font-dos text-dos-text-md leading-[1.4] py-1 whitespace-pre-wrap break-words", Zd[e], n && "eidotter-chat-message--streaming", a),
 		...o,
 		children: [
 			s && /* @__PURE__ */ y("span", {
@@ -9608,7 +9887,7 @@ var Rd = {
 			})
 		]
 	});
-}, Wd = ({ messages: e, isStreaming: t = !1, userPrefix: n, assistantPrefix: r, className: i, ...a }) => {
+}, $d = ({ messages: e, isStreaming: t = !1, userPrefix: n, assistantPrefix: r, className: i, ...a }) => {
 	let o = f(null);
 	s(() => {
 		o.current?.scrollIntoView?.({ behavior: "smooth" });
@@ -9635,7 +9914,7 @@ var Rd = {
 			className: "flex flex-col",
 			children: [e.map((i, a) => {
 				let o = t && i.role === "assistant" && a === e.length - 1;
-				return /* @__PURE__ */ y(Ud, {
+				return /* @__PURE__ */ y(Qd, {
 					role: i.role,
 					content: i.content,
 					isStreaming: o,
@@ -9645,7 +9924,7 @@ var Rd = {
 			}), /* @__PURE__ */ y("div", { ref: o })]
 		})
 	});
-}, Gd = ({ onSend: e, prompt: t = ">", placeholder: n, disabled: r = !1, className: i, ...a }) => {
+}, ef = ({ onSend: e, prompt: t = ">", placeholder: n, disabled: r = !1, className: i, ...a }) => {
 	let [o, s] = p(""), c = f(null);
 	l(() => {
 		let e = c.current;
@@ -9687,30 +9966,30 @@ var Rd = {
 			})]
 		})]
 	});
-}, Kd = ({ messages: e, onSend: t, isStreaming: n = !1, inputPrompt: r, userPrefix: i, assistantPrefix: a, placeholder: o, disabled: s = !1, className: c, ...l }) => /* @__PURE__ */ b("div", {
+}, tf = ({ messages: e, onSend: t, isStreaming: n = !1, inputPrompt: r, userPrefix: i, assistantPrefix: a, placeholder: o, disabled: s = !1, className: c, ...l }) => /* @__PURE__ */ b("div", {
 	className: $("flex flex-col h-full min-h-0", c),
 	...l,
-	children: [/* @__PURE__ */ y(Wd, {
+	children: [/* @__PURE__ */ y($d, {
 		className: "flex-1 min-h-0",
 		messages: e,
 		isStreaming: n,
 		userPrefix: i,
 		assistantPrefix: a
-	}), /* @__PURE__ */ y(Gd, {
+	}), /* @__PURE__ */ y(ef, {
 		className: "shrink-0",
 		onSend: t,
 		prompt: r,
 		placeholder: o,
 		disabled: s
 	})]
-}), qd = [{
+}), nf = [{
 	label: "Impressum",
 	href: "/impressum"
 }, {
 	label: "Datenschutz",
 	href: "/datenschutz"
-}], Jd = ({ copyright: t, links: n, children: r, className: i, ...a }) => {
-	let o = n ?? qd;
+}], rf = ({ copyright: t, links: n, children: r, className: i, ...a }) => {
+	let o = n ?? nf;
 	return /* @__PURE__ */ b("footer", {
 		className: $("font-dos text-sm py-4 px-2 text-center", "eidotter-footer", i),
 		...a,
@@ -9746,14 +10025,14 @@ var Rd = {
 			})
 		]
 	});
-}, Yd = {
+}, af = {
 	retro: "eidotter-header--retro",
 	modern: "eidotter-header--modern"
-}, Xd = r(({ brandName: e, brandHref: t = "/", items: n, activeHref: r, variant: i = "retro", sticky: a = !0, linkComponent: o, children: s, className: c, ...l }, u) => {
+}, of = r(({ brandName: e, brandHref: t = "/", items: n, activeHref: r, variant: i = "retro", sticky: a = !0, linkComponent: o, children: s, className: c, ...l }, u) => {
 	let d = o ?? "a";
 	return /* @__PURE__ */ b("header", {
 		ref: u,
-		className: $("flex items-center justify-between px-4 py-3 font-dos", "eidotter-header", Yd[i], a && "sticky top-0 z-50 bg-dos-bg-primary", c),
+		className: $("flex items-center justify-between px-4 py-3 font-dos", "eidotter-header", af[i], a && "sticky top-0 z-50 bg-dos-bg-primary", c),
 		...l,
 		children: [
 			/* @__PURE__ */ y(d, {
@@ -9761,13 +10040,13 @@ var Rd = {
 				className: $("no-underline text-base font-bold tracking-wide", "eidotter-header__branding"),
 				children: s || e
 			}),
-			/* @__PURE__ */ y(zd, {
+			/* @__PURE__ */ y(Jd, {
 				items: n,
 				activeHref: r,
 				variant: i,
 				linkComponent: o
 			}),
-			/* @__PURE__ */ y(Bd, {
+			/* @__PURE__ */ y(Yd, {
 				items: n,
 				activeHref: r,
 				variant: i,
@@ -9776,16 +10055,16 @@ var Rd = {
 		]
 	});
 });
-Xd.displayName = "Header";
+of.displayName = "Header";
 //#endregion
 //#region src/components/Notification/components/Notification.tsx
-var Zd = {
+var sf = {
 	primary: "Info",
 	gray: "Info",
 	success: "Done",
 	warning: "Warning",
 	error: "Error"
-}, Qd = ({ type: e = "primary", title: t, children: n, actions: r, onClose: i, avatar: a, image: o, progress: c, progressLabel: l, duration: u, showIcon: d = !0, className: f }) => {
+}, cf = ({ type: e = "primary", title: t, children: n, actions: r, onClose: i, avatar: a, image: o, progress: c, progressLabel: l, duration: u, showIcon: d = !0, className: f }) => {
 	let { isClosing: p, triggerClose: m, handleAnimationEnd: h } = Kl("notification-exit", i);
 	s(() => {
 		if (u == null || !i) return;
@@ -9815,7 +10094,7 @@ var Zd = {
 				g && /* @__PURE__ */ y("div", {
 					className: "eidotter-notification__icon",
 					children: /* @__PURE__ */ y(Wl, {
-						name: Zd[e] || "Info",
+						name: sf[e] || "Info",
 						size: "S",
 						"aria-label": `${e} notification`
 					})
@@ -9871,7 +10150,7 @@ var Zd = {
 };
 //#endregion
 //#region src/components/InlineLink/components/InlineLink.tsx
-function $d(e) {
+function lf(e) {
 	let t = e.trim();
 	if (t === "" || /^[#?/]/.test(t)) return t;
 	let n = /^([a-z][a-z0-9+\-.]*):/i.exec(t);
@@ -9886,14 +10165,14 @@ function $d(e) {
 		"sms"
 	].includes(r) ? t : "#";
 }
-function ef(e, t) {
+function uf(e, t) {
 	if (t.length === 0) return e;
 	let n = new Set((e ?? "").split(/\s+/).map((e) => e.trim().toLowerCase()).filter(Boolean));
 	for (let e of t) n.add(e.toLowerCase());
 	return Array.from(n).join(" ");
 }
-var tf = r(({ children: e, href: t, showGlyph: n = !0, external: r = !1, className: i, target: a, rel: o, ...s }, c) => {
-	let l = $d(t), u = a ?? (r ? "_blank" : void 0), d = u === "_blank", f = d ? ef(o, ["noopener", "noreferrer"]) : o, p = r && d ? "↗" : "▸";
+var df = r(({ children: e, href: t, showGlyph: n = !0, external: r = !1, className: i, target: a, rel: o, ...s }, c) => {
+	let l = lf(t), u = a ?? (r ? "_blank" : void 0), d = u === "_blank", f = d ? uf(o, ["noopener", "noreferrer"]) : o, p = r && d ? "↗" : "▸";
 	return /* @__PURE__ */ b("a", {
 		ref: c,
 		href: l,
@@ -9911,10 +10190,10 @@ var tf = r(({ children: e, href: t, showGlyph: n = !0, external: r = !1, classNa
 		})]
 	});
 });
-tf.displayName = "InlineLink";
+df.displayName = "InlineLink";
 //#endregion
 //#region src/components/DosFigure/components/DosFigure.tsx
-var nf = r(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], animated: a = !0, "aria-label": o, className: s }, l) => {
+var ff = r(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], animated: a = !0, "aria-label": o, className: s }, l) => {
 	let u = c(), d = r ? u : void 0;
 	return /* @__PURE__ */ b("figure", {
 		ref: l,
@@ -9975,11 +10254,11 @@ var nf = r(({ title: e, resolution: t, subject: n, caption: r, pins: i = [], ani
 		]
 	});
 });
-nf.displayName = "DosFigure";
+ff.displayName = "DosFigure";
 //#endregion
 //#region src/components/CmdPalette/components/CmdPalette.tsx
-var rf = /* @__PURE__ */ y(v, { children: "↑/↓ NAVIGATE · ↵ OPEN · ESC CLOSE" });
-function af(e) {
+var pf = /* @__PURE__ */ y(v, { children: "↑/↓ NAVIGATE · ↵ OPEN · ESC CLOSE" });
+function mf(e) {
 	let t = e.toLowerCase().split("+").map((e) => e.trim()), n = t[t.length - 1], r = t.includes("mod"), i = t.includes("shift"), a = t.includes("alt");
 	return (e) => {
 		if (e.key.toLowerCase() !== n) return !1;
@@ -9987,15 +10266,15 @@ function af(e) {
 		return !(!(r ? t ? e.metaKey : e.ctrlKey : !(e.metaKey || e.ctrlKey)) || i !== e.shiftKey || a !== e.altKey);
 	};
 }
-function of(e, t) {
+function hf(e, t) {
 	if (!t) return 0;
 	let n = t.toLowerCase(), r = e.label.toLowerCase(), i = (e.keywords || []).map((e) => e.toLowerCase());
 	return r.startsWith(n) ? 100 : i.some((e) => e.startsWith(n)) ? 80 : r.includes(n) ? 50 : i.some((e) => e.includes(n)) ? 30 : (e.type || "").toLowerCase().includes(n) ? 10 : -1;
 }
-var sf = r(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TYPE · ▸", hotkey: i = "mod+k", emptyMessage: o = "NO MATCHES", footerHint: l = rf, renderItem: d, maxResults: m = 20, className: h, "aria-label": g = "Command palette" }, _) => {
+var gf = r(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TYPE · ▸", hotkey: i = "mod+k", emptyMessage: o = "NO MATCHES", footerHint: l = pf, renderItem: d, maxResults: m = 20, className: h, "aria-label": g = "Command palette" }, _) => {
 	let x = c(), S = `${x}-listbox`, [C, w] = p(""), [T, E] = p(0), D = f(null), O = f(null), k = f(!1), A = u(() => C.trim() ? n.map((e) => ({
 		item: e,
-		score: of(e, C.trim())
+		score: hf(e, C.trim())
 	})).filter((e) => e.score >= 0).sort((e, t) => t.score - e.score).slice(0, m).map((e) => e.item) : n.slice(0, m), [
 		n,
 		C,
@@ -10020,7 +10299,7 @@ var sf = r(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TY
 		M.current = t;
 	}, [t]), s(() => {
 		if (i === !1) return;
-		let e = af(i), t = (t) => {
+		let e = mf(i), t = (t) => {
 			e(t) && (t.preventDefault(), M.current(!j.current));
 		};
 		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
@@ -10129,10 +10408,10 @@ var sf = r(({ open: e, onOpenChange: t, items: n, placeholder: r = "SEARCH · TY
 		})
 	});
 });
-sf.displayName = "CmdPalette";
+gf.displayName = "CmdPalette";
 //#endregion
 //#region src/components/Brand/components/Logo.tsx
-var cf = r(({ size: e = 32, glow: t = !0, title: n = "eiDotter", className: r, ...i }, a) => /* @__PURE__ */ b("svg", {
+var _f = r(({ size: e = 32, glow: t = !0, title: n = "eiDotter", className: r, ...i }, a) => /* @__PURE__ */ b("svg", {
 	ref: a,
 	width: e,
 	height: e,
@@ -10164,10 +10443,10 @@ var cf = r(({ size: e = 32, glow: t = !0, title: n = "eiDotter", className: r, .
 		})
 	]
 }));
-cf.displayName = "Logo";
+_f.displayName = "Logo";
 //#endregion
 //#region src/components/Brand/components/Wordmark.tsx
-var lf = r(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ b("span", {
+var vf = r(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ b("span", {
 	ref: r,
 	className: $("eidotter-wordmark font-dos", e && "eidotter-wordmark--glow", t),
 	"aria-label": "eiDotter",
@@ -10182,28 +10461,139 @@ var lf = r(({ glow: e = !0, className: t, ...n }, r) => /* @__PURE__ */ b("span"
 		children: "Dotter"
 	})]
 }));
-lf.displayName = "Wordmark";
+vf.displayName = "Wordmark";
 //#endregion
 //#region src/components/Brand/components/BrandLockup.tsx
-var uf = r(({ logoSize: e = 32, iconOnly: t = !1, wordmarkOnly: n = !1, glow: r = !0, className: i, ...a }, o) => /* @__PURE__ */ b("div", {
+var yf = r(({ logoSize: e = 32, iconOnly: t = !1, wordmarkOnly: n = !1, glow: r = !0, className: i, ...a }, o) => /* @__PURE__ */ b("div", {
 	ref: o,
 	className: $("eidotter-brand-lockup inline-flex items-center gap-3", i),
 	role: "img",
 	"aria-label": "eiDotter",
 	...a,
-	children: [!n && /* @__PURE__ */ y(cf, {
+	children: [!n && /* @__PURE__ */ y(_f, {
 		size: e,
 		glow: r,
 		title: ""
-	}), !t && /* @__PURE__ */ y(lf, {
+	}), !t && /* @__PURE__ */ y(vf, {
 		glow: r,
 		"aria-hidden": "true"
 	})]
 }));
-uf.displayName = "BrandLockup";
-//#endregion
-//#region src/components/registry.ts
-var df = {
+yf.displayName = "BrandLockup";
+//#endregion
+//#region src/components/LegalPage/components/LegalPage.tsx
+var bf = ({ title: e, date: t, intro: n, home: r, children: i, className: a, ...o }) => /* @__PURE__ */ b("div", {
+	className: $("eidotter-legal-page", a),
+	...o,
+	children: [r && /* @__PURE__ */ y("div", {
+		className: "eidotter-legal-page__home",
+		children: r
+	}), /* @__PURE__ */ b("article", { children: [/* @__PURE__ */ b("header", {
+		className: "eidotter-legal-page__hero",
+		children: [
+			/* @__PURE__ */ y("p", {
+				className: "eidotter-legal-page__date",
+				children: t
+			}),
+			/* @__PURE__ */ y("h1", { children: e }),
+			n && /* @__PURE__ */ y("div", {
+				className: "eidotter-legal-page__intro",
+				children: n
+			})
+		]
+	}), /* @__PURE__ */ y("div", {
+		className: "eidotter-legal-page__body",
+		children: i
+	})] })]
+}), xf = /* @__PURE__ */ b(v, { children: [
+	"Haus-Endt-Str. 149A",
+	/* @__PURE__ */ y("br", {}),
+	"40593 Düsseldorf",
+	/* @__PURE__ */ y("br", {}),
+	"Deutschland"
+] }), Sf = "Dominic Kennedy", Cf = ({ email: e, address: t = xf, name: n = Sf }) => /* @__PURE__ */ b("address", { children: [
+	n,
+	/* @__PURE__ */ y("br", {}),
+	t,
+	e && /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ y("br", {}),
+		"E-Mail: ",
+		/* @__PURE__ */ y("a", {
+			href: `mailto:${e}`,
+			children: e
+		})
+	] })
+] }), wf = (e) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Angaben gemäß § 5 DDG" }), /* @__PURE__ */ y(Cf, { ...e })] }), Tf = ({ email: e }) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Kontakt" }), /* @__PURE__ */ b("p", { children: ["E-Mail: ", /* @__PURE__ */ y("a", {
+	href: `mailto:${e}`,
+	children: e
+})] })] }), Ef = ({ name: e = Sf }) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Inhaltlich verantwortlich (§ 18 Abs. 2 MStV)" }), /* @__PURE__ */ b("address", { children: [
+	e,
+	/* @__PURE__ */ y("br", {}),
+	"Haus-Endt-Str. 149A",
+	/* @__PURE__ */ y("br", {}),
+	"40593 Düsseldorf"
+] })] }), Df = () => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Haftung für Inhalte" }), /* @__PURE__ */ y("p", { children: "Ich erstelle die Inhalte dieser Seiten mit größter Sorgfalt, übernehme jedoch keine Gewähr für Richtigkeit, Vollständigkeit oder Aktualität. Als Diensteanbieter bin ich gemäß § 7 Abs. 1 DDG für eigene Inhalte verantwortlich. Eine Pflicht zur Überwachung fremder Informationen besteht gemäß §§ 8–10 DDG nicht." })] }), Of = () => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Haftung für Links" }), /* @__PURE__ */ y("p", { children: "Diese Website verlinkt auf externe Seiten Dritter, auf deren Inhalte ich keinen Einfluss habe. Für verlinkte Inhalte haftet der jeweilige Anbieter. Eine dauerhafte Kontrolle ist ohne Anhaltspunkte für Rechtsverletzungen nicht zumutbar. Bei Bekanntwerden von Verstößen entferne ich solche Links umgehend." })] }), kf = ({ email: e, name: t = Sf }) => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Verantwortlicher" }), /* @__PURE__ */ b("address", { children: [
+	t,
+	/* @__PURE__ */ y("br", {}),
+	"Haus-Endt-Str. 149A",
+	/* @__PURE__ */ y("br", {}),
+	"40593 Düsseldorf, Deutschland",
+	/* @__PURE__ */ y("br", {}),
+	"E-Mail: ",
+	/* @__PURE__ */ y("a", {
+		href: `mailto:${e}`,
+		children: e
+	})
+] })] }), Af = () => /* @__PURE__ */ b(v, { children: [
+	/* @__PURE__ */ y("h2", { children: "Hosting" }),
+	/* @__PURE__ */ y("p", { children: "Cloudflare Pages stellt diese Website bereit. Beim Seitenaufruf erhebt Cloudflare automatisch technische Zugriffsdaten (darunter Ihre IP-Adresse), um die Seite auszuliefern." }),
+	/* @__PURE__ */ y("p", {
+		className: "eidotter-legal-page__basis",
+		children: "Anbieter: Cloudflare, Inc., 101 Townsend St, San Francisco, CA 94107, USA. Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)."
+	})
+] }), jf = ({ proxyHost: e = "e.dmnc.tech" }) => /* @__PURE__ */ b(v, { children: [
+	/* @__PURE__ */ y("h2", { children: "Webanalyse — PostHog" }),
+	/* @__PURE__ */ b("p", { children: [
+		"Diese Website nutzt PostHog zur Analyse des Nutzungsverhaltens. PostHog läuft auf EU-Servern (eu.posthog.com). Die Datenübertragung erfolgt über einen Reverse-Proxy auf der Domain ",
+		e,
+		" — es besteht keine direkte Verbindung zu PostHog-Servern."
+	] }),
+	/* @__PURE__ */ b("p", { children: [
+		"Es werden ",
+		/* @__PURE__ */ y("strong", { children: "keine Cookies" }),
+		" gesetzt. PostHog speichert Daten ausschließlich im Arbeitsspeicher des Browsers (Session Memory). Personenbezogene Profile entstehen nicht, solange Sie sich nicht aktiv identifizieren."
+	] }),
+	/* @__PURE__ */ b("p", { children: [/* @__PURE__ */ y("strong", { children: "Session Recording:" }), " PostHog zeichnet anonymisierte Sitzungswiederholungen auf. Alle Eingabefelder werden automatisch maskiert."] }),
+	/* @__PURE__ */ y("p", {
+		className: "eidotter-legal-page__basis",
+		children: "Rechtsgrundlage: Art. 6 Abs. 1 lit. f DSGVO (berechtigtes Interesse)."
+	})
+] }), Mf = () => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Schriftarten" }), /* @__PURE__ */ y("p", { children: "Die Schriftart „Perfect DOS VGA 437“ wird lokal von diesem Server ausgeliefert. Es findet keine Verbindung zu externen Schriftarten-Diensten statt." })] }), Nf = () => /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("h2", { children: "Verschlüsselung" }), /* @__PURE__ */ y("p", { children: "Diese Website nutzt SSL-/TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie am „https://“ in der Adresszeile Ihres Browsers." })] }), Pf = ({ email: e, supervisoryAuthority: t = "die Landesbeauftragte für Datenschutz und Informationsfreiheit Nordrhein-Westfalen" }) => /* @__PURE__ */ b(v, { children: [
+	/* @__PURE__ */ y("h2", { children: "Ihre Rechte" }),
+	/* @__PURE__ */ y("p", { children: "Die DSGVO gewährt Ihnen folgende Rechte:" }),
+	/* @__PURE__ */ b("ul", { children: [
+		/* @__PURE__ */ y("li", { children: "Auskunft (Art. 15)" }),
+		/* @__PURE__ */ y("li", { children: "Berichtigung (Art. 16)" }),
+		/* @__PURE__ */ y("li", { children: "Löschung (Art. 17)" }),
+		/* @__PURE__ */ y("li", { children: "Einschränkung der Verarbeitung (Art. 18)" }),
+		/* @__PURE__ */ y("li", { children: "Datenübertragbarkeit (Art. 20)" }),
+		/* @__PURE__ */ y("li", { children: "Widerspruch (Art. 21)" })
+	] }),
+	e && /* @__PURE__ */ b("p", { children: [
+		"Zur Ausübung Ihrer Rechte genügt eine formlose E-Mail an",
+		" ",
+		/* @__PURE__ */ y("a", {
+			href: `mailto:${e}`,
+			children: e
+		}),
+		"."
+	] }),
+	/* @__PURE__ */ b("p", { children: [
+		"Sie können sich bei einer Aufsichtsbehörde beschweren (Art. 77 DSGVO). Zuständig ist ",
+		t,
+		"."
+	] })
+] }), Ff = {
 	eidotter: { displayName: "eiDotter" },
 	spacewar: { displayName: "Spacewar!" },
 	rizomorf: { displayName: "rizomorf" },
@@ -10212,8 +10602,12 @@ var df = {
 	steuerdash: { displayName: "Steuerdash" },
 	sella: { displayName: "sella" },
 	lifelines: { displayName: "Lifelines" },
-	betamorf: { displayName: "betamorf" }
-}, ff = {
+	betamorf: { displayName: "betamorf" },
+	dmnctech: {
+		displayName: "dmnc.tech",
+		url: "https://dmnc.tech"
+	}
+}, If = {
 	Alert: {
 		origin: "eidotter",
 		consumers: ["rizomorf", "steuerdash"],
@@ -10563,6 +10957,12 @@ var df = {
 		origin: "eidotter",
 		consumers: ["steuerdash"]
 	},
+	Lightbox: {
+		origin: "eidotter",
+		consumers: ["dmnctech"],
+		since: "0.22.0",
+		originNote: "Fullscreen image viewer extending Modal pattern. Keyboard nav, prev/next, counter, swipe."
+	},
 	Modal: {
 		origin: "eidotter",
 		consumers: ["pomodoke-calendar"]
@@ -10750,21 +11150,21 @@ var df = {
 		}]
 	}
 };
-function pf(e) {
-	return ff[e];
+function Lf(e) {
+	return If[e];
 }
-function mf(e) {
-	return Object.entries(ff).filter(([, t]) => t.origin === e).map(([e]) => e);
+function Rf(e) {
+	return Object.entries(If).filter(([, t]) => t.origin === e).map(([e]) => e);
 }
-function hf(e) {
-	return Object.entries(ff).filter(([, t]) => t.consumers.includes(e)).map(([e]) => e);
+function zf(e) {
+	return Object.entries(If).filter(([, t]) => t.consumers.includes(e)).map(([e]) => e);
 }
-function gf(e, t) {
-	let n = ff[e];
+function Bf(e, t) {
+	let n = If[e];
 	return n?.variants ? Object.entries(n.variants).filter(([, e]) => e.usedBy?.includes(t)).map(([e]) => e) : [];
 }
-function _f(e) {
-	let t = ff[e];
+function Vf(e) {
+	let t = If[e];
 	if (!t?.variants) return {};
 	let n = {};
 	for (let [e, r] of Object.entries(t.variants)) n[e] = r.usedBy ?? [];
@@ -10772,6 +11172,6 @@ function _f(e) {
 }
 //#endregion
 //#region src/index.ts
-var vf = "0.21.0";
+var Hf = "0.21.0";
 //#endregion
-export { $l as AccordionFill, Zl as Alert, Cu as Badge, uf as BrandLockup, Eu as Breadcrumb, nu as Button, iu as Card, Kd as ChatContainer, Wd as ChatHistory, Gd as ChatInput, Ud as ChatMessage, au as Checkbox, sf as CmdPalette, ou as CommandPrompt, zd as DesktopNav, nf as DosFigure, Md as FilterBar, Jd as Footer, Xd as Header, Wl as Icon, Pd as InlineExpand, tf as InlineLink, gu as Input, cf as Logo, Bd as MobileNav, Sd as Modal, Vd as Nav, Qd as Notification, mu as Progress, Du as RetroEffects, Ql as Section, Id as Separator, Ad as Stat, wu as Switch, bu as Tabs, hd as Tag, _d as TagGroup, _u as Terminal, Ld as TextScramble, xd as TimelineContainer, Mu as TimelineNode, lf as Wordmark, Nu as ZOOM_LEVELS, ff as componentRegistry, qd as defaultLegalLinks, pf as getComponentMeta, hf as getComponentsByConsumer, mf as getComponentsByOrigin, _f as getVariantConsumerMap, gf as getVariantsUsedBy, Nd as isSafeUrl, df as projects, Td as useTextScramble, vf as version };
+export { $l as AccordionFill, Cf as AddressBlock, Zl as Alert, Cu as Badge, yf as BrandLockup, Eu as Breadcrumb, nu as Button, iu as Card, tf as ChatContainer, $d as ChatHistory, ef as ChatInput, Qd as ChatMessage, au as Checkbox, gf as CmdPalette, ou as CommandPrompt, kf as DatenschutzController, Nf as DatenschutzEncryption, Mf as DatenschutzFonts, Af as DatenschutzHosting, jf as DatenschutzPostHog, Pf as DatenschutzRights, Jd as DesktopNav, ff as DosFigure, Vd as FilterBar, rf as Footer, of as Header, Wl as Icon, wf as ImpressumAddress, Tf as ImpressumContact, Df as ImpressumLiabilityContent, Of as ImpressumLiabilityLinks, Ef as ImpressumResponsible, Ud as InlineExpand, df as InlineLink, gu as Input, bf as LegalPage, fd as Lightbox, _f as Logo, Yd as MobileNav, jd as Modal, Xd as Nav, cf as Notification, mu as Progress, Du as RetroEffects, Ql as Section, Gd as Separator, zd as Stat, wu as Switch, bu as Tabs, wd as Tag, Ed as TagGroup, _u as Terminal, Kd as TextScramble, Ad as TimelineContainer, Mu as TimelineNode, vf as Wordmark, Nu as ZOOM_LEVELS, If as componentRegistry, nf as defaultLegalLinks, Lf as getComponentMeta, zf as getComponentsByConsumer, Rf as getComponentsByOrigin, Vf as getVariantConsumerMap, Bf as getVariantsUsedBy, Hd as isSafeUrl, Ff as projects, Pd as useTextScramble, Hf as version };