@mhmo91/schmancy 0.10.24 → 0.10.25

package/dist/directives.js

@@ -1,1363 +1,6 @@
-import { _ as e, d as t, f as n, l as r, u as i } from "./animation-DCznELuT.js";
-import { t as a } from "./reduced-motion-D7LqTUMn.js";
-import { t as o } from "./cursor-glow-Cs2XLDB9.js";
-import { n as s } from "./theme.service-CSzNkqBB.js";
-import { n as c, r as l, t as u } from "./layout-Dq2oeOTS.js";
-import { t as d } from "./magnetic-DxvoEz8_.js";
-import { BehaviorSubject as f, EMPTY as p, Observable as m, Subject as h, animationFrameScheduler as g, combineLatest as _, concat as v, debounceTime as y, defer as b, filter as x, from as S, fromEvent as C, interval as w, merge as T, of as E, takeUntil as D, timer as O } from "rxjs";
-import { catchError as k, debounceTime as ee, delay as te, distinctUntilChanged as A, filter as j, finalize as ne, first as re, map as M, observeOn as ie, repeat as ae, skip as oe, startWith as se, switchMap as N, take as P, takeUntil as F, takeWhile as I, tap as L } from "rxjs/operators";
-import { noChange as R, nothing as z } from "lit";
-import { AsyncDirective as B, directive as V } from "lit/async-directive.js";
-import { Directive as H, PartType as U, directive as W } from "lit/directive.js";
-var ce = {
-	smooth: t,
-	snappy: n,
-	bouncy: r,
-	gentle: i
-}, le = V(class extends B {
-	constructor(...e) {
-		super(...e), this.element = null, this.originalContent = "", this.animations = [], this.disconnecting$ = new h(), this.initialized = !1;
-	}
-	render(e) {
-		return R;
-	}
-	update(e, [t]) {
-		return this.element = e.element, this.initialized || (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new h()), t.text === void 0 ? this.originalContent = this.element.textContent || "" : (this.originalContent = t.text, this.element.textContent = t.text), this.element.style.willChange = "transform, opacity", t.animation === "typewriter" ? this.element.textContent = "" : this.element.style.opacity = "0", this.initialize(t)), R;
-	}
-	disconnected() {
-		this.cleanup();
-	}
-	reconnected() {
-		this.element && (this.element.style.willChange = "transform, opacity");
-	}
-	initialize(e) {
-		let { animation: t, delay: n = 0, duration: r, stagger: i, preset: a = "snappy", restart: o = !1 } = e, s = ce[a], c = r ?? s.duration, l = i ?? (t === "cyber-glitch" ? 30 : 50), u = this.createVisibilityObservable$();
-		(o ? u.pipe(N((e) => e ? O(n).pipe(N(() => this.runAnimation$(t, c, l, s))) : b(() => (this.resetToInitial(t), p)))) : u.pipe(j((e) => e), P(1), te(n), N(() => this.runAnimation$(t, c, l, s)))).pipe(F(this.disconnecting$)).subscribe();
-	}
-	cleanup() {
-		this.disconnecting$.next(), this.disconnecting$.complete(), this.cancelAnimations(), this.element && (this.element.textContent = this.originalContent, this.element.style.opacity = "", this.element.style.willChange = "auto", this.element.style.transform = "", this.element.style.filter = ""), this.element = null, this.initialized = !1;
-	}
-	cancelAnimations() {
-		this.animations.forEach((e) => e.cancel()), this.animations = [];
-	}
-	resetToInitial(e) {
-		this.cancelAnimations(), this.element && (e === "typewriter" ? this.element.textContent = "" : (this.element.textContent = this.originalContent, this.element.style.opacity = "0"), this.element.style.transform = "", this.element.style.filter = "", this.element.style.willChange = "transform, opacity");
-	}
-	getAccumulatedOpacity() {
-		if (!this.element) return 0;
-		let e = 1, t = this.element.parentElement, n = 0;
-		for (; t && t !== document.body && n < 10;) {
-			let r = window.getComputedStyle(t);
-			if (r.visibility === "hidden" || r.display === "none") return 0;
-			let i = parseFloat(r.opacity) || 1;
-			if (i < 1 && (e *= i, e <= .5)) return e;
-			if (t.assignedSlot) {
-				let n = this.getSlotAncestorOpacity(t.assignedSlot);
-				if (n === 0) return 0;
-				e *= n;
-			}
-			t = t.parentElement, n++;
-		}
-		return e;
-	}
-	getSlotAncestorOpacity(e) {
-		let t = 1, n = e.parentElement;
-		for (; n;) {
-			let e = window.getComputedStyle(n);
-			if (e.visibility === "hidden" || e.display === "none") return 0;
-			t *= parseFloat(e.opacity) || 1, n = n.parentElement;
-		}
-		return t;
-	}
-	createVisibilityObservable$() {
-		let e = C(document, "visibilitychange").pipe(se(null), M(() => document.visibilityState === "visible"), A());
-		return _([w(200).pipe(se(0), M(() => {
-			if (!this.element) return !1;
-			let e = this.element.getBoundingClientRect();
-			return e.width > 0 && e.height > 0 && e.top < window.innerHeight && e.bottom > 0 && this.getAccumulatedOpacity() > .5;
-		}), A()), e]).pipe(M(([e, t]) => e && t), A());
-	}
-	runAnimation$(e, t, n, r) {
-		if (!this.element) return p;
-		switch (e) {
-			case "fade-up": return this.animateFadeUp$(t, r);
-			case "blur-reveal": return this.animateBlurReveal$(t, n, r);
-			case "word-reveal": return this.animateWordReveal$(t, n, r);
-			case "cyber-glitch": return this.animateCyberGlitch$(t, n, r);
-			case "typewriter": return this.animateTypewriter$(t);
-			default: return p;
-		}
-	}
-	animateFadeUp$(e, t) {
-		if (!this.element) return p;
-		let n = this.element.animate([{
-			opacity: 0,
-			transform: "translateY(30px)"
-		}, {
-			opacity: 1,
-			transform: "translateY(0)"
-		}], {
-			duration: e,
-			easing: t.easingFallback,
-			fill: "forwards"
-		});
-		return this.animations.push(n), S(n.finished).pipe(L(() => {
-			this.element && (this.element.style.opacity = "", this.element.style.transform = "", this.element.style.willChange = "auto");
-		}), k(() => p));
-	}
-	wrapTextNodes(e) {
-		let t = [], n = document.createDocumentFragment(), r = Array.from(e.childNodes);
-		for (let e of r) if (e.nodeType === Node.TEXT_NODE) {
-			let r = (e.textContent || "").split(/(\s+)/);
-			for (let e of r) if (/^\s+$/.test(e)) n.appendChild(document.createTextNode(e));
-			else if (e.length > 0) {
-				let r = document.createElement("span");
-				r.textContent = e, n.appendChild(r), t.push(r);
-			}
-		} else e instanceof HTMLElement && (n.appendChild(e), t.push(e));
-		return e.textContent = "", e.appendChild(n), t;
-	}
-	animateBlurReveal$(e, t, n) {
-		if (!this.element) return p;
-		let r = this.wrapTextNodes(this.element);
-		this.element.style.opacity = "1", r.forEach((r, i) => {
-			r.style.opacity = "0", r.style.display = "inline-block";
-			let a = r.animate([{
-				opacity: 0,
-				filter: "blur(8px)",
-				transform: "scale(0.9)"
-			}, {
-				opacity: 1,
-				filter: "blur(0)",
-				transform: "scale(1)"
-			}], {
-				duration: e,
-				easing: n.easingFallback,
-				delay: i * t,
-				fill: "forwards"
-			});
-			this.animations.push(a);
-		});
-		let i = this.animations[this.animations.length - 1];
-		return i ? S(i.finished).pipe(L(() => {
-			this.element && (this.element.style.willChange = "auto", r.forEach((e) => {
-				e.style.willChange = "auto";
-			}));
-		}), k(() => p)) : p;
-	}
-	animateWordReveal$(e, t, n) {
-		if (!this.element) return p;
-		let r = this.wrapTextNodes(this.element);
-		this.element.style.opacity = "1", r.forEach((r, i) => {
-			r.style.opacity = "0", r.style.display = "inline-block";
-			let a = r.animate([{
-				opacity: 0,
-				transform: "translateY(20px)"
-			}, {
-				opacity: 1,
-				transform: "translateY(0)"
-			}], {
-				duration: e,
-				easing: n.easingFallback,
-				delay: i * t,
-				fill: "forwards"
-			});
-			this.animations.push(a);
-		});
-		let i = this.animations[this.animations.length - 1];
-		return i ? S(i.finished).pipe(L(() => {
-			this.element && (this.element.style.willChange = "auto", r.forEach((e) => {
-				e.style.willChange = "auto";
-			}));
-		}), k(() => p)) : p;
-	}
-	animateCyberGlitch$(e, t, n) {
-		if (!this.element) return p;
-		let r = this.originalContent.split(""), i = document.createDocumentFragment(), a = [];
-		for (let e of r) {
-			let t = document.createElement("span");
-			t.style.display = "inline-block", t.style.opacity = "0", t.textContent = e === " " ? "\xA0" : e, i.appendChild(t), a.push(t);
-		}
-		this.element.textContent = "", this.element.appendChild(i), this.element.style.opacity = "1", a.forEach((i, a) => {
-			if (r[a] === " ") return void (i.style.opacity = "1");
-			let o = i.animate([{
-				opacity: 0,
-				transform: "translateY(-8px) scale(1.4)",
-				filter: "blur(4px)"
-			}, {
-				opacity: 1,
-				transform: "translateY(0) scale(1)",
-				filter: "blur(0)"
-			}], {
-				duration: e,
-				easing: n.easingFallback,
-				delay: a * t,
-				fill: "forwards"
-			});
-			this.animations.push(o);
-		});
-		let o = this.animations[this.animations.length - 1];
-		return o ? S(o.finished).pipe(L(() => {
-			this.element && (this.element.style.willChange = "auto", a.forEach((e) => {
-				e.style.willChange = "auto";
-			}));
-		}), k(() => p)) : p;
-	}
-	animateTypewriter$(e) {
-		if (!this.element) return p;
-		let t = this.originalContent, n = t.length;
-		if (n === 0) return p;
-		let r = 0;
-		return w(e / n).pipe(L(() => {
-			r++, this.element && (this.element.textContent = t.slice(0, r));
-		}), I(() => r < n), ne(() => {
-			this.element && (this.element.textContent = this.originalContent, this.element.style.willChange = "auto");
-		}));
-	}
-}), ue = W(class extends H {
-	constructor(e) {
-		super(e), this.config = {};
-	}
-	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("The `classMap` directive must be used in the `class` attribute");
-		let n = e.element;
-		this.config = t, this.config.bgColor && (n.style.backgroundColor = this.config.bgColor), this.config.color && (n.style.color = this.config.color);
-	}
-	render(e) {
-		return this.config = e, z;
-	}
-}), G = /* @__PURE__ */ new WeakMap();
-function de(e, t) {
-	let n = e.match(/var\(([^,)]+)/);
-	return n && getComputedStyle(document.documentElement).getPropertyValue(n[1]).trim() || t;
-}
-var fe = W(class extends H {
-	constructor(e) {
-		if (super(e), e.type !== U.ELEMENT) throw Error("confirmClick directive can only be used on elements");
-	}
-	render(e, t) {}
-	update(e, [t, n = {}]) {
-		let r = e.element, i = G.get(r);
-		if (i) {
-			if (i.callback = t, this.optionsEqual(i.options, n)) return;
-			this.cleanup(r);
-		}
-		let a = new h(), o = this.setupClickListener(r, n ?? {}, a);
-		G.set(r, {
-			subscription: o,
-			callback: t,
-			options: n ?? {},
-			overlayElement: null,
-			isConfirming: !1,
-			cancel$: a
-		});
-	}
-	optionsEqual(e, t) {
-		return t ? e.timeout === t.timeout && e.icon === t.icon : Object.keys(e).length === 0;
-	}
-	setupClickListener(e, t, n) {
-		return C(e, "click").pipe(L((r) => {
-			let i = G.get(e);
-			i && !i.isConfirming && (r.stopPropagation(), r.preventDefault(), i.isConfirming = !0, this.showOverlay(e, i, t, n));
-		})).subscribe();
-	}
-	showOverlay(e, t, n, r) {
-		let i = n.timeout ?? 3e3, a = e, o = n.icon ?? a.icon ?? a._capturedIcon ?? e.textContent?.trim() ?? "warning", s = de("var(--schmancy-sys-color-error-default)", "#dc2626"), c = de("var(--schmancy-sys-color-error-on)", "#ffffff"), l = de("var(--schmancy-sys-color-error-container)", "#fecaca"), u = document.createElement("div");
-		u.setAttribute("role", "status"), u.setAttribute("aria-label", "Click again to confirm");
-		let d = e.getBoundingClientRect(), f = d.width, p = d.height, m = window.devicePixelRatio || 1, h = getComputedStyle(e);
-		Object.assign(u.style, {
-			position: "fixed",
-			top: `${d.top}px`,
-			left: `${d.left}px`,
-			width: `${f}px`,
-			height: `${p}px`,
-			zIndex: "10000",
-			borderRadius: h.borderRadius || "50%",
-			overflow: "hidden",
-			cursor: "pointer",
-			opacity: "0",
-			transform: "scale(0.6)",
-			transition: "opacity 250ms cubic-bezier(0.22, 1.25, 0.36, 1), transform 300ms cubic-bezier(0.22, 1.25, 0.36, 1)"
-		});
-		let _ = document.createElement("canvas");
-		_.width = f * m, _.height = p * m, _.style.width = `${f}px`, _.style.height = `${p}px`, _.style.position = "absolute", _.style.top = "0", _.style.left = "0", u.appendChild(_);
-		let v = Math.round(.5 * Math.min(f, p)), y = document.createElement("schmancy-icon");
-		y.textContent = o, y.setAttribute("size", `${v}px`), Object.assign(y.style, {
-			position: "absolute",
-			top: "50%",
-			left: "50%",
-			transform: "translate(-50%, -50%)",
-			color: c,
-			pointerEvents: "none"
-		}), u.appendChild(y), document.body.appendChild(u), t.overlayElement = u, E(null).pipe(ie(g)).subscribe(() => {
-			u.style.opacity = "1", u.style.transform = "scale(1)";
-		});
-		let b = _.getContext("2d");
-		if (!b) return;
-		b.scale(m, m);
-		let x = f / 2, S = p / 2, D = Math.min(f, p) / 2 - 1, O = D - 3, k = (e) => {
-			b.clearRect(0, 0, f, p), b.beginPath(), b.arc(x, S, O, 0, 2 * Math.PI), b.fillStyle = s, b.fill();
-			let t = 1 - e;
-			if (t > 0) {
-				let e = -Math.PI / 2, n = e + 2 * Math.PI * t;
-				b.beginPath(), b.arc(x, S, D, e, n), b.arc(x, S, O, n, e, !0), b.closePath(), b.fillStyle = l, b.fill();
-			}
-		};
-		k(0);
-		let ee = performance.now(), te = w(0, g).pipe(M(() => (performance.now() - ee) / i), I((e) => e <= 1), F(r), L((e) => k(e))).subscribe({ complete: () => {
-			G.get(e)?.isConfirming && this.hideOverlay(e);
-		} });
-		t.subscription.add(te);
-		let A = T(C(u, "click").pipe(P(1), L(() => {
-			t.callback(), this.hideOverlay(e);
-		})), C(document, "click", { capture: !0 }).pipe(j((t) => !u.contains(t.target) && !e.contains(t.target)), P(1), L(() => this.hideOverlay(e))), C(document, "keydown").pipe(j((e) => e.key === "Escape"), P(1), L(() => this.hideOverlay(e)))).pipe(P(1), F(r)).subscribe();
-		t.subscription.add(A);
-	}
-	hideOverlay(e) {
-		let t = G.get(e);
-		if (t && (t.cancel$.next(), t.isConfirming = !1, t.overlayElement)) {
-			let e = t.overlayElement;
-			e.style.opacity = "0", e.style.transform = "scale(0.6)", O(250).pipe(L(() => {
-				document.body.contains(e) && document.body.removeChild(e);
-			})).subscribe(), t.overlayElement = null;
-		}
-	}
-	cleanup(e) {
-		let t = G.get(e);
-		t && (t.cancel$.next(), t.cancel$.complete(), t.subscription.unsubscribe(), t.overlayElement && document.body.contains(t.overlayElement) && document.body.removeChild(t.overlayElement), G.delete(e));
-	}
-	disconnected(e) {
-		this.cleanup(e.element);
-	}
-	reconnected(e) {
-		let t = e.element, n = G.get(t);
-		if (n) {
-			let e = new h(), r = this.setupClickListener(t, n.options, e);
-			G.set(t, {
-				subscription: r,
-				callback: n.callback,
-				options: n.options,
-				overlayElement: null,
-				isConfirming: !1,
-				cancel$: e
-			});
-		}
-	}
-}), pe = V(class extends B {
-	constructor(...e) {
-		super(...e), this.element = null, this.items = [], this.subscription = null, this.typewriterSub = null, this.currentAnimation = null, this.addDisplayEl = null, this.disconnecting$ = new h(), this.initialized = !1;
-	}
-	render(e) {
-		return R;
-	}
-	update(e, [t = {}]) {
-		if (this.element = e.element, !this.initialized && this.isConnected) {
-			if (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new h()), this.items = Array.from(this.element.children).filter((e) => e instanceof HTMLElement), this.items.length === 0) return R;
-			this.element.style.display = "inline-grid", this.element.style.verticalAlign = "bottom", this.items.forEach((e, t) => {
-				e.style.gridColumn = "1", e.style.gridRow = "1", e.style.visibility = t === 0 ? "" : "hidden";
-			}), this.startCycling(t);
-		}
-		return R;
-	}
-	disconnected() {
-		this.cleanup();
-	}
-	reconnected() {}
-	startCycling(e) {
-		let { mode: t = "replace" } = e;
-		this.items.length < 2 || (t === "add" ? this.startAddCycling(e) : this.startReplaceCycling(e));
-	}
-	startReplaceCycling(e) {
-		let { transition: t = "fade", hold: n = 2e3, duration: r = 300, delay: i = 0 } = e, a = (e) => b(() => new m((i) => {
-			let a = this.items[e], o = (e - 1 + this.items.length) % this.items.length, s = this.items[o], c = parseInt(a.dataset.hold || "", 10) || n, l = this.transitionItems(s, a, t, r).pipe(N(() => O(c)), P(1), F(this.disconnecting$)).subscribe({
-				next: () => {
-					i.next(), i.complete();
-				},
-				error: (e) => i.error(e)
-			});
-			return () => l.unsubscribe();
-		})), o = parseInt(this.items[0].dataset.hold || "", 10) || n, s = v(b(() => new m((e) => {
-			let t = O(o).pipe(F(this.disconnecting$)).subscribe({ next: () => {
-				e.next(), e.complete();
-			} });
-			return () => t.unsubscribe();
-		})), v(...[...Array.from({ length: this.items.length }, (e, t) => t).slice(1), 0].map((e) => a(e))).pipe(ae()));
-		this.subscription = O(i).pipe(N(() => s), F(this.disconnecting$)).subscribe();
-	}
-	startAddCycling(e) {
-		let { transition: t = "fade", hold: n = 2e3, duration: r = 300, delay: i = 0, separator: a = ", " } = e, o = this.items.map((e) => e.textContent || "");
-		this.items.forEach((e) => {
-			e.style.display = "none";
-		});
-		let s = document.createElement("span");
-		this.element.appendChild(s), this.addDisplayEl = s;
-		let c = b(() => {
-			s.textContent = "";
-			let e = "", i = o.map((i, o) => {
-				let c = parseInt(this.items[o].dataset.hold || "", 10) || n, l = (o > 0 ? a : "") + i;
-				return b(() => t === "typewriter" ? this.typewriterAdd(s, e, l, r).pipe(L(() => {
-					e += l;
-				}), N(() => O(c))) : b(() => (e += l, s.textContent = e, O(c))));
-			}), c = b(() => {
-				let t = s.animate([{ opacity: 1 }, { opacity: 0 }], {
-					duration: r,
-					fill: "forwards"
-				});
-				return this.currentAnimation = t, S(t.finished).pipe(L(() => {
-					t.cancel(), s.textContent = "", s.style.opacity = "", e = "";
-				}), N(() => O(300)));
-			});
-			return v(...i, c);
-		});
-		this.subscription = O(i).pipe(N(() => c.pipe(ae())), F(this.disconnecting$)).subscribe();
-	}
-	typewriterAdd(e, t, n, r) {
-		if (n.length === 0) return E(void 0);
-		let i = r / n.length;
-		return new m((r) => {
-			let a = 0, o = w(i).pipe(L(() => {
-				a++, e.textContent = t + n.slice(0, a);
-			}), I(() => a < n.length), F(this.disconnecting$)).subscribe({ complete: () => {
-				e.textContent = t + n, r.next(), r.complete();
-			} });
-			return () => o.unsubscribe();
-		});
-	}
-	transitionItems(e, t, n, r) {
-		switch (this.currentAnimation?.cancel(), this.currentAnimation = null, this.typewriterSub?.unsubscribe(), this.typewriterSub = null, n) {
-			case "slide": return this.slideTransition(e, t, r);
-			case "typewriter": return this.typewriterTransition(e, t, r);
-			default: return this.fadeTransition(e, t, r);
-		}
-	}
-	fadeTransition(e, t, n) {
-		let r = e.animate([{ opacity: 1 }, { opacity: 0 }], {
-			duration: n / 2,
-			fill: "forwards"
-		});
-		return this.currentAnimation = r, S(r.finished).pipe(N(() => {
-			r.cancel(), e.style.visibility = "hidden", t.style.visibility = "";
-			let i = t.animate([{ opacity: 0 }, { opacity: 1 }], {
-				duration: n / 2,
-				fill: "forwards"
-			});
-			return this.currentAnimation = i, S(i.finished).pipe(L(() => {
-				i.cancel();
-			}), M(() => {}), k(() => p));
-		}), k(() => p));
-	}
-	slideTransition(e, t, n) {
-		let r = "cubic-bezier(0.4, 0, 0.2, 1)";
-		t.style.visibility = "";
-		let i = e.animate([{
-			transform: "translateY(0)",
-			opacity: 1
-		}, {
-			transform: "translateY(-100%)",
-			opacity: 0
-		}], {
-			duration: n,
-			fill: "forwards",
-			easing: r
-		}), a = t.animate([{
-			transform: "translateY(100%)",
-			opacity: 0
-		}, {
-			transform: "translateY(0)",
-			opacity: 1
-		}], {
-			duration: n,
-			fill: "forwards",
-			easing: r
-		});
-		return this.currentAnimation = a, S(a.finished).pipe(L(() => {
-			i.cancel(), a.cancel(), e.style.visibility = "hidden";
-		}), M(() => {}), k(() => p));
-	}
-	typewriterTransition(e, t, n) {
-		let r = e.textContent || "", i = t.textContent || "", a = r.length + i.length;
-		if (a === 0) return e.style.visibility = "hidden", t.style.visibility = "", E(void 0);
-		let o = n / a;
-		return new m((n) => {
-			let a = r.length;
-			return this.typewriterSub = v(w(o).pipe(L(() => {
-				a--, e.textContent = r.slice(0, a);
-			}), I(() => a > 0)), b(() => (e.style.visibility = "hidden", e.textContent = r, t.style.visibility = "", t.textContent = "", E(null))), b(() => {
-				let e = 0;
-				return w(o).pipe(L(() => {
-					e++, t.textContent = i.slice(0, e);
-				}), I(() => e < i.length));
-			})).pipe(F(this.disconnecting$)).subscribe({ complete: () => {
-				t.textContent = i, n.next(), n.complete();
-			} }), () => {
-				this.typewriterSub?.unsubscribe(), this.typewriterSub = null;
-			};
-		});
-	}
-	cleanup() {
-		this.disconnecting$.next(), this.disconnecting$.complete(), this.currentAnimation?.cancel(), this.currentAnimation = null, this.typewriterSub?.unsubscribe(), this.typewriterSub = null, this.subscription?.unsubscribe(), this.subscription = null, this.addDisplayEl &&= (this.addDisplayEl.remove(), null), this.items.forEach((e, t) => {
-			e.style.gridColumn = "", e.style.gridRow = "", e.style.visibility = t === 0 ? "" : "hidden", e.style.opacity = "", e.style.transform = "";
-		}), this.element = null, this.items = [], this.initialized = !1;
-	}
-}), me = W(class extends B {
-	constructor(...e) {
-		super(...e), this.maxBlur = 8, this.duration = 400, this.isBlurred = !1, this.transitionSet = !1;
-	}
-	render(e) {}
-	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("depthOfField directive must be used on an element");
-		this.element = e.element, this.maxBlur = t.maxBlur ?? 8, this.duration = t.duration ?? 400, this.transitionSet || a.value || (this.element.style.transition = `filter ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1), scale ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1)`, this.transitionSet = !0), t.active && !this.isBlurred ? this.applyBlur() : !t.active && this.isBlurred && this.clearBlur();
-	}
-	applyBlur() {
-		this.element.style.filter = `blur(${this.maxBlur}px) saturate(60%)`, this.element.style.scale = "1.01", this.isBlurred = !0;
-	}
-	clearBlur() {
-		this.element.style.filter = "", this.element.style.scale = "", this.isBlurred = !1;
-	}
-	disconnected() {
-		this.isBlurred && this.clearBlur();
-	}
-	reconnected() {}
-}), he = new f(null), K = new f(null), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = [];
-function X(e) {
-	Y.push(`[${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${e}`);
-}
-var Z = null;
-K.pipe(A((e, t) => e?.target === t?.target && e?.position === t?.position)).subscribe((e) => {
-	if (!e) return void (Z && (Z.style.display = "none"));
-	if (a.value) return;
-	let t = function() {
-		if (Z) return Z;
-		let e = document.createElement("div");
-		e.setAttribute("data-schmancy-drop-line", ""), Object.assign(e.style, {
-			position: "fixed",
-			height: "2px",
-			backgroundColor: "var(--schmancy-sys-color-tertiary-default, #6750A4)",
-			borderRadius: "1px",
-			pointerEvents: "none",
-			zIndex: "10000",
-			transition: "top 100ms ease, left 100ms ease, width 100ms ease",
-			boxShadow: "0 0 4px var(--schmancy-sys-color-tertiary-default, #6750A4)",
-			display: "none"
-		});
-		for (let t of ["left", "right"]) {
-			let n = document.createElement("div");
-			Object.assign(n.style, {
-				position: "absolute",
-				width: "6px",
-				height: "6px",
-				borderRadius: "50%",
-				backgroundColor: "var(--schmancy-sys-color-tertiary-default, #6750A4)",
-				top: "-2px",
-				[t]: "-3px"
-			}), e.appendChild(n);
-		}
-		return document.body.appendChild(e), Z = e, e;
-	}(), n = e.target.getBoundingClientRect(), r = e.position === "before" ? n.top - 1 : n.bottom + 1;
-	Object.assign(t.style, {
-		top: `${r}px`,
-		left: `${n.left}px`,
-		width: `${n.width}px`,
-		display: "block"
-	});
-});
-var ge = class extends H {
-	constructor(...e) {
-		super(...e), this.destroy$ = new h();
-	}
-	update(e, [t]) {
-		if (this.id = t, !this.element) {
-			let t = e.element;
-			this.element = t, t.draggable = !0, t.style.cursor = "grab", C(t, "dragstart").pipe(L((e) => {
-				e.stopPropagation(), e.dataTransfer?.setData("application/json", JSON.stringify({ id: this.id })), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), t.style.cursor = "grabbing", Y.length = 0, X(`DRAGSTART id=${this.id} tag=${t.tagName}`), he.next(this.id), J.clear();
-				let n = t.parentElement;
-				if (n) for (let [e, t] of q) t.parentElement === n && J.set(e, t.getBoundingClientRect());
-			}), ie(g), L(() => {
-				a.value || (t.style.transition = "transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease", t.style.transform = "scale(1.03)", t.style.boxShadow = "0 8px 25px rgba(0,0,0,0.15)", t.style.opacity = "0.6", t.style.zIndex = "1000", t.style.pointerEvents = "none");
-			}), N(() => C(t, "dragend").pipe(P(1), L(() => {
-				let e = K.value;
-				if (t.style.removeProperty("transition"), t.style.removeProperty("transform"), t.style.removeProperty("box-shadow"), t.style.removeProperty("opacity"), t.style.removeProperty("z-index"), t.style.removeProperty("pointer-events"), t.style.cursor = "grab", e) {
-					let { target: t, destinationId: r, position: i } = e;
-					X(`DROP source=${this.id} dest=${r} pos=${i}`), t.dispatchEvent(new CustomEvent("drop", {
-						detail: {
-							source: this.id,
-							destination: r,
-							position: i
-						},
-						bubbles: !0,
-						composed: !0
-					})), O(0, g).pipe(oe(1), P(1)).subscribe(() => {
-						if (!a.value && J.size !== 0) {
-							for (let [e, t] of J) {
-								let r = q.get(e);
-								if (!r) continue;
-								let i = r.getBoundingClientRect(), a = t.left - i.left, o = t.top - i.top;
-								Math.abs(a) < 1 && Math.abs(o) < 1 || r.animate([{ transform: `translate(${a}px, ${o}px)` }, { transform: "translate(0,0)" }], {
-									duration: n.duration,
-									easing: n.easingFallback,
-									fill: "none"
-								});
-							}
-							J.clear();
-						}
-					});
-				}
-				he.next(null), K.next(null), X(`DRAGEND id=${this.id}`), Y.length !== 0 && (Y.length = 0);
-			}))), F(this.destroy$)).subscribe();
-		}
-		return this.registeredId && this.registeredId !== t && q.delete(this.registeredId), q.set(t, this.element), this.registeredId = t, z;
-	}
-	disconnected() {
-		this.destroy$.next(), this.destroy$.complete(), this.registeredId && q.delete(this.registeredId), this.element = void 0;
-	}
-	reconnected() {
-		this.destroy$ = new h(), this.element = void 0;
-	}
-	render(e) {
-		return z;
-	}
-}, _e = W(ge), ve = class extends H {
-	constructor(...e) {
-		super(...e), this.destroy$ = new h();
-	}
-	update(e, [t]) {
-		if (this.destinationId = t, !this.element) {
-			let t = e.element;
-			this.element = t, C(t, "dragenter").pipe(L((e) => {
-				X(`NATIVE-DRAGENTER dest=${this.destinationId}`), e.preventDefault();
-			}), F(this.destroy$)).subscribe(), C(t, "dragover").pipe(L((e) => {
-				X(`NATIVE-DRAGOVER dest=${this.destinationId}`), e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
-			}), F(this.destroy$)).subscribe(), C(t, "drop").pipe(L((e) => {
-				e.preventDefault(), X(`NATIVE-DROP dest=${this.destinationId}`);
-			}), F(this.destroy$)).subscribe(), he.pipe(N((e) => e && e !== this.destinationId ? (X(`DROP-ACTIVE dest=${this.destinationId} src=${e}`), C(t, "dragover").pipe(L((e) => {
-				e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
-			}), L((n) => {
-				let r = function(e, t, n) {
-					let r = t.getBoundingClientRect(), i = n ? q.get(n) : null;
-					if (!i) return e.clientY < r.top + r.height / 2 ? "before" : "after";
-					let a = i.getBoundingClientRect();
-					if (Math.abs(a.top - r.top) < r.height / 2) {
-						let t = r.left + r.width / 2;
-						return a.left > r.left ? e.clientX < t ? "before" : null : e.clientX >= t ? "after" : null;
-					}
-					let o = r.top + r.height / 2;
-					return a.top > r.top ? e.clientY < o ? "before" : null : e.clientY >= o ? "after" : null;
-				}(n, t, e);
-				K.next(r ? {
-					target: t,
-					destinationId: this.destinationId,
-					position: r
-				} : null);
-			}))) : (K.next(null), p)), F(this.destroy$)).subscribe();
-		}
-		return z;
-	}
-	disconnected() {
-		this.destroy$.next(), this.destroy$.complete(), this.element = void 0;
-	}
-	reconnected() {
-		this.destroy$ = new h(), this.element = void 0;
-	}
-	render(e) {
-		return z;
-	}
-}, ye = W(ve), be = V(class extends B {
-	constructor(...e) {
-		super(...e), this.element = null, this.disconnecting$ = new h();
-	}
-	apply(e, t) {
-		if (!this.element) return;
-		let n = window.visualViewport, r = n?.height ?? window.innerHeight, i = n?.width ?? window.innerWidth, a = this.element.getBoundingClientRect(), o = Math.max(0, r - a.top), s = Math.max(0, i - a.left), c = t ? 0 : e, l = this.element.style;
-		l.boxSizing = "border-box", l.height = `${o}px`, l.width = `${s}px`, l.paddingBottom = `${c}px`, l.minHeight = "0", l.minWidth = "0", l.overflow = "hidden";
-	}
-	subscribe() {
-		if (!this.element) return;
-		let e = C(window, "resize", { passive: !0 });
-		_([
-			T(e, window.visualViewport ? T(C(window.visualViewport, "resize", { passive: !0 }), C(window.visualViewport, "scroll", { passive: !0 })) : e, C(window, "orientationchange"), C(document, "focusout", { passive: !0 }).pipe(N(() => O(100))), u(this.element), this.element.parentElement ? u(this.element.parentElement) : p).pipe(ee(16), se(null)),
-			s.bottomOffset$,
-			s.fullscreen$
-		]).pipe(j(() => {
-			let e = window.visualViewport;
-			return !e || Math.abs(e.scale - 1) <= .01;
-		}), M(([, e, t]) => ({
-			bottomOffset: e,
-			isFullscreen: t
-		})), A((e, t) => e.bottomOffset === t.bottomOffset && e.isFullscreen === t.isFullscreen), L(({ bottomOffset: e, isFullscreen: t }) => this.apply(e, t)), F(this.disconnecting$)).subscribe();
-	}
-	render() {}
-	update(e) {
-		if (e.type !== U.ELEMENT) throw Error("fill directive can only be used on elements");
-		let t = e.element;
-		this.element !== t && (this.element = t, this.subscribe());
-	}
-	disconnected() {
-		this.disconnecting$.next(), this.element = null;
-	}
-	reconnected() {
-		this.element && (this.disconnecting$ = new h(), this.subscribe());
-	}
-}), xe = W(class extends B {
-	constructor(...e) {
-		super(...e), this.hasAnimated = !1;
-	}
-	render(e) {}
-	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("gravity directive must be used on an element");
-		if (this.element = e.element, this.options = t, this.hasAnimated) return;
-		if (a.value) return void (this.hasAnimated = !0);
-		let n = Math.max(.3, Math.min(3, t?.mass ?? 1)), r = t?.distance ?? 30, i = (t?.delay ?? 0) + (t?.stagger ?? 0);
-		this.animate(n, r, i), this.hasAnimated = !0;
-	}
-	reconnected() {
-		if (this.hasAnimated = !1, this.options && !a.value) {
-			let e = Math.max(.3, Math.min(3, this.options.mass ?? 1)), t = this.options.distance ?? 30, n = (this.options.delay ?? 0) + (this.options.stagger ?? 0);
-			this.animate(e, t, n), this.hasAnimated = !0;
-		}
-	}
-	animate(e, n, i) {
-		let a = e < .7 ? r : t, o = a.duration * (1 / Math.sqrt(e)), s = 1 / e * n;
-		this.animation?.cancel(), this.element.style.willChange = "transform, opacity", this.animation = this.element.animate([{
-			opacity: 0,
-			transform: `translateY(-${s}px)`
-		}, {
-			opacity: 1,
-			transform: "translateY(0)"
-		}], {
-			duration: o,
-			delay: i,
-			easing: a.easingFallback,
-			fill: "backwards"
-		}), S(this.animation.finished).pipe(P(1), L(() => {
-			this.element.style.willChange = "", this.animation = void 0;
-		}), k(() => p)).subscribe();
-	}
-	disconnected() {
-		this.animation?.cancel(), this.animation = void 0;
-	}
-}), Se = V(class extends B {
-	constructor(...e) {
-		super(...e), this.state = null;
-	}
-	render(e, t) {
-		return R;
-	}
-	update(e, [t, n]) {
-		let r = e.element, i, a, o, s = {};
-		if (typeof t == "function" ? (i = t, s = n || {}) : (a = t.onEnter, o = t.onExit, s = t.options || {}, i = (e) => {
-			e && a && a(), !e && o && o();
-		}), this.state?.element === r) return R;
-		this.cleanup();
-		let { once: c = !1, threshold: l = 0, rootMargin: u = "0px", delay: d = 0 } = s, f = new IntersectionObserver((e) => {
-			if (!this.state) return;
-			let t = e[0], n = t.isIntersecting;
-			d > 0 && n ? (this.state.delayTimerSub && this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = O(d).pipe(P(1), L(() => this.triggerCallback(n, t))).subscribe()) : (!n && this.state.delayTimerSub && (this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = void 0), this.triggerCallback(n, t));
-		}, {
-			threshold: l,
-			rootMargin: u
-		});
-		return this.state = {
-			element: r,
-			observer: f,
-			callback: i,
-			onEnter: a,
-			onExit: o,
-			once: c,
-			delay: d,
-			hasFired: !1
-		}, f.observe(r), R;
-	}
-	triggerCallback(e, t) {
-		this.state && (this.state.once ? e && !this.state.hasFired && (this.state.hasFired = !0, this.state.callback(e, t), this.cleanup()) : this.state.callback(e, t));
-	}
-	cleanup() {
-		this.state &&= (this.state.delayTimerSub?.unsubscribe(), this.state.delayTimerSub = void 0, this.state.observer.disconnect(), null);
-	}
-	pause() {
-		this.state && (this.state.delayTimerSub?.unsubscribe(), this.state.observer.disconnect());
-	}
-	disconnected() {
-		this.pause();
-	}
-	reconnected() {
-		this.state && this.state.observer.observe(this.state.element);
-	}
-}), Ce = {
-	active: !0,
-	intensity: "medium"
-}, we = {
-	light: {
-		blur: 12,
-		sat: 1.3,
-		bright: 1.05,
-		tint: .45,
-		border: .2,
-		shadow: .06
-	},
-	medium: {
-		blur: 16,
-		sat: 1.4,
-		bright: 1.08,
-		tint: .55,
-		border: .28,
-		shadow: .08
-	},
-	strong: {
-		blur: 24,
-		sat: 1.5,
-		bright: 1.12,
-		tint: .65,
-		border: .35,
-		shadow: .1
-	}
-}, Te = [
-	"backdropFilter",
-	"background",
-	"boxShadow",
-	"borderTop",
-	"borderBottom"
-], Ee = V(class extends B {
-	constructor(...e) {
-		super(...e), this.state = null;
-	}
-	render(e) {
-		return R;
-	}
-	update(e, [t = {}]) {
-		let n = e.element, r = {
-			...Ce,
-			...t
-		};
-		return r.active ? this.activate(n, r) : this.cleanup(), R;
-	}
-	activate(e, t) {
-		if (!this.isConnected) return;
-		let n = we[t.intensity];
-		if (!this.state) {
-			let t = {};
-			for (let n of Te) t[n] = e.style[n];
-			this.state = {
-				element: e,
-				origStyles: t
-			};
-		}
-		this.applyStyles(e, n);
-	}
-	applyStyles(e, t) {
-		let n = `blur(${t.blur}px) saturate(${t.sat}) brightness(${t.bright})`;
-		e.style.backdropFilter = n, e.style.setProperty("-webkit-backdrop-filter", n), e.style.background = `rgba(var(--md-sys-color-surface-container, 255 255 255) / ${t.tint})`;
-		let r = t.border;
-		e.style.boxShadow = [
-			`inset 0 1px 0 0 rgba(255,255,255, ${1.5 * r})`,
-			`inset 0 2px 6px rgba(255,255,255, ${.6 * r})`,
-			`inset 0 -1px 0 0 rgba(255,255,255, ${.25 * r})`,
-			`0 1px 3px rgba(0,0,0, ${t.shadow})`,
-			`0 6px 20px rgba(0,0,0, ${.5 * t.shadow})`
-		].join(", "), e.style.borderTop = `0.5px solid rgba(255,255,255, ${.9 * r})`, e.style.borderBottom = "0.5px solid rgba(0,0,0, 0.05)";
-	}
-	cleanup() {
-		if (!this.state) return;
-		let { element: e, origStyles: t } = this.state;
-		for (let n of Te) e.style[n] = t[n];
-		e.style.removeProperty("-webkit-backdrop-filter"), this.state = null;
-	}
-	disconnected() {
-		this.cleanup();
-	}
-	reconnected() {}
-}), Q = "schmancy-lb-rotate", De = !1;
-function Oe() {
-	if (De) return;
-	let e = document.createElement("style");
-	e.id = "schmancy-living-border-shared", e.textContent = `\n\t\t@property --${Q}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${Q} {\n\t\t\tto { --${Q}-angle: 360deg; }\n\t\t}\n\t`, document.head.appendChild(e), De = !0;
-}
-var ke = W(class extends B {
-	constructor(...e) {
-		super(...e), this.teardown$ = new h(), this.didSetPosition = !1;
-	}
-	render(e) {}
-	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("livingBorder directive must be used on an element");
-		let n = JSON.stringify(t ?? {});
-		this.element && n === this.prevKey || (this.prevKey = n, this.element = e.element, this.lastOptions = t, a.value || (this.teardown$.next(), this.cleanup(), Oe(), this.createBorderOverlay(t)));
-	}
-	reconnected() {
-		this.lastOptions && !a.value && (Oe(), this.createBorderOverlay(this.lastOptions));
-	}
-	createBorderOverlay(e) {
-		let t = e?.width ?? 1, n = e?.color ?? "var(--schmancy-sys-color-primary-default)", r = e?.spread ?? 6, i = e?.duration ?? 3e3, a = e?.onHover ?? !1;
-		getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative", this.didSetPosition = !0), this.borderEl = document.createElement("div"), this.borderEl.setAttribute("aria-hidden", "true");
-		let o = `-${t}px`;
-		Object.assign(this.borderEl.style, {
-			position: "absolute",
-			top: o,
-			left: o,
-			right: o,
-			bottom: o,
-			borderRadius: "inherit",
-			pointerEvents: "none",
-			zIndex: "0",
-			background: `conic-gradient(\n\t\t\t\tfrom var(--${Q}-angle),\n\t\t\t\ttransparent 0%, transparent 30%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 45%,\n\t\t\t\t${n} 50%,\n\t\t\t\tcolor-mix(in srgb, ${n} 50%, transparent) 55%,\n\t\t\t\ttransparent 70%, transparent 100%\n\t\t\t)`,
-			mask: "linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)",
-			maskComposite: "exclude",
-			WebkitMaskComposite: "xor",
-			padding: `${t}px`,
-			animation: `${Q} ${i}ms linear infinite`,
-			filter: `blur(${.3 * r}px) drop-shadow(0 0 ${r}px color-mix(in srgb, ${n} 40%, transparent))`,
-			opacity: a ? "0" : "0.5",
-			transition: "opacity 300ms ease"
-		}), this.element.prepend(this.borderEl), T(C(this.element, "mouseenter").pipe(M(() => {
-			this.borderEl && (this.borderEl.style.opacity = a ? "0.7" : "0.8");
-		})), C(this.element, "mouseleave").pipe(M(() => {
-			this.borderEl && (this.borderEl.style.opacity = a ? "0" : "0.5");
-		}))).pipe(F(this.teardown$)).subscribe();
-	}
-	cleanup() {
-		this.borderEl?.remove(), this.borderEl = void 0;
-	}
-	disconnected() {
-		this.teardown$.next(), this.cleanup(), this.didSetPosition && this.element && (this.element.style.position = "", this.didSetPosition = !1);
-	}
-}), $ = /* @__PURE__ */ new WeakMap(), Ae = W(class extends H {
-	constructor(e) {
-		if (super(e), e.type !== U.ELEMENT) throw Error("longPress directive can only be used on elements");
-	}
-	render(e, t) {}
-	update(e, [t, n = {}]) {
-		let r = e.element, i = $.get(r);
-		if (i) {
-			if (i.callback === t && this.optionsEqual(i.options, n)) return;
-			i.subscription.unsubscribe();
-		}
-		let a = this.setupLongPress(r, t, n);
-		$.set(r, {
-			subscription: a,
-			callback: t,
-			options: n || {}
-		});
-	}
-	optionsEqual(e, t) {
-		return t ? e.duration === t.duration && e.movementThreshold === t.movementThreshold : Object.keys(e).length === 0;
-	}
-	setupLongPress(e, t, n = {}) {
-		let r = n.duration ?? 500, i = n.movementThreshold ?? 10, a = C(e, "pointerdown"), o = C(window, "pointerup"), s = C(window, "pointermove"), c = C(window, "pointercancel");
-		return a.pipe(N((e) => {
-			let n = e.clientX, a = e.clientY, l = T(o, c, s.pipe(j((e) => {
-				let t = e.clientX - n, r = e.clientY - a;
-				return Math.sqrt(t * t + r * r) > i;
-			}))).pipe(re());
-			return O(r).pipe(F(l), L(() => t()));
-		})).subscribe();
-	}
-	disconnected(e) {
-		let t = e.element, n = $.get(t);
-		n && (n.subscription.unsubscribe(), $.delete(t));
-	}
-	reconnected(e) {
-		let t = e.element, n = $.get(t);
-		n && (n.subscription = this.setupLongPress(t, n.callback, n.options));
-	}
-}), je = {
-	active: !0,
-	autoHideDuration: 3e3,
-	background: !0,
-	intensity: 1,
-	blur: 1,
-	speed: 1,
-	fadeInDuration: 1e3,
-	fadeOutDuration: 8e3,
-	idleOpacity: .6,
-	idleBreathe: !0,
-	temperature: 0,
-	chromaticAberration: 1,
-	particleCount: 30
-}, Me = "cubic-bezier(0.37, 0, 0.63, 1)", Ne = "cubic-bezier(0.25, 0.1, 0.25, 1)", Pe = !1, Fe = class e {
-	constructor() {
-		this.elementToDirective = /* @__PURE__ */ new WeakMap(), this.instances = /* @__PURE__ */ new Set(), this.observer = null, this.visibilitySub = null, this.tabVisible = !0;
-	}
-	static {
-		this._instance = null;
-	}
-	static get instance() {
-		return e._instance ||= new e(), e._instance;
-	}
-	register(e, t) {
-		let n = this.instances.size === 0;
-		this.instances.add(e), this.elementToDirective.set(t, e), n && this.setup(), this.observer?.observe(t);
-	}
-	unregister(e, t) {
-		this.observer?.unobserve(t), this.elementToDirective.delete(t), this.instances.delete(e), this.instances.size === 0 && this.teardown();
-	}
-	setup() {
-		this.observer = new IntersectionObserver((e) => {
-			for (let t of e) {
-				let e = this.elementToDirective.get(t.target);
-				e && e.onVisibilityChange(t.isIntersecting && this.tabVisible);
-			}
-		}, { threshold: 0 }), this.visibilitySub = C(document, "visibilitychange").pipe(L(() => {
-			this.tabVisible = document.visibilityState === "visible";
-			for (let e of this.instances) e.onVisibilityChange(this.tabVisible);
-		})).subscribe();
-	}
-	teardown() {
-		this.observer &&= (this.observer.disconnect(), null), this.visibilitySub &&= (this.visibilitySub.unsubscribe(), null);
-	}
-}, Ie = V(class extends B {
-	constructor(...e) {
-		super(...e), this.state = null, this.coordinator = Fe.instance;
-	}
-	render(e) {
-		return R;
-	}
-	update(e, [t = {}]) {
-		let n = e.element, r = {
-			...je,
-			...t
-		};
-		return r.active ? this.show(n, r) : this.hide(r), R;
-	}
-	onVisibilityChange(e) {
-		if (!this.state?.overlay) return;
-		let t = this.state.isVisible;
-		this.state.isVisible = e, t !== e && (this.state.overlay.classList.toggle("paused", !e), this.state.overlay.classList.toggle("running", e));
-	}
-	show(e, t) {
-		(function() {
-			if (Pe || typeof document > "u") return;
-			Pe = !0;
-			let e = document.createElement("style");
-			e.id = "nebula-directive-styles", e.textContent = "\n/* =============================================================================\n   NEBULA v3 - SURREAL DIMENSIONAL RIFT - GPU-COMPOSITED CSS ANIMATIONS\n   Chromatic aberration, iridescent hue-cycling, event horizon, tendrils.\n   Performance: translate3d + opacity for most layers, hue-rotate for core only.\n   ============================================================================= */\n\n/* Chromatic red channel - rightward aberration drift */\n@keyframes nebula-chromatic-red {\n	0%, 100% { transform: translate3d(var(--nebula-aberration, 3px), 0, 0); }\n	25% { transform: translate3d(calc(var(--nebula-aberration, 3px) * 1.8), -1%, 0); }\n	50% { transform: translate3d(var(--nebula-aberration, 3px), 1%, 0); }\n	75% { transform: translate3d(calc(var(--nebula-aberration, 3px) * 0.5), 0, 0); }\n}\n\n/* Chromatic blue channel - leftward counter-drift */\n@keyframes nebula-chromatic-blue {\n	0%, 100% { transform: translate3d(calc(var(--nebula-aberration, 3px) * -1), 0, 0); }\n	25% { transform: translate3d(calc(var(--nebula-aberration, 3px) * -0.5), 1%, 0); }\n	50% { transform: translate3d(calc(var(--nebula-aberration, 3px) * -1), -1%, 0); }\n	75% { transform: translate3d(calc(var(--nebula-aberration, 3px) * -1.8), 0, 0); }\n}\n\n/* Iridescent core - continuous 360-degree hue rotation (the ONE filter animation) */\n@keyframes nebula-iridescent {\n	0% { filter: hue-rotate(0deg) blur(var(--nebula-blur-core, 12px)) saturate(1.6); }\n	100% { filter: hue-rotate(360deg) blur(var(--nebula-blur-core, 12px)) saturate(1.6); }\n}\n\n/* Bioluminescent tendrils - organic breathing */\n@keyframes nebula-tendrils-breathe {\n	0%, 100% { opacity: 0.6; transform: translate3d(0, 0, 0); }\n	30% { opacity: 0.9; transform: translate3d(1%, -1.5%, 0); }\n	60% { opacity: 0.5; transform: translate3d(-1%, 1.5%, 0); }\n}\n\n/* Quantum particle twinkle - opacity only (cheapest) */\n@keyframes nebula-particle-twinkle {\n	0%, 100% { opacity: 0.7; }\n	15% { opacity: 1; }\n	40% { opacity: 0.5; }\n	65% { opacity: 0.85; }\n	85% { opacity: 0.6; }\n}\n\n/* Idle breathing - gentle pulse when dimmed */\n@keyframes nebula-idle-breathe {\n	0%, 100% {\n		opacity: var(--nebula-idle-opacity, 0.08);\n		filter: blur(calc(var(--nebula-blur-base, 10px) * 8));\n		transform: scale(1);\n	}\n	50% {\n		opacity: calc(var(--nebula-idle-opacity, 0.08) * 1.4);\n		filter: blur(calc(var(--nebula-blur-base, 10px) * 10));\n		transform: scale(1.005);\n	}\n}\n\n/* =============================================================================\n   STATE CLASSES - Control via CSS class toggle (no JS animation calls)\n   ============================================================================= */\n\n.nebula-overlay {\n	contain: strict;\n	pointer-events: none;\n	isolation: isolate;\n}\n\n.nebula-overlay.paused .nebula-layer {\n	animation-play-state: paused !important;\n}\n\n.nebula-overlay.running .nebula-layer {\n	animation-play-state: running !important;\n}\n\n/* Reduced motion - respect user preferences */\n@media (prefers-reduced-motion: reduce) {\n	.nebula-layer {\n		animation: none !important;\n		transition: opacity 0s !important;\n	}\n}\n", document.head.appendChild(e);
-		})(), this.state?.autoHideSub && (this.state.autoHideSub.unsubscribe(), this.state.autoHideSub = null);
-		let n = a.value;
-		if (this.state?.overlay && this.state.isDimmed) return this.state.isDimmed = !1, this.state.options = t, this.awakenOverlay(t, n), void this.scheduleAutoHide(t);
-		this.state?.overlay || this.createOverlay(e, t, n), this.scheduleAutoHide(t);
-	}
-	awakenOverlay(n, r) {
-		if (!this.state?.overlay) return;
-		let i = this.state.overlay, a = r ? 0 : .6 * n.fadeInDuration, o = r ? "linear" : e(t);
-		i.style.setProperty("--nebula-intensity", String(n.intensity)), i.animate([
-			{
-				opacity: n.idleOpacity,
-				transform: "scale(0.98)",
-				filter: `blur(${4 * n.blur}px)`
-			},
-			{
-				opacity: .7 * n.intensity,
-				transform: "scale(1.01)",
-				filter: `blur(${1 * n.blur}px)`
-			},
-			{
-				opacity: n.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px)"
-			}
-		], {
-			duration: a,
-			easing: o,
-			fill: "forwards"
-		}), i.classList.remove("paused"), i.classList.add("running");
-	}
-	createOverlay(n, r, i) {
-		let a = window.getComputedStyle(n).position, o = n.style.position, s = n.style.overflow, c = n.style.contain;
-		a === "static" && (n.style.position = "relative"), n.style.overflow = "hidden", n.style.contain = "paint";
-		let l = r.temperature, u = Math.max(0, l), d = Math.max(0, -l), f = r.intensity, p = Math.round(3 + 5 * r.chromaticAberration), m = Math.round(20 + 60 * d), h = Math.round(80 + 80 * d), g = Math.round(20 + 80 * u), _ = Math.round(255 - 55 * u), v = Math.round(100 + 100 * d), y = Math.round(100 * u), b = Math.round(255 - 55 * u), x = Math.round(100 + 55 * d), S = Math.round(255 - 55 * d), C = document.createElement("div");
-		if (C.className = "nebula-overlay running", Object.assign(C.style, {
-			position: "absolute",
-			inset: "-20%",
-			zIndex: r.background ? "-1" : "9999",
-			opacity: "0",
-			"--nebula-intensity": String(f),
-			"--nebula-blur-base": 10 * r.blur + "px",
-			"--nebula-idle-opacity": String(r.idleOpacity),
-			"--nebula-aberration": `${p}px`,
-			"--nebula-blur-core": 12 * r.blur + "px"
-		}), i) {
-			let e = document.createElement("div");
-			Object.assign(e.style, {
-				position: "absolute",
-				inset: "0",
-				background: `\n\t\t\t\t\tradial-gradient(ellipse 45% 40% at 50% 50%,\n\t\t\t\t\t\trgba(255,${x},${S},${.12 * f}) 0%,\n\t\t\t\t\t\trgba(${g},100,${_},${.06 * f}) 40%,\n\t\t\t\t\t\ttransparent 70%),\n\t\t\t\t\tradial-gradient(circle 8% at 50% 50%,\n\t\t\t\t\t\trgba(255,255,255,${.15 * f}) 0%,\n\t\t\t\t\t\ttransparent 100%)`,
-				filter: `blur(${10 * r.blur}px)`,
-				opacity: String(f)
-			}), C.appendChild(e);
-		} else {
-			let e = document.createElement("div");
-			e.className = "nebula-layer", Object.assign(e.style, {
-				position: "absolute",
-				inset: "-5%",
-				background: `\n\t\t\t\t\tlinear-gradient(155deg,\n\t\t\t\t\t\ttransparent 0%, transparent 38%,\n\t\t\t\t\t\trgba(8,2,18,${.35 * f}) 44%,\n\t\t\t\t\t\trgba(0,0,0,${.4 * f}) 49%,\n\t\t\t\t\t\trgba(8,2,18,${.35 * f}) 54%,\n\t\t\t\t\t\ttransparent 60%, transparent 100%),\n\t\t\t\t\tlinear-gradient(225deg,\n\t\t\t\t\t\ttransparent 0%, transparent 42%,\n\t\t\t\t\t\trgba(5,0,12,${.28 * f}) 47%,\n\t\t\t\t\t\trgba(0,0,0,${.32 * f}) 50%,\n\t\t\t\t\t\trgba(5,0,12,${.28 * f}) 53%,\n\t\t\t\t\t\ttransparent 58%, transparent 100%),\n\t\t\t\t\tradial-gradient(ellipse 110% 110% at 50% 50%,\n\t\t\t\t\t\ttransparent 35%,\n\t\t\t\t\t\trgba(3,0,8,${.2 * f}) 60%,\n\t\t\t\t\t\trgba(0,0,0,${.35 * f}) 85%),\n\t\t\t\t\tradial-gradient(ellipse 50% 45% at 30% 35%,\n\t\t\t\t\t\trgba(0,0,0,${.3 * f}) 0%,\n\t\t\t\t\t\ttransparent 65%),\n\t\t\t\t\tradial-gradient(ellipse 40% 55% at 70% 65%,\n\t\t\t\t\t\trgba(0,0,0,${.25 * f}) 0%,\n\t\t\t\t\t\ttransparent 60%)`,
-				filter: `blur(${4 * r.blur}px)`,
-				mixBlendMode: "multiply",
-				transform: "translateZ(0)"
-			}), C.appendChild(e);
-			let t = document.createElement("div");
-			t.className = "nebula-layer", Object.assign(t.style, {
-				position: "absolute",
-				inset: "-15%",
-				background: `\n\t\t\t\t\tradial-gradient(ellipse 55% 50% at 48% 50%,\n\t\t\t\t\t\trgba(255,${m},${h},${.14 * f}) 0%,\n\t\t\t\t\t\trgba(255,${m},${h},${.06 * f}) 35%,\n\t\t\t\t\t\ttransparent 65%),\n\t\t\t\t\tradial-gradient(ellipse 30% 35% at 30% 35%,\n\t\t\t\t\t\trgba(255,${v},200,${.1 * f}) 0%,\n\t\t\t\t\t\trgba(255,${v},200,${.03 * f}) 50%,\n\t\t\t\t\t\ttransparent 70%),\n\t\t\t\t\tradial-gradient(ellipse 25% 30% at 65% 70%,\n\t\t\t\t\t\trgba(255,${Math.min(255, m + 30)},${h},${.08 * f}) 0%,\n\t\t\t\t\t\ttransparent 60%)`,
-				filter: `blur(${18 * r.blur}px) saturate(1.4)`,
-				mixBlendMode: "screen",
-				transform: "translateZ(0)",
-				animation: `nebula-chromatic-red ${35e3 / r.speed}ms ${Ne} infinite`
-			}), C.appendChild(t);
-			let n = document.createElement("div");
-			n.className = "nebula-layer", Object.assign(n.style, {
-				position: "absolute",
-				inset: "-15%",
-				background: `\n\t\t\t\t\tradial-gradient(ellipse 50% 55% at 52% 50%,\n\t\t\t\t\t\trgba(${g},100,${_},${.12 * f}) 0%,\n\t\t\t\t\t\trgba(${g},100,${_},${.05 * f}) 35%,\n\t\t\t\t\t\ttransparent 60%),\n\t\t\t\t\tradial-gradient(ellipse 35% 30% at 68% 40%,\n\t\t\t\t\t\trgba(${y},${b},200,${.09 * f}) 0%,\n\t\t\t\t\t\trgba(${y},${b},200,${.03 * f}) 45%,\n\t\t\t\t\t\ttransparent 65%),\n\t\t\t\t\tradial-gradient(ellipse 28% 25% at 35% 65%,\n\t\t\t\t\t\trgba(${g},100,${Math.min(255, _ + 20)},${.07 * f}) 0%,\n\t\t\t\t\t\ttransparent 55%)`,
-				filter: `blur(${18 * r.blur}px) saturate(1.4)`,
-				mixBlendMode: "screen",
-				transform: "translateZ(0)",
-				animation: `nebula-chromatic-blue ${35e3 / r.speed}ms ${Ne} infinite`
-			}), C.appendChild(n);
-			let i = document.createElement("div");
-			i.className = "nebula-layer", Object.assign(i.style, {
-				position: "absolute",
-				inset: "0",
-				background: `\n\t\t\t\t\tradial-gradient(ellipse 20% 22% at 50% 50%,\n\t\t\t\t\t\trgba(255,${x},${S},${.18 * f}) 0%,\n\t\t\t\t\t\trgba(255,${v},200,${.08 * f}) 40%,\n\t\t\t\t\t\trgba(${g},100,${_},${.03 * f}) 65%,\n\t\t\t\t\t\ttransparent 80%),\n\t\t\t\t\tradial-gradient(circle 6% at 50% 50%,\n\t\t\t\t\t\trgba(255,255,255,${.25 * f}) 0%,\n\t\t\t\t\t\trgba(255,240,245,${.1 * f}) 50%,\n\t\t\t\t\t\ttransparent 100%)`,
-				mixBlendMode: "screen",
-				transform: "translateZ(0)",
-				animation: `nebula-iridescent ${28e3 / r.speed}ms linear infinite`
-			}), C.appendChild(i);
-			let a = document.createElement("div");
-			if (a.className = "nebula-layer", Object.assign(a.style, {
-				position: "absolute",
-				inset: "-12%",
-				background: `\n\t\t\t\t\tradial-gradient(ellipse 60% 12% at 50% 48%,\n\t\t\t\t\t\trgba(255,${v},200,${.1 * f}) 0%,\n\t\t\t\t\t\ttransparent 70%),\n\t\t\t\t\tradial-gradient(ellipse 12% 55% at 48% 50%,\n\t\t\t\t\t\trgba(${y},${b},200,${.08 * f}) 0%,\n\t\t\t\t\t\ttransparent 65%),\n\t\t\t\t\tradial-gradient(ellipse 45% 10% at 45% 35%,\n\t\t\t\t\t\trgba(255,${x},${S},${.07 * f}) 0%,\n\t\t\t\t\t\ttransparent 60%),\n\t\t\t\t\tradial-gradient(ellipse 10% 40% at 60% 60%,\n\t\t\t\t\t\trgba(${g},100,${_},${.06 * f}) 0%,\n\t\t\t\t\t\ttransparent 55%)`,
-				filter: `blur(${14 * r.blur}px)`,
-				mixBlendMode: "screen",
-				transform: "translateZ(0)",
-				animation: `nebula-tendrils-breathe ${22e3 / r.speed}ms ${Me} infinite`
-			}), C.appendChild(a), r.particleCount > 0) {
-				let e = document.createElement("div");
-				e.className = "nebula-layer";
-				let t = [];
-				for (let e = 0; e < r.particleCount; e++) {
-					let e = 5 + 90 * Math.random(), n = 5 + 90 * Math.random(), r = .5 + 2 * Math.random(), i = Math.round(360 * Math.random()), a = (.3 + .5 * Math.random()) * f;
-					t.push(`radial-gradient(circle ${r}px at ${e}% ${n}%, hsla(${i},80%,70%,${a}) 0%, transparent 100%)`);
-				}
-				Object.assign(e.style, {
-					position: "absolute",
-					inset: "0",
-					background: t.join(","),
-					mixBlendMode: "screen",
-					transform: "translateZ(0)",
-					animation: `nebula-particle-twinkle ${5e3 / r.speed}ms ${Me} infinite`
-				}), C.appendChild(e);
-			}
-		}
-		n.appendChild(C);
-		let w = i ? 0 : r.fadeInDuration, T = i ? "linear" : e(t);
-		C.animate([
-			{
-				opacity: 0,
-				transform: "scale(0.85)",
-				filter: `blur(${25 * r.blur}px) saturate(0.5)`
-			},
-			{
-				opacity: .3 * r.intensity,
-				transform: "scale(0.95)",
-				filter: `blur(${12 * r.blur}px) saturate(0.8)`
-			},
-			{
-				opacity: .6 * r.intensity,
-				transform: "scale(1.02)",
-				filter: `blur(${4 * r.blur}px) saturate(1.1)`
-			},
-			{
-				opacity: .85 * r.intensity,
-				transform: "scale(1.005)",
-				filter: `blur(${1 * r.blur}px) saturate(1.05)`
-			},
-			{
-				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
-			}
-		], {
-			duration: w,
-			easing: T,
-			fill: "forwards"
-		}), this.state = {
-			element: n,
-			overlay: C,
-			originalPosition: o,
-			originalOverflow: s,
-			originalContain: c,
-			isDimmed: !1,
-			autoHideSub: null,
-			options: r,
-			reducedMotion: i,
-			isVisible: document.visibilityState === "visible"
-		}, this.coordinator.register(this, n);
-	}
-	scheduleAutoHide(e) {
-		!this.state || e.autoHideDuration <= 0 || (this.state.autoHideSub = O(e.autoHideDuration).pipe(P(1), L(() => {
-			this.state && (this.state.autoHideSub = null, this.hide(this.state.options));
-		})).subscribe());
-	}
-	hide(t) {
-		if (!this.state?.overlay || (this.state.autoHideSub && (this.state.autoHideSub.unsubscribe(), this.state.autoHideSub = null), this.state.isDimmed)) return;
-		this.state.isDimmed = !0;
-		let n = this.state.overlay, r = this.state.options, a = this.state.reducedMotion, o = a ? 0 : t.fadeOutDuration, s = a ? "linear" : e(i);
-		if (t.idleOpacity <= 0) return void n.animate([
-			{
-				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
-			},
-			{
-				opacity: .4 * r.intensity,
-				transform: "scale(0.95)",
-				filter: `blur(${8 * r.blur}px) saturate(0.7)`
-			},
-			{
-				opacity: 0,
-				transform: "scale(0.9)",
-				filter: `blur(${15 * r.blur}px) saturate(0.3)`
-			}
-		], {
-			duration: o,
-			easing: s,
-			fill: "forwards"
-		});
-		let c = n.animate([
-			{
-				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
-			},
-			{
-				opacity: .5 * r.intensity,
-				transform: "scale(0.99)",
-				filter: `blur(${3 * r.blur}px) saturate(0.75)`
-			},
-			{
-				opacity: t.idleOpacity,
-				transform: "scale(1)",
-				filter: `blur(${8 * r.blur}px) saturate(0.4)`
-			}
-		], {
-			duration: o,
-			easing: s,
-			fill: "forwards"
-		});
-		t.idleBreathe && !a && S(c.finished).pipe(P(1), k(() => p)).subscribe(() => {
-			this.state?.overlay && (this.state.overlay.style.animation = `nebula-idle-breathe ${12e3 / r.speed}ms ${Me} infinite`);
-		});
-	}
-	cleanup() {
-		this.state &&= (this.coordinator.unregister(this, this.state.element), this.state.autoHideSub?.unsubscribe(), this.state.overlay?.remove(), this.state.element.style.position = this.state.originalPosition, this.state.element.style.overflow = this.state.originalOverflow, this.state.element.style.contain = this.state.originalContain, null);
-	}
-	disconnected() {
-		this.cleanup();
-	}
-	reconnected() {
-		this.state && this.coordinator.register(this, this.state.element);
-	}
-}), Le = {
-	smooth: t,
-	snappy: n,
-	bouncy: r,
-	gentle: i
-}, Re = V(class extends B {
-	constructor(e) {
-		if (super(e), this.initialized = !1, this.element = null, e.type !== U.ELEMENT) throw Error("reveal() can only be used on elements");
-	}
-	render(e, t) {
-		return R;
-	}
-	update(t, [n = !1, r = {}]) {
-		let i = t.element;
-		this.element = i;
-		let { preset: o = "smooth", maxHeight: s = "10rem", duration: c, easing: l } = r, u = Le[o], d = c ?? u.duration, f = l ?? e(u), p = a.value;
-		return this.initialized ||= (this.setupElement(i, d, f, p), !0), n ? (i.style.maxHeight = s, i.style.opacity = "1", i.style.transform = "translateY(0) scale(1)", i.style.pointerEvents = "", i.style.paddingTop = "", i.style.paddingBottom = "", i.style.marginTop = "", i.style.marginBottom = "", i.removeAttribute("aria-hidden"), i.removeAttribute("inert")) : (i.style.maxHeight = "0", i.style.opacity = "0", i.style.transform = "translateY(-8px) scale(0.98)", i.style.pointerEvents = "none", i.style.paddingTop = "0", i.style.paddingBottom = "0", i.style.marginTop = "0", i.style.marginBottom = "0", i.setAttribute("aria-hidden", "true"), i.setAttribute("inert", "")), R;
-	}
-	setupElement(e, t, n, r) {
-		e.style.overflow = "hidden", e.style.transition = r ? "none" : [
-			`max-height ${t}ms ${n}`,
-			`opacity ${t}ms ${n}`,
-			`transform ${t}ms ${n}`,
-			`padding ${t}ms ${n}`,
-			`margin ${t}ms ${n}`
-		].join(", ");
-	}
-	disconnected() {
-		this.element && (this.element.style.willChange = "");
-	}
-	reconnected() {}
-}), ze = !1, Be = W(class extends B {
-	constructor(...e) {
-		super(...e), this.teardown$ = new h();
-	}
-	render() {}
-	update(e) {
-		if (e.type !== U.ELEMENT) throw Error("ripple directive must be used on an element");
-		this.element = e.element, function() {
-			if (ze) return;
-			let e = document.createElement("style");
-			e.id = "schmancy-ripple-shared", e.textContent = "\n		.schmancy-ripple-effect {\n			position: absolute;\n			border-radius: 50%;\n			background: var(--schmancy-sys-color-surface-on);\n			opacity: 0.12;\n			transform: scale(0);\n			animation: schmancy-ripple-expand 600ms linear forwards;\n			pointer-events: none;\n			aria-hidden: true;\n		}\n		@keyframes schmancy-ripple-expand {\n			to { transform: scale(4); opacity: 0; }\n		}\n	", document.head.appendChild(e), ze = !0;
-		}(), getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative"), this.element.style.overflow = "hidden", this.teardown$.next(), C(this.element, "click").pipe(F(this.teardown$)).subscribe((e) => this.addRipple(e));
-	}
-	reconnected() {
-		this.teardown$.next(), C(this.element, "click").pipe(F(this.teardown$)).subscribe((e) => this.addRipple(e));
-	}
-	addRipple(e) {
-		let t = this.element.getBoundingClientRect(), n = Math.max(t.width, t.height), r = n / 2, i = document.createElement("span");
-		i.className = "schmancy-ripple-effect", i.setAttribute("aria-hidden", "true"), i.style.width = `${n}px`, i.style.height = `${n}px`, i.style.left = e.clientX - t.left - r + "px", i.style.top = e.clientY - t.top - r + "px", this.element.appendChild(i), C(i, "animationend").pipe(P(1)).subscribe(() => i.remove());
-	}
-	disconnected() {
-		this.teardown$.next();
-	}
-}), Ve = "schmancy-overflow-within-hidden", He = !1, Ue = V(class extends B {
-	constructor(...e) {
-		super(...e), this.element = null, this.disconnecting$ = new h();
-	}
-	render(e) {
-		return R;
-	}
-	update(e, [t = {}]) {
-		if (e.type !== U.ELEMENT) throw Error("overflowWithin directive can only be used on elements");
-		let n = e.element, { hide: r = !1, direction: i = "both", name: a, debounce: o = 10 } = t, s = n.style;
-		s.minHeight = "0", s.minWidth = "0", s.boxSizing = "border-box", s.overflowY = i === "horizontal" ? "hidden" : "auto", s.overflowX = i === "vertical" ? "hidden" : "auto", s.scrollBehavior = "smooth", s.overscrollBehavior = "contain", r ? (function() {
-			if (He) return;
-			He = !0;
-			let e = new CSSStyleSheet();
-			e.replaceSync(`.${Ve} { scrollbar-width: none; -ms-overflow-style: none; }\n\t\t .${Ve}::-webkit-scrollbar { display: none; }`), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
-		}(), n.classList.add(Ve)) : n.classList.remove(Ve);
-		let c = this.element !== n, l = this.currentName !== a;
-		return c ? (this.element = n, this.subscribe(o, a)) : l && (this.disconnecting$.next(), this.disconnecting$ = new h(), this.subscribe(o, a)), this.currentName = a, R;
-	}
-	subscribe(e, t) {
-		if (!this.element) return;
-		let n = this.element;
-		C(n, "scroll", { passive: !0 }).pipe(y(e), D(this.disconnecting$)).subscribe((e) => {
-			n.dispatchEvent(new CustomEvent("scroll", {
-				detail: {
-					scrollTop: n.scrollTop,
-					scrollHeight: n.scrollHeight,
-					clientHeight: n.clientHeight,
-					scrollLeft: n.scrollLeft,
-					scrollWidth: n.scrollWidth,
-					clientWidth: n.clientWidth,
-					e
-				},
-				bubbles: !0,
-				composed: !0
-			}));
-		}), t !== void 0 && C(window, "@schmancy:scrollTo").pipe(x((e) => e.detail.name === t && e.detail.action === "scrollTo"), D(this.disconnecting$)).subscribe((e) => {
-			let t = {
-				behavior: "smooth",
-				top: e.detail.top
-			};
-			typeof e.detail.left == "number" && (t.left = e.detail.left), n.scrollTo(t);
-		});
-	}
-	disconnected() {
-		this.disconnecting$.next(), this.element = null;
-	}
-	reconnected() {
-		this.element && (this.disconnecting$ = new h(), this.subscribe(10, this.currentName));
-	}
-});
-export { ge as DragDirective, ve as DropDirective, le as animateText, ue as color, fe as confirmClick, o as cursorGlow, pe as cycleText, me as depthOfField, _e as drag, ye as drop, be as fill, u as fromResizeObserver, c as fullHeight, l as fullWidth, xe as gravity, Se as intersect, Ee as liquid, ke as livingBorder, Ae as longPress, d as magnetic, Ie as nebula, Ue as overflowWithin, a as reducedMotion$, Re as reveal, Be as ripple };
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, k as g, l as _, m as v, n as y, o as b, p as x, r as S, s as C, t as w, u as T, v as E, w as D, x as O, y as k } from "./directives-BBMqe8x3.js";
+import { t as A } from "./reduced-motion-D-L12p7G.js";
+import { t as j } from "./cursor-glow-Ah7VXSj7.js";
+import { n as M, r as N, t as P } from "./layout-DSAjo92m.js";
+import { t as F } from "./magnetic-mHXl54Z8.js";
+export { p as DragDirective, s as DropDirective, g as aiBadge, e as animateText, i as art, D as beta, t as color, a as confirmClick, j as cursorGlow, O as cycleText, l as depthOfField, E as drag, k as drop, m as fill, P as fromResizeObserver, M as fullHeight, N as fullWidth, n as futureCell, v as fyi, x as gravity, f as hummingbird, d as intersect, o as isBeta, T as liquid, _ as livingBorder, u as longPress, F as magnetic, C as missedPunch, b as nebula, S as overflowWithin, A as reducedMotion$, c as reveal, h as ripple, r as setBetaPredicate, y as urgent, w as workingSnake };