@mhmo91/schmancy 0.10.25 → 0.10.27

package/dist/{directives-BBMqe8x3.js → directives-DgPbz0lQ.js}

@@ -5,8 +5,9 @@ import "./cursor-glow-Ah7VXSj7.js";
 import { i as s, n as c, r as l } from "./theme.service-Bh08uOSJ.js";
 import { t as u } from "./layout-DSAjo92m.js";
 import { t as d } from "./overlay-stack-D2rgxQLh.js";
-import { r as f } from "./discovery.service-COmbHaoI.js";
-import "./magnetic-mHXl54Z8.js";
+import "./gravity-sVK3zGBF.js";
+import { r as f } from "./discovery.service-DZFxtRwW.js";
+import "./magnetic-B2VKNfDu.js";
 import { BehaviorSubject as p, EMPTY as m, Observable as h, Subject as g, Subscription as _, animationFrameScheduler as v, combineLatest as y, concat as b, debounceTime as x, defer as S, filter as C, forkJoin as ee, from as w, fromEvent as T, interval as E, merge as te, of as ne, takeUntil as re, timer as D } from "rxjs";
 import { auditTime as ie, catchError as O, debounceTime as ae, delay as oe, distinctUntilChanged as k, filter as A, finalize as se, first as ce, map as j, observeOn as le, repeat as ue, skip as de, startWith as fe, switchMap as M, take as N, takeUntil as P, takeWhile as F, tap as I } from "rxjs/operators";
 import { noChange as L, nothing as R } from "lit";
@@ -1662,12 +1663,12 @@ var ze = U(class extends V {
 function Z(e) {
 	Ue.push(`[${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${e}`);
 }
-var We = null;
+var Q = null;
 J.pipe(k((e, t) => e?.target === t?.target && e?.position === t?.position)).subscribe((e) => {
-	if (!e) return void (We && (We.style.display = "none"));
+	if (!e) return void (Q && (Q.style.display = "none"));
 	if (o.value) return;
 	let t = function() {
-		if (We) return We;
+		if (Q) return Q;
 		let e = document.createElement("div");
 		e.setAttribute("data-schmancy-drop-line", ""), Object.assign(e.style, {
 			position: "fixed",
@@ -1692,7 +1693,7 @@ J.pipe(k((e, t) => e?.target === t?.target && e?.position === t?.position)).subs
 				[t]: "-3px"
 			}), e.appendChild(n);
 		}
-		return document.body.appendChild(e), We = e, e;
+		return document.body.appendChild(e), Q = e, e;
 	}(), n = e.target.getBoundingClientRect(), r = e.position === "before" ? n.top - 1 : n.bottom + 1;
 	Object.assign(t.style, {
 		top: `${r}px`,
@@ -1701,7 +1702,7 @@ J.pipe(k((e, t) => e?.target === t?.target && e?.position === t?.position)).subs
 		display: "block"
 	});
 });
-var Ge = class extends V {
+var We = class extends V {
 	constructor(...e) {
 		super(...e), this.destroy$ = new g();
 	}
@@ -1756,7 +1757,7 @@ var Ge = class extends V {
 	render(e) {
 		return R;
 	}
-}, Ke = U(Ge), qe = class extends V {
+}, Ge = U(We), Ke = class extends V {
 	constructor(...e) {
 		super(...e), this.destroy$ = new g();
 	}
@@ -1801,7 +1802,7 @@ var Ge = class extends V {
 	render(e) {
 		return R;
 	}
-}, Je = U(qe), Ye = B(class extends z {
+}, qe = U(Ke), Je = B(class extends z {
 	constructor(...e) {
 		super(...e), this.element = null, this.disconnecting$ = new g();
 	}
@@ -1831,7 +1832,7 @@ var Ge = class extends V {
 	reconnected() {
 		this.element && (this.disconnecting$ = new g(), this.subscribe());
 	}
-}), Xe = B(class extends z {
+}), Ye = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null, this.destroy$ = new g(), this.subscriptions = new _();
 	}
@@ -2095,45 +2096,7 @@ var Ge = class extends V {
 	reconnected() {
 		this.destroy$ = new g(), this.subscriptions = new _();
 	}
-}), Ze = U(class extends z {
-	constructor(...e) {
-		super(...e), this.hasAnimated = !1;
-	}
-	render(e) {}
-	update(e, [t]) {
-		if (e.type !== H.ELEMENT) throw Error("gravity directive must be used on an element");
-		if (this.element = e.element, this.options = t, this.hasAnimated) return;
-		if (o.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 && !o.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, t, r) {
-		let a = e < .7 ? i : n, o = a.duration * (1 / Math.sqrt(e)), s = 1 / e * t;
-		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: r,
-			easing: a.easingFallback,
-			fill: "backwards"
-		}), w(this.animation.finished).pipe(N(1), I(() => {
-			this.element.style.willChange = "", this.animation = void 0;
-		}), O(() => m)).subscribe();
-	}
-	disconnected() {
-		this.animation?.cancel(), this.animation = void 0;
-	}
-}), Qe = 600, $e = !1, Q = {
+}), Xe = 600, Ze = !1, $ = {
 	hAlpha: "rgba(200, 50, 100, 0.85)",
 	hAlphaDim: "rgba(150, 30, 80, 0.5)",
 	oiii: "rgba(40, 180, 180, 0.7)",
@@ -2144,11 +2107,11 @@ var Ge = class extends V {
 	deepBlue: "rgba(20, 40, 100, 0.5)",
 	voidBlack: "rgba(0, 0, 0, 1)",
 	singularity: "rgba(10, 5, 20, 1)"
-}, et = (e) => `<svg viewBox="0 0 24 24" width="24" height="24" style="overflow:visible">\n\t<defs>\n\t\t<radialGradient id="glow">\n\t\t\t<stop offset="0%" stop-color="${e}" stop-opacity="1"/>\n\t\t\t<stop offset="50%" stop-color="${e}" stop-opacity="0.4"/>\n\t\t\t<stop offset="100%" stop-color="${e}" stop-opacity="0"/>\n\t\t</radialGradient>\n\t</defs>\n\n\t\x3c!-- Outer glow --\x3e\n\t<circle cx="12" cy="12" r="10" fill="url(#glow)"/>\n\n\t\x3c!-- Core --\x3e\n\t<circle cx="12" cy="12" r="4" fill="${e}"/>\n\n\t\x3c!-- Bright center --\x3e\n\t<circle cx="12" cy="12" r="2" fill="white" opacity="0.9"/>\n</svg>`;
-function tt(e, t) {
+}, Qe = (e) => `<svg viewBox="0 0 24 24" width="24" height="24" style="overflow:visible">\n\t<defs>\n\t\t<radialGradient id="glow">\n\t\t\t<stop offset="0%" stop-color="${e}" stop-opacity="1"/>\n\t\t\t<stop offset="50%" stop-color="${e}" stop-opacity="0.4"/>\n\t\t\t<stop offset="100%" stop-color="${e}" stop-opacity="0"/>\n\t\t</radialGradient>\n\t</defs>\n\n\t\x3c!-- Outer glow --\x3e\n\t<circle cx="12" cy="12" r="10" fill="url(#glow)"/>\n\n\t\x3c!-- Core --\x3e\n\t<circle cx="12" cy="12" r="4" fill="${e}"/>\n\n\t\x3c!-- Bright center --\x3e\n\t<circle cx="12" cy="12" r="2" fill="white" opacity="0.9"/>\n</svg>`;
+function $e(e, t) {
 	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
 }
-var nt = B(class extends z {
+var et = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state$ = new p("idle"), this.destroyed$ = new p(!1), this.visible$ = new p(!0), this.bird = null, this.blackHole = null, this.particles = [], this.trailCanvas = null, this.trailCtx = null, this.lastTrailPos = null, this.rafId = 0, this.context = null, this.element = null, this.options = {}, this.hasHome = !1, this.currentColor = "", this.shimmerOverlay = null, this.shimmerAnimation = null, this.pulseRings = [], this.homeElement = null, this.accretionDisks = [], this.lensingRing = null, this.eventHorizon = null;
 	}
@@ -2169,8 +2132,8 @@ var nt = B(class extends z {
 	update(e, [t = !0]) {
 		let n = e.element, r = typeof t == "object" ? t : {};
 		return (typeof t == "boolean" ? t : !1 !== r.playing) ? (this.bird || (this.destroyed$.value && (this.destroyed$.next(!1), this.state$.next("idle")), this.element = n, this.options = r, window.getComputedStyle(n).position === "static" && (n.style.position = "relative"), n.style.overflow = "visible", function() {
-			if ($e) return;
-			$e = !0;
+			if (Ze) return;
+			Ze = !0;
 			let e = document.createElement("style");
 			e.id = "hb-keyframes", e.textContent = "\n		@keyframes hb-wing {\n			0% { transform: scaleY(0.85); opacity: 0.4; }\n			100% { transform: scaleY(1.15); opacity: 0.6; }\n		}\n		@keyframes hb-disk-inner {\n			to { transform: translate(-50%, -50%) rotateX(75deg) rotate(360deg); }\n		}\n		@keyframes hb-disk-outer {\n			to { transform: translate(-50%, -50%) rotateX(70deg) rotate(-360deg); }\n		}\n		@keyframes hb-disk-mid {\n			to { transform: translate(-50%, -50%) rotateX(72deg) rotate(180deg); }\n		}\n		@keyframes hb-bh-in {\n			0% { transform: translate(-50%, -50%) scale(0); }\n			60% { transform: translate(-50%, -50%) scale(1.1); }\n			100% { transform: translate(-50%, -50%) scale(1); }\n		}\n		@keyframes hb-horizon-pulse {\n			0%, 100% { box-shadow: 0 0 20px 6px var(--hb-color), 0 0 40px 12px var(--hb-color-dim); }\n			50% { box-shadow: 0 0 30px 10px var(--hb-color), 0 0 60px 20px var(--hb-color-dim); }\n		}\n		@keyframes hb-lensing {\n			0% { transform: translate(-50%, -50%) rotateX(85deg) scale(1); opacity: 0.6; }\n			50% { transform: translate(-50%, -50%) rotateX(85deg) scale(1.05); opacity: 0.8; }\n			100% { transform: translate(-50%, -50%) rotateX(85deg) scale(1); opacity: 0.6; }\n		}\n		@keyframes hb-particle-orbit {\n			0% { transform: rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg) scale(1); opacity: 0.9; }\n			100% { transform: rotate(720deg) translateX(0px) rotate(-720deg) scale(0); opacity: 0; }\n		}\n		@keyframes hb-ripple {\n			0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.8; }\n			100% { transform: translate(-50%, -50%) scale(3); opacity: 0; }\n		}\n	", document.head.appendChild(e);
 		}(), this.initStateMachine()), L) : (this.fadeOutAndCleanup(), L);
@@ -2232,12 +2195,12 @@ var nt = B(class extends z {
 	async createBird() {
 		if (!this.element) return;
 		let e = document.createElement("div");
-		e.innerHTML = et(this.currentColor), e.className = "pointer-events-none", e.style.cssText = "\n			position: absolute;\n			left: 0;\n			top: 0;\n			width: 24px;\n			height: 24px;\n			z-index: 99999;\n			will-change: transform, opacity;\n			transform-origin: center center;\n			transition: opacity 400ms ease-out;\n		", this.element.appendChild(e), this.bird = e, this.discoverInitialColor();
+		e.innerHTML = Qe(this.currentColor), e.className = "pointer-events-none", e.style.cssText = "\n			position: absolute;\n			left: 0;\n			top: 0;\n			width: 24px;\n			height: 24px;\n			z-index: 99999;\n			will-change: transform, opacity;\n			transform-origin: center center;\n			transition: opacity 400ms ease-out;\n		", this.element.appendChild(e), this.bird = e, this.discoverInitialColor();
 		let t = this.element.getBoundingClientRect(), n = this.toHostRelative(t.left, t.top), r = await this.discoverWaypoints(this.options.waypoints || []), i = this.options.home ? await this.getPosition(this.options.home) : null, a = [...r];
 		this.hasHome = !!i, i && a.push(i), a.length === 0 && a.push({
 			x: n.x + t.width + 60,
 			y: n.y + .5 * t.height,
-			duration: Qe
+			duration: Xe
 		});
 		let o = n.x - 60, s = n.y + t.height / 2;
 		this.context = {
@@ -2255,7 +2218,7 @@ var nt = B(class extends z {
 	}
 	discoverInitialColor() {
 		this.element && (T(window, l).pipe(N(1), P(D(150)), j((e) => e.detail.theme?.color), A((e) => !!e && e !== this.currentColor), P(this.destroyed$.pipe(A((e) => e)))).subscribe((e) => {
-			this.bird && (this.currentColor = e, this.bird.innerHTML = et(e));
+			this.bird && (this.currentColor = e, this.bird.innerHTML = Qe(e));
 		}), this.element.dispatchEvent(new CustomEvent(s, {
 			bubbles: !0,
 			composed: !0
@@ -2265,7 +2228,7 @@ var nt = B(class extends z {
 		if (!this.bird || !this.context || this.destroyed$.value) return;
 		let e = this.context.destinations[this.context.destIdx];
 		e?.element && (T(window, l).pipe(N(1), P(D(100)), j((e) => e.detail.theme?.color), A((e) => !!e && e !== this.currentColor), P(this.destroyed$.pipe(A((e) => e)))).subscribe((e) => {
-			this.bird && (this.currentColor = e, this.bird.innerHTML = et(e));
+			this.bird && (this.currentColor = e, this.bird.innerHTML = Qe(e));
 		}), e.element.dispatchEvent(new CustomEvent(s, {
 			bubbles: !0,
 			composed: !0
@@ -2275,10 +2238,10 @@ var nt = B(class extends z {
 		if (e.length === 0) return Promise.resolve([]);
 		let t = e.map((e) => typeof e == "string" || e instanceof HTMLElement ? {
 			ref: e,
-			duration: Qe
+			duration: Xe
 		} : {
 			ref: e.ref,
-			duration: e.duration ?? Qe
+			duration: e.duration ?? Xe
 		}), n = t.map((e) => this.discoverElement(e.ref));
 		return new Promise((e) => {
 			ee(n).pipe(j((e) => e.map((e, n) => {
@@ -2312,7 +2275,7 @@ var nt = B(class extends z {
 			x: r.x,
 			y: r.y,
 			element: t,
-			duration: Qe
+			duration: Xe
 		};
 	}
 	updateDestinationPositions() {
@@ -2449,7 +2412,7 @@ var nt = B(class extends z {
 		let n = this.currentColor;
 		for (let r = 0; r < 3; r++) {
 			let i = document.createElement("div");
-			i.className = "pointer-events-none", i.style.cssText = `\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: ${e}px;\n\t\t\t\ttop: ${t}px;\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tborder: 2px solid ${tt(n, .5)};\n\t\t\t\ttransform: translate(-50%, -50%) scale(1);\n\t\t\t\tz-index: 9998;\n\t\t\t\twill-change: transform, opacity;\n\t\t\t`, this.element?.appendChild(i), this.pulseRings.push(i), i.animate([{
+			i.className = "pointer-events-none", i.style.cssText = `\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: ${e}px;\n\t\t\t\ttop: ${t}px;\n\t\t\t\twidth: 40px;\n\t\t\t\theight: 40px;\n\t\t\t\tborder-radius: 9999px;\n\t\t\t\tborder: 2px solid ${$e(n, .5)};\n\t\t\t\ttransform: translate(-50%, -50%) scale(1);\n\t\t\t\tz-index: 9998;\n\t\t\t\twill-change: transform, opacity;\n\t\t\t`, this.element?.appendChild(i), this.pulseRings.push(i), i.animate([{
 				transform: "translate(-50%, -50%) scale(1)",
 				opacity: .6
 			}, {
@@ -2580,7 +2543,7 @@ var nt = B(class extends z {
 	}
 	createBlackHole(e, t) {
 		let n = this.currentColor, r = document.createElement("div");
-		r.className = "pointer-events-none", r.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 100px;\n\t\t\theight: 100px;\n\t\t\tborder-radius: 9999px;\n\t\t\tborder: 1px solid ${Q.oiiiDim};\n\t\t\tbackground: radial-gradient(circle, transparent 40%, ${Q.deepPurple} 70%, transparent 100%);\n\t\t\tbox-shadow:\n\t\t\t\tinset 0 0 25px ${Q.oiiiDim},\n\t\t\t\t0 0 40px ${Q.deepPurple},\n\t\t\t\t0 0 60px ${tt(n, .15)};\n\t\t\ttransform: translate(-50%, -50%) rotateX(85deg) scale(0);\n\t\t\tz-index: 9994;\n\t\t\twill-change: transform, opacity;\n\t\t\tanimation: hb-lensing 2s ease-in-out infinite;\n\t\t`, r.animate([{ transform: "translate(-50%, -50%) rotateX(85deg) scale(0)" }, { transform: "translate(-50%, -50%) rotateX(85deg) scale(1)" }], {
+		r.className = "pointer-events-none", r.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 100px;\n\t\t\theight: 100px;\n\t\t\tborder-radius: 9999px;\n\t\t\tborder: 1px solid ${$.oiiiDim};\n\t\t\tbackground: radial-gradient(circle, transparent 40%, ${$.deepPurple} 70%, transparent 100%);\n\t\t\tbox-shadow:\n\t\t\t\tinset 0 0 25px ${$.oiiiDim},\n\t\t\t\t0 0 40px ${$.deepPurple},\n\t\t\t\t0 0 60px ${$e(n, .15)};\n\t\t\ttransform: translate(-50%, -50%) rotateX(85deg) scale(0);\n\t\t\tz-index: 9994;\n\t\t\twill-change: transform, opacity;\n\t\t\tanimation: hb-lensing 2s ease-in-out infinite;\n\t\t`, r.animate([{ transform: "translate(-50%, -50%) rotateX(85deg) scale(0)" }, { transform: "translate(-50%, -50%) rotateX(85deg) scale(1)" }], {
 			duration: 600,
 			easing: "cubic-bezier(0.34, 1.56, 0.64, 1)",
 			fill: "forwards"
@@ -2588,24 +2551,24 @@ var nt = B(class extends z {
 			{
 				size: 85,
 				speed: 4,
-				color1: Q.oiii,
-				color2: Q.deepBlue,
+				color1: $.oiii,
+				color2: $.deepBlue,
 				rotateX: 68,
 				reverse: !0
 			},
 			{
 				size: 68,
 				speed: 2.5,
-				color1: Q.hAlpha,
-				color2: Q.hAlphaDim,
+				color1: $.hAlpha,
+				color2: $.hAlphaDim,
 				rotateX: 72,
 				reverse: !1
 			},
 			{
 				size: 52,
 				speed: 1.8,
-				color1: Q.stellar,
-				color2: Q.stellarDim,
+				color1: $.stellar,
+				color2: $.stellarDim,
 				rotateX: 76,
 				reverse: !0
 			}
@@ -2626,7 +2589,7 @@ var nt = B(class extends z {
 			}, this.element?.appendChild(i), this.accretionDisks.push(i);
 		});
 		let i = document.createElement("div");
-		i.className = "pointer-events-none", i.style.cssText = `\n\t\t\t--hb-color: ${Q.hAlpha};\n\t\t\t--hb-color-dim: ${Q.oiiiDim};\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\t${Q.singularity} 0%,\n\t\t\t\t${Q.voidBlack} 40%,\n\t\t\t\t${Q.deepPurple} 60%,\n\t\t\t\t${Q.hAlphaDim} 75%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\tbox-shadow:\n\t\t\t\t0 0 15px 4px ${Q.hAlpha},\n\t\t\t\t0 0 30px 8px ${Q.oiiiDim},\n\t\t\t\t0 0 50px 15px ${Q.deepPurple},\n\t\t\t\tinset 0 0 15px ${Q.voidBlack};\n\t\t\ttransform: translate(-50%, -50%) scale(0);\n\t\t\tz-index: 9999;\n\t\t\twill-change: transform, box-shadow;\n\t\t\tanimation: hb-horizon-pulse 1.5s ease-in-out infinite;\n\t\t`, i.animate([
+		i.className = "pointer-events-none", i.style.cssText = `\n\t\t\t--hb-color: ${$.hAlpha};\n\t\t\t--hb-color-dim: ${$.oiiiDim};\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 36px;\n\t\t\theight: 36px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\t${$.singularity} 0%,\n\t\t\t\t${$.voidBlack} 40%,\n\t\t\t\t${$.deepPurple} 60%,\n\t\t\t\t${$.hAlphaDim} 75%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\tbox-shadow:\n\t\t\t\t0 0 15px 4px ${$.hAlpha},\n\t\t\t\t0 0 30px 8px ${$.oiiiDim},\n\t\t\t\t0 0 50px 15px ${$.deepPurple},\n\t\t\t\tinset 0 0 15px ${$.voidBlack};\n\t\t\ttransform: translate(-50%, -50%) scale(0);\n\t\t\tz-index: 9999;\n\t\t\twill-change: transform, box-shadow;\n\t\t\tanimation: hb-horizon-pulse 1.5s ease-in-out infinite;\n\t\t`, i.animate([
 			{ transform: "translate(-50%, -50%) scale(0)" },
 			{
 				transform: "translate(-50%, -50%) scale(1.15)",
@@ -2642,20 +2605,20 @@ var nt = B(class extends z {
 	addParticles(e, t) {
 		let n = [
 			{
-				bg: Q.hAlpha,
-				glow: Q.hAlphaDim
+				bg: $.hAlpha,
+				glow: $.hAlphaDim
 			},
 			{
-				bg: Q.oiii,
-				glow: Q.oiiiDim
+				bg: $.oiii,
+				glow: $.oiiiDim
 			},
 			{
-				bg: Q.stellar,
-				glow: Q.stellarDim
+				bg: $.stellar,
+				glow: $.stellarDim
 			},
 			{
 				bg: "rgba(255, 255, 255, 0.9)",
-				glow: Q.stellarDim
+				glow: $.stellarDim
 			}
 		];
 		for (let r = 0; r < 10; r++) {
@@ -2687,10 +2650,10 @@ var nt = B(class extends z {
 			}).onfinish = () => i.remove();
 		}
 		let r = [
-			Q.hAlpha,
-			Q.oiii,
-			Q.stellar,
-			Q.oiii
+			$.hAlpha,
+			$.oiii,
+			$.stellar,
+			$.oiii
 		];
 		for (let n = 0; n < 5; n++) {
 			let i = document.createElement("div"), a = n / 5 * Math.PI * 2 + Math.PI / 10, o = 65 + 25 * Math.random(), s = r[n % r.length];
@@ -2771,20 +2734,20 @@ var nt = B(class extends z {
 		}).onfinish = () => r.remove());
 		let i = [
 			{
-				border: Q.stellar,
-				glow: Q.stellarDim
+				border: $.stellar,
+				glow: $.stellarDim
 			},
 			{
-				border: Q.hAlpha,
-				glow: Q.hAlphaDim
+				border: $.hAlpha,
+				glow: $.hAlphaDim
 			},
 			{
-				border: Q.oiii,
-				glow: Q.oiiiDim
+				border: $.oiii,
+				glow: $.oiiiDim
 			},
 			{
-				border: Q.deepPurple,
-				glow: Q.deepBlue
+				border: $.deepPurple,
+				glow: $.deepBlue
 			}
 		];
 		for (let n = 0; n < 4; n++) {
@@ -2814,7 +2777,7 @@ var nt = B(class extends z {
 			}).onfinish = () => r.remove();
 		}
 		let a = document.createElement("div");
-		a.className = "pointer-events-none", a.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\twhite 0%,\n\t\t\t\t${Q.stellar} 20%,\n\t\t\t\t${Q.hAlpha} 50%,\n\t\t\t\t${Q.oiiiDim} 70%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\ttransform: translate(-50%, -50%) scale(0);\n\t\t\tz-index: 10000;\n\t\t\twill-change: transform, opacity;\n\t\t`, this.element?.appendChild(a), a.animate([
+		a.className = "pointer-events-none", a.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\twhite 0%,\n\t\t\t\t${$.stellar} 20%,\n\t\t\t\t${$.hAlpha} 50%,\n\t\t\t\t${$.oiiiDim} 70%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\ttransform: translate(-50%, -50%) scale(0);\n\t\t\tz-index: 10000;\n\t\t\twill-change: transform, opacity;\n\t\t`, this.element?.appendChild(a), a.animate([
 			{
 				transform: "translate(-50%, -50%) scale(0)",
 				opacity: 1
@@ -2834,7 +2797,7 @@ var nt = B(class extends z {
 			fill: "forwards"
 		}).onfinish = () => a.remove();
 		let o = document.createElement("div");
-		if (o.className = "pointer-events-none", o.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\t${Q.stellarDim} 0%,\n\t\t\t\t${Q.hAlphaDim} 30%,\n\t\t\t\t${Q.oiiiDim} 50%,\n\t\t\t\t${Q.deepPurple} 70%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tz-index: 9989;\n\t\t\twill-change: opacity;\n\t\t\tmix-blend-mode: screen;\n\t\t`, this.element?.appendChild(o), o.animate([
+		if (o.className = "pointer-events-none", o.style.cssText = `\n\t\t\tposition: absolute;\n\t\t\tleft: ${e}px;\n\t\t\ttop: ${t}px;\n\t\t\twidth: 50px;\n\t\t\theight: 50px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: radial-gradient(circle,\n\t\t\t\t${$.stellarDim} 0%,\n\t\t\t\t${$.hAlphaDim} 30%,\n\t\t\t\t${$.oiiiDim} 50%,\n\t\t\t\t${$.deepPurple} 70%,\n\t\t\t\ttransparent 100%\n\t\t\t);\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tz-index: 9989;\n\t\t\twill-change: opacity;\n\t\t\tmix-blend-mode: screen;\n\t\t`, this.element?.appendChild(o), o.animate([
 			{
 				opacity: 1,
 				transform: "translate(-50%, -50%) scale(1)"
@@ -2987,7 +2950,7 @@ var nt = B(class extends z {
 	disconnected() {
 		this.cleanup();
 	}
-}), rt = B(class extends z {
+}), tt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3034,10 +2997,10 @@ var nt = B(class extends z {
 	reconnected() {
 		this.state && this.state.observer.observe(this.state.element);
 	}
-}), it = {
+}), nt = {
 	active: !0,
 	intensity: "medium"
-}, at = {
+}, rt = {
 	light: {
 		blur: 12,
 		sat: 1.3,
@@ -3062,13 +3025,13 @@ var nt = B(class extends z {
 		border: .35,
 		shadow: .1
 	}
-}, ot = [
+}, it = [
 	"backdropFilter",
 	"background",
 	"boxShadow",
 	"borderTop",
 	"borderBottom"
-], st = B(class extends z {
+], at = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3077,17 +3040,17 @@ var nt = B(class extends z {
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
-			...it,
+			...nt,
 			...t
 		};
 		return r.active ? this.activate(n, r) : this.cleanup(), L;
 	}
 	activate(e, t) {
 		if (!this.isConnected) return;
-		let n = at[t.intensity];
+		let n = rt[t.intensity];
 		if (!this.state) {
 			let t = {};
-			for (let n of ot) t[n] = e.style[n];
+			for (let n of it) t[n] = e.style[n];
 			this.state = {
 				element: e,
 				origStyles: t
@@ -3110,20 +3073,20 @@ var nt = B(class extends z {
 	cleanup() {
 		if (!this.state) return;
 		let { element: e, origStyles: t } = this.state;
-		for (let n of ot) e.style[n] = t[n];
+		for (let n of it) e.style[n] = t[n];
 		e.style.removeProperty("-webkit-backdrop-filter"), this.state = null;
 	}
 	disconnected() {
 		this.cleanup();
 	}
 	reconnected() {}
-}), $ = "schmancy-lb-rotate", ct = !1;
-function lt() {
-	if (ct) return;
+}), ot = "schmancy-lb-rotate", st = !1;
+function ct() {
+	if (st) return;
 	let e = document.createElement("style");
-	e.id = "schmancy-living-border-shared", e.textContent = `\n\t\t@property --${$}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${$} {\n\t\t\tto { --${$}-angle: 360deg; }\n\t\t}\n\t`, document.head.appendChild(e), ct = !0;
+	e.id = "schmancy-living-border-shared", e.textContent = `\n\t\t@property --${ot}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${ot} {\n\t\t\tto { --${ot}-angle: 360deg; }\n\t\t}\n\t`, document.head.appendChild(e), st = !0;
 }
-var ut = U(class extends z {
+var lt = U(class extends z {
 	constructor(...e) {
 		super(...e), this.teardown$ = new g(), this.didSetPosition = !1;
 	}
@@ -3131,10 +3094,10 @@ var ut = U(class extends z {
 	update(e, [t]) {
 		if (e.type !== H.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, o.value || (this.teardown$.next(), this.cleanup(), lt(), this.createBorderOverlay(t)));
+		this.element && n === this.prevKey || (this.prevKey = n, this.element = e.element, this.lastOptions = t, o.value || (this.teardown$.next(), this.cleanup(), ct(), this.createBorderOverlay(t)));
 	}
 	reconnected() {
-		this.lastOptions && !o.value && (lt(), this.createBorderOverlay(this.lastOptions));
+		this.lastOptions && !o.value && (ct(), 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;
@@ -3149,12 +3112,12 @@ var ut = U(class extends z {
 			borderRadius: "inherit",
 			pointerEvents: "none",
 			zIndex: "0",
-			background: `conic-gradient(\n\t\t\t\tfrom var(--${$}-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)`,
+			background: `conic-gradient(\n\t\t\t\tfrom var(--${ot}-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: `${$} ${i}ms linear infinite`,
+			animation: `${ot} ${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"
@@ -3170,19 +3133,19 @@ var ut = U(class extends z {
 	disconnected() {
 		this.teardown$.next(), this.cleanup(), this.didSetPosition && this.element && (this.element.style.position = "", this.didSetPosition = !1);
 	}
-}), dt = /* @__PURE__ */ new WeakMap(), ft = U(class extends V {
+}), ut = /* @__PURE__ */ new WeakMap(), dt = U(class extends V {
 	constructor(e) {
 		if (super(e), e.type !== H.ELEMENT) throw Error("longPress directive can only be used on elements");
 	}
 	render(e, t) {}
 	update(e, [t, n = {}]) {
-		let r = e.element, i = dt.get(r);
+		let r = e.element, i = ut.get(r);
 		if (i) {
 			if (i.callback === t && this.optionsEqual(i.options, n)) return;
 			i.subscription.unsubscribe();
 		}
 		let a = this.setupLongPress(r, t, n);
-		dt.set(r, {
+		ut.set(r, {
 			subscription: a,
 			callback: t,
 			options: n || {}
@@ -3202,14 +3165,14 @@ var ut = U(class extends z {
 		})).subscribe();
 	}
 	disconnected(e) {
-		let t = e.element, n = dt.get(t);
-		n && (n.subscription.unsubscribe(), dt.delete(t));
+		let t = e.element, n = ut.get(t);
+		n && (n.subscription.unsubscribe(), ut.delete(t));
 	}
 	reconnected(e) {
-		let t = e.element, n = dt.get(t);
+		let t = e.element, n = ut.get(t);
 		n && (n.subscription = this.setupLongPress(t, n.callback, n.options));
 	}
-}), pt = B(class extends z {
+}), ft = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3356,7 +3319,7 @@ var ut = U(class extends z {
 	disconnected() {
 		this.cleanup();
 	}
-}), mt = {
+}), pt = {
 	active: !0,
 	autoHideDuration: 3e3,
 	background: !0,
@@ -3369,8 +3332,8 @@ var ut = U(class extends z {
 	idleBreathe: !0,
 	temperature: 0,
 	chromaticAberration: 1,
-	particleCount: 30
-}, ht = "cubic-bezier(0.37, 0, 0.63, 1)", gt = "cubic-bezier(0.25, 0.1, 0.25, 1)", _t = !1, vt = class e {
+	particleCount: 8
+}, mt = "cubic-bezier(0.37, 0, 0.63, 1)", ht = "cubic-bezier(0.25, 0.1, 0.25, 1)", gt = !1, _t = class e {
 	constructor() {
 		this.elementToDirective = /* @__PURE__ */ new WeakMap(), this.instances = /* @__PURE__ */ new Set(), this.observer = null, this.visibilitySub = null, this.tabVisible = !0;
 	}
@@ -3401,16 +3364,16 @@ var ut = U(class extends z {
 	teardown() {
 		this.observer &&= (this.observer.disconnect(), null), this.visibilitySub &&= (this.visibilitySub.unsubscribe(), null);
 	}
-}, yt = B(class extends z {
+}, vt = B(class extends z {
 	constructor(...e) {
-		super(...e), this.state = null, this.coordinator = vt.instance;
+		super(...e), this.state = null, this.coordinator = _t.instance;
 	}
 	render(e) {
 		return L;
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
-			...mt,
+			...pt,
 			...t
 		};
 		return r.active ? this.show(n, r) : this.hide(r), L;
@@ -3422,39 +3385,36 @@ var ut = U(class extends z {
 	}
 	show(e, t) {
 		(function() {
-			if (_t || typeof document > "u") return;
-			_t = !0;
+			if (gt || typeof document > "u") return;
+			gt = !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);
+			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 - compositor-only rotation. filter is static (baked inline) to avoid\n   per-frame raster cost of animated blur/hue-rotate under mix-blend-mode: screen. */\n@keyframes nebula-iridescent {\n	0% { transform: translateZ(0) rotate(0deg); }\n	100% { transform: translateZ(0) rotate(360deg); }\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 - compositor-only pulse when dimmed.\n   filter: blur is intentionally static (baked on layers) — animating it here\n   would keep re-rasterizing the dimmed overlay forever for no visual gain. */\n@keyframes nebula-idle-breathe {\n	0%, 100% {\n		opacity: var(--nebula-idle-opacity, 0.08);\n		transform: scale(1) translateZ(0);\n	}\n	50% {\n		opacity: calc(var(--nebula-idle-opacity, 0.08) * 1.4);\n		transform: scale(1.005) translateZ(0);\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.nebula-overlay.dimmed .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 = o.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);
+		if (this.state?.overlay && this.state.isDimmed) return this.state.isDimmed = !1, this.state.options = t, this.state.fadeFinishedSub?.unsubscribe(), this.state.fadeFinishedSub = null, this.awakenOverlay(t, n), void this.scheduleAutoHide(t);
 		this.state?.overlay || this.createOverlay(e, t, n), this.scheduleAutoHide(t);
 	}
 	awakenOverlay(e, r) {
 		if (!this.state?.overlay) return;
-		let i = this.state.overlay, a = r ? 0 : .6 * e.fadeInDuration, o = r ? "linear" : t(n);
+		let i = this.state.overlay;
 		i.style.setProperty("--nebula-intensity", String(e.intensity)), i.animate([
 			{
 				opacity: e.idleOpacity,
-				transform: "scale(0.98)",
-				filter: `blur(${4 * e.blur}px)`
+				transform: "scale(0.98) translateZ(0)"
 			},
 			{
 				opacity: .7 * e.intensity,
-				transform: "scale(1.01)",
-				filter: `blur(${1 * e.blur}px)`
+				transform: "scale(1.01) translateZ(0)"
 			},
 			{
 				opacity: e.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px)"
+				transform: "scale(1) translateZ(0)"
 			}
 		], {
-			duration: a,
-			easing: o,
+			duration: r ? 0 : .6 * e.fadeInDuration,
+			easing: r ? "linear" : t(n),
 			fill: "forwards"
-		}), i.classList.remove("paused"), i.classList.add("running");
+		}), i.classList.remove("paused", "dimmed"), i.classList.add("running"), i.style.animation = "";
 	}
 	createOverlay(e, r, i) {
 		let a = window.getComputedStyle(e).position, o = e.style.position, s = e.style.overflow, c = e.style.contain;
@@ -3497,7 +3457,7 @@ var ut = U(class extends z {
 				filter: `blur(${18 * r.blur}px) saturate(1.4)`,
 				mixBlendMode: "screen",
 				transform: "translateZ(0)",
-				animation: `nebula-chromatic-red ${35e3 / r.speed}ms ${gt} infinite`
+				animation: `nebula-chromatic-red ${35e3 / r.speed}ms ${ht} infinite`
 			}), C.appendChild(t);
 			let n = document.createElement("div");
 			n.className = "nebula-layer", Object.assign(n.style, {
@@ -3507,7 +3467,7 @@ var ut = U(class extends z {
 				filter: `blur(${18 * r.blur}px) saturate(1.4)`,
 				mixBlendMode: "screen",
 				transform: "translateZ(0)",
-				animation: `nebula-chromatic-blue ${35e3 / r.speed}ms ${gt} infinite`
+				animation: `nebula-chromatic-blue ${35e3 / r.speed}ms ${ht} infinite`
 			}), C.appendChild(n);
 			let i = document.createElement("div");
 			i.className = "nebula-layer", Object.assign(i.style, {
@@ -3516,6 +3476,8 @@ var ut = U(class extends z {
 				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)",
+				transformOrigin: "50% 50%",
+				filter: `blur(${12 * r.blur}px) saturate(1.6)`,
 				animation: `nebula-iridescent ${28e3 / r.speed}ms linear infinite`
 			}), C.appendChild(i);
 			let a = document.createElement("div");
@@ -3526,7 +3488,7 @@ var ut = U(class extends z {
 				filter: `blur(${14 * r.blur}px)`,
 				mixBlendMode: "screen",
 				transform: "translateZ(0)",
-				animation: `nebula-tendrils-breathe ${22e3 / r.speed}ms ${ht} infinite`
+				animation: `nebula-tendrils-breathe ${22e3 / r.speed}ms ${mt} infinite`
 			}), C.appendChild(a), r.particleCount > 0) {
 				let e = document.createElement("div");
 				e.className = "nebula-layer";
@@ -3541,7 +3503,7 @@ var ut = U(class extends z {
 					background: t.join(","),
 					mixBlendMode: "screen",
 					transform: "translateZ(0)",
-					animation: `nebula-particle-twinkle ${5e3 / r.speed}ms ${ht} infinite`
+					animation: `nebula-particle-twinkle ${5e3 / r.speed}ms ${mt} infinite`
 				}), C.appendChild(e);
 			}
 		}
@@ -3550,28 +3512,15 @@ var ut = U(class extends z {
 		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)`
+				transform: "scale(0.85) translateZ(0)"
 			},
 			{
-				opacity: .85 * r.intensity,
-				transform: "scale(1.005)",
-				filter: `blur(${1 * r.blur}px) saturate(1.05)`
+				opacity: .4 * r.intensity,
+				transform: "scale(0.97) translateZ(0)"
 			},
 			{
 				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
+				transform: "scale(1) translateZ(0)"
 			}
 		], {
 			duration: ee,
@@ -3585,6 +3534,7 @@ var ut = U(class extends z {
 			originalContain: c,
 			isDimmed: !1,
 			autoHideSub: null,
+			fadeFinishedSub: null,
 			options: r,
 			reducedMotion: i,
 			isVisible: document.visibilityState === "visible"
@@ -3602,18 +3552,15 @@ var ut = U(class extends z {
 		if (e.idleOpacity <= 0) return void n.animate([
 			{
 				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
+				transform: "scale(1) translateZ(0)"
 			},
 			{
 				opacity: .4 * r.intensity,
-				transform: "scale(0.95)",
-				filter: `blur(${8 * r.blur}px) saturate(0.7)`
+				transform: "scale(0.95) translateZ(0)"
 			},
 			{
 				opacity: 0,
-				transform: "scale(0.9)",
-				filter: `blur(${15 * r.blur}px) saturate(0.3)`
+				transform: "scale(0.9) translateZ(0)"
 			}
 		], {
 			duration: o,
@@ -3623,30 +3570,27 @@ var ut = U(class extends z {
 		let c = n.animate([
 			{
 				opacity: r.intensity,
-				transform: "scale(1)",
-				filter: "blur(0px) saturate(1)"
+				transform: "scale(1) translateZ(0)"
 			},
 			{
 				opacity: .5 * r.intensity,
-				transform: "scale(0.99)",
-				filter: `blur(${3 * r.blur}px) saturate(0.75)`
+				transform: "scale(0.99) translateZ(0)"
 			},
 			{
 				opacity: e.idleOpacity,
-				transform: "scale(1)",
-				filter: `blur(${8 * r.blur}px) saturate(0.4)`
+				transform: "scale(1) translateZ(0)"
 			}
 		], {
 			duration: o,
 			easing: s,
 			fill: "forwards"
 		});
-		e.idleBreathe && !i && w(c.finished).pipe(N(1), O(() => m)).subscribe(() => {
-			this.state?.overlay && (this.state.overlay.style.animation = `nebula-idle-breathe ${12e3 / r.speed}ms ${ht} infinite`);
-		});
+		this.state.fadeFinishedSub?.unsubscribe(), this.state.fadeFinishedSub = w(c.finished).pipe(N(1), I(() => {
+			this.state?.overlay && (this.state.overlay.classList.add("dimmed"), e.idleBreathe && !i && (this.state.overlay.style.animation = `nebula-idle-breathe ${12e3 / r.speed}ms ${mt} infinite`));
+		}), O(() => m)).subscribe();
 	}
 	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);
+		this.state &&= (this.coordinator.unregister(this, this.state.element), this.state.autoHideSub?.unsubscribe(), this.state.fadeFinishedSub?.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();
@@ -3654,12 +3598,12 @@ var ut = U(class extends z {
 	reconnected() {
 		this.state && this.coordinator.register(this, this.state.element);
 	}
-}), bt = {
+}), yt = {
 	smooth: n,
 	snappy: r,
 	bouncy: i,
 	gentle: a
-}, xt = B(class extends z {
+}, bt = B(class extends z {
 	constructor(e) {
 		if (super(e), this.initialized = !1, this.element = null, e.type !== H.ELEMENT) throw Error("reveal() can only be used on elements");
 	}
@@ -3669,7 +3613,7 @@ var ut = U(class extends z {
 	update(e, [n = !1, r = {}]) {
 		let i = e.element;
 		this.element = i;
-		let { preset: a = "smooth", maxHeight: s = "10rem", duration: c, easing: l } = r, u = bt[a], d = c ?? u.duration, f = l ?? t(u), p = o.value;
+		let { preset: a = "smooth", maxHeight: s = "10rem", duration: c, easing: l } = r, u = yt[a], d = c ?? u.duration, f = l ?? t(u), p = o.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", "")), L;
 	}
 	setupElement(e, t, n, r) {
@@ -3685,7 +3629,7 @@ var ut = U(class extends z {
 		this.element && (this.element.style.willChange = "");
 	}
 	reconnected() {}
-}), St = !1, Ct = U(class extends z {
+}), xt = !1, St = U(class extends z {
 	constructor(...e) {
 		super(...e), this.teardown$ = new g();
 	}
@@ -3693,9 +3637,9 @@ var ut = U(class extends z {
 	update(e) {
 		if (e.type !== H.ELEMENT) throw Error("ripple directive must be used on an element");
 		this.element = e.element, function() {
-			if (St) return;
+			if (xt) 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), St = !0;
+			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), xt = !0;
 		}(), getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative"), this.element.style.overflow = "hidden", this.teardown$.next(), T(this.element, "click").pipe(P(this.teardown$)).subscribe((e) => this.addRipple(e));
 	}
 	reconnected() {
@@ -3708,7 +3652,7 @@ var ut = U(class extends z {
 	disconnected() {
 		this.teardown$.next();
 	}
-}), wt = "schmancy-overflow-within-hidden", Tt = !1, Et = B(class extends z {
+}), Ct = "schmancy-overflow-within-hidden", wt = !1, Tt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.element = null, this.disconnecting$ = new g();
 	}
@@ -3719,11 +3663,11 @@ var ut = U(class extends z {
 		if (e.type !== H.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 (Tt) return;
-			Tt = !0;
+			if (wt) return;
+			wt = !0;
 			let e = new CSSStyleSheet();
-			e.replaceSync(`.${wt} { scrollbar-width: none; -ms-overflow-style: none; }\n\t\t .${wt}::-webkit-scrollbar { display: none; }`), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
-		}(), n.classList.add(wt)) : n.classList.remove(wt);
+			e.replaceSync(`.${Ct} { scrollbar-width: none; -ms-overflow-style: none; }\n\t\t .${Ct}::-webkit-scrollbar { display: none; }`), document.adoptedStyleSheets = [...document.adoptedStyleSheets, e];
+		}(), n.classList.add(Ct)) : n.classList.remove(Ct);
 		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 g(), this.subscribe(o, a)), this.currentName = a, L;
 	}
@@ -3758,7 +3702,7 @@ var ut = U(class extends z {
 	reconnected() {
 		this.element && (this.disconnecting$ = new g(), this.subscribe(10, this.currentName));
 	}
-}), Dt = {
+}), Et = {
 	error: [
 		"#ef4444",
 		"#dc2626",
@@ -3780,11 +3724,11 @@ var ut = U(class extends z {
 		"#93c5fd",
 		"#dbeafe"
 	]
-}, Ot = {
+}, Dt = {
 	error: 0,
 	warning: 1,
 	primary: 2
-}, kt = class t {
+}, Ot = class t {
 	static {
 		this.instance = null;
 	}
@@ -3899,9 +3843,9 @@ var ut = U(class extends z {
 	destroy() {
 		this.stopAnimationLoop(), this.visibilityObserver?.disconnect(), this.container?.remove(), this.shardPools.forEach((e) => e.forEach((e) => e.remove())), this.shardPools.clear(), this.activeShards = [], t.instance = null;
 	}
-}, At = /* @__PURE__ */ new WeakMap(), jt = B(class extends z {
+}, kt = /* @__PURE__ */ new WeakMap(), At = B(class extends z {
 	constructor(...e) {
-		super(...e), this.state = null, this.coordinator = kt.getInstance();
+		super(...e), this.state = null, this.coordinator = Ot.getInstance();
 	}
 	render(e, t, n) {
 		return L;
@@ -3926,7 +3870,7 @@ var ut = U(class extends z {
 				isRunning: !1,
 				lastBurstTime: performance.now() + Math.random() * s,
 				initialized: !1
-			}, At.set(n, this.createController()), this.coordinator.register(this), this.coordinator.observeElement(n), requestAnimationFrame(() => {
+			}, kt.set(n, this.createController()), this.coordinator.register(this), this.coordinator.observeElement(n), requestAnimationFrame(() => {
 				this.state && (this.initializeElement(), o === "auto" && this.startBurstInterval());
 			});
 		}
@@ -3934,7 +3878,7 @@ var ut = U(class extends z {
 	}
 	initializeElement() {
 		if (!this.state || this.state.initialized) return;
-		let { element: e, color: t, shake: n } = this.state, r = Dt[t];
+		let { element: e, color: t, shake: n } = this.state, r = Et[t];
 		getComputedStyle(e).position === "static" && (e.style.position = "relative"), e.style.overflow = "visible", n && (this.state.shakeAnimation = e.animate([
 			{ transform: "rotate(0deg) scale(1)" },
 			{ transform: "rotate(-2deg) scale(1.02)" },
@@ -3961,7 +3905,7 @@ var ut = U(class extends z {
 	}
 	createBurst() {
 		if (!this.state) return;
-		let { element: e, color: t } = this.state, n = Dt[t], r = Ot[t], i = e.getBoundingClientRect(), a = i.left + i.width / 2, o = i.top + i.height / 2, s = 8 + Math.floor(5 * Math.random()), c = [];
+		let { element: e, color: t } = this.state, n = Et[t], r = Dt[t], i = e.getBoundingClientRect(), a = i.left + i.width / 2, o = i.top + i.height / 2, s = 8 + Math.floor(5 * Math.random()), c = [];
 		for (let e = 0; e < s; e++) {
 			let e = this.coordinator.acquireShard(r, n), t = Math.random() * Math.PI * 2, i = 2 + 4 * Math.random();
 			c.push({
@@ -4009,12 +3953,12 @@ var ut = U(class extends z {
 		this.state && (this.state.isRunning = !1);
 	}
 	cleanup() {
-		this.state &&= (this.coordinator.unregister(this), this.coordinator.unobserveElement(this.state.element), this.state.shakeAnimation?.cancel(), this.state.pulseAnimation?.cancel(), At.delete(this.state.element), this.state.originalPosition !== void 0 && (this.state.element.style.position = this.state.originalPosition), this.state.originalOverflow !== void 0 && (this.state.element.style.overflow = this.state.originalOverflow), null);
+		this.state &&= (this.coordinator.unregister(this), this.coordinator.unobserveElement(this.state.element), this.state.shakeAnimation?.cancel(), this.state.pulseAnimation?.cancel(), kt.delete(this.state.element), this.state.originalPosition !== void 0 && (this.state.element.style.position = this.state.originalPosition), this.state.originalOverflow !== void 0 && (this.state.element.style.overflow = this.state.originalOverflow), null);
 	}
 	disconnected() {
 		this.cleanup();
 	}
-}), Mt = Object.assign((e, t, n) => jt(e, t, n), { getController: (e) => At.get(e) }), Nt = 10, Pt = B(class extends z {
+}), jt = Object.assign((e, t, n) => At(e, t, n), { getController: (e) => kt.get(e) }), Mt = 10, Nt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -4040,10 +3984,10 @@ var ut = U(class extends z {
 		let i = document.createElementNS("http://www.w3.org/2000/svg", "svg");
 		i.setAttribute("width", "100%"), i.setAttribute("height", "100%"), i.setAttribute("viewBox", `0 0 ${n} 20`), i.setAttribute("preserveAspectRatio", "none"), i.style.cssText = "\n			position: absolute;\n			top: 0;\n			left: 0;\n			width: 100%;\n			height: 100%;\n			overflow: visible;\n		";
 		let a = [];
-		for (let e = 0; e < Nt; e++) {
+		for (let e = 0; e < Mt; e++) {
 			let n = document.createElementNS("http://www.w3.org/2000/svg", "circle"), r = 4 - e / 9 * 2.5;
 			n.setAttribute("r", r.toString()), n.setAttribute("fill", t), n.setAttribute("cy", "10"), n.style.willChange = "transform, opacity";
-			let o = e / Nt * .5, s = e / Nt * Math.PI * 2;
+			let o = e / Mt * .5, s = e / Mt * Math.PI * 2;
 			a.push({
 				element: n,
 				progress: o,
@@ -4065,7 +4009,7 @@ var ut = U(class extends z {
 			if (!this.state || !this.state.isVisible) return;
 			let n = (t - this.state.startTime) % 3e3 / 3e3, { segments: r, travelWidth: i } = this.state;
 			for (let e = 0; e < r.length; e++) {
-				let a = r[e], o = (n + e / Nt) % 1, s = 1 - (1 - o) ** 2, c = s * i, l = 10 + 3 * Math.sin(o * Math.PI * 4 + a.phase), u = (e === 0 ? .9 : .7 - e / Nt * .55) * (1 - .7 * s), d = 1;
+				let a = r[e], o = (n + e / Mt) % 1, s = 1 - (1 - o) ** 2, c = s * i, l = 10 + 3 * Math.sin(o * Math.PI * 4 + a.phase), u = (e === 0 ? .9 : .7 - e / Mt * .55) * (1 - .7 * s), d = 1;
 				e === 0 && (d = .1 * Math.sin(t / 200) + 1), a.element.setAttribute("cx", c.toFixed(1)), a.element.setAttribute("cy", l.toFixed(1)), a.element.setAttribute("opacity", Math.max(.1, u).toFixed(2)), d !== 1 && (a.element.style.transform = `scale(${d.toFixed(2)})`, a.element.style.transformOrigin = `${c}px ${l}px`);
 			}
 			this.state.animationId = requestAnimationFrame(e);
@@ -4079,4 +4023,4 @@ var ut = U(class extends z {
 		this.cleanup();
 	}
 });
-export { me as A, Le as C, Me as D, Pe as E, Ae as O, ze as S, Fe as T, qe as _, xt as a, Ve as b, ft as c, rt as d, nt as f, Ge as g, Ye as h, Ct as i, he as k, ut as l, Xe as m, Mt as n, yt as o, Ze as p, Et as r, pt as s, Pt as t, st as u, Ke as v, Ie as w, Be as x, Je as y };
+export { Ie as C, Ae as D, Me as E, he as O, Le as S, Pe as T, Ge as _, bt as a, Be as b, dt as c, tt as d, et as f, Ke as g, We as h, St as i, me as k, lt as l, Je as m, jt as n, vt as o, Ye as p, Tt as r, ft as s, Nt as t, at as u, qe as v, Fe as w, ze as x, Ve as y };