@mhmo91/schmancy 0.8.6 → 0.9.3

package/dist/connectivity.cjs

@@ -0,0 +1,59 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DSuEu-y3.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-BIVhjNvD.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-SraDxEeg.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-CbO5kJ2O.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"}

package/dist/date-range-70zhLUKE.cjs

@@ -0,0 +1,131 @@
+const e=require(`./chunk-BCfY8kxB.cjs`),t=require(`./tailwind.mixin-DSuEu-y3.cjs`),n=require(`./litElement.mixin-BG6_-nYX.cjs`);require(`./mixins.cjs`);const r=require(`./dialog-service-VnW4gkmE.cjs`),i=require(`./sheet.service-DPAp7E3x.cjs`);let a=require(`rxjs`),o=require(`lit/decorators.js`),s=require(`lit`),c=require(`lit/directives/repeat.js`),l=require(`lit/directives/if-defined.js`);var u=e.t((e,t)=>{var n=e,r=function(){"use strict";var e=6e4,t=36e5,n=`millisecond`,r=`second`,i=`minute`,a=`hour`,o=`day`,s=`week`,c=`month`,l=`quarter`,u=`year`,d=`date`,f=`Invalid Date`,p=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,m=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,h={name:`en`,weekdays:`Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday`.split(`_`),months:`January_February_March_April_May_June_July_August_September_October_November_December`.split(`_`),ordinal:function(e){var t=[`th`,`st`,`nd`,`rd`],n=e%100;return`[`+e+(t[(n-20)%10]||t[n]||t[0])+`]`}},g=function(e,t,n){var r=String(e);return!r||r.length>=t?e:``+Array(t+1-r.length).join(n)+e},_={s:g,z:function(e){var t=-e.utcOffset(),n=Math.abs(t),r=Math.floor(n/60),i=n%60;return(t<=0?`+`:`-`)+g(r,2,`0`)+`:`+g(i,2,`0`)},m:function e(t,n){if(t.date()<n.date())return-e(n,t);var r=12*(n.year()-t.year())+(n.month()-t.month()),i=t.clone().add(r,c),a=n-i<0,o=t.clone().add(r+(a?-1:1),c);return+(-(r+(n-i)/(a?i-o:o-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:c,y:u,w:s,d:o,D:d,h:a,m:i,s:r,ms:n,Q:l}[e]||String(e||``).toLowerCase().replace(/s$/,``)},u:function(e){return e===void 0}},v=`en`,y={};y[v]=h;var b=`$isDayjsObject`,x=function(e){return e instanceof T||!(!e||!e[b])},S=function e(t,n,r){var i;if(!t)return v;if(typeof t==`string`){var a=t.toLowerCase();y[a]&&(i=a),n&&(y[a]=n,i=a);var o=t.split(`-`);if(!i&&o.length>1)return e(o[0])}else{var s=t.name;y[s]=t,i=s}return!r&&i&&(v=i),i||!r&&v},C=function(e,t){if(x(e))return e.clone();var n=typeof t==`object`?t:{};return n.date=e,n.args=arguments,new T(n)},w=_;w.l=S,w.i=x,w.w=function(e,t){return C(e,{locale:t.$L,utc:t.$u,x:t.$x,$offset:t.$offset})};var T=function(){function h(e){this.$L=S(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[b]=!0}var g=h.prototype;return g.parse=function(e){this.$d=function(e){var t=e.date,n=e.utc;if(t===null)return new Date(NaN);if(w.u(t))return new Date;if(t instanceof Date)return new Date(t);if(typeof t==`string`&&!/Z$/i.test(t)){var r=t.match(p);if(r){var i=r[2]-1||0,a=(r[7]||`0`).substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,a)}}return new Date(t)}(e),this.init()},g.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},g.$utils=function(){return w},g.isValid=function(){return this.$d.toString()!==f},g.isSame=function(e,t){var n=C(e);return this.startOf(t)<=n&&n<=this.endOf(t)},g.isAfter=function(e,t){return C(e)<this.startOf(t)},g.isBefore=function(e,t){return this.endOf(t)<C(e)},g.$g=function(e,t,n){return w.u(e)?this[t]:this.set(n,e)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(e,t){var n=this,l=!!w.u(t)||t,f=w.p(e),p=function(e,t){var r=w.w(n.$u?Date.UTC(n.$y,t,e):new Date(n.$y,t,e),n);return l?r:r.endOf(o)},m=function(e,t){return w.w(n.toDate()[e].apply(n.toDate(`s`),(l?[0,0,0,0]:[23,59,59,999]).slice(t)),n)},h=this.$W,g=this.$M,_=this.$D,v=`set`+(this.$u?`UTC`:``);switch(f){case u:return l?p(1,0):p(31,11);case c:return l?p(1,g):p(0,g+1);case s:var y=this.$locale().weekStart||0,b=(h<y?h+7:h)-y;return p(l?_-b:_+(6-b),g);case o:case d:return m(v+`Hours`,0);case a:return m(v+`Minutes`,1);case i:return m(v+`Seconds`,2);case r:return m(v+`Milliseconds`,3);default:return this.clone()}},g.endOf=function(e){return this.startOf(e,!1)},g.$set=function(e,t){var s,l=w.p(e),f=`set`+(this.$u?`UTC`:``),p=(s={},s[o]=f+`Date`,s[d]=f+`Date`,s[c]=f+`Month`,s[u]=f+`FullYear`,s[a]=f+`Hours`,s[i]=f+`Minutes`,s[r]=f+`Seconds`,s[n]=f+`Milliseconds`,s)[l],m=l===o?this.$D+(t-this.$W):t;if(l===c||l===u){var h=this.clone().set(d,1);h.$d[p](m),h.init(),this.$d=h.set(d,Math.min(this.$D,h.daysInMonth())).$d}else p&&this.$d[p](m);return this.init(),this},g.set=function(e,t){return this.clone().$set(e,t)},g.get=function(e){return this[w.p(e)]()},g.add=function(n,l){var d,f=this;n=Number(n);var p=w.p(l),m=function(e){var t=C(f);return w.w(t.date(t.date()+Math.round(e*n)),f)};if(p===c)return this.set(c,this.$M+n);if(p===u)return this.set(u,this.$y+n);if(p===o)return m(1);if(p===s)return m(7);var h=(d={},d[i]=e,d[a]=t,d[r]=1e3,d)[p]||1,g=this.$d.getTime()+n*h;return w.w(g,this)},g.subtract=function(e,t){return this.add(-1*e,t)},g.format=function(e){var t=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var r=e||`YYYY-MM-DDTHH:mm:ssZ`,i=w.z(this),a=this.$H,o=this.$m,s=this.$M,c=n.weekdays,l=n.months,u=n.meridiem,d=function(e,n,i,a){return e&&(e[n]||e(t,r))||i[n].slice(0,a)},p=function(e){return w.s(a%12||12,e,`0`)},h=u||function(e,t,n){var r=e<12?`AM`:`PM`;return n?r.toLowerCase():r};return r.replace(m,function(e,r){return r||function(e){switch(e){case`YY`:return String(t.$y).slice(-2);case`YYYY`:return w.s(t.$y,4,`0`);case`M`:return s+1;case`MM`:return w.s(s+1,2,`0`);case`MMM`:return d(n.monthsShort,s,l,3);case`MMMM`:return d(l,s);case`D`:return t.$D;case`DD`:return w.s(t.$D,2,`0`);case`d`:return String(t.$W);case`dd`:return d(n.weekdaysMin,t.$W,c,2);case`ddd`:return d(n.weekdaysShort,t.$W,c,3);case`dddd`:return c[t.$W];case`H`:return String(a);case`HH`:return w.s(a,2,`0`);case`h`:return p(1);case`hh`:return p(2);case`a`:return h(a,o,!0);case`A`:return h(a,o,!1);case`m`:return String(o);case`mm`:return w.s(o,2,`0`);case`s`:return String(t.$s);case`ss`:return w.s(t.$s,2,`0`);case`SSS`:return w.s(t.$ms,3,`0`);case`Z`:return i}return null}(e)||i.replace(`:`,``)})},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(n,d,f){var p,m=this,h=w.p(d),g=C(n),_=(g.utcOffset()-this.utcOffset())*e,v=this-g,y=function(){return w.m(m,g)};switch(h){case u:p=y()/12;break;case c:p=y();break;case l:p=y()/3;break;case s:p=(v-_)/6048e5;break;case o:p=(v-_)/864e5;break;case a:p=v/t;break;case i:p=v/e;break;case r:p=v/1e3;break;default:p=v}return f?p:w.a(p)},g.daysInMonth=function(){return this.endOf(c).$D},g.$locale=function(){return y[this.$L]},g.locale=function(e,t){if(!e)return this.$L;var n=this.clone(),r=S(e,t,!0);return r&&(n.$L=r),n},g.clone=function(){return w.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},h}(),E=T.prototype;return C.prototype=E,[[`$ms`,n],[`$s`,r],[`$m`,i],[`$H`,a],[`$W`,o],[`$M`,c],[`$y`,u],[`$D`,d]].forEach(function(e){E[e[1]]=function(t){return this.$g(t,e[0],e[1])}}),C.extend=function(e,t){return e.$i||=(e(t,T,C),!0),C},C.locale=S,C.isDayjs=x,C.unix=function(e){return C(1e3*e)},C.en=y[v],C.Ls=y,C.p={},C};typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs=r()}),d=e.t((e,t)=>{var n=e,r=function(){"use strict";var e=`month`,t=`quarter`;return function(n,r){var i=r.prototype;i.quarter=function(e){return this.$utils().u(e)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(e-1))};var a=i.add;i.add=function(n,r){return n=Number(n),this.$utils().p(r)===t?this.add(3*n,e):a.bind(this)(n,r)};var o=i.startOf;i.startOf=function(n,r){var i=this.$utils(),a=!!i.u(r)||r;if(i.p(n)===t){var s=this.quarter()-1;return a?this.month(3*s).startOf(e).startOf(`day`):this.month(3*s+2).endOf(e).endOf(`day`)}return o.bind(this)(n,r)}}};typeof e==`object`&&t!==void 0?t.exports=r():typeof define==`function`&&define.amd?define(r):(n=typeof globalThis<`u`?globalThis:n||self).dayjs_plugin_quarterOfYear=r()}),f=e.n(d(),1),p=e.n(u(),1);function m(e,t){return e.map(e=>({label:`Last ${e} Days`,range:{dateFrom:(0,p.default)().subtract(e-1,`days`).startOf(`day`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`day`}))}function h(e,t){return e.map(e=>({label:`Last ${e} Weeks`,range:{dateFrom:(0,p.default)().subtract(e,`weeks`).startOf(`week`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`week`}))}function g(e,t){return e.map(e=>({label:`Last ${e} Months`,range:{dateFrom:(0,p.default)().subtract(e,`months`).startOf(`month`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`month`}))}function _(e,t){return e.map(e=>({label:`Last ${e} Quarters`,range:{dateFrom:(0,p.default)().subtract(e,`quarters`).startOf(`quarter`).format(t),dateTo:(0,p.default)().endOf(`day`).format(t)},step:`quarter`}))}function v(e,t){if(!e)return null;let n=(0,p.default)(e);return n.isValid()?n.format(t):null}function y(e,t,n){let r=v(e,n),i=v(t,n);return{dateFrom:r,dateTo:i,isValid:r!==null&&i!==null}}var b=class extends n.t(){constructor(...e){super(...e),this.type=`date`,this.dateFrom={label:`From`,value:``},this.dateTo={label:`To`,value:``},this.activePreset=null,this.presetCategories=[]}getPresetGroups(){let e=this.presetCategories.flatMap(e=>e.presets),t=[`Today`,`Yesterday`,`This Week`,`This Month`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),n=[`Last 7 Days`,`Last 14 Days`,`Last 30 Days`,`Last 60 Days`,`Last 90 Days`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),r=[`Last Week`,`Last Month`,`Last Quarter`,`Last Year`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),i=[`This Week`,`This Month`,`This Quarter`,`This Year`,`Year to Date`].map(t=>e.find(e=>e.label===t)).filter(e=>e!==void 0),a=[];return t.length>0&&a.push({name:`Quick Select`,presets:t}),n.length>0&&a.push({name:`Days`,presets:n}),r.length>0&&a.push({name:`Periods`,presets:r}),i.length>0&&a.push({name:`Year to Date`,presets:i}),a}handleFromDateChange(e){let t=e.target;this.dateFrom={...this.dateFrom,value:t.value},this.dateTo.value&&(0,p.default)(this.dateFrom.value).isAfter((0,p.default)(this.dateTo.value))&&(this.dateTo={...this.dateTo,value:this.dateFrom.value}),this.dispatchEvent(new CustomEvent(`date-change`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value},bubbles:!0,composed:!0}))}handleToDateChange(e){let t=e.target;this.dateTo={...this.dateTo,value:t.value},this.dispatchEvent(new CustomEvent(`date-change`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value},bubbles:!0,composed:!0}))}handlePresetSelection(e,t){t.stopPropagation(),this.dispatchEvent(new CustomEvent(`preset-select`,{detail:{preset:e},bubbles:!0,composed:!0})),r.t.dismiss()}applyManualDateSelection(e){e.stopPropagation();let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value);t.isValid()&&n.isValid()?(this.dispatchEvent(new CustomEvent(`apply-dates`,{detail:{dateFrom:this.dateFrom.value,dateTo:this.dateTo.value,swapIfNeeded:t.isAfter(n)},bubbles:!0,composed:!0})),r.t.dismiss()):this.dispatchEvent(new CustomEvent(`announce`,{detail:{message:`Invalid date format. Please check your input.`},bubbles:!0,composed:!0}))}render(){return s.html`
+			<div class="w-full min-h-[400px] max-h-[80vh] flex flex-col p-4">
+				<!-- Preset Groups Section -->
+				<div class="flex-1 overflow-y-auto overflow-x-hidden min-h-0 space-y-4">
+					${(0,c.repeat)(this.getPresetGroups(),e=>e.name,e=>s.html`
+							<div class="space-y-2">
+								<schmancy-typography type="label" token="md" class="text-surface-onVariant">
+									${e.name}
+								</schmancy-typography>
+								<div class="flex flex-wrap gap-2">
+									${(0,c.repeat)(e.presets,e=>e.label,e=>s.html`
+											<schmancy-filter-chip
+												.value=${e.label}
+												.selected=${this.activePreset===e.label}
+												@click=${t=>this.handlePresetSelection(e,t)}
+												title="${e.range.dateFrom} to ${e.range.dateTo}"
+											>
+												${e.label}
+											</schmancy-filter-chip>
+										`)}
+								</div>
+							</div>
+						`)}
+				</div>
+
+				<!-- Divider -->
+				<schmancy-divider class="my-4"></schmancy-divider>
+
+				<!-- Custom Range Section -->
+				<div class="space-y-2">
+					<div class="flex items-end gap-3 flex-wrap">
+						<div class="flex-1 min-w-[140px]">
+							<schmancy-input
+								.type="${this.type}"
+								.label="${this.dateFrom.label||`From`}"
+								.value="${this.dateFrom.value}"
+								min="${(0,l.ifDefined)(this.minDate)}"
+								max="${(0,l.ifDefined)(this.maxDate)}"
+								@change="${this.handleFromDateChange}"
+							></schmancy-input>
+						</div>
+						<div class="flex-1 min-w-[140px]">
+							<schmancy-input
+								.type="${this.type}"
+								.label="${this.dateTo.label||`To`}"
+								.value="${this.dateTo.value}"
+								min="${(0,l.ifDefined)(this.dateFrom.value)}"
+								max="${(0,l.ifDefined)(this.maxDate)}"
+								@change="${this.handleToDateChange}"
+							></schmancy-input>
+						</div>
+						<schmancy-button
+							variant="filled"
+							@click="${e=>this.applyManualDateSelection(e)}"
+							?disabled="${!this.dateFrom.value||!this.dateTo.value}"
+						>
+							Apply
+						</schmancy-button>
+					</div>
+				</div>
+			</div>
+		`}};t.i([(0,o.property)({type:String})],b.prototype,`type`,void 0),t.i([(0,o.property)({type:Object})],b.prototype,`dateFrom`,void 0),t.i([(0,o.property)({type:Object})],b.prototype,`dateTo`,void 0),t.i([(0,o.property)({type:String})],b.prototype,`minDate`,void 0),t.i([(0,o.property)({type:String})],b.prototype,`maxDate`,void 0),t.i([(0,o.property)({type:String})],b.prototype,`activePreset`,void 0),t.i([(0,o.property)({type:Array})],b.prototype,`presetCategories`,void 0),b=t.i([(0,o.customElement)(`schmancy-date-range-dialog`)],b),p.default.extend(f.default);var x=class extends n.t(){constructor(...e){super(...e),this.type=`date`,this.dateFrom={label:`From`,value:``},this.dateTo={label:`To`,value:``},this.customPresets=[],this.disabled=!1,this.required=!1,this.placeholder=`Select date range`,this.clearable=!0,this.collapse=!1,this.isOpen=!1,this.selectedDateRange=``,this.activePreset=null,this.announceMessage=``,this.isMobile=!1,this.presetRanges=[],this.presetCategories=[],this.memoizedPresets=new Map}disconnectedCallback(){super.disconnectedCallback(),this.isOpen=!1}connectedCallback(){super.connectedCallback(),this.initPresetRanges(),this.checkMobileView();let e=this.getDateFormat(),t=y(this.dateFrom.value,this.dateTo.value,e);if(t.isValid)this.dateFrom.value=t.dateFrom,this.dateTo.value=t.dateTo,this.updateSelectedDateRange();else{let t=(0,p.default)().format(e);this.dateFrom.value=t,this.dateTo.value=t,this.updateSelectedDateRange()}this.setupEventHandlers()}setupEventHandlers(){(0,a.fromEvent)(document,`keydown`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(e=>{this.handleKeyboardNavigation(e)}),(0,a.fromEvent)(window,`resize`).pipe((0,a.debounceTime)(150),(0,a.takeUntil)(this.disconnecting)).subscribe(()=>{this.checkMobileView()})}updated(e){super.updated(e),!e.has(`dateFrom`)&&!e.has(`dateTo`)||this.dateFrom?.value===void 0&&this.dateTo?.value===void 0||this.updateSelectedDateRange()}initPresetRanges(){let e=this.getDateFormat(),t=`${this.type}-${e}-${JSON.stringify(this.customPresets)}`;if(this.memoizedPresets.has(t)){let e=this.memoizedPresets.get(t);this.presetCategories=e,this.presetRanges=[],e.forEach(e=>{this.presetRanges.push(...e.presets)});return}if(this.presetCategories=function(e,t=!1){let n=[];return t&&n.push({name:`Hours`,presets:[{label:`Last 24 Hours`,range:{dateFrom:(0,p.default)().subtract(24,`hours`).format(e),dateTo:(0,p.default)().format(e)},step:`hour`},{label:`Last 12 Hours`,range:{dateFrom:(0,p.default)().subtract(12,`hours`).format(e),dateTo:(0,p.default)().format(e)},step:`hour`}]}),n.push({name:`Days`,presets:[{label:`Today`,range:{dateFrom:(0,p.default)().startOf(`day`).format(e),dateTo:(0,p.default)().endOf(`day`).format(e)},step:`day`},{label:`Yesterday`,range:{dateFrom:(0,p.default)().subtract(1,`days`).startOf(`day`).format(e),dateTo:(0,p.default)().subtract(1,`days`).endOf(`day`).format(e)},step:`day`},...m([7,14,30,60,90],e)]}),n.push({name:`Weeks`,presets:[{label:`This Week`,range:{dateFrom:(0,p.default)().startOf(`week`).format(e),dateTo:(0,p.default)().endOf(`week`).format(e)},step:`week`},{label:`Last Week`,range:{dateFrom:(0,p.default)().subtract(1,`weeks`).startOf(`week`).format(e),dateTo:(0,p.default)().subtract(1,`weeks`).endOf(`week`).format(e)},step:`week`},...h([2,4],e)]}),n.push({name:`Months`,presets:[{label:`This Month`,range:{dateFrom:(0,p.default)().startOf(`month`).format(e),dateTo:(0,p.default)().endOf(`month`).format(e)},step:`month`},{label:`Last Month`,range:{dateFrom:(0,p.default)().subtract(1,`month`).startOf(`month`).format(e),dateTo:(0,p.default)().subtract(1,`month`).endOf(`month`).format(e)},step:`month`},...g([3,6],e)]}),n.push({name:`Quarters`,presets:[{label:`This Quarter`,range:{dateFrom:(0,p.default)().startOf(`quarter`).format(e),dateTo:(0,p.default)().endOf(`quarter`).format(e)},step:`quarter`},{label:`Last Quarter`,range:{dateFrom:(0,p.default)().subtract(1,`quarter`).startOf(`quarter`).format(e),dateTo:(0,p.default)().subtract(1,`quarter`).endOf(`quarter`).format(e)},step:`quarter`},..._([2,4],e)]}),n.push({name:`Years`,presets:[{label:`This Year`,range:{dateFrom:(0,p.default)().startOf(`year`).format(e),dateTo:(0,p.default)().endOf(`year`).format(e)},step:`year`},{label:`Last Year`,range:{dateFrom:(0,p.default)().subtract(1,`year`).startOf(`year`).format(e),dateTo:(0,p.default)().subtract(1,`year`).endOf(`year`).format(e)},step:`year`},{label:`Year to Date`,range:{dateFrom:(0,p.default)().startOf(`year`).format(e),dateTo:(0,p.default)().endOf(`day`).format(e)},step:`day`}]}),n}(e,this.type===`datetime-local`),this.presetRanges=[],this.presetCategories.forEach(e=>{this.presetRanges.push(...e.presets)}),this.customPresets&&this.customPresets.length>0){let e={name:`Custom`,presets:this.customPresets.map(e=>({label:e.label,range:{dateFrom:e.dateFrom,dateTo:e.dateTo},step:`day`}))};this.presetCategories.push(e),this.presetRanges.push(...e.presets)}this.memoizedPresets.set(t,[...this.presetCategories])}getDateFormat(){return this.format||(this.type===`date`?`YYYY-MM-DD`:`YYYY-MM-DDTHH:mm`)}updateSelectedDateRange(){let e=this.presetRanges.find(e=>e.range.dateFrom===this.dateFrom.value&&e.range.dateTo===this.dateTo.value);if(e)return this.selectedDateRange=e.label,void(this.activePreset=e.label);this.checkAndUpdateActivePreset(this.dateFrom.value,this.dateTo.value),this.activePreset=null,this.selectedDateRange=function(e,t,n,r){if(!e||!t)return r;let i=(0,p.default)(e),a=(0,p.default)(t);if(!i.isValid()||!a.isValid())return r;let o=n===`datetime-local`?i.format(` h:mm A`):``,s=n===`datetime-local`?a.format(` h:mm A`):``;return i.isSame(a,`day`)?`${i.format(`ddd, MMM D, YYYY`)}${o}`:i.isSame(a,`month`)&&i.isSame(a,`year`)?`${i.format(`ddd MMM D`)} - ${a.format(`ddd D, YYYY`)}${s}`:i.isSame(a,`year`)?`${i.format(`ddd MMM D`)} - ${a.format(`ddd MMM D, YYYY`)}${s}`:`${i.format(`ddd MMM D, YYYY`)}${o} - ${a.format(`ddd MMM D, YYYY`)}${s}`}(this.dateFrom.value,this.dateTo.value,this.type,this.placeholder)}setDateRange(e,t){this.dateFrom.value=e,this.dateTo.value=t,this.updateSelectedDateRange(),this.announceToScreenReader(`Date range updated: ${this.selectedDateRange}`),this.dispatchEvent(new CustomEvent(`change`,{detail:{dateFrom:e,dateTo:t},bubbles:!0,composed:!0}))}toggleDropdown(e){e.stopPropagation(),this.disabled||this.step!==void 0||(this.isOpen?this.closeDropdown():this.openDropdown(e))}openDropdown(e){if(this.disabled||this.step!==void 0)return;this.dispatchEvent(new CustomEvent(`beforeopen`,{bubbles:!0,composed:!0})),this.isOpen=!0;let t=s.html`
+			<schmancy-date-range-dialog
+				.type="${this.type}"
+				.dateFrom="${this.dateFrom}"
+				.dateTo="${this.dateTo}"
+				.minDate="${this.minDate}"
+				.maxDate="${this.maxDate}"
+				.activePreset="${this.activePreset}"
+				.presetCategories="${this.presetCategories}"
+				@preset-select="${e=>{this.activePreset=e.detail.preset.label,this.setDateRange(e.detail.preset.range.dateFrom,e.detail.preset.range.dateTo),this.closeDropdown()}}"
+				@date-change="${()=>this.updateSelectedDateRange()}"
+				@apply-dates="${e=>{let{dateFrom:t,dateTo:n,swapIfNeeded:r}=e.detail;r?this.setDateRange(n,t):this.setDateRange(t,n),this.closeDropdown()}}"
+				@announce="${e=>this.announceToScreenReader(e.detail.message)}"
+			></schmancy-date-range-dialog>
+		`;if(this.isMobile){let e=document.createElement(`div`);(0,s.render)(t,e),i.n.push({component:e,uid:`date-range-sheet`,close:()=>{this.isOpen=!1}})}else r.t.component(t,{title:`Select Date Range`,hideActions:!0,position:e}).then(()=>{this.isOpen=!1})}closeDropdown(){this.isMobile?i.n.dismiss(`date-range-sheet`):r.t.dismiss(),this.isOpen=!1}shiftDateRange(e,t){if(t.stopPropagation(),!this.dateFrom.value||!this.dateTo.value)return;let n=(0,p.default)(this.dateFrom.value),r=(0,p.default)(this.dateTo.value);if(!n.isValid()||!r.isValid())return;let i=this.getDateFormat(),a=e>0?1:-1,o=r.diff(n,`day`)+1,s,c;if(this.step!==void 0)typeof this.step==`number`?(s=a*this.step,c=`day`):this.step===`day`?(s=a*o,c=`day`):(s=a,c=this.step);else{let e=function(e,t){return{isFullMonth:e.date()===1&&t.isSame(e.endOf(`month`),`day`),isFullQuarter:e.isSame(e.startOf(`quarter`),`day`)&&t.isSame(t.endOf(`quarter`),`day`),isFullYear:e.isSame(e.startOf(`year`),`day`)&&t.isSame(t.endOf(`year`),`day`),isFullWeek:e.day()===0&&t.day()===6&&t.diff(e,`days`)===6}}(n,r);e.isFullYear?(s=a,c=`year`):e.isFullMonth?(s=a,c=`month`):e.isFullWeek?(s=a,c=`week`):(s=a*o,c=`day`)}let l=n.add(s,c),u=r.add(s,c);this.minDate&&l.isBefore((0,p.default)(this.minDate))||this.maxDate&&u.isAfter((0,p.default)(this.maxDate))||(this.setDateRange(l.format(i),u.format(i)),this.checkAndUpdateActivePreset(l.format(i),u.format(i)))}handleKeyboardNavigation(e){let t=e.key;if(this.dateFrom.value&&this.dateTo.value&&!this.disabled)switch(t){case`PageUp`:(e.target===this||this.contains(e.target))&&(this.shiftDateRange(-1,e),e.preventDefault());break;case`PageDown`:(e.target===this||this.contains(e.target))&&(this.shiftDateRange(1,e),e.preventDefault());break;case`Home`:if(e.ctrlKey&&(e.target===this||this.contains(e.target))){let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value),r=t.startOf(`month`),i=n.diff(t,`day`);this.setDateRange(r.format(this.getDateFormat()),r.add(i,`day`).format(this.getDateFormat())),e.preventDefault()}break;case`End`:if(e.ctrlKey&&(e.target===this||this.contains(e.target))){let t=(0,p.default)(this.dateFrom.value),n=(0,p.default)(this.dateTo.value),r=n.diff(t,`day`),i=n.endOf(`month`);this.setDateRange(i.subtract(r,`day`).format(this.getDateFormat()),i.format(this.getDateFormat())),e.preventDefault()}}}checkAndUpdateActivePreset(e,t){let n=this.presetRanges.find(n=>n.range.dateFrom===e&&n.range.dateTo===t);this.activePreset=n?n.label:null}checkMobileView(){this.isMobile=window.innerWidth<768}canNavigateBackward(){if(!this.dateFrom.value||!this.minDate)return!0;let e=(0,p.default)(this.dateFrom.value),t=(0,p.default)(this.minDate);return e.isAfter(t)}canNavigateForward(){if(!this.dateTo.value||!this.maxDate)return!0;let e=(0,p.default)(this.dateTo.value),t=(0,p.default)(this.maxDate);return e.isBefore(t)}announceToScreenReader(e){this.announceMessage=e,(0,a.timer)(100).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(()=>{this.announceMessage=``})}render(){return s.html`
+			<div class="relative ${this.disabled?`opacity-60 pointer-events-none`:``}">
+				<!-- Screen reader announcements -->
+				<div class="sr-only" role="status" aria-live="polite" aria-atomic="true">
+					${this.announceMessage}
+				</div>
+
+				<!-- Collapsed: icon-only on mobile when collapse=true -->
+				<schmancy-icon-button
+					class="${this.collapse?`lg:hidden`:`hidden`}"
+					variant="outlined"
+					type="button"
+					aria-label="Select date range. Current: ${this.selectedDateRange||`No date selected`}"
+					@click=${e=>this.toggleDropdown(e)}
+					?disabled=${this.disabled}
+				>
+					date_range
+				</schmancy-icon-button>
+
+				<!-- Full UI: always visible when collapse=false, or lg+ when collapse=true -->
+				<section @click=${e=>e.stopPropagation()} class="${this.collapse?`hidden lg:flex`:`flex`}">
+						<schmancy-icon-button
+							type="button"
+							aria-label="Previous ${this.activePreset?this.activePreset.toLowerCase():`date range`}"
+							@click=${e=>this.shiftDateRange(-1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value||!this.canNavigateBackward()}
+						>
+							arrow_left
+						</schmancy-icon-button>
+
+						<schmancy-button
+							class="w-max"
+							variant="outlined"
+							type="button"
+							aria-haspopup="menu"
+							aria-expanded=${this.isOpen}
+							aria-label="Select date range. Current: ${this.selectedDateRange||`No date selected`}"
+							aria-readonly="${this.step!==void 0}"
+							@click=${e=>this.toggleDropdown(e)}
+							?disabled=${this.disabled}
+							style="${this.step===void 0?``:`cursor: default;`}"
+						>
+							${this.selectedDateRange||this.placeholder}
+						</schmancy-button>
+
+						<schmancy-icon-button
+							type="button"
+							aria-label="Next ${this.activePreset?this.activePreset.toLowerCase():`date range`}"
+							@click=${e=>this.shiftDateRange(1,e)}
+							?disabled=${this.disabled||!this.dateFrom.value||!this.dateTo.value||!this.canNavigateForward()}
+						>
+							arrow_right
+						</schmancy-icon-button>
+				</section>
+			</div>
+		`}};t.i([(0,o.property)({type:String})],x.prototype,`type`,void 0),t.i([(0,o.property)({type:Object})],x.prototype,`dateFrom`,void 0),t.i([(0,o.property)({type:Object})],x.prototype,`dateTo`,void 0),t.i([(0,o.property)({type:String})],x.prototype,`minDate`,void 0),t.i([(0,o.property)({type:String})],x.prototype,`maxDate`,void 0),t.i([(0,o.property)({type:Array})],x.prototype,`customPresets`,void 0),t.i([(0,o.property)({type:String})],x.prototype,`format`,void 0),t.i([(0,o.property)({type:Boolean})],x.prototype,`disabled`,void 0),t.i([(0,o.property)({type:Boolean})],x.prototype,`required`,void 0),t.i([(0,o.property)({type:String})],x.prototype,`placeholder`,void 0),t.i([(0,o.property)({type:Boolean})],x.prototype,`clearable`,void 0),t.i([(0,o.property)()],x.prototype,`step`,void 0),t.i([(0,o.property)({type:Boolean})],x.prototype,`collapse`,void 0),t.i([(0,o.state)()],x.prototype,`isOpen`,void 0),t.i([(0,o.state)()],x.prototype,`selectedDateRange`,void 0),t.i([(0,o.state)()],x.prototype,`activePreset`,void 0),t.i([(0,o.state)()],x.prototype,`announceMessage`,void 0),t.i([(0,o.state)()],x.prototype,`isMobile`,void 0),x=t.i([(0,o.customElement)(`schmancy-date-range`)],x),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return x}});