@mhmo91/schmancy 0.9.27 → 0.10.1

package/dist/directives.js

@@ -1,27 +1,27 @@
-import { _ as e, d as t, f as n, l as r, u as i } from "./animation-hXFClrIn.js";
-import { t as a } from "./reduced-motion-BZTLqAyl.js";
-import { t as o } from "./cursor-glow-BydlDInj.js";
-import { n as s, r as c, t as l } from "./layout-fjM1DWlF.js";
-import { t as u } from "./magnetic-BhXebqF3.js";
+import { _ as e, d as t, f as n, l as r, u as i } from "./animation-BK-8BwY8.js";
+import { t as a } from "./reduced-motion-D-L12p7G.js";
+import { t as o } from "./cursor-glow-Ah7VXSj7.js";
+import { n as s, r as c, t as l } from "./layout-BghHmee6.js";
+import { t as u } from "./magnetic-BZGFxAWG.js";
 import { BehaviorSubject as d, EMPTY as f, Observable as p, Subject as m, animationFrameScheduler as h, combineLatest as g, concat as _, defer as v, from as y, fromEvent as b, interval as x, merge as S, of as C, timer as w } from "rxjs";
-import { catchError as T, delay as E, distinctUntilChanged as D, filter as O, finalize as k, first as A, map as j, observeOn as ee, repeat as M, skip as te, startWith as ne, switchMap as N, take as P, takeUntil as F, takeWhile as I, tap as L } from "rxjs/operators";
-import { noChange as R, nothing as z } from "lit";
-import { AsyncDirective as B, directive as V } from "lit/async-directive.js";
-import { Directive as H, PartType as U, directive as W } from "lit/directive.js";
-var re = {
+import { catchError as T, delay as E, distinctUntilChanged as D, filter as O, finalize as ee, first as te, map as k, observeOn as ne, repeat as re, skip as ie, startWith as A, switchMap as j, take as M, takeUntil as N, takeWhile as P, tap as F } from "rxjs/operators";
+import { noChange as I, nothing as L } from "lit";
+import { AsyncDirective as R, directive as z } from "lit/async-directive.js";
+import { Directive as B, PartType as V, directive as H } from "lit/directive.js";
+var ae = {
 	smooth: t,
 	snappy: n,
 	bouncy: r,
 	gentle: i
-}, ie = V(class extends B {
+}, oe = z(class extends R {
 	constructor(...e) {
 		super(...e), this.element = null, this.originalContent = "", this.animations = [], this.disconnecting$ = new m(), this.initialized = !1;
 	}
 	render(e) {
-		return R;
+		return I;
 	}
 	update(e, [t]) {
-		return this.element = e.element, this.initialized || (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new m()), t.text === void 0 ? this.originalContent = this.element.textContent || "" : (this.originalContent = t.text, this.element.textContent = t.text), this.element.style.willChange = "transform, opacity", t.animation === "typewriter" ? this.element.textContent = "" : this.element.style.opacity = "0", this.initialize(t)), R;
+		return this.element = e.element, this.initialized || (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new m()), t.text === void 0 ? this.originalContent = this.element.textContent || "" : (this.originalContent = t.text, this.element.textContent = t.text), this.element.style.willChange = "transform, opacity", t.animation === "typewriter" ? this.element.textContent = "" : this.element.style.opacity = "0", this.initialize(t)), I;
 	}
 	disconnected() {
 		this.cleanup();
@@ -30,8 +30,8 @@ var re = {
 		this.element && (this.element.style.willChange = "transform, opacity");
 	}
 	initialize(e) {
-		let { animation: t, delay: n = 0, duration: r, stagger: i, preset: a = "snappy", restart: o = !1 } = e, s = re[a], c = r ?? s.duration, l = i ?? (t === "cyber-glitch" ? 30 : 50), u = this.createVisibilityObservable$();
-		(o ? u.pipe(N((e) => e ? w(n).pipe(N(() => this.runAnimation$(t, c, l, s))) : v(() => (this.resetToInitial(t), f)))) : u.pipe(O((e) => e), P(1), E(n), N(() => this.runAnimation$(t, c, l, s)))).pipe(F(this.disconnecting$)).subscribe();
+		let { animation: t, delay: n = 0, duration: r, stagger: i, preset: a = "snappy", restart: o = !1 } = e, s = ae[a], c = r ?? s.duration, l = i ?? (t === "cyber-glitch" ? 30 : 50), u = this.createVisibilityObservable$();
+		(o ? u.pipe(j((e) => e ? w(n).pipe(j(() => this.runAnimation$(t, c, l, s))) : v(() => (this.resetToInitial(t), f)))) : u.pipe(O((e) => e), M(1), E(n), j(() => this.runAnimation$(t, c, l, s)))).pipe(N(this.disconnecting$)).subscribe();
 	}
 	cleanup() {
 		this.disconnecting$.next(), this.disconnecting$.complete(), this.cancelAnimations(), this.element && (this.element.textContent = this.originalContent, this.element.style.opacity = "", this.element.style.willChange = "auto", this.element.style.transform = "", this.element.style.filter = ""), this.element = null, this.initialized = !1;
@@ -69,12 +69,12 @@ var re = {
 		return t;
 	}
 	createVisibilityObservable$() {
-		let e = b(document, "visibilitychange").pipe(ne(null), j(() => document.visibilityState === "visible"), D());
-		return g([x(200).pipe(ne(0), j(() => {
+		let e = b(document, "visibilitychange").pipe(A(null), k(() => document.visibilityState === "visible"), D());
+		return g([x(200).pipe(A(0), k(() => {
 			if (!this.element) return !1;
 			let e = this.element.getBoundingClientRect();
 			return e.width > 0 && e.height > 0 && e.top < window.innerHeight && e.bottom > 0 && this.getAccumulatedOpacity() > .5;
-		}), D()), e]).pipe(j(([e, t]) => e && t), D());
+		}), D()), e]).pipe(k(([e, t]) => e && t), D());
 	}
 	runAnimation$(e, t, n, r) {
 		if (!this.element) return f;
@@ -100,7 +100,7 @@ var re = {
 			easing: t.easingFallback,
 			fill: "forwards"
 		});
-		return this.animations.push(n), y(n.finished).pipe(L(() => {
+		return this.animations.push(n), y(n.finished).pipe(F(() => {
 			this.element && (this.element.style.opacity = "", this.element.style.transform = "", this.element.style.willChange = "auto");
 		}), T(() => f));
 	}
@@ -138,7 +138,7 @@ var re = {
 			this.animations.push(a);
 		});
 		let i = this.animations[this.animations.length - 1];
-		return i ? y(i.finished).pipe(L(() => {
+		return i ? y(i.finished).pipe(F(() => {
 			this.element && (this.element.style.willChange = "auto", r.forEach((e) => {
 				e.style.willChange = "auto";
 			}));
@@ -164,7 +164,7 @@ var re = {
 			this.animations.push(a);
 		});
 		let i = this.animations[this.animations.length - 1];
-		return i ? y(i.finished).pipe(L(() => {
+		return i ? y(i.finished).pipe(F(() => {
 			this.element && (this.element.style.willChange = "auto", r.forEach((e) => {
 				e.style.willChange = "auto";
 			}));
@@ -196,7 +196,7 @@ var re = {
 			this.animations.push(o);
 		});
 		let o = this.animations[this.animations.length - 1];
-		return o ? y(o.finished).pipe(L(() => {
+		return o ? y(o.finished).pipe(F(() => {
 			this.element && (this.element.style.willChange = "auto", a.forEach((e) => {
 				e.style.willChange = "auto";
 			}));
@@ -207,42 +207,42 @@ var re = {
 		let t = this.originalContent, n = t.length;
 		if (n === 0) return f;
 		let r = 0;
-		return x(e / n).pipe(L(() => {
+		return x(e / n).pipe(F(() => {
 			r++, this.element && (this.element.textContent = t.slice(0, r));
-		}), I(() => r < n), k(() => {
+		}), P(() => r < n), ee(() => {
 			this.element && (this.element.textContent = this.originalContent, this.element.style.willChange = "auto");
 		}));
 	}
-}), ae = W(class extends H {
+}), se = H(class extends B {
 	constructor(e) {
 		super(e), this.config = {};
 	}
 	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("The `classMap` directive must be used in the `class` attribute");
+		if (e.type !== V.ELEMENT) throw Error("The `classMap` directive must be used in the `class` attribute");
 		let n = e.element;
 		this.config = t, this.config.bgColor && (n.style.backgroundColor = this.config.bgColor), this.config.color && (n.style.color = this.config.color);
 	}
 	render(e) {
-		return this.config = e, z;
+		return this.config = e, L;
 	}
-}), G = /* @__PURE__ */ new WeakMap();
-function oe(e, t) {
+}), U = /* @__PURE__ */ new WeakMap();
+function W(e, t) {
 	let n = e.match(/var\(([^,)]+)/);
 	return n && getComputedStyle(document.documentElement).getPropertyValue(n[1]).trim() || t;
 }
-var se = W(class extends H {
+var ce = H(class extends B {
 	constructor(e) {
-		if (super(e), e.type !== U.ELEMENT) throw Error("confirmClick directive can only be used on elements");
+		if (super(e), e.type !== V.ELEMENT) throw Error("confirmClick directive can only be used on elements");
 	}
 	render(e, t) {}
 	update(e, [t, n = {}]) {
-		let r = e.element, i = G.get(r);
+		let r = e.element, i = U.get(r);
 		if (i) {
 			if (i.callback = t, this.optionsEqual(i.options, n)) return;
 			this.cleanup(r);
 		}
 		let a = new m(), o = this.setupClickListener(r, n ?? {}, a);
-		G.set(r, {
+		U.set(r, {
 			subscription: o,
 			callback: t,
 			options: n ?? {},
@@ -255,13 +255,13 @@ var se = W(class extends H {
 		return t ? e.timeout === t.timeout && e.icon === t.icon : Object.keys(e).length === 0;
 	}
 	setupClickListener(e, t, n) {
-		return b(e, "click").pipe(L((r) => {
-			let i = G.get(e);
+		return b(e, "click").pipe(F((r) => {
+			let i = U.get(e);
 			i && !i.isConfirming && (r.stopPropagation(), r.preventDefault(), i.isConfirming = !0, this.showOverlay(e, i, t, n));
 		})).subscribe();
 	}
 	showOverlay(e, t, n, r) {
-		let i = n.timeout ?? 3e3, a = e, o = n.icon ?? a.icon ?? a._capturedIcon ?? e.textContent?.trim() ?? "warning", s = oe("var(--schmancy-sys-color-error-default)", "#dc2626"), c = oe("var(--schmancy-sys-color-error-on)", "#ffffff"), l = oe("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 = W("var(--schmancy-sys-color-error-default)", "#dc2626"), c = W("var(--schmancy-sys-color-error-on)", "#ffffff"), l = W("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, g = getComputedStyle(e);
 		Object.assign(u.style, {
@@ -288,51 +288,51 @@ var se = W(class extends H {
 			transform: "translate(-50%, -50%)",
 			color: c,
 			pointerEvents: "none"
-		}), u.appendChild(y), document.body.appendChild(u), t.overlayElement = u, C(null).pipe(ee(h)).subscribe(() => {
+		}), u.appendChild(y), document.body.appendChild(u), t.overlayElement = u, C(null).pipe(ne(h)).subscribe(() => {
 			u.style.opacity = "1", u.style.transform = "scale(1)";
 		});
 		let w = _.getContext("2d");
 		if (!w) return;
 		w.scale(m, m);
-		let T = f / 2, E = p / 2, D = Math.min(f, p) / 2 - 1, k = D - 3, A = (e) => {
-			w.clearRect(0, 0, f, p), w.beginPath(), w.arc(T, E, k, 0, 2 * Math.PI), w.fillStyle = s, w.fill();
+		let T = f / 2, E = p / 2, D = Math.min(f, p) / 2 - 1, ee = D - 3, te = (e) => {
+			w.clearRect(0, 0, f, p), w.beginPath(), w.arc(T, E, ee, 0, 2 * Math.PI), w.fillStyle = s, w.fill();
 			let t = 1 - e;
 			if (t > 0) {
 				let e = -Math.PI / 2, n = e + 2 * Math.PI * t;
-				w.beginPath(), w.arc(T, E, D, e, n), w.arc(T, E, k, n, e, !0), w.closePath(), w.fillStyle = l, w.fill();
+				w.beginPath(), w.arc(T, E, D, e, n), w.arc(T, E, ee, n, e, !0), w.closePath(), w.fillStyle = l, w.fill();
 			}
 		};
-		A(0);
-		let M = performance.now(), te = x(0, h).pipe(j(() => (performance.now() - M) / i), I((e) => e <= 1), F(r), L((e) => A(e))).subscribe({ complete: () => {
-			G.get(e)?.isConfirming && this.hideOverlay(e);
+		te(0);
+		let re = performance.now(), ie = x(0, h).pipe(k(() => (performance.now() - re) / i), P((e) => e <= 1), N(r), F((e) => te(e))).subscribe({ complete: () => {
+			U.get(e)?.isConfirming && this.hideOverlay(e);
 		} });
-		t.subscription.add(te);
-		let ne = S(b(u, "click").pipe(P(1), L(() => {
+		t.subscription.add(ie);
+		let A = S(b(u, "click").pipe(M(1), F(() => {
 			t.callback(), this.hideOverlay(e);
-		})), b(document, "click", { capture: !0 }).pipe(O((t) => !u.contains(t.target) && !e.contains(t.target)), P(1), L(() => this.hideOverlay(e))), b(document, "keydown").pipe(O((e) => e.key === "Escape"), P(1), L(() => this.hideOverlay(e)))).pipe(P(1), F(r)).subscribe();
-		t.subscription.add(ne);
+		})), b(document, "click", { capture: !0 }).pipe(O((t) => !u.contains(t.target) && !e.contains(t.target)), M(1), F(() => this.hideOverlay(e))), b(document, "keydown").pipe(O((e) => e.key === "Escape"), M(1), F(() => this.hideOverlay(e)))).pipe(M(1), N(r)).subscribe();
+		t.subscription.add(A);
 	}
 	hideOverlay(e) {
-		let t = G.get(e);
+		let t = U.get(e);
 		if (t && (t.cancel$.next(), t.isConfirming = !1, t.overlayElement)) {
 			let e = t.overlayElement;
-			e.style.opacity = "0", e.style.transform = "scale(0.6)", w(250).pipe(L(() => {
+			e.style.opacity = "0", e.style.transform = "scale(0.6)", w(250).pipe(F(() => {
 				document.body.contains(e) && document.body.removeChild(e);
 			})).subscribe(), t.overlayElement = null;
 		}
 	}
 	cleanup(e) {
-		let t = G.get(e);
-		t && (t.cancel$.next(), t.cancel$.complete(), t.subscription.unsubscribe(), t.overlayElement && document.body.contains(t.overlayElement) && document.body.removeChild(t.overlayElement), G.delete(e));
+		let t = U.get(e);
+		t && (t.cancel$.next(), t.cancel$.complete(), t.subscription.unsubscribe(), t.overlayElement && document.body.contains(t.overlayElement) && document.body.removeChild(t.overlayElement), U.delete(e));
 	}
 	disconnected(e) {
 		this.cleanup(e.element);
 	}
 	reconnected(e) {
-		let t = e.element, n = G.get(t);
+		let t = e.element, n = U.get(t);
 		if (n) {
 			let e = new m(), r = this.setupClickListener(t, n.options, e);
-			G.set(t, {
+			U.set(t, {
 				subscription: r,
 				callback: n.callback,
 				options: n.options,
@@ -342,21 +342,21 @@ var se = W(class extends H {
 			});
 		}
 	}
-}), ce = V(class extends B {
+}), le = z(class extends R {
 	constructor(...e) {
 		super(...e), this.element = null, this.items = [], this.subscription = null, this.typewriterSub = null, this.currentAnimation = null, this.addDisplayEl = null, this.disconnecting$ = new m(), this.initialized = !1;
 	}
 	render(e) {
-		return R;
+		return I;
 	}
 	update(e, [t = {}]) {
 		if (this.element = e.element, !this.initialized && this.isConnected) {
-			if (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new m()), this.items = Array.from(this.element.children).filter((e) => e instanceof HTMLElement), this.items.length === 0) return R;
+			if (this.initialized = !0, this.disconnecting$.closed && (this.disconnecting$ = new m()), this.items = Array.from(this.element.children).filter((e) => e instanceof HTMLElement), this.items.length === 0) return I;
 			this.element.style.display = "inline-grid", this.element.style.verticalAlign = "bottom", this.items.forEach((e, t) => {
 				e.style.gridColumn = "1", e.style.gridRow = "1", e.style.visibility = t === 0 ? "" : "hidden";
 			}), this.startCycling(t);
 		}
-		return R;
+		return I;
 	}
 	disconnected() {
 		this.cleanup();
@@ -368,7 +368,7 @@ var se = W(class extends H {
 	}
 	startReplaceCycling(e) {
 		let { transition: t = "fade", hold: n = 2e3, duration: r = 300, delay: i = 0 } = e, a = (e) => v(() => new p((i) => {
-			let a = this.items[e], o = (e - 1 + this.items.length) % this.items.length, s = this.items[o], c = parseInt(a.dataset.hold || "", 10) || n, l = this.transitionItems(s, a, t, r).pipe(N(() => w(c)), P(1), F(this.disconnecting$)).subscribe({
+			let a = this.items[e], o = (e - 1 + this.items.length) % this.items.length, s = this.items[o], c = parseInt(a.dataset.hold || "", 10) || n, l = this.transitionItems(s, a, t, r).pipe(j(() => w(c)), M(1), N(this.disconnecting$)).subscribe({
 				next: () => {
 					i.next(), i.complete();
 				},
@@ -376,12 +376,12 @@ var se = W(class extends H {
 			});
 			return () => l.unsubscribe();
 		})), o = parseInt(this.items[0].dataset.hold || "", 10) || n, s = _(v(() => new p((e) => {
-			let t = w(o).pipe(F(this.disconnecting$)).subscribe({ next: () => {
+			let t = w(o).pipe(N(this.disconnecting$)).subscribe({ next: () => {
 				e.next(), e.complete();
 			} });
 			return () => t.unsubscribe();
-		})), _(...[...Array.from({ length: this.items.length }, (e, t) => t).slice(1), 0].map((e) => a(e))).pipe(M()));
-		this.subscription = w(i).pipe(N(() => s), F(this.disconnecting$)).subscribe();
+		})), _(...[...Array.from({ length: this.items.length }, (e, t) => t).slice(1), 0].map((e) => a(e))).pipe(re()));
+		this.subscription = w(i).pipe(j(() => s), N(this.disconnecting$)).subscribe();
 	}
 	startAddCycling(e) {
 		let { transition: t = "fade", hold: n = 2e3, duration: r = 300, delay: i = 0, separator: a = ", " } = e, o = this.items.map((e) => e.textContent || "");
@@ -394,29 +394,29 @@ var se = W(class extends H {
 			s.textContent = "";
 			let e = "", i = o.map((i, o) => {
 				let c = parseInt(this.items[o].dataset.hold || "", 10) || n, l = (o > 0 ? a : "") + i;
-				return v(() => t === "typewriter" ? this.typewriterAdd(s, e, l, r).pipe(L(() => {
+				return v(() => t === "typewriter" ? this.typewriterAdd(s, e, l, r).pipe(F(() => {
 					e += l;
-				}), N(() => w(c))) : v(() => (e += l, s.textContent = e, w(c))));
+				}), j(() => w(c))) : v(() => (e += l, s.textContent = e, w(c))));
 			}), c = v(() => {
 				let t = s.animate([{ opacity: 1 }, { opacity: 0 }], {
 					duration: r,
 					fill: "forwards"
 				});
-				return this.currentAnimation = t, y(t.finished).pipe(L(() => {
+				return this.currentAnimation = t, y(t.finished).pipe(F(() => {
 					t.cancel(), s.textContent = "", s.style.opacity = "", e = "";
-				}), N(() => w(300)));
+				}), j(() => w(300)));
 			});
 			return _(...i, c);
 		});
-		this.subscription = w(i).pipe(N(() => c.pipe(M())), F(this.disconnecting$)).subscribe();
+		this.subscription = w(i).pipe(j(() => c.pipe(re())), N(this.disconnecting$)).subscribe();
 	}
 	typewriterAdd(e, t, n, r) {
 		if (n.length === 0) return C(void 0);
 		let i = r / n.length;
 		return new p((r) => {
-			let a = 0, o = x(i).pipe(L(() => {
+			let a = 0, o = x(i).pipe(F(() => {
 				a++, e.textContent = t + n.slice(0, a);
-			}), I(() => a < n.length), F(this.disconnecting$)).subscribe({ complete: () => {
+			}), P(() => a < n.length), N(this.disconnecting$)).subscribe({ complete: () => {
 				e.textContent = t + n, r.next(), r.complete();
 			} });
 			return () => o.unsubscribe();
@@ -434,15 +434,15 @@ var se = W(class extends H {
 			duration: n / 2,
 			fill: "forwards"
 		});
-		return this.currentAnimation = r, y(r.finished).pipe(N(() => {
+		return this.currentAnimation = r, y(r.finished).pipe(j(() => {
 			r.cancel(), e.style.visibility = "hidden", t.style.visibility = "";
 			let i = t.animate([{ opacity: 0 }, { opacity: 1 }], {
 				duration: n / 2,
 				fill: "forwards"
 			});
-			return this.currentAnimation = i, y(i.finished).pipe(L(() => {
+			return this.currentAnimation = i, y(i.finished).pipe(F(() => {
 				i.cancel();
-			}), j(() => {}), T(() => f));
+			}), k(() => {}), T(() => f));
 		}), T(() => f));
 	}
 	slideTransition(e, t, n) {
@@ -469,9 +469,9 @@ var se = W(class extends H {
 			fill: "forwards",
 			easing: r
 		});
-		return this.currentAnimation = a, y(a.finished).pipe(L(() => {
+		return this.currentAnimation = a, y(a.finished).pipe(F(() => {
 			i.cancel(), a.cancel(), e.style.visibility = "hidden";
-		}), j(() => {}), T(() => f));
+		}), k(() => {}), T(() => f));
 	}
 	typewriterTransition(e, t, n) {
 		let r = e.textContent || "", i = t.textContent || "", a = r.length + i.length;
@@ -479,14 +479,14 @@ var se = W(class extends H {
 		let o = n / a;
 		return new p((n) => {
 			let a = r.length;
-			return this.typewriterSub = _(x(o).pipe(L(() => {
+			return this.typewriterSub = _(x(o).pipe(F(() => {
 				a--, e.textContent = r.slice(0, a);
-			}), I(() => a > 0)), v(() => (e.style.visibility = "hidden", e.textContent = r, t.style.visibility = "", t.textContent = "", C(null))), v(() => {
+			}), P(() => a > 0)), v(() => (e.style.visibility = "hidden", e.textContent = r, t.style.visibility = "", t.textContent = "", C(null))), v(() => {
 				let e = 0;
-				return x(o).pipe(L(() => {
+				return x(o).pipe(F(() => {
 					e++, t.textContent = i.slice(0, e);
-				}), I(() => e < i.length));
-			})).pipe(F(this.disconnecting$)).subscribe({ complete: () => {
+				}), P(() => e < i.length));
+			})).pipe(N(this.disconnecting$)).subscribe({ complete: () => {
 				t.textContent = i, n.next(), n.complete();
 			} }), () => {
 				this.typewriterSub?.unsubscribe(), this.typewriterSub = null;
@@ -498,13 +498,13 @@ var se = W(class extends H {
 			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;
 	}
-}), le = W(class extends B {
+}), ue = H(class extends R {
 	constructor(...e) {
 		super(...e), this.maxBlur = 8, this.duration = 400, this.isBlurred = !1, this.transitionSet = !1;
 	}
 	render(e) {}
 	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("depthOfField directive must be used on an element");
+		if (e.type !== V.ELEMENT) throw Error("depthOfField directive must be used on an element");
 		this.element = e.element, this.maxBlur = t.maxBlur ?? 8, this.duration = t.duration ?? 400, this.transitionSet || a.value || (this.element.style.transition = `filter ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1), scale ${this.duration}ms cubic-bezier(0.34, 1.2, 0.64, 1)`, this.transitionSet = !0), t.active && !this.isBlurred ? this.applyBlur() : !t.active && this.isBlurred && this.clearBlur();
 	}
 	applyBlur() {
@@ -517,7 +517,7 @@ var se = W(class extends H {
 		this.isBlurred && this.clearBlur();
 	}
 	reconnected() {}
-}), ue = new d(null), K = new d(null), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = [];
+}), G = new d(null), K = new d(null), q = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), Y = [];
 function X(e) {
 	Y.push(`[${(/* @__PURE__ */ new Date()).toISOString().slice(11, 23)}] ${e}`);
 }
@@ -560,20 +560,20 @@ K.pipe(D((e, t) => e?.target === t?.target && e?.position === t?.position)).subs
 		display: "block"
 	});
 });
-var de = class extends H {
-	constructor(e) {
-		super(e), this.destroy$ = new m();
+var de = class extends B {
+	constructor(...e) {
+		super(...e), this.destroy$ = new m();
 	}
 	update(e, [t]) {
 		if (this.id = t, !this.element) {
 			let t = e.element;
-			this.element = t, t.draggable = !0, t.style.cursor = "grab", b(t, "dragstart").pipe(L((e) => {
-				e.stopPropagation(), e.dataTransfer?.setData("application/json", JSON.stringify({ id: this.id })), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), t.style.cursor = "grabbing", Y.length = 0, X(`DRAGSTART id=${this.id} tag=${t.tagName}`), ue.next(this.id), J.clear();
+			this.element = t, t.draggable = !0, t.style.cursor = "grab", b(t, "dragstart").pipe(F((e) => {
+				e.stopPropagation(), e.dataTransfer?.setData("application/json", JSON.stringify({ id: this.id })), e.dataTransfer && (e.dataTransfer.effectAllowed = "move"), t.style.cursor = "grabbing", Y.length = 0, X(`DRAGSTART id=${this.id} tag=${t.tagName}`), G.next(this.id), J.clear();
 				let n = t.parentElement;
 				if (n) for (let [e, t] of q) t.parentElement === n && J.set(e, t.getBoundingClientRect());
-			}), ee(h), L(() => {
+			}), ne(h), F(() => {
 				a.value || (t.style.transition = "transform 150ms ease, box-shadow 150ms ease, opacity 150ms ease", t.style.transform = "scale(1.03)", t.style.boxShadow = "0 8px 25px rgba(0,0,0,0.15)", t.style.opacity = "0.6", t.style.zIndex = "1000", t.style.pointerEvents = "none");
-			}), N(() => b(t, "dragend").pipe(P(1), L(() => {
+			}), j(() => b(t, "dragend").pipe(M(1), F(() => {
 				let e = K.value;
 				if (t.style.removeProperty("transition"), t.style.removeProperty("transform"), t.style.removeProperty("box-shadow"), t.style.removeProperty("opacity"), t.style.removeProperty("z-index"), t.style.removeProperty("pointer-events"), t.style.cursor = "grab", e) {
 					let { target: t, destinationId: r, position: i } = e;
@@ -585,7 +585,7 @@ var de = class extends H {
 						},
 						bubbles: !0,
 						composed: !0
-					})), w(0, h).pipe(te(1), P(1)).subscribe(() => {
+					})), w(0, h).pipe(ie(1), M(1)).subscribe(() => {
 						if (!a.value && J.size !== 0) {
 							for (let [e, t] of J) {
 								let r = q.get(e);
@@ -601,10 +601,10 @@ var de = class extends H {
 						}
 					});
 				}
-				ue.next(null), K.next(null), X(`DRAGEND id=${this.id}`), Y.length !== 0 && (Y.length = 0);
-			}))), F(this.destroy$)).subscribe();
+				G.next(null), K.next(null), X(`DRAGEND id=${this.id}`), Y.length !== 0 && (Y.length = 0);
+			}))), N(this.destroy$)).subscribe();
 		}
-		return this.registeredId && this.registeredId !== t && q.delete(this.registeredId), q.set(t, this.element), this.registeredId = t, z;
+		return this.registeredId && this.registeredId !== t && q.delete(this.registeredId), q.set(t, this.element), this.registeredId = t, L;
 	}
 	disconnected() {
 		this.destroy$.next(), this.destroy$.complete(), this.registeredId && q.delete(this.registeredId), this.element = void 0;
@@ -613,24 +613,24 @@ var de = class extends H {
 		this.destroy$ = new m(), this.element = void 0;
 	}
 	render(e) {
-		return z;
+		return L;
 	}
-}, fe = W(de), pe = class extends H {
-	constructor(e) {
-		super(e), this.destroy$ = new m();
+}, fe = H(de), pe = class extends B {
+	constructor(...e) {
+		super(...e), this.destroy$ = new m();
 	}
 	update(e, [t]) {
 		if (this.destinationId = t, !this.element) {
 			let t = e.element;
-			this.element = t, b(t, "dragenter").pipe(L((e) => {
+			this.element = t, b(t, "dragenter").pipe(F((e) => {
 				X(`NATIVE-DRAGENTER dest=${this.destinationId}`), e.preventDefault();
-			}), F(this.destroy$)).subscribe(), b(t, "dragover").pipe(L((e) => {
+			}), N(this.destroy$)).subscribe(), b(t, "dragover").pipe(F((e) => {
 				X(`NATIVE-DRAGOVER dest=${this.destinationId}`), e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
-			}), F(this.destroy$)).subscribe(), b(t, "drop").pipe(L((e) => {
+			}), N(this.destroy$)).subscribe(), b(t, "drop").pipe(F((e) => {
 				e.preventDefault(), X(`NATIVE-DROP dest=${this.destinationId}`);
-			}), F(this.destroy$)).subscribe(), ue.pipe(N((e) => e && e !== this.destinationId ? (X(`DROP-ACTIVE dest=${this.destinationId} src=${e}`), b(t, "dragover").pipe(L((e) => {
+			}), N(this.destroy$)).subscribe(), G.pipe(j((e) => e && e !== this.destinationId ? (X(`DROP-ACTIVE dest=${this.destinationId} src=${e}`), b(t, "dragover").pipe(F((e) => {
 				e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move");
-			}), L((n) => {
+			}), F((n) => {
 				let r = function(e, t, n) {
 					let r = t.getBoundingClientRect(), i = n ? q.get(n) : null;
 					if (!i) return e.clientY < r.top + r.height / 2 ? "before" : "after";
@@ -647,9 +647,9 @@ var de = class extends H {
 					destinationId: this.destinationId,
 					position: r
 				} : null);
-			}))) : (K.next(null), f)), F(this.destroy$)).subscribe();
+			}))) : (K.next(null), f)), N(this.destroy$)).subscribe();
 		}
-		return z;
+		return L;
 	}
 	disconnected() {
 		this.destroy$.next(), this.destroy$.complete(), this.element = void 0;
@@ -658,15 +658,15 @@ var de = class extends H {
 		this.destroy$ = new m(), this.element = void 0;
 	}
 	render(e) {
-		return z;
+		return L;
 	}
-}, me = W(pe), he = W(class extends B {
+}, me = H(pe), he = H(class extends R {
 	constructor(...e) {
 		super(...e), this.hasAnimated = !1;
 	}
 	render(e) {}
 	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("gravity directive must be used on an element");
+		if (e.type !== V.ELEMENT) throw Error("gravity directive must be used on an element");
 		if (this.element = e.element, this.options = t, this.hasAnimated) return;
 		if (a.value) return void (this.hasAnimated = !0);
 		let n = Math.max(.3, Math.min(3, t?.mass ?? 1)), r = t?.distance ?? 30, i = (t?.delay ?? 0) + (t?.stagger ?? 0);
@@ -691,30 +691,30 @@ var de = class extends H {
 			delay: i,
 			easing: a.easingFallback,
 			fill: "backwards"
-		}), y(this.animation.finished).pipe(P(1), L(() => {
+		}), y(this.animation.finished).pipe(M(1), F(() => {
 			this.element.style.willChange = "", this.animation = void 0;
 		}), T(() => f)).subscribe();
 	}
 	disconnected() {
 		this.animation?.cancel(), this.animation = void 0;
 	}
-}), ge = V(class extends B {
+}), ge = z(class extends R {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
 	render(e, t) {
-		return R;
+		return I;
 	}
 	update(e, [t, n]) {
 		let r = e.element, i, a, o, s = {};
 		if (typeof t == "function" ? (i = t, s = n || {}) : (a = t.onEnter, o = t.onExit, s = t.options || {}, i = (e) => {
 			e && a && a(), !e && o && o();
-		}), this.state?.element === r) return R;
+		}), this.state?.element === r) return I;
 		this.cleanup();
 		let { once: c = !1, threshold: l = 0, rootMargin: u = "0px", delay: d = 0 } = s, f = new IntersectionObserver((e) => {
 			if (!this.state) return;
 			let t = e[0], n = t.isIntersecting;
-			d > 0 && n ? (this.state.delayTimerSub && this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = w(d).pipe(P(1), L(() => this.triggerCallback(n, t))).subscribe()) : (!n && this.state.delayTimerSub && (this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = void 0), this.triggerCallback(n, t));
+			d > 0 && n ? (this.state.delayTimerSub && this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = w(d).pipe(M(1), F(() => this.triggerCallback(n, t))).subscribe()) : (!n && this.state.delayTimerSub && (this.state.delayTimerSub.unsubscribe(), this.state.delayTimerSub = void 0), this.triggerCallback(n, t));
 		}, {
 			threshold: l,
 			rootMargin: u
@@ -728,7 +728,7 @@ var de = class extends H {
 			once: c,
 			delay: d,
 			hasFired: !1
-		}, f.observe(r), R;
+		}, f.observe(r), I;
 	}
 	triggerCallback(e, t) {
 		this.state && (this.state.once ? e && !this.state.hasFired && (this.state.hasFired = !0, this.state.callback(e, t), this.cleanup()) : this.state.callback(e, t));
@@ -779,19 +779,19 @@ var de = class extends H {
 	"boxShadow",
 	"borderTop",
 	"borderBottom"
-], be = V(class extends B {
+], be = z(class extends R {
 	constructor(...e) {
 		super(...e), this.state = null;
 	}
 	render(e) {
-		return R;
+		return I;
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
 			..._e,
 			...t
 		};
-		return r.active ? this.activate(n, r) : this.cleanup(), R;
+		return r.active ? this.activate(n, r) : this.cleanup(), I;
 	}
 	activate(e, t) {
 		if (!this.isConnected) return;
@@ -834,13 +834,13 @@ function Se() {
 	let e = document.createElement("style");
 	e.id = "schmancy-living-border-shared", e.textContent = `\n\t\t@property --${Q}-angle {\n\t\t\tsyntax: '<angle>';\n\t\t\tinitial-value: 0deg;\n\t\t\tinherits: false;\n\t\t}\n\t\t@keyframes ${Q} {\n\t\t\tto { --${Q}-angle: 360deg; }\n\t\t}\n\t`, document.head.appendChild(e), xe = !0;
 }
-var Ce = W(class extends B {
+var Ce = H(class extends R {
 	constructor(...e) {
 		super(...e), this.teardown$ = new m(), this.didSetPosition = !1;
 	}
 	render(e) {}
 	update(e, [t]) {
-		if (e.type !== U.ELEMENT) throw Error("livingBorder directive must be used on an element");
+		if (e.type !== V.ELEMENT) throw Error("livingBorder directive must be used on an element");
 		let n = JSON.stringify(t ?? {});
 		this.element && n === this.prevKey || (this.prevKey = n, this.element = e.element, this.lastOptions = t, a.value || (this.teardown$.next(), this.cleanup(), Se(), this.createBorderOverlay(t)));
 	}
@@ -869,11 +869,11 @@ var Ce = W(class extends B {
 			filter: `blur(${.3 * r}px) drop-shadow(0 0 ${r}px color-mix(in srgb, ${n} 40%, transparent))`,
 			opacity: a ? "0" : "0.5",
 			transition: "opacity 300ms ease"
-		}), this.element.prepend(this.borderEl), S(b(this.element, "mouseenter").pipe(j(() => {
+		}), this.element.prepend(this.borderEl), S(b(this.element, "mouseenter").pipe(k(() => {
 			this.borderEl && (this.borderEl.style.opacity = a ? "0.7" : "0.8");
-		})), b(this.element, "mouseleave").pipe(j(() => {
+		})), b(this.element, "mouseleave").pipe(k(() => {
 			this.borderEl && (this.borderEl.style.opacity = a ? "0" : "0.5");
-		}))).pipe(F(this.teardown$)).subscribe();
+		}))).pipe(N(this.teardown$)).subscribe();
 	}
 	cleanup() {
 		this.borderEl?.remove(), this.borderEl = void 0;
@@ -881,9 +881,9 @@ var Ce = W(class extends B {
 	disconnected() {
 		this.teardown$.next(), this.cleanup(), this.didSetPosition && this.element && (this.element.style.position = "", this.didSetPosition = !1);
 	}
-}), $ = /* @__PURE__ */ new WeakMap(), we = W(class extends H {
+}), $ = /* @__PURE__ */ new WeakMap(), we = H(class extends B {
 	constructor(e) {
-		if (super(e), e.type !== U.ELEMENT) throw Error("longPress directive can only be used on elements");
+		if (super(e), e.type !== V.ELEMENT) throw Error("longPress directive can only be used on elements");
 	}
 	render(e, t) {}
 	update(e, [t, n = {}]) {
@@ -904,12 +904,12 @@ var Ce = W(class extends B {
 	}
 	setupLongPress(e, t, n = {}) {
 		let r = n.duration ?? 500, i = n.movementThreshold ?? 10, a = b(e, "pointerdown"), o = b(window, "pointerup"), s = b(window, "pointermove"), c = b(window, "pointercancel");
-		return a.pipe(N((e) => {
+		return a.pipe(j((e) => {
 			let n = e.clientX, a = e.clientY, l = S(o, c, s.pipe(O((e) => {
 				let t = e.clientX - n, r = e.clientY - a;
 				return Math.sqrt(t * t + r * r) > i;
-			}))).pipe(A());
-			return w(r).pipe(F(l), L(() => t()));
+			}))).pipe(te());
+			return w(r).pipe(N(l), F(() => t()));
 		})).subscribe();
 	}
 	disconnected(e) {
@@ -957,7 +957,7 @@ var Ce = W(class extends B {
 				let e = this.elementToDirective.get(t.target);
 				e && e.onVisibilityChange(t.isIntersecting && this.tabVisible);
 			}
-		}, { threshold: 0 }), this.visibilitySub = b(document, "visibilitychange").pipe(L(() => {
+		}, { threshold: 0 }), this.visibilitySub = b(document, "visibilitychange").pipe(F(() => {
 			this.tabVisible = document.visibilityState === "visible";
 			for (let e of this.instances) e.onVisibilityChange(this.tabVisible);
 		})).subscribe();
@@ -965,19 +965,19 @@ var Ce = W(class extends B {
 	teardown() {
 		this.observer &&= (this.observer.disconnect(), null), this.visibilitySub &&= (this.visibilitySub.unsubscribe(), null);
 	}
-}, Ae = V(class extends B {
+}, Ae = z(class extends R {
 	constructor(...e) {
 		super(...e), this.state = null, this.coordinator = ke.instance;
 	}
 	render(e) {
-		return R;
+		return I;
 	}
 	update(e, [t = {}]) {
 		let n = e.element, r = {
 			...Te,
 			...t
 		};
-		return r.active ? this.show(n, r) : this.hide(r), R;
+		return r.active ? this.show(n, r) : this.hide(r), I;
 	}
 	onVisibilityChange(e) {
 		if (!this.state?.overlay) return;
@@ -1155,7 +1155,7 @@ var Ce = W(class extends B {
 		}, this.coordinator.register(this, n);
 	}
 	scheduleAutoHide(e) {
-		!this.state || e.autoHideDuration <= 0 || (this.state.autoHideSub = w(e.autoHideDuration).pipe(P(1), L(() => {
+		!this.state || e.autoHideDuration <= 0 || (this.state.autoHideSub = w(e.autoHideDuration).pipe(M(1), F(() => {
 			this.state && (this.state.autoHideSub = null, this.hide(this.state.options));
 		})).subscribe());
 	}
@@ -1205,7 +1205,7 @@ var Ce = W(class extends B {
 			easing: s,
 			fill: "forwards"
 		});
-		t.idleBreathe && !a && y(c.finished).pipe(P(1), T(() => f)).subscribe(() => {
+		t.idleBreathe && !a && y(c.finished).pipe(M(1), T(() => f)).subscribe(() => {
 			this.state?.overlay && (this.state.overlay.style.animation = `nebula-idle-breathe ${12e3 / r.speed}ms ${Ee} infinite`);
 		});
 	}
@@ -1223,18 +1223,18 @@ var Ce = W(class extends B {
 	snappy: n,
 	bouncy: r,
 	gentle: i
-}, Me = V(class extends B {
+}, Me = z(class extends R {
 	constructor(e) {
-		if (super(e), this.initialized = !1, this.element = null, e.type !== U.ELEMENT) throw Error("reveal() can only be used on elements");
+		if (super(e), this.initialized = !1, this.element = null, e.type !== V.ELEMENT) throw Error("reveal() can only be used on elements");
 	}
 	render(e, t) {
-		return R;
+		return I;
 	}
 	update(t, [n = !1, r = {}]) {
 		let i = t.element;
 		this.element = i;
 		let { preset: o = "smooth", maxHeight: s = "10rem", duration: c, easing: l } = r, u = je[o], d = c ?? u.duration, f = l ?? e(u), p = a.value;
-		return this.initialized ||= (this.setupElement(i, d, f, p), !0), n ? (i.style.maxHeight = s, i.style.opacity = "1", i.style.transform = "translateY(0) scale(1)", i.style.pointerEvents = "", i.style.paddingTop = "", i.style.paddingBottom = "", i.style.marginTop = "", i.style.marginBottom = "", i.removeAttribute("aria-hidden"), i.removeAttribute("inert")) : (i.style.maxHeight = "0", i.style.opacity = "0", i.style.transform = "translateY(-8px) scale(0.98)", i.style.pointerEvents = "none", i.style.paddingTop = "0", i.style.paddingBottom = "0", i.style.marginTop = "0", i.style.marginBottom = "0", i.setAttribute("aria-hidden", "true"), i.setAttribute("inert", "")), R;
+		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", "")), I;
 	}
 	setupElement(e, t, n, r) {
 		e.style.overflow = "hidden", e.style.transition = r ? "none" : [
@@ -1249,114 +1249,28 @@ var Ce = W(class extends B {
 		this.element && (this.element.style.willChange = "");
 	}
 	reconnected() {}
-}), Ne = !1, Pe = W(class extends B {
+}), Ne = !1, Pe = H(class extends R {
 	constructor(...e) {
 		super(...e), this.teardown$ = new m();
 	}
 	render() {}
 	update(e) {
-		if (e.type !== U.ELEMENT) throw Error("ripple directive must be used on an element");
+		if (e.type !== V.ELEMENT) throw Error("ripple directive must be used on an element");
 		this.element = e.element, function() {
 			if (Ne) 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), Ne = !0;
-		}(), getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative"), this.element.style.overflow = "hidden", this.teardown$.next(), b(this.element, "click").pipe(F(this.teardown$)).subscribe((e) => this.addRipple(e));
+		}(), getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative"), this.element.style.overflow = "hidden", this.teardown$.next(), b(this.element, "click").pipe(N(this.teardown$)).subscribe((e) => this.addRipple(e));
 	}
 	reconnected() {
-		this.teardown$.next(), b(this.element, "click").pipe(F(this.teardown$)).subscribe((e) => this.addRipple(e));
+		this.teardown$.next(), b(this.element, "click").pipe(N(this.teardown$)).subscribe((e) => this.addRipple(e));
 	}
 	addRipple(e) {
 		let t = this.element.getBoundingClientRect(), n = Math.max(t.width, t.height), r = n / 2, i = document.createElement("span");
-		i.className = "schmancy-ripple-effect", i.setAttribute("aria-hidden", "true"), i.style.width = `${n}px`, i.style.height = `${n}px`, i.style.left = e.clientX - t.left - r + "px", i.style.top = e.clientY - t.top - r + "px", this.element.appendChild(i), b(i, "animationend").pipe(P(1)).subscribe(() => i.remove());
+		i.className = "schmancy-ripple-effect", i.setAttribute("aria-hidden", "true"), i.style.width = `${n}px`, i.style.height = `${n}px`, i.style.left = e.clientX - t.left - r + "px", i.style.top = e.clientY - t.top - r + "px", this.element.appendChild(i), b(i, "animationend").pipe(M(1)).subscribe(() => i.remove());
 	}
 	disconnected() {
 		this.teardown$.next();
 	}
-}), Fe = class {
-	constructor(e = .3) {
-		this.audioContext = new AudioContext(), this.volume = Math.max(0, Math.min(1, e));
-	}
-	playKeyPress() {
-		let e = this.audioContext.currentTime, t = this.audioContext.createOscillator(), n = this.audioContext.createGain(), r = 800 + 200 * Math.random();
-		t.frequency.setValueAtTime(r, e), t.type = "sine", n.gain.setValueAtTime(0, e), n.gain.linearRampToValueAtTime(.2 * this.volume, e + .005), n.gain.exponentialRampToValueAtTime(.001, e + .03), t.connect(n), n.connect(this.audioContext.destination), t.start(e), t.stop(e + .03);
-		let i = this.audioContext.createOscillator(), a = this.audioContext.createGain();
-		i.frequency.setValueAtTime(1800 + 400 * Math.random(), e), i.type = "sine", a.gain.setValueAtTime(0, e), a.gain.linearRampToValueAtTime(.08 * this.volume, e + .003), a.gain.exponentialRampToValueAtTime(.001, e + .015), i.connect(a), a.connect(this.audioContext.destination), i.start(e), i.stop(e + .015);
-	}
-	playDelete() {
-		let e = this.audioContext.currentTime, t = this.audioContext.createOscillator(), n = this.audioContext.createGain();
-		t.frequency.setValueAtTime(600, e), t.frequency.exponentialRampToValueAtTime(200, e + .04), t.type = "sine", n.gain.setValueAtTime(0, e), n.gain.linearRampToValueAtTime(.12 * this.volume, e + .005), n.gain.exponentialRampToValueAtTime(.001, e + .04), t.connect(n), n.connect(this.audioContext.destination), t.start(e), t.stop(e + .04);
-	}
-	cleanup() {
-		this.audioContext.close();
-	}
-}, Ie = V(class extends B {
-	constructor(...e) {
-		super(...e), this.state = null, this.soundEngine = null;
-	}
-	render(e, t = {}) {
-		return R;
-	}
-	update(e, [t, n = {}]) {
-		let r = e.element;
-		if (!this.state || JSON.stringify(this.state.phrases) === JSON.stringify(t) && JSON.stringify(this.state.options) === JSON.stringify(n) || this.cleanup(), !this.state) {
-			let e = {
-				typeSpeed: 50,
-				deleteSpeed: 30,
-				pauseDuration: 1500,
-				loop: !0,
-				selector: ".typed",
-				cursor: !1,
-				finalMessage: "",
-				sound: !0,
-				volume: .08
-			};
-			if (this.state = {
-				phrases: t,
-				options: {
-					...e,
-					...n
-				},
-				element: r
-			}, this.state.options.sound && (this.soundEngine = new Fe(this.state.options.volume)), this.state.targetElement = r.querySelector(this.state.options.selector) ?? void 0, !this.state.targetElement) return R;
-			if (this.state.options.cursor) {
-				this.state.targetElement.style.position = "relative", this.state.targetElement.style.display = "inline-block";
-				let e = document.createElement("span");
-				if (e.className = "typewriter-cursor", e.textContent = "|", e.style.cssText = "\n					display: inline-block;\n					margin-left: 2px;\n					animation: typewriter-blink 1s step-end infinite;\n				", this.state.targetElement.appendChild(e), !document.getElementById("typewriter-styles")) {
-					let e = document.createElement("style");
-					e.id = "typewriter-styles", e.textContent = "\n						@keyframes typewriter-blink {\n							0%, 50% { opacity: 1; }\n							51%, 100% { opacity: 0; }\n						}\n					", document.head.appendChild(e);
-				}
-			}
-			this.startTyping();
-		}
-		return R;
-	}
-	startTyping() {
-		if (!this.state || !this.state.targetElement) return;
-		let { phrases: e, options: t, targetElement: n } = this.state, r = (e, r = !0) => _(v(() => _(...e.split("").map((e) => C(e).pipe(E(t.typeSpeed), L((e) => {
-			let t = this.getTextNode(n);
-			t && (t.textContent += e), this.soundEngine && this.soundEngine.playKeyPress();
-		}))))), C(null).pipe(E(t.pauseDuration)), r ? v(() => {
-			let r = e.length;
-			return x(t.deleteSpeed).pipe(P(r), L(() => {
-				let e = this.getTextNode(n);
-				e && e.textContent && (e.textContent = e.textContent.slice(0, -1)), this.soundEngine && this.soundEngine.playDelete();
-			}));
-		}) : f, r ? C(null).pipe(E(200)) : f), i = _(...e.map((e) => r(e))), a = t.finalMessage ? _(i, r(t.finalMessage, !1)) : i;
-		this.state.subscription = (t.loop ? i.pipe(M()) : a).subscribe({ error: (e) => {} });
-	}
-	getTextNode(e) {
-		for (let t of Array.from(e.childNodes)) if (t.nodeType === Node.TEXT_NODE) return t;
-		let t = document.createTextNode("");
-		return e.insertBefore(t, e.firstChild), t;
-	}
-	cleanup() {
-		this.state &&= (this.state.subscription && this.state.subscription.unsubscribe(), this.state.targetElement && this.state.targetElement.querySelector(".typewriter-cursor")?.remove(), this.soundEngine &&= (this.soundEngine.cleanup(), null), null);
-	}
-	disconnected() {
-		this.cleanup();
-	}
-	reconnected() {
-		this.state && !this.state.subscription && this.startTyping();
-	}
 });
-export { de as DragDirective, pe as DropDirective, ie as animateText, ae as color, se as confirmClick, o as cursorGlow, ce as cycleText, le as depthOfField, fe as drag, me as drop, l as fromResizeObserver, s as fullHeight, c as fullWidth, he as gravity, ge as intersect, be as liquid, Ce as livingBorder, we as longPress, u as magnetic, Ae as nebula, a as reducedMotion$, Me as reveal, Pe as ripple, Ie as typewriter };
+export { de as DragDirective, pe as DropDirective, oe as animateText, se as color, ce as confirmClick, o as cursorGlow, le as cycleText, ue as depthOfField, fe as drag, me as drop, l as fromResizeObserver, s as fullHeight, c as fullWidth, he as gravity, ge as intersect, be as liquid, Ce as livingBorder, we as longPress, u as magnetic, Ae as nebula, a as reducedMotion$, Me as reveal, Pe as ripple };