@mhmo91/schmancy 0.8.4 → 0.9.2

package/dist/connectivity.cjs

@@ -0,0 +1,59 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`),t=require(`./audio-DtYYgzYD.cjs`);let n=require(`rxjs`),r=require(`rxjs/operators`),i=require(`lit/decorators.js`),a=require(`lit`),o=require(`lit/directives/ref.js`);var s=class extends e.t(a.css`
+	:host {
+		display: block;
+	}
+
+	.banner {
+		transform: translateY(-100%);
+		opacity: 0;
+		transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;
+	}
+
+	.banner.visible {
+		transform: translateY(0);
+		opacity: 1;
+	}
+
+	.banner.exiting {
+		transform: translateY(-100%);
+		opacity: 0;
+		transition: transform 300ms ease-out, opacity 300ms ease-out;
+	}
+
+	@keyframes icon-pulse {
+		0%, 100% { transform: scale(1); }
+		50% { transform: scale(1.2); }
+	}
+
+	@keyframes icon-bounce {
+		0%, 100% { transform: translateY(0); }
+		25% { transform: translateY(-6px); }
+		50% { transform: translateY(0); }
+		75% { transform: translateY(-3px); }
+	}
+
+	.icon-pulse {
+		animation: icon-pulse 1s ease-in-out infinite;
+	}
+
+	.icon-bounce {
+		animation: icon-bounce 600ms ease-out;
+	}
+`){constructor(...e){super(...e),this.bannerRef=(0,o.createRef)(),this.surfaceRef=(0,o.createRef)(),this.iconRef=(0,o.createRef)(),this.messageRef=(0,o.createRef)()}connectedCallback(){super.connectedCallback();let e=(0,n.merge)((0,n.fromEvent)(window,`online`).pipe((0,r.map)(()=>!0)),(0,n.fromEvent)(window,`offline`).pipe((0,r.map)(()=>!1))).pipe((0,r.distinctUntilChanged)());e.pipe((0,r.tap)(e=>this.updateBanner(e)),(0,r.takeUntil)(this.disconnecting)).subscribe(),e.pipe((0,r.skip)(1),(0,r.tap)(e=>t.t.play(e?`celebrated`:`disappointed`)),(0,r.takeUntil)(this.disconnecting)).subscribe()}updateBanner(e){let t=this.bannerRef.value,i=this.surfaceRef.value,a=this.iconRef.value,o=this.messageRef.value;t&&i&&a&&o&&(e?(i.setAttribute(`type`,`primary`),a.textContent=`🎉`,a.className=`text-2xl icon-bounce`,o.textContent=`Back online`,t.classList.remove(`exiting`),t.classList.add(`visible`),(0,n.timer)(1500).pipe((0,r.tap)(()=>{t.classList.add(`exiting`),(0,n.timer)(300).pipe((0,r.tap)(()=>t.classList.remove(`visible`,`exiting`)),(0,r.takeUntil)(this.disconnecting)).subscribe()}),(0,r.takeUntil)(this.disconnecting)).subscribe()):(i.setAttribute(`type`,`error`),a.textContent=`🙀`,a.className=`text-2xl icon-pulse`,o.textContent=`You're offline`,t.classList.remove(`exiting`),t.classList.add(`visible`)))}render(){return a.html`
+			<div ${(0,o.ref)(this.bannerRef)} class="banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none">
+				<schmancy-surface
+					${(0,o.ref)(this.surfaceRef)}
+					type="error"
+					rounded="all"
+					elevation="3"
+					class="mx-auto max-w-sm shadow-lg pointer-events-auto"
+				>
+					<div class="flex items-center gap-3 px-4 py-3">
+						<span ${(0,o.ref)(this.iconRef)} class="text-2xl">🙀</span>
+						<schmancy-typography type="body" token="md">
+							<span ${(0,o.ref)(this.messageRef)}>You're offline</span>
+						</schmancy-typography>
+					</div>
+				</schmancy-surface>
+			</div>
+		`}};s=e.i([(0,i.customElement)(`schmancy-connectivity-status`)],s),Object.defineProperty(exports,`SchmancyConnectivityStatus`,{enumerable:!0,get:function(){return s}});

package/dist/connectivity.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectivity.cjs","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`) {\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":"2TAkBO,IAAA,EAAA,cAAyC,EAAA,EAAgB,EAAA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qKA+ClE,mBAAA,CACC,MAAM,mBAAA,CAEN,IAAM,GAAA,EAAA,EAAA,QAAA,EAAA,EAAA,WACK,OAAQ,SAAA,CAAU,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,EAAM,EAAA,EAAA,WACvC,OAAQ,UAAA,CAAW,MAAA,EAAA,EAAA,SAAA,CAAe,EAAA,CAAA,CAAA,CAC3C,MAAA,EAAA,EAAA,uBAAA,CAAA,CAGF,EAAc,MAAA,EAAA,EAAA,KACT,GAAU,KAAK,aAAa,EAAA,CAAA,EAAQ,EAAA,EAAA,WAC9B,KAAK,cAAA,CAAA,CACd,WAAA,CAGF,EAAc,MAAA,EAAA,EAAA,MACR,EAAA,EAAE,EAAA,EAAA,KACH,GAAU,EAAA,EAAQ,KAAK,EAAS,aAAe,eAAA,CAAA,EAAgB,EAAA,EAAA,WACzD,KAAK,cAAA,CAAA,CACd,WAAA,CAGH,aAAqB,EAAA,CACpB,IAAM,EAAS,KAAK,UAAU,MACxB,EAAU,KAAK,WAAW,MAC1B,EAAO,KAAK,QAAQ,MACpB,EAAU,KAAK,WAAW,MAE3B,GAAW,GAAY,GAAS,IAEhC,GAUJ,EAAQ,aAAa,OAAQ,UAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,uBACjB,EAAQ,YAAc,cACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAA,EAAA,OAAM,KAAA,CAAM,MAAA,EAAA,EAAA,SAAA,CAEV,EAAO,UAAU,IAAI,UAAA,EACrB,EAAA,EAAA,OAAM,IAAA,CAAK,MAAA,EAAA,EAAA,SACA,EAAO,UAAU,OAAO,UAAW,UAAA,CAAA,EAAW,EAAA,EAAA,WAC9C,KAAK,cAAA,CAAA,CACd,WAAA,EAAA,EACD,EAAA,EAAA,WACQ,KAAK,cAAA,CAAA,CACd,WAAA,GAzBF,EAAQ,aAAa,OAAQ,QAAA,CAC7B,EAAK,YAAc,KACnB,EAAK,UAAY,sBACjB,EAAQ,YAAc,iBACtB,EAAO,UAAU,OAAO,UAAA,CACxB,EAAO,UAAU,IAAI,UAAA,GAwBvB,QAAA,CACC,MAAO,GAAA,IAAI;oBACC,KAAK,UAAA,CAAA;;iBAER,KAAK,WAAA,CAAA;;;;;;;wBAOE,KAAK,QAAA,CAAA;;yBAEJ,KAAK,WAAA,CAAA;;;;;iCA1HT,+BAAA,CAAA,CAA+B,EAAA,CAAA,OAAA,eAAA,QAAA,6BAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/connectivity.js

@@ -0,0 +1,86 @@
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import { t as n } from "./audio-kz8UgPTO.js";
+import { fromEvent as r, merge as i, timer as a } from "rxjs";
+import { distinctUntilChanged as o, map as s, skip as c, takeUntil as l, tap as u } from "rxjs/operators";
+import { customElement as d } from "lit/decorators.js";
+import { css as f, html as p } from "lit";
+import { createRef as m, ref as h } from "lit/directives/ref.js";
+var g = class extends t(f`
+	:host {
+		display: block;
+	}
+
+	.banner {
+		transform: translateY(-100%);
+		opacity: 0;
+		transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;
+	}
+
+	.banner.visible {
+		transform: translateY(0);
+		opacity: 1;
+	}
+
+	.banner.exiting {
+		transform: translateY(-100%);
+		opacity: 0;
+		transition: transform 300ms ease-out, opacity 300ms ease-out;
+	}
+
+	@keyframes icon-pulse {
+		0%, 100% { transform: scale(1); }
+		50% { transform: scale(1.2); }
+	}
+
+	@keyframes icon-bounce {
+		0%, 100% { transform: translateY(0); }
+		25% { transform: translateY(-6px); }
+		50% { transform: translateY(0); }
+		75% { transform: translateY(-3px); }
+	}
+
+	.icon-pulse {
+		animation: icon-pulse 1s ease-in-out infinite;
+	}
+
+	.icon-bounce {
+		animation: icon-bounce 600ms ease-out;
+	}
+`) {
+	constructor(...e) {
+		super(...e), this.bannerRef = m(), this.surfaceRef = m(), this.iconRef = m(), this.messageRef = m();
+	}
+	connectedCallback() {
+		super.connectedCallback();
+		let e = i(r(window, "online").pipe(s(() => !0)), r(window, "offline").pipe(s(() => !1))).pipe(o());
+		e.pipe(u((e) => this.updateBanner(e)), l(this.disconnecting)).subscribe(), e.pipe(c(1), u((e) => n.play(e ? "celebrated" : "disappointed")), l(this.disconnecting)).subscribe();
+	}
+	updateBanner(e) {
+		let t = this.bannerRef.value, n = this.surfaceRef.value, r = this.iconRef.value, i = this.messageRef.value;
+		t && n && r && i && (e ? (n.setAttribute("type", "primary"), r.textContent = "🎉", r.className = "text-2xl icon-bounce", i.textContent = "Back online", t.classList.remove("exiting"), t.classList.add("visible"), a(1500).pipe(u(() => {
+			t.classList.add("exiting"), a(300).pipe(u(() => t.classList.remove("visible", "exiting")), l(this.disconnecting)).subscribe();
+		}), l(this.disconnecting)).subscribe()) : (n.setAttribute("type", "error"), r.textContent = "🙀", r.className = "text-2xl icon-pulse", i.textContent = "You're offline", t.classList.remove("exiting"), t.classList.add("visible")));
+	}
+	render() {
+		return p`
+			<div ${h(this.bannerRef)} class="banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none">
+				<schmancy-surface
+					${h(this.surfaceRef)}
+					type="error"
+					rounded="all"
+					elevation="3"
+					class="mx-auto max-w-sm shadow-lg pointer-events-auto"
+				>
+					<div class="flex items-center gap-3 px-4 py-3">
+						<span ${h(this.iconRef)} class="text-2xl">🙀</span>
+						<schmancy-typography type="body" token="md">
+							<span ${h(this.messageRef)}>You're offline</span>
+						</schmancy-typography>
+					</div>
+				</schmancy-surface>
+			</div>
+		`;
+	}
+};
+g = e([d("schmancy-connectivity-status")], g);
+export { g as SchmancyConnectivityStatus };

package/dist/connectivity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"connectivity.js","names":[],"sources":["../src/connectivity/connectivity-status.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { merge, fromEvent, timer } from 'rxjs'\nimport { map, distinctUntilChanged, tap, takeUntil, skip } from 'rxjs/operators'\nimport { $sounds } from '../audio'\n\n/**\n * @element schmancy-connectivity-status\n * A beautiful connectivity status component that monitors online/offline state\n * and shows subtle animated banners when connectivity changes.\n *\n * @example\n * <!-- Add once to your app root -->\n * <schmancy-connectivity-status></schmancy-connectivity-status>\n */\n@customElement('schmancy-connectivity-status')\nexport class SchmancyConnectivityStatus extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\n\t.banner {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 400ms ease-out;\n\t}\n\n\t.banner.visible {\n\t\ttransform: translateY(0);\n\t\topacity: 1;\n\t}\n\n\t.banner.exiting {\n\t\ttransform: translateY(-100%);\n\t\topacity: 0;\n\t\ttransition: transform 300ms ease-out, opacity 300ms ease-out;\n\t}\n\n\t@keyframes icon-pulse {\n\t\t0%, 100% { transform: scale(1); }\n\t\t50% { transform: scale(1.2); }\n\t}\n\n\t@keyframes icon-bounce {\n\t\t0%, 100% { transform: translateY(0); }\n\t\t25% { transform: translateY(-6px); }\n\t\t50% { transform: translateY(0); }\n\t\t75% { transform: translateY(-3px); }\n\t}\n\n\t.icon-pulse {\n\t\tanimation: icon-pulse 1s ease-in-out infinite;\n\t}\n\n\t.icon-bounce {\n\t\tanimation: icon-bounce 600ms ease-out;\n\t}\n`) {\n\tprivate bannerRef = createRef<HTMLDivElement>()\n\tprivate surfaceRef = createRef<HTMLElement>()\n\tprivate iconRef = createRef<HTMLSpanElement>()\n\tprivate messageRef = createRef<HTMLSpanElement>()\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\n\t\tconst connectivity$ = merge(\n\t\t\tfromEvent(window, 'online').pipe(map(() => true)),\n\t\t\tfromEvent(window, 'offline').pipe(map(() => false))\n\t\t).pipe(distinctUntilChanged())\n\n\t\t// UI updates via refs\n\t\tconnectivity$.pipe(\n\t\t\ttap(online => this.updateBanner(online)),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\n\t\t// Sounds (skip initial)\n\t\tconnectivity$.pipe(\n\t\t\tskip(1),\n\t\t\ttap(online => $sounds.play(online ? 'celebrated' : 'disappointed')),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate updateBanner(online: boolean): void {\n\t\tconst banner = this.bannerRef.value\n\t\tconst surface = this.surfaceRef.value\n\t\tconst icon = this.iconRef.value\n\t\tconst message = this.messageRef.value\n\n\t\tif (!banner || !surface || !icon || !message) return\n\n\t\tif (!online) {\n\t\t\t// Going offline\n\t\t\tsurface.setAttribute('type', 'error')\n\t\t\ticon.textContent = '🙀'\n\t\t\ticon.className = 'text-2xl icon-pulse'\n\t\t\tmessage.textContent = \"You're offline\"\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\t\t} else {\n\t\t\t// Back online\n\t\t\tsurface.setAttribute('type', 'primary')\n\t\t\ticon.textContent = '🎉'\n\t\t\ticon.className = 'text-2xl icon-bounce'\n\t\t\tmessage.textContent = 'Back online'\n\t\t\tbanner.classList.remove('exiting')\n\t\t\tbanner.classList.add('visible')\n\n\t\t\t// Auto-dismiss after 1.5 seconds\n\t\t\ttimer(1500).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\tbanner.classList.add('exiting')\n\t\t\t\t\ttimer(300).pipe(\n\t\t\t\t\t\ttap(() => banner.classList.remove('visible', 'exiting')),\n\t\t\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t\t\t).subscribe()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting)\n\t\t\t).subscribe()\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<div ${ref(this.bannerRef)} class=\"banner fixed top-0 inset-x-0 z-50 p-2 pointer-events-none\">\n\t\t\t\t<schmancy-surface\n\t\t\t\t\t${ref(this.surfaceRef)}\n\t\t\t\t\ttype=\"error\"\n\t\t\t\t\trounded=\"all\"\n\t\t\t\t\televation=\"3\"\n\t\t\t\t\tclass=\"mx-auto max-w-sm shadow-lg pointer-events-auto\"\n\t\t\t\t>\n\t\t\t\t\t<div class=\"flex items-center gap-3 px-4 py-3\">\n\t\t\t\t\t\t<span ${ref(this.iconRef)} class=\"text-2xl\">🙀</span>\n\t\t\t\t\t\t<schmancy-typography type=\"body\" token=\"md\">\n\t\t\t\t\t\t\t<span ${ref(this.messageRef)}>You're offline</span>\n\t\t\t\t\t\t</schmancy-typography>\n\t\t\t\t\t</div>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-connectivity-status': SchmancyConnectivityStatus\n\t}\n}\n"],"mappings":";;;;;;;AAkBO,IAAA,IAAA,cAAyC,EAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCA0C9C,GAAA,EAAA,KAAA,aACC,GAAA,EAAA,KAAA,UACH,GAAA,EAAA,KAAA,aACG,GAAA;;CAErB,oBAAA;AACC,QAAM,mBAAA;EAEN,IAAM,IAAgB,EACrB,EAAU,QAAQ,SAAA,CAAU,KAAK,QAAA,CAAU,EAAA,CAAA,EAC3C,EAAU,QAAQ,UAAA,CAAW,KAAK,QAAA,CAAU,EAAA,CAAA,CAAA,CAC3C,KAAK,GAAA,CAAA;AAGP,IAAc,KACb,GAAI,MAAU,KAAK,aAAa,EAAA,CAAA,EAChC,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,EAGF,EAAc,KACb,EAAK,EAAA,EACL,GAAI,MAAU,EAAQ,KAAK,IAAS,eAAe,eAAA,CAAA,EACnD,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;;CAGH,aAAqB,GAAA;EACpB,IAAM,IAAS,KAAK,UAAU,OACxB,IAAU,KAAK,WAAW,OAC1B,IAAO,KAAK,QAAQ,OACpB,IAAU,KAAK,WAAW;AAE3B,OAAW,KAAY,KAAS,MAEhC,KAUJ,EAAQ,aAAa,QAAQ,UAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,wBACjB,EAAQ,cAAc,eACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA,EAGrB,EAAM,KAAA,CAAM,KACX,QAAA;AACC,KAAO,UAAU,IAAI,UAAA,EACrB,EAAM,IAAA,CAAK,KACV,QAAU,EAAO,UAAU,OAAO,WAAW,UAAA,CAAA,EAC7C,EAAU,KAAK,cAAA,CAAA,CACd,WAAA;IAAA,EAEH,EAAU,KAAK,cAAA,CAAA,CACd,WAAA,KAzBF,EAAQ,aAAa,QAAQ,QAAA,EAC7B,EAAK,cAAc,MACnB,EAAK,YAAY,uBACjB,EAAQ,cAAc,kBACtB,EAAO,UAAU,OAAO,UAAA,EACxB,EAAO,UAAU,IAAI,UAAA;;CAwBvB,SAAA;AACC,SAAO,CAAI;UACH,EAAI,KAAK,UAAA,CAAA;;OAEZ,EAAI,KAAK,WAAA,CAAA;;;;;;;cAOF,EAAI,KAAK,QAAA,CAAA;;eAER,EAAI,KAAK,WAAA,CAAA;;;;;;;;OA1HvB,EAAc,+BAAA,CAAA,EAA+B,EAAA;AAAA,SAAA,KAAA"}

package/dist/content-drawer.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-nWOZXEsW.cjs");Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>e.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=e.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>e.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=e.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=e.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>e.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=e.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=e.SchmancyContentDrawerSheetState,exports.schmancyContentDrawer=e.schmancyContentDrawer;
-//# sourceMappingURL=content-drawer.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-tfU0akqI.cjs`);Object.defineProperty(exports,`SchmancyContentDrawer`,{enumerable:!0,get:function(){return e.v}}),exports.SchmancyContentDrawerID=e.y,Object.defineProperty(exports,`SchmancyContentDrawerMain`,{enumerable:!0,get:function(){return e._}}),exports.SchmancyContentDrawerMaxHeight=e.b,exports.SchmancyContentDrawerMinWidth=e.x,Object.defineProperty(exports,`SchmancyContentDrawerSheet`,{enumerable:!0,get:function(){return e.g}}),exports.SchmancyContentDrawerSheetMode=e.S,exports.SchmancyContentDrawerSheetState=e.C,exports.schmancyContentDrawer=e.w;

package/dist/content-drawer.js

@@ -1,13 +1,2 @@
-import { g as n, d as t, h as r, e as c, f as h, i as o, b as S, c as s, s as m } from "./avatar-rLCF6MSI.js";
-export {
-  n as SchmancyContentDrawer,
-  t as SchmancyContentDrawerID,
-  r as SchmancyContentDrawerMain,
-  c as SchmancyContentDrawerMaxHeight,
-  h as SchmancyContentDrawerMinWidth,
-  o as SchmancyContentDrawerSheet,
-  S as SchmancyContentDrawerSheetMode,
-  s as SchmancyContentDrawerSheetState,
-  m as schmancyContentDrawer
-};
-//# sourceMappingURL=content-drawer.js.map
+import { C as e, S as t, _ as n, b as r, g as i, v as a, w as o, x as s, y as c } from "./src-BLcmKlCH.js";
+export { a as SchmancyContentDrawer, c as SchmancyContentDrawerID, n as SchmancyContentDrawerMain, r as SchmancyContentDrawerMaxHeight, s as SchmancyContentDrawerMinWidth, i as SchmancyContentDrawerSheet, t as SchmancyContentDrawerSheetMode, e as SchmancyContentDrawerSheetState, o as schmancyContentDrawer };

package/dist/cursor-glow-Ah7VXSj7.js

@@ -0,0 +1,46 @@
+import { t as e } from "./reduced-motion-D-L12p7G.js";
+import { Subject as t, animationFrameScheduler as n, fromEvent as r, merge as i } from "rxjs";
+import { auditTime as a, map as o, takeUntil as s } from "rxjs/operators";
+import { AsyncDirective as c } from "lit/async-directive.js";
+import { PartType as l, directive as u } from "lit/directive.js";
+var d = u(class extends c {
+	constructor(...e) {
+		super(...e), this.teardown$ = new t(), this.radius = 200, this.color = "var(--schmancy-sys-color-primary-default)", this.intensity = .12, this.didSetPosition = !1;
+	}
+	render(e) {}
+	update(t, [n]) {
+		if (t.type !== l.ELEMENT) throw Error("cursorGlow directive must be used on an element");
+		let r = JSON.stringify(n ?? {});
+		this.element && r === this.prevKey || (this.prevKey = r, this.element = t.element, this.radius = n?.radius ?? 200, this.color = n?.color ?? "var(--schmancy-sys-color-primary-default)", this.intensity = n?.intensity ?? .12, e.value || (this.teardown$.next(), this.ensureGlowElement(), this.setupTracking()));
+	}
+	reconnected() {
+		this.ensureGlowElement(), this.teardown$.next(), this.setupTracking();
+	}
+	ensureGlowElement() {
+		getComputedStyle(this.element).position === "static" && (this.element.style.position = "relative", this.didSetPosition = !0), this.glowEl || (this.glowEl = document.createElement("div"), this.glowEl.setAttribute("aria-hidden", "true"), Object.assign(this.glowEl.style, {
+			position: "absolute",
+			inset: "0",
+			pointerEvents: "none",
+			zIndex: "0",
+			borderRadius: "inherit",
+			overflow: "hidden",
+			opacity: "0",
+			transition: "opacity 400ms ease"
+		}), this.element.prepend(this.glowEl));
+	}
+	setupTracking() {
+		i(r(this.element, "mouseenter").pipe(o(() => (this.glowEl && (this.glowEl.style.opacity = "1"), this.cachedRect = this.element.getBoundingClientRect(), null))), r(this.element, "mousemove").pipe(a(0, n), o((e) => {
+			let t = this.cachedRect ?? this.element.getBoundingClientRect();
+			return {
+				x: e.clientX - t.left,
+				y: e.clientY - t.top
+			};
+		})), r(this.element, "mouseleave").pipe(o(() => (this.glowEl && (this.glowEl.style.opacity = "0"), this.cachedRect = void 0, null)))).pipe(s(this.teardown$)).subscribe((e) => {
+			e && this.glowEl && (this.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${e.x}px ${e.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(100 * this.intensity)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`);
+		});
+	}
+	disconnected() {
+		this.teardown$.next(), this.glowEl?.remove(), this.glowEl = void 0, this.didSetPosition && this.element && (this.element.style.position = "", this.didSetPosition = !1);
+	}
+});
+export { d as t };

package/dist/cursor-glow-Ah7VXSj7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor-glow-Ah7VXSj7.js","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":";;;;;AAwBA,IAqHa,IAAa,EArH1B,cAAkC,EAAA;CAAA,YAAA,GAAA,GAAA;AAAA,QAAA,GAAA,EAAA,EAAA,KAAA,YAGJ,IAAI,GAAA,EAAA,KAAA,SAChB,KAAA,KAAA,QACD,6CAAA,KAAA,YACI,KAAA,KAAA,iBAAA,CAEK;;CAGzB,OAAO,GAAA;CAIP,OAAgB,GAAA,CAAoB,IAAA;AACnC,MAAI,EAAK,SAAS,EAAS,QAC1B,OAAU,MAAM,kDAAA;EAGjB,IAAM,IAAM,KAAK,UAAU,KAAW,EAAA,CAAA;AAClC,OAAK,WAAW,MAAQ,KAAK,YACjC,KAAK,UAAU,GAEf,KAAK,UAAU,EAAK,SACpB,KAAK,SAAS,GAAS,UAAU,KACjC,KAAK,QAAQ,GAAS,SAAS,6CAC/B,KAAK,YAAY,GAAS,aAAa,KAEnC,EAAe,UAEnB,KAAK,UAAU,MAAA,EACf,KAAK,mBAAA,EACL,KAAK,eAAA;;CAKN,cAAA;AACC,OAAK,mBAAA,EACL,KAAK,UAAU,MAAA,EACf,KAAK,eAAA;;CAGN,oBAAA;AAEa,EADA,iBAAiB,KAAK,QAAA,CAAS,aAC/B,aACX,KAAK,QAAQ,MAAM,WAAW,YAC9B,KAAK,iBAAA,CAAiB,IAGlB,KAAK,WACT,KAAK,SAAS,SAAS,cAAc,MAAA,EACrC,KAAK,OAAO,aAAa,eAAe,OAAA,EACxC,OAAO,OAAO,KAAK,OAAO,OAAO;GAChC,UAAU;GACV,OAAO;GACP,eAAe;GACf,QAAQ;GACR,cAAc;GACd,UAAU;GACV,SAAS;GACT,YAAY;GAAA,CAAA,EAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA;;CAI5B,gBAAA;AAyBC,IAxBe,EAAsB,KAAK,SAAS,aAAA,CAAc,KAChE,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAa,KAAK,QAAQ,uBAAA,EACxB,MAAA,CAAA,EAIK,EAAsB,KAAK,SAAS,YAAA,CAAa,KAC9D,EAAU,GAAG,EAAA,EACb,GAAI,MAAA;GACH,IAAM,IAAO,KAAK,cAAc,KAAK,QAAQ,uBAAA;AAC7C,UAAO;IAAE,GAAG,EAAE,UAAU,EAAK;IAAM,GAAG,EAAE,UAAU,EAAK;IAAA;IAAA,CAAA,EAI1C,EAAU,KAAK,SAAS,aAAA,CAAc,KACpD,SACK,KAAK,WAAQ,KAAK,OAAO,MAAM,UAAU,MAC7C,KAAK,aAAA,KAAa,GACX,MAAA,CAAA,CAAA,CAKP,KAAK,EAAU,KAAK,UAAA,CAAA,CACpB,WAAU,MAAA;AACN,QAAO,KAAK,WACf,KAAK,OAAO,MAAM,aAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,MAAjB,KAAK,UAAA,CAAA;IAAA;;CAOxD,eAAA;AACC,OAAK,UAAU,MAAA,EACf,KAAK,QAAQ,QAAA,EACb,KAAK,SAAA,KAAS,GACV,KAAK,kBAAkB,KAAK,YAC/B,KAAK,QAAQ,MAAM,WAAW,IAC9B,KAAK,iBAAA,CAAiB;;EAAA;AAAA,SAAA,KAAA"}

package/dist/cursor-glow-DtSy_PJd.cjs

@@ -0,0 +1 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./reduced-motion-Ds05GPyz.cjs`);let t=require(`rxjs`),n=require(`rxjs/operators`),r=require(`lit/async-directive.js`),i=require(`lit/directive.js`);var a=class extends r.AsyncDirective{constructor(...e){super(...e),this.teardown$=new t.Subject,this.radius=200,this.color=`var(--schmancy-sys-color-primary-default)`,this.intensity=.12,this.didSetPosition=!1}render(e){}update(t,[n]){if(t.type!==i.PartType.ELEMENT)throw Error(`cursorGlow directive must be used on an element`);let r=JSON.stringify(n??{});this.element&&r===this.prevKey||(this.prevKey=r,this.element=t.element,this.radius=n?.radius??200,this.color=n?.color??`var(--schmancy-sys-color-primary-default)`,this.intensity=n?.intensity??.12,e.t.value||(this.teardown$.next(),this.ensureGlowElement(),this.setupTracking()))}reconnected(){this.ensureGlowElement(),this.teardown$.next(),this.setupTracking()}ensureGlowElement(){getComputedStyle(this.element).position===`static`&&(this.element.style.position=`relative`,this.didSetPosition=!0),this.glowEl||(this.glowEl=document.createElement(`div`),this.glowEl.setAttribute(`aria-hidden`,`true`),Object.assign(this.glowEl.style,{position:`absolute`,inset:`0`,pointerEvents:`none`,zIndex:`0`,borderRadius:`inherit`,overflow:`hidden`,opacity:`0`,transition:`opacity 400ms ease`}),this.element.prepend(this.glowEl))}setupTracking(){(0,t.merge)((0,t.fromEvent)(this.element,`mouseenter`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`1`),this.cachedRect=this.element.getBoundingClientRect(),null))),(0,t.fromEvent)(this.element,`mousemove`).pipe((0,n.auditTime)(0,t.animationFrameScheduler),(0,n.map)(e=>{let t=this.cachedRect??this.element.getBoundingClientRect();return{x:e.clientX-t.left,y:e.clientY-t.top}})),(0,t.fromEvent)(this.element,`mouseleave`).pipe((0,n.map)(()=>(this.glowEl&&(this.glowEl.style.opacity=`0`),this.cachedRect=void 0,null)))).pipe((0,n.takeUntil)(this.teardown$)).subscribe(e=>{e&&this.glowEl&&(this.glowEl.style.background=`radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${e.x}px ${e.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(100*this.intensity)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`)})}disconnected(){this.teardown$.next(),this.glowEl?.remove(),this.glowEl=void 0,this.didSetPosition&&this.element&&(this.element.style.position=``,this.didSetPosition=!1)}},o=(0,i.directive)(a);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/cursor-glow-DtSy_PJd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cursor-glow-DtSy_PJd.cjs","names":[],"sources":["../src/directives/cursor-glow.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface CursorGlowOptions {\n\t/** Glow radius in pixels (default: 200) */\n\tradius?: number\n\t/** Glow color — CSS color value (default: primary color) */\n\tcolor?: string\n\t/** Glow opacity 0-1 (default: 0.12) */\n\tintensity?: number\n}\n\n/**\n * Cursor glow directive — a soft radial light follows the cursor across the surface.\n *\n * @example\n * ```html\n * <schmancy-surface type=\"glass\" ${cursorGlow()}>content</schmancy-surface>\n * <div ${cursorGlow({ radius: 300, intensity: 0.2 })}>hero panel</div>\n * ```\n */\nclass CursorGlowDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate glowEl?: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate radius = 200\n\tprivate color = 'var(--schmancy-sys-color-primary-default)'\n\tprivate intensity = 0.12\n\tprivate prevKey?: string\n\tprivate didSetPosition = false\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: CursorGlowOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [CursorGlowOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('cursorGlow directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.radius = options?.radius ?? 200\n\t\tthis.color = options?.color ?? 'var(--schmancy-sys-color-primary-default)'\n\t\tthis.intensity = options?.intensity ?? 0.12\n\n\t\tif (reducedMotion$.value) return undefined\n\n\t\tthis.teardown$.next()\n\t\tthis.ensureGlowElement()\n\t\tthis.setupTracking()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.ensureGlowElement()\n\t\tthis.teardown$.next()\n\t\tthis.setupTracking()\n\t}\n\n\tprivate ensureGlowElement() {\n\t\tconst pos = getComputedStyle(this.element).position\n\t\tif (pos === 'static') {\n\t\t\tthis.element.style.position = 'relative'\n\t\t\tthis.didSetPosition = true\n\t\t}\n\n\t\tif (!this.glowEl) {\n\t\t\tthis.glowEl = document.createElement('div')\n\t\t\tthis.glowEl.setAttribute('aria-hidden', 'true')\n\t\t\tObject.assign(this.glowEl.style, {\n\t\t\t\tposition: 'absolute',\n\t\t\t\tinset: '0',\n\t\t\t\tpointerEvents: 'none',\n\t\t\t\tzIndex: '0',\n\t\t\t\tborderRadius: 'inherit',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\topacity: '0',\n\t\t\t\ttransition: 'opacity 400ms ease',\n\t\t\t})\n\t\t\tthis.element.prepend(this.glowEl)\n\t\t}\n\t}\n\n\tprivate setupTracking() {\n\t\tconst enter$ = fromEvent<MouseEvent>(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '1'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(this.element, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\treturn { x: e.clientX - rect.left, y: e.clientY - rect.top }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(this.element, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tif (this.glowEl) this.glowEl.style.opacity = '0'\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos && this.glowEl) {\n\t\t\t\t\tthis.glowEl.style.background = `radial-gradient(\n\t\t\t\t\t\t${this.radius}px circle at ${pos.x}px ${pos.y}px,\n\t\t\t\t\t\tcolor-mix(in srgb, ${this.color} ${Math.round(this.intensity * 100)}%, transparent),\n\t\t\t\t\t\ttransparent\n\t\t\t\t\t)`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.glowEl?.remove()\n\t\tthis.glowEl = undefined\n\t\tif (this.didSetPosition && this.element) {\n\t\t\tthis.element.style.position = ''\n\t\t\tthis.didSetPosition = false\n\t\t}\n\t}\n}\n\nexport const cursorGlow = directive(CursorGlowDirective)\n"],"mappings":"qMAwBA,IAAM,EAAN,cAAkC,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,UAGJ,IAAI,EAAA,QAAA,KAAA,OAChB,IAAA,KAAA,MACD,4CAAA,KAAA,UACI,IAAA,KAAA,eAAA,CAEK,EAGzB,OAAO,EAAA,EAIP,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,kDAAA,CAGjB,IAAM,EAAM,KAAK,UAAU,GAAW,EAAA,CAAA,CAClC,KAAK,SAAW,IAAQ,KAAK,UACjC,KAAK,QAAU,EAEf,KAAK,QAAU,EAAK,QACpB,KAAK,OAAS,GAAS,QAAU,IACjC,KAAK,MAAQ,GAAS,OAAS,4CAC/B,KAAK,UAAY,GAAS,WAAa,IAEnC,EAAA,EAAe,QAEnB,KAAK,UAAU,MAAA,CACf,KAAK,mBAAA,CACL,KAAK,eAAA,GAKN,aAAA,CACC,KAAK,mBAAA,CACL,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,CAGN,mBAAA,CACa,iBAAiB,KAAK,QAAA,CAAS,WAC/B,WACX,KAAK,QAAQ,MAAM,SAAW,WAC9B,KAAK,eAAA,CAAiB,GAGlB,KAAK,SACT,KAAK,OAAS,SAAS,cAAc,MAAA,CACrC,KAAK,OAAO,aAAa,cAAe,OAAA,CACxC,OAAO,OAAO,KAAK,OAAO,MAAO,CAChC,SAAU,WACV,MAAO,IACP,cAAe,OACf,OAAQ,IACR,aAAc,UACd,SAAU,SACV,QAAS,IACT,WAAY,qBAAA,CAAA,CAEb,KAAK,QAAQ,QAAQ,KAAK,OAAA,EAI5B,eAAA,EAyBC,EAAA,EAAA,QAAA,EAAA,EAAA,WAxBqC,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE3D,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAa,KAAK,QAAQ,uBAAA,CACxB,MAAA,CAAA,EAER,EAAA,EAAA,WAEmC,KAAK,QAAS,YAAA,CAAa,MAAA,EAAA,EAAA,WACpD,EAAG,EAAA,wBAAA,EAAwB,EAAA,EAAA,KACjC,GAAA,CACH,IAAM,EAAO,KAAK,YAAc,KAAK,QAAQ,uBAAA,CAC7C,MAAO,CAAE,EAAG,EAAE,QAAU,EAAK,KAAM,EAAG,EAAE,QAAU,EAAK,IAAA,EAAA,CAAA,EAExD,EAAA,EAAA,WAEwB,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAE/C,KAAK,SAAQ,KAAK,OAAO,MAAM,QAAU,KAC7C,KAAK,WAAA,IAAa,GACX,MAAA,CAAA,CAAA,CAKP,MAAA,EAAA,EAAA,WAAe,KAAK,UAAA,CAAA,CACpB,UAAU,GAAA,CACN,GAAO,KAAK,SACf,KAAK,OAAO,MAAM,WAAa,iCAC5B,KAAK,OAAA,eAAsB,EAAI,EAAA,KAAO,EAAI,EAAA,sCACvB,KAAK,MAAA,GAAS,KAAK,MAAuB,IAAjB,KAAK,UAAA,CAAA,0DAAA,CAOxD,cAAA,CACC,KAAK,UAAU,MAAA,CACf,KAAK,QAAQ,QAAA,CACb,KAAK,OAAA,IAAS,GACV,KAAK,gBAAkB,KAAK,UAC/B,KAAK,QAAQ,MAAM,SAAW,GAC9B,KAAK,eAAA,CAAiB,KAKZ,GAAA,EAAA,EAAA,WAAuB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}