@mhmo91/schmancy 0.10.32 → 0.10.33

package/dist/{directives-ltIff8q0.js → directives-D7AoVfPK.js}

@@ -585,39 +585,33 @@ var we = [
 		xRange: 20,
 		vx: -.2
 	}
-];
-function ke(e) {
-	let { element: t } = e, n = W("starfield-overlay"), r = document.createElement("div");
-	r.style.cssText = "position:absolute;bottom:0;right:0;width:66vw;height:66vw;", n.appendChild(r);
-	let i = Array.from({ length: 6 }, (e, t) => {
-		let n = [];
-		for (let e = 0; e < 7; e++) {
-			let e = 96 * Math.random() + 2, t = 94 * Math.random() + 3, r = .8 + 1.5 * Math.random(), i = .3 + .7 * Math.random();
-			n.push(`radial-gradient(circle ${r}px at ${e}% ${t}%, rgba(255,255,255,${i}) 0%, transparent 100%)`);
-		}
-		let r = .6 * t;
-		return {
-			bg: n.join(","),
-			appearDelay: r,
-			twinkleDuration: 5 + .7 * t,
-			twinkleDelay: r + 2.5
-		};
-	}), a = [];
-	for (let e of i) {
-		let t = document.createElement("div");
-		t.style.cssText = `position:absolute;inset:0;opacity:0;will-change:opacity;background:${e.bg};`, r.appendChild(t), a.push({
-			element: t,
-			appearDelay: e.appearDelay,
-			twinkleDuration: e.twinkleDuration,
-			twinkleDelay: e.twinkleDelay
-		});
-	}
-	t.appendChild(n), e.overlayElement = n, e.starfield = {
-		groups: a,
-		startTime: performance.now()
-	};
-}
-var Ae = B(class extends z {
+], ke = 64, Ae = [
+	[
+		205,
+		222,
+		255
+	],
+	[
+		224,
+		233,
+		255
+	],
+	[
+		255,
+		255,
+		255
+	],
+	[
+		255,
+		240,
+		214
+	],
+	[
+		255,
+		222,
+		184
+	]
+], je = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -625,14 +619,15 @@ var Ae = B(class extends z {
 		return L;
 	}
 	update(e, [t]) {
-		let n = e.element, { name: r, color: i, intensity: a = 1, speed: o = 1 } = t;
-		if (!this.state || this.state.effect === r && this.state.color === i && this.state.intensity === a && this.state.speed === o || this.cleanup(), !this.state) {
+		let n = e.element, { name: r, color: i, intensity: a = 1, speed: o = 1, density: s = 1 } = t;
+		if (!this.state || this.state.effect === r && this.state.color === i && this.state.intensity === a && this.state.speed === o && this.state.density === s || this.cleanup(), !this.state) {
 			let e = n.style.position;
 			this.state = {
 				effect: r,
 				color: i,
 				intensity: a,
 				speed: o,
+				density: s,
 				element: n,
 				isVisible: !0,
 				initialized: !1,
@@ -775,7 +770,57 @@ var Ae = B(class extends z {
 					};
 				})(this.state);
 				break;
-			case "starfield": ke(this.state);
+			case "starfield": (function(e) {
+				let { element: t } = e, n = W("starfield-overlay"), r = document.createElement("canvas");
+				r.style.cssText = "position:absolute;inset:0;width:100%;height:100%;", n.appendChild(r), t.appendChild(n);
+				let i = r.getContext("2d");
+				if (!i) return;
+				let a = Math.min(window.devicePixelRatio || 1, 2), o = t.getBoundingClientRect(), s = Math.max(1, Math.round(o.width * a)), c = Math.max(1, Math.round(o.height * a));
+				r.width = s, r.height = c;
+				let l = Ae.map(([e, t, n]) => {
+					let r = document.createElement("canvas");
+					r.width = ke, r.height = ke;
+					let i = r.getContext("2d"), a = i.createRadialGradient(32, 32, 0, 32, 32, 32);
+					return a.addColorStop(0, `rgba(${e},${t},${n},1)`), a.addColorStop(.18, `rgba(${e},${t},${n},0.35)`), a.addColorStop(.5, `rgba(${e},${t},${n},0)`), i.fillStyle = a, i.fillRect(0, 0, ke, ke), r;
+				}), u = document.createElement("canvas");
+				u.width = 512, u.height = 512;
+				let d = u.getContext("2d"), f = d.createRadialGradient(256, 256, 0, 256, 256, 256);
+				f.addColorStop(0, "rgba(150,170,255,0.16)"), f.addColorStop(.4, "rgba(120,110,210,0.07)"), f.addColorStop(1, "rgba(0,0,0,0)"), d.fillStyle = f, d.fillRect(0, 0, 512, 512);
+				let p = Math.min(140, Math.round(90 * Math.min(1, Math.max(.5, o.width * o.height / 921600)) * e.density)), m = new Float32Array(p), h = new Float32Array(p), g = new Float32Array(p), _ = new Float32Array(p), v = new Float32Array(p), y = new Float32Array(p), b = new Uint8Array(p), x = new Float32Array(p);
+				for (let e = 0; e < p; e++) {
+					let t = e % 3, n = t === 0 ? .18 : t === 1 ? .5 : 1;
+					m[e] = Math.random(), h[e] = Math.random(), g[e] = (.7 + 1.6 * Math.random()) * (.6 + .7 * n), _[e] = Math.random() * Math.PI * 2, v[e] = .6 + 1.8 * Math.random(), y[e] = n, b[e] = Math.random() < .7 ? Math.random() < .5 ? 0 : 1 : 2 + Math.floor(3 * Math.random()), x[e] = 1.6 * (1 - n) + .8 * Math.random();
+				}
+				e.overlayElement = n, e.starfield = {
+					canvas: r,
+					ctx: i,
+					sprites: l,
+					nebula: u,
+					starCount: p,
+					sx: m,
+					sy: h,
+					sr: g,
+					sphase: _,
+					stwinkle: v,
+					sdepth: y,
+					sbucket: b,
+					sappear: x,
+					cx: new Float32Array(3),
+					cy: new Float32Array(3),
+					cvx: new Float32Array(3),
+					cvy: new Float32Array(3),
+					clife: new Float32Array(3),
+					cometCount: 3,
+					nextCometAt: performance.now() + 14e3 + 16e3 * Math.random(),
+					dpr: a,
+					deviceWidth: s,
+					deviceHeight: c,
+					reducedMotion: window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+					drawnStatic: !1,
+					lastFrame: performance.now(),
+					startTime: performance.now()
+				};
+			})(this.state);
 		}
 		this.state.initialized = !0;
 	}
@@ -958,26 +1003,54 @@ var Ae = B(class extends z {
 						})(this.state, t);
 						break;
 					case "starfield": (function(e, t) {
-						if (!e.starfield) return;
-						let { intensity: n = 1, speed: r = 1 } = e, { groups: i, startTime: a } = e.starfield, o = (t - a) / 1e3 * r;
-						for (let e of i) {
-							if (n <= 0) {
-								e.element.style.opacity = "0";
-								continue;
-							}
-							let t = e.appearDelay, r;
-							if (o < t) r = 0;
-							else if (o < t + 2.5) r = 1 - (1 - (o - t) / 2.5) ** 3;
+						let n = e.starfield;
+						if (!n) return;
+						let { intensity: r = 1, speed: i = 1 } = e, { ctx: a, canvas: o } = n;
+						if (r <= 0) return void a.clearRect(0, 0, n.deviceWidth, n.deviceHeight);
+						let s = o.clientWidth, c = o.clientHeight, l = Math.max(1, Math.round(s * n.dpr)), u = Math.max(1, Math.round(c * n.dpr));
+						l === n.deviceWidth && u === n.deviceHeight || (o.width = l, o.height = u, n.deviceWidth = l, n.deviceHeight = u, n.drawnStatic = !1);
+						let d = n.deviceWidth, f = n.deviceHeight;
+						if (n.reducedMotion && n.drawnStatic) return;
+						let p = (t - n.startTime) / 1e3 * i, m = Math.min((t - n.lastFrame) / 1e3, .05);
+						n.lastFrame = t, a.clearRect(0, 0, d, f);
+						let h = .14 * (.7 * Math.min(1, p / 4) + .3) * r;
+						if (h > .001) {
+							let e = 1.3 * Math.max(d, f);
+							a.globalAlpha = h, a.drawImage(n.nebula, .78 * d - e / 2, .28 * f - e / 2, e, e);
+						}
+						for (let e = 0; e < n.starCount; e++) {
+							let t = n.sappear[e], i;
+							if (n.reducedMotion) i = 1;
 							else {
-								let t = o - e.twinkleDelay;
-								if (t < 0) r = 1;
-								else {
-									let n = t % e.twinkleDuration / e.twinkleDuration;
-									r = n < .25 ? 1 - n / .25 * .4 : n < .5 ? .6 + (n - .25) / .25 * .25 : n < .75 ? .85 - (n - .5) / .25 * .3 : .55 + (n - .75) / .25 * .45;
+								if (p < t) continue;
+								if (p < t + 2.5) {
+									let e = (p - t) / 2.5;
+									i = 1 - (1 - e) * (1 - e) * (1 - e);
+								} else i = 1;
+							}
+							let o = n.sdepth[e], s = n.reducedMotion ? .9 : .82 + .18 * Math.sin(p * n.stwinkle[e] + n.sphase[e]), c = n.reducedMotion ? 0 : 14 * o * n.dpr, l = n.sx[e] * d + Math.sin(.05 * p + n.sphase[e]) * c, u = n.sy[e] * f + Math.cos(.04 * p + n.sphase[e]) * c * .6, m = n.sr[e] * n.dpr * 2.3;
+							a.globalAlpha = i * s * (.3 + .5 * o) * r, a.drawImage(n.sprites[n.sbucket[e]], l - m, u - m, 2 * m, 2 * m);
+						}
+						if (!n.reducedMotion) {
+							if (t >= n.nextCometAt) {
+								for (let e = 0; e < n.cometCount; e++) {
+									if (n.clife[e] > 0) continue;
+									let t = Math.random() < .5;
+									n.cx[e] = (t ? -.05 : 1.05) * d, n.cy[e] = .45 * Math.random() * f;
+									let r = (520 + 420 * Math.random()) * n.dpr;
+									n.cvx[e] = (t ? 1 : -1) * r, n.cvy[e] = (.35 + .35 * Math.random()) * r, n.clife[e] = 1;
+									break;
 								}
+								n.nextCometAt = t + (2e4 + 25e3 * Math.random()) / i;
+							}
+							for (let e = 0; e < n.cometCount; e++) {
+								if (n.clife[e] <= 0) continue;
+								n.cx[e] += n.cvx[e] * m * i, n.cy[e] += n.cvy[e] * m * i, n.clife[e] -= m / 1.6;
+								let t = n.cx[e] - .16 * n.cvx[e], o = n.cy[e] - .16 * n.cvy[e], s = a.createLinearGradient(n.cx[e], n.cy[e], t, o), c = .55 * Math.max(0, Math.min(1, n.clife[e])) * r;
+								s.addColorStop(0, `rgba(255,255,255,${c})`), s.addColorStop(.4, `rgba(190,210,255,${.4 * c})`), s.addColorStop(1, "rgba(190,210,255,0)"), a.globalAlpha = 1, a.strokeStyle = s, a.lineWidth = 2 * n.dpr, a.lineCap = "round", a.beginPath(), a.moveTo(n.cx[e], n.cy[e]), a.lineTo(t, o), a.stroke();
 							}
-							e.element.style.opacity = (r * n).toFixed(3);
 						}
+						a.globalAlpha = 1, n.drawnStatic = !0;
 					})(this.state, t);
 				}
 				this.state.animationId = requestAnimationFrame(e);
@@ -991,7 +1064,7 @@ var Ae = B(class extends z {
 	disconnected() {
 		this.cleanup();
 	}
-}), je = {
+}), Me = {
 	cyber: {
 		primary: "#00f0ff",
 		secondary: "#0099ff",
@@ -1064,9 +1137,9 @@ var Ae = B(class extends z {
 		scanLine: "#ff3366",
 		gridColor: "#ff3366"
 	}
-}, Me = B(class extends z {
+}, Ne = B(class extends z {
 	constructor(...e) {
-		super(...e), this.element = null, this.container = null, this.fillElement = null, this.energyWave = null, this.scanLine = null, this.particlesCanvas = null, this.particlesCtx = null, this.hexGrid = null, this.readout = null, this.dataStreams = null, this.glitchLayer = null, this.styleElement = null, this.options = { percent: 0 }, this.variant = je.cyber, this.currentVariantName = "cyber", this.particles = [], this.animationFrame = null, this.lastTime = 0, this.currentPercent = 0, this.originalStyles = {}, this.resizeObserver = null, this.animate = (e) => {
+		super(...e), this.element = null, this.container = null, this.fillElement = null, this.energyWave = null, this.scanLine = null, this.particlesCanvas = null, this.particlesCtx = null, this.hexGrid = null, this.readout = null, this.dataStreams = null, this.glitchLayer = null, this.styleElement = null, this.options = { percent: 0 }, this.variant = Me.cyber, this.currentVariantName = "cyber", this.particles = [], this.animationFrame = null, this.lastTime = 0, this.currentPercent = 0, this.originalStyles = {}, this.resizeObserver = null, this.animate = (e) => {
 			let t = (e - this.lastTime) / 1e3;
 			this.lastTime = e, this.updateParticles(t), this.animationFrame = requestAnimationFrame(this.animate);
 		};
@@ -1093,14 +1166,14 @@ var Ae = B(class extends z {
 			glassEffect: !0,
 			duration: 600,
 			...t
-		}, this.variant = je[this.options.variant], this.currentVariantName = this.options.variant, this.storeOriginalStyles(), this.setupElement(), this.createStructure(), this.setupResizeObserver(), this.startAnimation()), t.autoVariant) {
+		}, this.variant = Me[this.options.variant], this.currentVariantName = this.options.variant, this.storeOriginalStyles(), this.setupElement(), this.createStructure(), this.setupResizeObserver(), this.startAnimation()), t.autoVariant) {
 			let e = t.percent;
 			r = e >= 80 ? "success" : e >= 50 ? "warning" : "danger";
 		} else r = t.variant ?? "cyber";
-		return r !== this.currentVariantName && (this.currentVariantName = r, this.variant = je[r], this.updateColors()), this.options = {
+		return r !== this.currentVariantName && (this.currentVariantName = r, this.variant = Me[r], this.updateColors()), this.options = {
 			...this.options,
 			...t
-		}, this.variant = je[r], this.updateFill(), L;
+		}, this.variant = Me[r], this.updateFill(), L;
 	}
 	storeOriginalStyles() {
 		if (!this.element) return;
@@ -1345,17 +1418,17 @@ var Ae = B(class extends z {
 	disconnected() {
 		this.animationFrame && cancelAnimationFrame(this.animationFrame), this.resizeObserver && this.resizeObserver.disconnect(), this.styleElement?.remove(), this.container?.remove(), this.readout?.remove(), this.element && Object.assign(this.element.style, this.originalStyles), this.element = null, this.container = null, this.fillElement = null, this.energyWave = null, this.scanLine = null, this.particlesCanvas = null, this.particlesCtx = null, this.hexGrid = null, this.readout = null, this.dataStreams = null, this.glitchLayer = null, this.particles = [], this.resizeObserver = null;
 	}
-}), Ne = () => !1;
-function Pe(e) {
-	Ne = e;
+}), Pe = () => !1;
+function Fe(e) {
+	Pe = e;
 }
-function Fe() {
-	return Ne();
+function Ie() {
+	return Pe();
 }
-function Ie(e, t = R) {
-	return Fe() ? e : t;
+function Le(e, t = R) {
+	return Ie() ? e : t;
 }
-var Le = U(class extends V {
+var Re = U(class extends V {
 	constructor(e) {
 		super(e), this.config = {};
 	}
@@ -1368,11 +1441,11 @@ var Le = U(class extends V {
 		return this.config = e, R;
 	}
 }), q = /* @__PURE__ */ new WeakMap();
-function Re(e, t) {
+function ze(e, t) {
 	let n = e.match(/var\(([^,)]+)/);
 	return n && getComputedStyle(document.documentElement).getPropertyValue(n[1]).trim() || t;
 }
-var ze = U(class extends V {
+var Be = U(class extends V {
 	constructor(e) {
 		if (super(e), e.type !== H.ELEMENT) throw Error("confirmClick directive can only be used on elements");
 	}
@@ -1403,7 +1476,7 @@ var ze = U(class extends V {
 		})).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 = Re("var(--schmancy-sys-color-error-default)", "#dc2626"), c = Re("var(--schmancy-sys-color-error-on)", "#ffffff"), l = Re("var(--schmancy-sys-color-error-container)", "#fecaca"), u = document.createElement("div");
+		let i = n.timeout ?? 3e3, a = e, o = n.icon ?? a.icon ?? a._capturedIcon ?? e.textContent?.trim() ?? "warning", s = ze("var(--schmancy-sys-color-error-default)", "#dc2626"), c = ze("var(--schmancy-sys-color-error-on)", "#ffffff"), l = ze("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, {
@@ -1484,7 +1557,7 @@ var ze = U(class extends V {
 			});
 		}
 	}
-}), Be = B(class extends z {
+}), Ve = B(class extends z {
 	constructor(...e) {
 		super(...e), this.element = null, this.items = [], this.subscription = null, this.typewriterSub = null, this.currentAnimation = null, this.addDisplayEl = null, this.disconnecting$ = new g(), this.initialized = !1;
 	}
@@ -1640,7 +1713,7 @@ var ze = U(class extends V {
 			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;
 	}
-}), Ve = U(class extends z {
+}), He = U(class extends z {
 	constructor(...e) {
 		super(...e), this.maxBlur = 8, this.duration = 400, this.isBlurred = !1, this.transitionSet = !1;
 	}
@@ -1659,9 +1732,9 @@ var ze = U(class extends V {
 		this.isBlurred && this.clearBlur();
 	}
 	reconnected() {}
-}), He = new p(null), J = new p(null), Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), Ue = [];
+}), Ue = new p(null), J = new p(null), Y = /* @__PURE__ */ new Map(), X = /* @__PURE__ */ new Map(), We = [];
 function Z(e) {
-	Ue.push(`[${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${e}`);
+	We.push(`[${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${e}`);
 }
 var Q = null;
 J.pipe(k((e, t) => e?.target === t?.target && e?.position === t?.position)).subscribe((e) => {
@@ -1702,7 +1775,7 @@ J.pipe(k((e, t) => e?.target === t?.target && e?.position === t?.position)).subs
 		display: "block"
 	});
 });
-var We = class extends V {
+var Ge = class extends V {
 	constructor(...e) {
 		super(...e), this.destroy$ = new g();
 	}
@@ -1710,7 +1783,7 @@ var We = class extends V {
 		if (this.id = t, !this.element) {
 			let t = e.element;
 			this.element = t, t.draggable = !0, t.style.cursor = "grab", T(t, "dragstart").pipe(I((e) => {
-				e.stopPropagation(), e.dataTransfer?.setData("application/json", JSON.stringify({ id: this.id })), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), t.style.cursor = "grabbing", Ue.length = 0, Z(`DRAGSTART id=${this.id} tag=${t.tagName}`), He.next(this.id), X.clear();
+				e.stopPropagation(), e.dataTransfer?.setData("application/json", JSON.stringify({ id: this.id })), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), t.style.cursor = "grabbing", We.length = 0, Z(`DRAGSTART id=${this.id} tag=${t.tagName}`), Ue.next(this.id), X.clear();
 				let n = t.parentElement;
 				if (n) for (let [e, t] of Y) t.parentElement === n && X.set(e, t.getBoundingClientRect());
 			}), le(v), I(() => {
@@ -1743,7 +1816,7 @@ var We = class extends V {
 						}
 					});
 				}
-				He.next(null), J.next(null), Z(`DRAGEND id=${this.id}`), Ue.length !== 0 && (Ue.length = 0);
+				Ue.next(null), J.next(null), Z(`DRAGEND id=${this.id}`), We.length !== 0 && (We.length = 0);
 			}))), P(this.destroy$)).subscribe();
 		}
 		return this.registeredId && this.registeredId !== t && Y.delete(this.registeredId), Y.set(t, this.element), this.registeredId = t, R;
@@ -1757,7 +1830,7 @@ var We = class extends V {
 	render(e) {
 		return R;
 	}
-}, Ge = U(We), Ke = class extends V {
+}, Ke = U(Ge), qe = class extends V {
 	constructor(...e) {
 		super(...e), this.destroy$ = new g();
 	}
@@ -1770,7 +1843,7 @@ var We = class extends V {
 				Z(`NATIVE-DRAGOVER dest=${this.destinationId}`), e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
 			}), P(this.destroy$)).subscribe(), T(t, "drop").pipe(I((e) => {
 				e.preventDefault(), Z(`NATIVE-DROP dest=${this.destinationId}`);
-			}), P(this.destroy$)).subscribe(), He.pipe(M((e) => e && e !== this.destinationId ? (Z(`DROP-ACTIVE dest=${this.destinationId} src=${e}`), T(t, "dragover").pipe(I((e) => {
+			}), P(this.destroy$)).subscribe(), Ue.pipe(M((e) => e && e !== this.destinationId ? (Z(`DROP-ACTIVE dest=${this.destinationId} src=${e}`), T(t, "dragover").pipe(I((e) => {
 				e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
 			}), I((n) => {
 				let r = function(e, t, n) {
@@ -1802,7 +1875,7 @@ var We = class extends V {
 	render(e) {
 		return R;
 	}
-}, qe = U(Ke), Je = B(class extends z {
+}, Je = U(qe), Ye = B(class extends z {
 	constructor(...e) {
 		super(...e), this.element = null, this.disconnecting$ = new g();
 	}
@@ -1832,7 +1905,7 @@ var We = class extends V {
 	reconnected() {
 		this.element && (this.disconnecting$ = new g(), this.subscribe());
 	}
-}), Ye = B(class extends z {
+}), Xe = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null, this.destroy$ = new g(), this.subscriptions = new _();
 	}
@@ -2096,7 +2169,7 @@ var We = class extends V {
 	reconnected() {
 		this.destroy$ = new g(), this.subscriptions = new _();
 	}
-}), Xe = 600, Ze = !1, $ = {
+}), Ze = 600, Qe = !1, $ = {
 	hAlpha: "rgba(200, 50, 100, 0.85)",
 	hAlphaDim: "rgba(150, 30, 80, 0.5)",
 	oiii: "rgba(40, 180, 180, 0.7)",
@@ -2107,11 +2180,11 @@ var We = class extends V {
 	deepBlue: "rgba(20, 40, 100, 0.5)",
 	voidBlack: "rgba(0, 0, 0, 1)",
 	singularity: "rgba(10, 5, 20, 1)"
-}, 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) {
+}, $e = (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 et(e, t) {
 	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
 }
-var et = B(class extends z {
+var tt = 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;
 	}
@@ -2132,8 +2205,8 @@ var et = 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 (Ze) return;
-			Ze = !0;
+			if (Qe) return;
+			Qe = !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);
@@ -2195,12 +2268,12 @@ var et = B(class extends z {
 	async createBird() {
 		if (!this.element) return;
 		let e = document.createElement("div");
-		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();
+		e.innerHTML = $e(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: Xe
+			duration: Ze
 		});
 		let o = n.x - 60, s = n.y + t.height / 2;
 		this.context = {
@@ -2218,7 +2291,7 @@ var et = 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 = Qe(e));
+			this.bird && (this.currentColor = e, this.bird.innerHTML = $e(e));
 		}), this.element.dispatchEvent(new CustomEvent(s, {
 			bubbles: !0,
 			composed: !0
@@ -2228,7 +2301,7 @@ var et = 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 = Qe(e));
+			this.bird && (this.currentColor = e, this.bird.innerHTML = $e(e));
 		}), e.element.dispatchEvent(new CustomEvent(s, {
 			bubbles: !0,
 			composed: !0
@@ -2238,10 +2311,10 @@ var et = 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: Xe
+			duration: Ze
 		} : {
 			ref: e.ref,
-			duration: e.duration ?? Xe
+			duration: e.duration ?? Ze
 		}), n = t.map((e) => this.discoverElement(e.ref));
 		return new Promise((e) => {
 			ee(n).pipe(j((e) => e.map((e, n) => {
@@ -2275,7 +2348,7 @@ var et = B(class extends z {
 			x: r.x,
 			y: r.y,
 			element: t,
-			duration: Xe
+			duration: Ze
 		};
 	}
 	updateDestinationPositions() {
@@ -2412,7 +2485,7 @@ var et = 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 ${$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([{
+			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 ${et(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
 			}, {
@@ -2543,7 +2616,7 @@ var et = 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 ${$.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)" }], {
+		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 ${et(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"
@@ -2950,7 +3023,7 @@ var et = B(class extends z {
 	disconnected() {
 		this.cleanup();
 	}
-}), tt = B(class extends z {
+}), nt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -2997,10 +3070,10 @@ var et = B(class extends z {
 	reconnected() {
 		this.state && this.state.observer.observe(this.state.element);
 	}
-}), nt = {
+}), rt = {
 	active: !0,
 	intensity: "medium"
-}, rt = {
+}, it = {
 	light: {
 		blur: 12,
 		sat: 1.3,
@@ -3025,13 +3098,13 @@ var et = B(class extends z {
 		border: .35,
 		shadow: .1
 	}
-}, it = [
+}, at = [
 	"backdropFilter",
 	"background",
 	"boxShadow",
 	"borderTop",
 	"borderBottom"
-], at = B(class extends z {
+], ot = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3040,17 +3113,17 @@ var et = B(class extends z {
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
-			...nt,
+			...rt,
 			...t
 		};
 		return r.active ? this.activate(n, r) : this.cleanup(), L;
 	}
 	activate(e, t) {
 		if (!this.isConnected) return;
-		let n = rt[t.intensity];
+		let n = it[t.intensity];
 		if (!this.state) {
 			let t = {};
-			for (let n of it) t[n] = e.style[n];
+			for (let n of at) t[n] = e.style[n];
 			this.state = {
 				element: e,
 				origStyles: t
@@ -3073,20 +3146,20 @@ var et = B(class extends z {
 	cleanup() {
 		if (!this.state) return;
 		let { element: e, origStyles: t } = this.state;
-		for (let n of it) e.style[n] = t[n];
+		for (let n of at) e.style[n] = t[n];
 		e.style.removeProperty("-webkit-backdrop-filter"), this.state = null;
 	}
 	disconnected() {
 		this.cleanup();
 	}
 	reconnected() {}
-}), ot = "schmancy-lb-rotate", st = !1;
-function ct() {
-	if (st) return;
+}), st = "schmancy-lb-rotate", ct = !1;
+function lt() {
+	if (ct) return;
 	let e = document.createElement("style");
-	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;
+	e.id = "schmancy-living-border-shared", e.textContent = `\n\t\t@property --${st}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${st} {\n\t\t\tto { --${st}-angle: 360deg; }\n\t\t}\n\t`, document.head.appendChild(e), ct = !0;
 }
-var lt = U(class extends z {
+var ut = U(class extends z {
 	constructor(...e) {
 		super(...e), this.teardown$ = new g(), this.didSetPosition = !1;
 	}
@@ -3094,10 +3167,10 @@ var lt = 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(), ct(), 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(), lt(), this.createBorderOverlay(t)));
 	}
 	reconnected() {
-		this.lastOptions && !o.value && (ct(), this.createBorderOverlay(this.lastOptions));
+		this.lastOptions && !o.value && (lt(), 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;
@@ -3112,12 +3185,12 @@ var lt = U(class extends z {
 			borderRadius: "inherit",
 			pointerEvents: "none",
 			zIndex: "0",
-			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)`,
+			background: `conic-gradient(\n\t\t\t\tfrom var(--${st}-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: `${ot} ${i}ms linear infinite`,
+			animation: `${st} ${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"
@@ -3133,19 +3206,19 @@ var lt = U(class extends z {
 	disconnected() {
 		this.teardown$.next(), this.cleanup(), this.didSetPosition && this.element && (this.element.style.position = "", this.didSetPosition = !1);
 	}
-}), ut = /* @__PURE__ */ new WeakMap(), dt = U(class extends V {
+}), dt = /* @__PURE__ */ new WeakMap(), ft = 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 = ut.get(r);
+		let r = e.element, i = dt.get(r);
 		if (i) {
 			if (i.callback === t && this.optionsEqual(i.options, n)) return;
 			i.subscription.unsubscribe();
 		}
 		let a = this.setupLongPress(r, t, n);
-		ut.set(r, {
+		dt.set(r, {
 			subscription: a,
 			callback: t,
 			options: n || {}
@@ -3165,14 +3238,14 @@ var lt = U(class extends z {
 		})).subscribe();
 	}
 	disconnected(e) {
-		let t = e.element, n = ut.get(t);
-		n && (n.subscription.unsubscribe(), ut.delete(t));
+		let t = e.element, n = dt.get(t);
+		n && (n.subscription.unsubscribe(), dt.delete(t));
 	}
 	reconnected(e) {
-		let t = e.element, n = ut.get(t);
+		let t = e.element, n = dt.get(t);
 		n && (n.subscription = this.setupLongPress(t, n.callback, n.options));
 	}
-}), ft = B(class extends z {
+}), pt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3319,7 +3392,7 @@ var lt = U(class extends z {
 	disconnected() {
 		this.cleanup();
 	}
-}), pt = {
+}), mt = {
 	active: !0,
 	autoHideDuration: 3e3,
 	background: !0,
@@ -3333,7 +3406,7 @@ var lt = U(class extends z {
 	temperature: 0,
 	chromaticAberration: 1,
 	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 {
+}, ht = "cubic-bezier(0.37, 0, 0.63, 1)", gt = "cubic-bezier(0.25, 0.1, 0.25, 1)", _t = !1, vt = class e {
 	constructor() {
 		this.elementToDirective = /* @__PURE__ */ new WeakMap(), this.instances = /* @__PURE__ */ new Set(), this.observer = null, this.visibilitySub = null, this.tabVisible = !0;
 	}
@@ -3364,16 +3437,16 @@ var lt = U(class extends z {
 	teardown() {
 		this.observer &&= (this.observer.disconnect(), null), this.visibilitySub &&= (this.visibilitySub.unsubscribe(), null);
 	}
-}, vt = B(class extends z {
+}, yt = B(class extends z {
 	constructor(...e) {
-		super(...e), this.state = null, this.coordinator = _t.instance;
+		super(...e), this.state = null, this.coordinator = vt.instance;
 	}
 	render(e) {
 		return L;
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
-			...pt,
+			...mt,
 			...t
 		};
 		return r.active ? this.show(n, r) : this.hide(r), L;
@@ -3385,8 +3458,8 @@ var lt = U(class extends z {
 	}
 	show(e, t) {
 		(function() {
-			if (gt || typeof document > "u") return;
-			gt = !0;
+			if (_t || typeof document > "u") return;
+			_t = !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 - 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);
@@ -3457,7 +3530,7 @@ var lt = 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 ${ht} infinite`
+				animation: `nebula-chromatic-red ${35e3 / r.speed}ms ${gt} infinite`
 			}), C.appendChild(t);
 			let n = document.createElement("div");
 			n.className = "nebula-layer", Object.assign(n.style, {
@@ -3467,7 +3540,7 @@ var lt = 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 ${ht} infinite`
+				animation: `nebula-chromatic-blue ${35e3 / r.speed}ms ${gt} infinite`
 			}), C.appendChild(n);
 			let i = document.createElement("div");
 			i.className = "nebula-layer", Object.assign(i.style, {
@@ -3488,7 +3561,7 @@ var lt = U(class extends z {
 				filter: `blur(${14 * r.blur}px)`,
 				mixBlendMode: "screen",
 				transform: "translateZ(0)",
-				animation: `nebula-tendrils-breathe ${22e3 / r.speed}ms ${mt} infinite`
+				animation: `nebula-tendrils-breathe ${22e3 / r.speed}ms ${ht} infinite`
 			}), C.appendChild(a), r.particleCount > 0) {
 				let e = document.createElement("div");
 				e.className = "nebula-layer";
@@ -3503,7 +3576,7 @@ var lt = U(class extends z {
 					background: t.join(","),
 					mixBlendMode: "screen",
 					transform: "translateZ(0)",
-					animation: `nebula-particle-twinkle ${5e3 / r.speed}ms ${mt} infinite`
+					animation: `nebula-particle-twinkle ${5e3 / r.speed}ms ${ht} infinite`
 				}), C.appendChild(e);
 			}
 		}
@@ -3586,7 +3659,7 @@ var lt = U(class extends z {
 			fill: "forwards"
 		});
 		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`));
+			this.state?.overlay && (this.state.overlay.classList.add("dimmed"), e.idleBreathe && !i && (this.state.overlay.style.animation = `nebula-idle-breathe ${12e3 / r.speed}ms ${ht} infinite`));
 		}), O(() => m)).subscribe();
 	}
 	cleanup() {
@@ -3598,12 +3671,12 @@ var lt = U(class extends z {
 	reconnected() {
 		this.state && this.coordinator.register(this, this.state.element);
 	}
-}), yt = {
+}), bt = {
 	smooth: n,
 	snappy: r,
 	bouncy: i,
 	gentle: a
-}, bt = B(class extends z {
+}, xt = 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");
 	}
@@ -3613,7 +3686,7 @@ var lt = 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 = yt[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 = bt[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) {
@@ -3629,7 +3702,7 @@ var lt = U(class extends z {
 		this.element && (this.element.style.willChange = "");
 	}
 	reconnected() {}
-}), xt = !1, St = U(class extends z {
+}), St = !1, Ct = U(class extends z {
 	constructor(...e) {
 		super(...e), this.teardown$ = new g();
 	}
@@ -3637,9 +3710,9 @@ var lt = 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 (xt) return;
+			if (St) 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), xt = !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), St = !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() {
@@ -3652,7 +3725,7 @@ var lt = U(class extends z {
 	disconnected() {
 		this.teardown$.next();
 	}
-}), Ct = "schmancy-overflow-within-hidden", wt = !1, Tt = B(class extends z {
+}), wt = "schmancy-overflow-within-hidden", Tt = !1, Et = B(class extends z {
 	constructor(...e) {
 		super(...e), this.element = null, this.disconnecting$ = new g();
 	}
@@ -3663,11 +3736,11 @@ var lt = 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 (wt) return;
-			wt = !0;
+			if (Tt) return;
+			Tt = !0;
 			let e = new CSSStyleSheet();
-			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);
+			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);
 		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;
 	}
@@ -3702,7 +3775,7 @@ var lt = U(class extends z {
 	reconnected() {
 		this.element && (this.disconnecting$ = new g(), this.subscribe(10, this.currentName));
 	}
-}), Et = {
+}), Dt = {
 	error: [
 		"#ef4444",
 		"#dc2626",
@@ -3724,11 +3797,11 @@ var lt = U(class extends z {
 		"#93c5fd",
 		"#dbeafe"
 	]
-}, Dt = {
+}, Ot = {
 	error: 0,
 	warning: 1,
 	primary: 2
-}, Ot = class t {
+}, kt = class t {
 	static {
 		this.instance = null;
 	}
@@ -3843,9 +3916,9 @@ var lt = 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;
 	}
-}, kt = /* @__PURE__ */ new WeakMap(), At = B(class extends z {
+}, At = /* @__PURE__ */ new WeakMap(), jt = B(class extends z {
 	constructor(...e) {
-		super(...e), this.state = null, this.coordinator = Ot.getInstance();
+		super(...e), this.state = null, this.coordinator = kt.getInstance();
 	}
 	render(e, t, n) {
 		return L;
@@ -3870,7 +3943,7 @@ var lt = U(class extends z {
 				isRunning: !1,
 				lastBurstTime: performance.now() + Math.random() * s,
 				initialized: !1
-			}, kt.set(n, this.createController()), this.coordinator.register(this), this.coordinator.observeElement(n), requestAnimationFrame(() => {
+			}, At.set(n, this.createController()), this.coordinator.register(this), this.coordinator.observeElement(n), requestAnimationFrame(() => {
 				this.state && (this.initializeElement(), o === "auto" && this.startBurstInterval());
 			});
 		}
@@ -3878,7 +3951,7 @@ var lt = U(class extends z {
 	}
 	initializeElement() {
 		if (!this.state || this.state.initialized) return;
-		let { element: e, color: t, shake: n } = this.state, r = Et[t];
+		let { element: e, color: t, shake: n } = this.state, r = Dt[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)" },
@@ -3905,7 +3978,7 @@ var lt = U(class extends z {
 	}
 	createBurst() {
 		if (!this.state) return;
-		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 = [];
+		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 = [];
 		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({
@@ -3953,12 +4026,12 @@ var lt = 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(), 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);
+		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);
 	}
 	disconnected() {
 		this.cleanup();
 	}
-}), jt = Object.assign((e, t, n) => At(e, t, n), { getController: (e) => kt.get(e) }), Mt = 10, Nt = B(class extends z {
+}), Mt = Object.assign((e, t, n) => jt(e, t, n), { getController: (e) => At.get(e) }), Nt = 10, Pt = B(class extends z {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
@@ -3984,10 +4057,10 @@ var lt = 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 < Mt; e++) {
+		for (let e = 0; e < Nt; 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 / Mt * .5, s = e / Mt * Math.PI * 2;
+			let o = e / Nt * .5, s = e / Nt * Math.PI * 2;
 			a.push({
 				element: n,
 				progress: o,
@@ -4009,7 +4082,7 @@ var lt = 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 / 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;
+				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;
 				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);
@@ -4023,4 +4096,4 @@ var lt = U(class extends z {
 		this.cleanup();
 	}
 });
-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 };
+export { Le as C, je as D, Ne as E, he as O, Re as S, Fe as T, Ke as _, xt as a, Ve as b, ft as c, nt as d, tt as f, qe as g, Ge as h, Ct as i, me as k, ut as l, Ye as m, Mt as n, yt as o, Xe as p, Et as r, pt as s, Pt as t, ot as u, Je as v, Ie as w, Be as x, He as y };