@mhmo91/schmancy 0.10.41 → 0.10.43

package/dist/{details-BnleHmYe.js → details-Ct1_GwKr.js}

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
-import { t as n } from "./mixins-COeG4DiX.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import { t as n } from "./mixins-q4KAL8Xr.js";
 import { f as r } from "./animation-DCznELuT.js";
 import { t as i } from "./reduced-motion-D-L12p7G.js";
 import { t as a } from "./cursor-glow-Ah7VXSj7.js";
@@ -12,34 +12,35 @@ import { createRef as x, ref as S } from "lit/directives/ref.js";
 var C = class extends n(e) {
 	static {
 		this.styles = [v`
-		:host {
-			display: block;
-		}
+			:host {
+				display: block;
+				border-radius: 1rem;
+			}
 
-		:host([overlay]) {
-			position: relative;
-		}
+			:host([overlay]) {
+				position: relative;
+			}
 
-		:host([open]) {
-			z-index: 10;
-		}
+			:host([open]) {
+				z-index: 10;
+			}
 
-		details {
-			background: inherit;
-			color: inherit;
-			border-radius: inherit;
-		}
+			details {
+				background: inherit;
+				color: inherit;
+				border-radius: inherit;
+			}
 
-		summary::-webkit-details-marker {
-			display: none;
-		}
+			summary::-webkit-details-marker {
+				display: none;
+			}
 
-		summary {
-			list-style: none;
-			color: inherit;
-		}
+			summary {
+				list-style: none;
+				color: inherit;
+			}
 
-		/*
+			/*
 		 * Blackbird 2.1 — CSS-driven collapse/expand
 		 *
 		 * Single animation system: CSS grid transition handles height,
@@ -47,40 +48,52 @@ var C = class extends n(e) {
 		 * No competing Web Animations API on content.
 		 */
 
-		.content-wrapper {
-			display: grid;
-			grid-template-rows: 0fr;
-			overflow: hidden;
-			opacity: 0;
-			transition:
-				grid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
-				opacity 250ms ease;
-		}
-
-		/* Spring easing when linear() is supported */
-		@supports (animation-timing-function: linear(0, 1)) {
 			.content-wrapper {
+				display: grid;
+				grid-template-rows: 0fr;
+				overflow: hidden;
+				opacity: 0;
 				transition:
-					grid-template-rows 400ms linear(
-						0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
-						0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,
-						1.017 63.3%, 1.001
-					),
+					grid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
 					opacity 250ms ease;
 			}
-		}
 
-		.content-wrapper[data-open='true'] {
-			grid-template-rows: 1fr;
-			opacity: 1;
-		}
+			/* Spring easing when linear() is supported */
+			@supports (animation-timing-function: linear(0, 1)) {
+				.content-wrapper {
+					transition:
+						grid-template-rows 400ms
+							linear(
+								0,
+								0.006,
+								0.025 2.8%,
+								0.101 6.1%,
+								0.539 18.9%,
+								0.721 25.3%,
+								0.849 31.5%,
+								0.937 38.1%,
+								0.968 41.8%,
+								0.991 45.7%,
+								1.006 50%,
+								1.015 54.8%,
+								1.017 63.3%,
+								1.001
+							),
+						opacity 250ms ease;
+				}
+			}
 
-		.content-inner {
-			min-height: 0;
-			overflow: hidden;
-		}
+			.content-wrapper[data-open='true'] {
+				grid-template-rows: 1fr;
+				opacity: 1;
+			}
 
-		/*
+			.content-inner {
+				min-height: 0;
+				overflow: hidden;
+			}
+
+			/*
 		 * Progressive Enhancement: ::details-content (Chrome 131+)
 		 *
 		 * When both ::details-content AND interpolate-size are supported,
@@ -88,41 +101,41 @@ var C = class extends n(e) {
 		 * close via transition-behavior: allow-discrete on content-visibility.
 		 * The grid wrapper becomes transparent (display: contents).
 		 */
-		@supports selector(::details-content) and (interpolate-size: allow-keywords) {
-			:host {
-				interpolate-size: allow-keywords;
-			}
+			@supports selector(::details-content) and (interpolate-size: allow-keywords) {
+				:host {
+					interpolate-size: allow-keywords;
+				}
 
-			.content-wrapper {
-				display: contents;
-			}
+				.content-wrapper {
+					display: contents;
+				}
 
-			details::details-content {
-				block-size: 0;
-				overflow-y: clip;
-				opacity: 0;
-				transition:
-					block-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
-					opacity 250ms ease,
-					content-visibility 400ms;
-				transition-behavior: allow-discrete;
-			}
+				details::details-content {
+					block-size: 0;
+					overflow-y: clip;
+					opacity: 0;
+					transition:
+						block-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
+						opacity 250ms ease,
+						content-visibility 400ms;
+					transition-behavior: allow-discrete;
+				}
 
-			details[open]::details-content {
-				block-size: auto;
-				opacity: 1;
+				details[open]::details-content {
+					block-size: auto;
+					opacity: 1;
+				}
 			}
-		}
 
-		@media (prefers-reduced-motion: reduce) {
-			.content-wrapper {
-				transition: none;
-			}
-			details::details-content {
-				transition: none;
+			@media (prefers-reduced-motion: reduce) {
+				.content-wrapper {
+					transition: none;
+				}
+				details::details-content {
+					transition: none;
+				}
 			}
-		}
-	`];
+		`];
 	}
 	static {
 		this.shadowRootOptions = {
@@ -146,7 +159,7 @@ var C = class extends n(e) {
 	#o;
 	#s;
 	constructor() {
-		super(), this.summary = "", this.indicatorPlacement = "end", this.hideIndicator = !1, this.indicatorRotate = 90, this.locked = !1, this.overlay = !1, this.summaryPadding = "p-3", this.contentPadding = "p-3", this.#e = new s(!1), this.#t = x(), this.#n = x(), this.#i = !1, this.#a = !1, this.#s = typeof CSS < "u" && !!CSS.supports?.("selector(::details-content)") && !!CSS.supports?.("interpolate-size", "allow-keywords"), this.hasOpened = !1, this.type = "solid", this.rounded = "all";
+		super(), this.summary = "", this.indicatorPlacement = "end", this.hideIndicator = !1, this.indicatorRotate = 90, this.locked = !1, this.overlay = !1, this.summaryPadding = "p-3", this.contentPadding = "p-3", this.#e = new s(!1), this.#t = x(), this.#n = x(), this.#i = !1, this.#a = !1, this.#s = typeof CSS < "u" && !!CSS.supports?.("selector(::details-content)") && !!CSS.supports?.("interpolate-size", "allow-keywords"), this.hasOpened = !1, this.type = "containerLowest";
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.#e.pipe(l(), p((e) => {
@@ -178,27 +191,26 @@ var C = class extends n(e) {
 		});
 		return y`
 			<details ?open=${e} @toggle=${this.#l} class=${t}>
-				<summary ${this.locked ? "" : o({
+				<summary
+					${this.locked ? "" : o({
 			strength: 2,
 			radius: 50
-		})} ${this.locked ? "" : a({
+		})}
+					${this.locked ? "" : a({
 			radius: 250,
 			intensity: .08
-		})} class=${n} tabindex=${this.locked ? -1 : 0} @click=${this.#c}>
+		})}
+					class=${n}
+					tabindex=${this.locked ? -1 : 0}
+					@click=${this.#c}
+				>
 					${this.hideIndicator ? "" : y`
 								<span
 									${S(this.#t)}
 									class="flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100"
 								>
 									<slot name="indicator" @slotchange=${this.#d}>
-										<svg
-											width="20"
-											height="20"
-											viewBox="0 0 24 24"
-											fill="none"
-											class="w-5 h-5"
-											aria-hidden="true"
-										>
+										<svg width="20" height="20" viewBox="0 0 24 24" fill="none" class="w-5 h-5" aria-hidden="true">
 											<path
 												d="M9 6L15 12L9 18"
 												stroke="currentColor"

package/dist/details-Ct1_GwKr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-Ct1_GwKr.js","names":["#open$","#animateIndicator","#updateIndicatorSlot","#closeSub","#handleToggle","#handleSummaryClick","#indicatorRef","#handleIndicatorSlotChange","#contentRef","#closing","#nativeAnim","#startClose","#indicatorIsOpen","#currentAnimation"],"sources":["../src/details/details.ts"],"sourcesContent":["import { SchmancyElement, SurfaceMixin } from '@mixins/index'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { magnetic } from '../directives/magnetic'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport { BehaviorSubject, fromEvent, Subscription } from 'rxjs'\nimport { distinctUntilChanged, filter, take, takeUntil, tap } from 'rxjs/operators'\nimport { SPRING_SNAPPY } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\n\n@customElement('schmancy-details')\nexport default class SchmancyDetails extends SurfaceMixin(SchmancyElement) {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tborder-radius: 1rem;\n\t\t\t}\n\n\t\t\t:host([overlay]) {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t:host([open]) {\n\t\t\t\tz-index: 10;\n\t\t\t}\n\n\t\t\tdetails {\n\t\t\t\tbackground: inherit;\n\t\t\t\tcolor: inherit;\n\t\t\t\tborder-radius: inherit;\n\t\t\t}\n\n\t\t\tsummary::-webkit-details-marker {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tsummary {\n\t\t\t\tlist-style: none;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t/*\n\t\t * Blackbird 2.1 — CSS-driven collapse/expand\n\t\t *\n\t\t * Single animation system: CSS grid transition handles height,\n\t\t * coordinated opacity fade for buttery smooth feel.\n\t\t * No competing Web Animations API on content.\n\t\t */\n\n\t\t\t.content-wrapper {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\toverflow: hidden;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition:\n\t\t\t\t\tgrid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),\n\t\t\t\t\topacity 250ms ease;\n\t\t\t}\n\n\t\t\t/* Spring easing when linear() is supported */\n\t\t\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t\t\t.content-wrapper {\n\t\t\t\t\ttransition:\n\t\t\t\t\t\tgrid-template-rows 400ms\n\t\t\t\t\t\t\tlinear(\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t0.006,\n\t\t\t\t\t\t\t\t0.025 2.8%,\n\t\t\t\t\t\t\t\t0.101 6.1%,\n\t\t\t\t\t\t\t\t0.539 18.9%,\n\t\t\t\t\t\t\t\t0.721 25.3%,\n\t\t\t\t\t\t\t\t0.849 31.5%,\n\t\t\t\t\t\t\t\t0.937 38.1%,\n\t\t\t\t\t\t\t\t0.968 41.8%,\n\t\t\t\t\t\t\t\t0.991 45.7%,\n\t\t\t\t\t\t\t\t1.006 50%,\n\t\t\t\t\t\t\t\t1.015 54.8%,\n\t\t\t\t\t\t\t\t1.017 63.3%,\n\t\t\t\t\t\t\t\t1.001\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\topacity 250ms ease;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.content-wrapper[data-open='true'] {\n\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.content-inner {\n\t\t\t\tmin-height: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t/*\n\t\t * Progressive Enhancement: ::details-content (Chrome 131+)\n\t\t *\n\t\t * When both ::details-content AND interpolate-size are supported,\n\t\t * the browser handles height animation natively — including animated\n\t\t * close via transition-behavior: allow-discrete on content-visibility.\n\t\t * The grid wrapper becomes transparent (display: contents).\n\t\t */\n\t\t\t@supports selector(::details-content) and (interpolate-size: allow-keywords) {\n\t\t\t\t:host {\n\t\t\t\t\tinterpolate-size: allow-keywords;\n\t\t\t\t}\n\n\t\t\t\t.content-wrapper {\n\t\t\t\t\tdisplay: contents;\n\t\t\t\t}\n\n\t\t\t\tdetails::details-content {\n\t\t\t\t\tblock-size: 0;\n\t\t\t\t\toverflow-y: clip;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\ttransition:\n\t\t\t\t\t\tblock-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),\n\t\t\t\t\t\topacity 250ms ease,\n\t\t\t\t\t\tcontent-visibility 400ms;\n\t\t\t\t\ttransition-behavior: allow-discrete;\n\t\t\t\t}\n\n\t\t\t\tdetails[open]::details-content {\n\t\t\t\t\tblock-size: auto;\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t.content-wrapper {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\tdetails::details-content {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t`,\n\t]\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open' as const,\n\t\tdelegatesFocus: true,\n\t}\n\n\t@property() summary = ''\n\n\t@property({ type: Boolean, reflect: true })\n\tget open() {\n\t\treturn this.#open$.value\n\t}\n\tset open(value: boolean) {\n\t\tif (this.#open$.value !== value) {\n\t\t\tthis.#open$.next(value)\n\t\t}\n\t}\n\n\t@property({ attribute: 'indicator-placement', reflect: true })\n\tindicatorPlacement: 'start' | 'end' = 'end'\n\n\t@property({ type: Boolean, attribute: 'hide-indicator' })\n\thideIndicator = false\n\n\t@property({ type: Number, attribute: 'indicator-rotate' })\n\tindicatorRotate: number = 90\n\n\t@property({ type: Boolean, reflect: true })\n\tlocked = false\n\n\t@property({ type: Boolean, reflect: true })\n\toverlay = false\n\n\t@property({ attribute: 'summary-padding' })\n\tsummaryPadding = 'p-3'\n\n\t@property({ attribute: 'content-padding' })\n\tcontentPadding = 'p-3'\n\n\t#open$ = new BehaviorSubject<boolean>(false)\n\t#indicatorRef: Ref<HTMLElement> = createRef()\n\t#contentRef: Ref<HTMLDivElement> = createRef()\n\t#currentAnimation?: Animation\n\t#indicatorIsOpen = false\n\t#closing = false\n\t#closeSub?: Subscription\n\n\t/** True when browser handles close animation natively via ::details-content */\n\t#nativeAnim =\n\t\ttypeof CSS !== 'undefined' &&\n\t\t!!CSS.supports?.('selector(::details-content)') &&\n\t\t!!CSS.supports?.('interpolate-size', 'allow-keywords')\n\n\t/**\n\t * Lazy rendering: tracks if content has ever been opened.\n\t * Once true, content stays rendered (even when closed) for smooth animations.\n\t */\n\t@state() private hasOpened = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tthis.type = 'containerLowest'\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tthis.#open$\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(isOpen => {\n\t\t\t\t\tif (isOpen && !this.hasOpened) {\n\t\t\t\t\t\tthis.hasOpened = true\n\t\t\t\t\t}\n\t\t\t\t\tthis.#animateIndicator(isOpen)\n\t\t\t\t\tthis.#updateIndicatorSlot()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => this.requestUpdate())\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.#closeSub?.unsubscribe()\n\t}\n\n\trender() {\n\t\tconst isOpen = this.#open$.value\n\n\t\tconst detailsClasses = this.classMap({\n\t\t\t'w-full rounded-xl transition-shadow duration-200 ease-out': true,\n\t\t\t'overflow-visible': !this.overlay,\n\t\t\t'overflow-visible relative': this.overlay,\n\t\t})\n\n\t\tconst summaryClasses = this.classMap({\n\t\t\t[this.summaryPadding]: true,\n\t\t\t'select-none relative flex items-center gap-2 rounded-xl': true,\n\t\t\t'transition-colors duration-150': true,\n\t\t\t'hover:bg-surface-on/5 active:bg-surface-on/8': !this.locked,\n\t\t\t'focus-visible:ring-2 focus-visible:ring-primary-default/50 focus-visible:ring-offset-1': !this.locked,\n\t\t\t'cursor-pointer group': !this.locked,\n\t\t\t'cursor-default': this.locked,\n\t\t\t'flex-row': this.indicatorPlacement === 'start',\n\t\t\t'flex-row-reverse': this.indicatorPlacement === 'end',\n\t\t})\n\n\t\tconst contentClasses = this.classMap({\n\t\t\t[this.contentPadding]: true,\n\t\t\t'text-sm': true,\n\t\t\t'absolute inset-x-0 bg-surface-lowest/55 backdrop-blur-[16px] shadow-2xl rounded-b-xl z-20': this.overlay,\n\t\t})\n\n\t\treturn html`\n\t\t\t<details ?open=${isOpen} @toggle=${this.#handleToggle} class=${detailsClasses}>\n\t\t\t\t<summary\n\t\t\t\t\t${this.locked ? '' : magnetic({ strength: 2, radius: 50 })}\n\t\t\t\t\t${this.locked ? '' : cursorGlow({ radius: 250, intensity: 0.08 })}\n\t\t\t\t\tclass=${summaryClasses}\n\t\t\t\t\ttabindex=${this.locked ? -1 : 0}\n\t\t\t\t\t@click=${this.#handleSummaryClick}\n\t\t\t\t>\n\t\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t${ref(this.#indicatorRef)}\n\t\t\t\t\t\t\t\t\tclass=\"flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<slot name=\"indicator\" @slotchange=${this.#handleIndicatorSlotChange}>\n\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"w-5 h-5\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: ''}\n\n\t\t\t\t\t<span class=\"flex-1 min-w-0\">\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</summary>\n\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.#contentRef)}\n\t\t\t\t\tclass=\"content-wrapper\"\n\t\t\t\t\tdata-open=${isOpen && !this.#closing}\n\t\t\t\t\taria-hidden=${isOpen ? 'false' : 'true'}\n\t\t\t\t>\n\t\t\t\t\t<div class=\"content-inner\">\n\t\t\t\t\t\t${this.hasOpened\n\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t<div class=${contentClasses}>\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"details\"></slot>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</details>\n\t\t`\n\t}\n\n\t#handleSummaryClick(e: MouseEvent) {\n\t\tif ((e.target as HTMLElement).closest('[slot=\"actions\"]')) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\t\tif (this.locked) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\t\tif (this.#closing) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\n\t\t// Native animated path (Chromium 131+): browser handles everything via CSS\n\t\tif (this.#nativeAnim) return\n\n\t\t// Fallback: manually animate close via CSS transition, then close native details\n\t\tif (this.#open$.value) {\n\t\t\te.preventDefault()\n\t\t\tthis.#startClose()\n\t\t}\n\t\t// If closed, let native open happen (handled by #handleToggle)\n\t}\n\n\t#handleToggle(e: Event) {\n\t\te.stopPropagation()\n\n\t\tconst ownDetails = this.shadowRoot?.querySelector('details')\n\t\tif (e.target !== ownDetails) return\n\n\t\tconst newState = ownDetails.open\n\n\t\tif (this.#nativeAnim) {\n\t\t\t// Native path: handle both open and close\n\t\t\tif (this.#open$.value !== newState) {\n\t\t\t\tthis.open = newState\n\t\t\t\tthis.dispatchScopedEvent('toggle', { open: newState })\n\t\t\t}\n\t\t} else {\n\t\t\t// Fallback path: only handle OPEN (close is driven by #startClose)\n\t\t\tif (newState && this.#open$.value !== newState) {\n\t\t\t\tthis.open = newState\n\t\t\t\tthis.dispatchScopedEvent('toggle', { open: newState })\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Fallback close: trigger CSS grid+opacity transition, then close native <details>.\n\t * The CSS transition (400ms) handles the visual collapse — no WAAPI needed.\n\t */\n\t#startClose() {\n\t\tthis.#closing = true\n\t\tthis.#closeSub?.unsubscribe()\n\n\t\t// Immediately collapse the grid wrapper via DOM attribute\n\t\tthis.#contentRef.value?.setAttribute('data-open', 'false')\n\n\t\t// Animate indicator immediately\n\t\tthis.#animateIndicator(false)\n\n\t\t// After CSS transition completes, close native details and update state\n\t\tconst wrapper = this.#contentRef.value\n\t\tif (!wrapper) return\n\n\t\tthis.#closeSub = fromEvent<TransitionEvent>(wrapper, 'transitionend')\n\t\t\t.pipe(\n\t\t\t\tfilter(e => e.propertyName === 'grid-template-rows'),\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.#closing = false\n\t\t\t\t\tthis.open = false\n\t\t\t\t\tthis.dispatchScopedEvent('toggle', { open: false })\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t#handleIndicatorSlotChange(e: Event) {\n\t\tconst slot = e.target as HTMLSlotElement\n\t\tslot.assignedElements().forEach(el => {\n\t\t\tel.setAttribute('data-open', String(this.#open$.value))\n\t\t})\n\t}\n\n\t#updateIndicatorSlot() {\n\t\tconst slot = this.shadowRoot?.querySelector('slot[name=\"indicator\"]') as HTMLSlotElement | null\n\t\tif (slot) {\n\t\t\tslot.assignedElements().forEach(el => {\n\t\t\t\tel.setAttribute('data-open', String(this.#open$.value))\n\t\t\t})\n\t\t}\n\t}\n\n\t/** Idempotent indicator rotation — skips if already at target state */\n\t#animateIndicator(isOpen: boolean) {\n\t\tif (this.#indicatorIsOpen === isOpen) return\n\t\tthis.#indicatorIsOpen = isOpen\n\n\t\tconst indicator = this.#indicatorRef.value\n\t\tif (!indicator || reducedMotion$.value) return\n\n\t\tthis.#currentAnimation?.cancel()\n\n\t\tthis.#currentAnimation = indicator.animate(\n\t\t\t[\n\t\t\t\t{ transform: `rotate(${isOpen ? '0deg' : `${this.indicatorRotate}deg`})` },\n\t\t\t\t{ transform: `rotate(${isOpen ? `${this.indicatorRotate}deg` : '0deg'})` },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-details': SchmancyDetails\n\t}\n}\n"],"mappings":";;;;;;;;;;;AAYe,IAAA,IAAA,cAA8B,EAAa,CAAA,EAAA;CAAA;EAAA,KAAA,SACzC,CACf,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA8HiC;GAAA,GACjC,EAAW;GACd,MAAM;GACN,gBAAA,CAAgB;EAAA;CAAA;CAKjB,IAAA,OACI;EACH,OAAO,KAAA,GAAY;CACpB;CACA,IAAA,KAAS,GAAA;EACJ,KAAA,GAAY,UAAU,KACzB,KAAA,GAAY,KAAK,CAAA;CAEnB;CAuBA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;CAWA,cAAA;EACC,MAAA,GAAA,KAAA,UAtDqB,IAAA,KAAA,qBAagB,OAAA,KAAA,gBAAA,CAGtB,GAAA,KAAA,kBAGU,IAAA,KAAA,SAAA,CAGjB,GAAA,KAAA,UAAA,CAGC,GAAA,KAAA,iBAGO,OAAA,KAAA,iBAGA,OAAA,KAAA,KAER,IAAI,EAAA,CAAyB,CAAA,GAAA,KAAA,KACJ,EAAA,GAAA,KAAA,KACC,EAAA,GAAA,KAAA,KAAA,CAEhB,GAAA,KAAA,KAAA,CACR,GAAA,KAAA,KAKK,OAAR,MAAQ,OAAR,CAAA,CACL,IAAI,WAAW,6BAAA,KAAA,CAAA,CACf,IAAI,WAAW,oBAAoB,gBAAA,GAAA,KAAA,YAAA,CAMT,GAI5B,KAAK,OAAO;CACb;CAEA,oBAAA;EACC,MAAM,kBAAA,GAEN,KAAA,GACE,KACA,EAAA,GACA,GAAI,MAAA;GACC,KAAA,CAAW,KAAK,cACnB,KAAK,YAAA,CAAY,IAElB,KAAA,GAAuB,CAAA,GACvB,KAAA,GAAKE;EAAAA,CAAAA,GAEN,EAAU,KAAK,aAAA,CAAA,EAEf,gBAAgB,KAAK,cAAA,CAAA;CACxB;CAEA,uBAAA;EACC,MAAM,qBAAA,GACN,KAAA,IAAgB,YAAA;CACjB;CAEA,SAAA;EACC,IAAM,IAAS,KAAA,GAAY,OAErB,IAAiB,KAAK,SAAS;GACpC,6DAAA,CAA6D;GAC7D,oBAAA,CAAqB,KAAK;GAC1B,6BAA6B,KAAK;EAAA,CAAA,GAG7B,IAAiB,KAAK,SAAS;IACnC,KAAK,iBAAA,CAAiB;GACvB,2DAAA,CAA2D;GAC3D,kCAAA,CAAkC;GAClC,gDAAA,CAAiD,KAAK;GACtD,0FAAA,CAA2F,KAAK;GAChG,wBAAA,CAAyB,KAAK;GAC9B,kBAAkB,KAAK;GACvB,YAAY,KAAK,uBAAuB;GACxC,oBAAoB,KAAK,uBAAuB;EAAvB,CAAA,GAGpB,IAAiB,KAAK,SAAS;IACnC,KAAK,iBAAA,CAAiB;GACvB,WAAA,CAAW;GACX,6FAA6F,KAAK;EAAA,CAAA;EAGnG,OAAO,CAAI;oBACO,EAAA,WAAkB,KAAA,GAAKE,SAAuB,EAAA;;OAE3D,KAAK,SAAS,KAAK,EAAS;GAAE,UAAU;GAAG,QAAQ;EAAA,CAAA,EAAA;OACnD,KAAK,SAAS,KAAK,EAAW;GAAE,QAAQ;GAAK,WAAW;EAAA,CAAA,EAAA;aAClD,EAAA;gBACG,KAAK,SAAA,KAAc,EAAA;cACrB,KAAA,GAAKC;;OAEX,KAAK,gBAmBL,KAlBA,CAAI;;WAED,EAAI,KAAA,EAAKC,EAAAA;;;8CAG0B,KAAA,GAAKC;;;;;;;;;;;;;;;6BAgBtB,KAAK,QAAA;;;;;;;OAO3B,EAAI,KAAA,EAAKC,EAAAA;;iBAEC,KAAA,CAAW,KAAA,GAAKC;mBACd,IAAS,UAAU,OAAA;;;QAG9B,KAAK,YACJ,CAAI;sBACS,EAAA;;;;YAKb,EAAA;;;;;CAKR;CAEA,GAAoB,GAAA;EACd,EAAE,OAAuB,QAAQ,oBAAA,KAIlC,KAAK,UAIL,KAAA,KAPH,EAAE,eAAA,IAaC,KAAA,MAGA,KAAA,GAAY,UACf,EAAE,eAAA,GACF,KAAA,GAAKE;CAGP;CAEA,GAAc,GAAA;EACb,EAAE,gBAAA;EAEF,IAAM,IAAa,KAAK,YAAY,cAAc,SAAA;EAClD,IAAI,EAAE,WAAW,GAAY;EAE7B,IAAM,IAAW,EAAW;EAExB,KAAA,KAEC,KAAA,GAAY,UAAU,MACzB,KAAK,OAAO,GACZ,KAAK,oBAAoB,UAAU,EAAE,MAAM,EAAA,CAAA,KAIxC,KAAY,KAAA,GAAY,UAAU,MACrC,KAAK,OAAO,GACZ,KAAK,oBAAoB,UAAU,EAAE,MAAM,EAAA,CAAA;CAG9C;CAMA,KAAA;EACC,KAAA,KAAKF,CAAW,GAChB,KAAA,IAAgB,YAAA,GAGhB,KAAA,GAAiB,OAAO,aAAa,aAAa,OAAA,GAGlD,KAAA,GAAKR,CAAkB,CAAA;EAGvB,IAAM,IAAU,KAAA,GAAiB;EAC5B,MAEL,KAAA,KAAiB,EAA2B,GAAS,eAAA,EACnD,KACA,GAAO,MAAK,EAAE,iBAAiB,oBAAjB,GACd,EAAK,CAAA,GACL,QAAA;GACC,KAAA,KAAKQ,CAAW,GAChB,KAAK,OAAA,CAAO,GACZ,KAAK,oBAAoB,UAAU,EAAE,MAAA,CAAM,EAAA,CAAA;EAAA,CAAA,GAE5C,EAAU,KAAK,aAAA,CAAA,EAEf,UAAA;CACH;CAEA,GAA2B,GAAA;EAE1B,EADe,OACV,iBAAA,EAAmB,SAAQ,MAAA;GAC/B,EAAG,aAAa,aAAa,OAAO,KAAA,GAAY,KAAA,CAAA;EAAA,CAAA;CAElD;CAEA,KAAA;EACC,IAAM,IAAO,KAAK,YAAY,cAAc,0BAAA;EACxC,KACH,EAAK,iBAAA,EAAmB,SAAQ,MAAA;GAC/B,EAAG,aAAa,aAAa,OAAO,KAAA,GAAY,KAAA,CAAA;EAAA,CAAA;CAGnD;CAGA,GAAkB,GAAA;EACjB,IAAI,KAAA,OAA0B,GAAQ;EACtC,KAAA,KAAwB;EAExB,IAAM,IAAY,KAAA,GAAmB;EAChC,KAAA,CAAa,EAAe,UAEjC,KAAA,IAAwB,OAAA,GAExB,KAAA,KAAyB,EAAU,QAClC,CACC,EAAE,WAAW,UAAU,IAAS,SAAS,GAAG,KAAK,gBAAA,KAAA,GAAA,GACjD,EAAE,WAAW,UAAU,IAAS,GAAG,KAAK,gBAAA,OAAuB,OAAA,GAAA,CAAA,GAEhE;GACC,UAAU,EAAc;GACxB,QAAQ,EAAc;GACtB,MAAM;EAAA,CAAA;CAGT;AAAA;AAAA,EAAA,CA3RC,EAAA,CAAA,GAAS,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAET,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,QAAA,IAAA,GAAA,EAAA,CAUzC,EAAS;CAAE,WAAW;CAAuB,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,sBAAA,KAAA,CAAA,GAAA,EAAA,CAG5D,EAAS;CAAE,MAAM;CAAS,WAAW;AAAA,CAAA,CAAA,GAAkB,EAAA,WAAA,iBAAA,KAAA,CAAA,GAAA,EAAA,CAGvD,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAA,CAAA,CAAA,GAAoB,EAAA,WAAA,mBAAA,KAAA,CAAA,GAAA,EAAA,CAGxD,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,UAAA,KAAA,CAAA,GAAA,EAAA,CAGzC,EAAS;CAAE,MAAM;CAAS,SAAA,CAAS;AAAA,CAAA,CAAA,GAAM,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAGzC,EAAS,EAAE,WAAW,kBAAA,CAAA,CAAA,GAAmB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAAA,EAAA,CAGzC,EAAS,EAAE,WAAW,kBAAA,CAAA,CAAA,GAAmB,EAAA,WAAA,kBAAA,KAAA,CAAA,GAAA,EAAA,CAqBzC,EAAA,CAAA,GAAM,EAAA,WAAA,aAAA,KAAA,CAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA1LP,EAAc,kBAAA,CAAA,GAAkB,CAAA;AAAA,SAAA,KAAA"}

package/dist/{details-Bx2jSJxG.cjs → details-D4fVOaj4.cjs}

@@ -1,32 +1,33 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`),t=require(`./mixins-XGVIOvKt.cjs`),n=require(`./animation-CCOIW4wJ.cjs`),r=require(`./reduced-motion-Ds-HjMzn.cjs`),i=require(`./cursor-glow-Bulq-38P.cjs`),a=require(`./magnetic-DKtc4umC.cjs`);let o=require(`rxjs`),s=require(`rxjs/operators`),c=require(`lit/decorators.js`),l=require(`lit`),u=require(`lit/directives/ref.js`);var d=class extends t.t(e.t){static{this.styles=[l.css`
-		:host {
-			display: block;
-		}
-
-		:host([overlay]) {
-			position: relative;
-		}
-
-		:host([open]) {
-			z-index: 10;
-		}
-
-		details {
-			background: inherit;
-			color: inherit;
-			border-radius: inherit;
-		}
-
-		summary::-webkit-details-marker {
-			display: none;
-		}
-
-		summary {
-			list-style: none;
-			color: inherit;
-		}
-
-		/*
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`),t=require(`./mixins-Cjn20BQH.cjs`),n=require(`./animation-CCOIW4wJ.cjs`),r=require(`./reduced-motion-Ds-HjMzn.cjs`),i=require(`./cursor-glow-Bulq-38P.cjs`),a=require(`./magnetic-DKtc4umC.cjs`);let o=require(`rxjs`),s=require(`rxjs/operators`),c=require(`lit/decorators.js`),l=require(`lit`),u=require(`lit/directives/ref.js`);var d=class extends t.t(e.t){static{this.styles=[l.css`
+			:host {
+				display: block;
+				border-radius: 1rem;
+			}
+
+			:host([overlay]) {
+				position: relative;
+			}
+
+			:host([open]) {
+				z-index: 10;
+			}
+
+			details {
+				background: inherit;
+				color: inherit;
+				border-radius: inherit;
+			}
+
+			summary::-webkit-details-marker {
+				display: none;
+			}
+
+			summary {
+				list-style: none;
+				color: inherit;
+			}
+
+			/*
 		 * Blackbird 2.1 — CSS-driven collapse/expand
 		 *
 		 * Single animation system: CSS grid transition handles height,
@@ -34,40 +35,52 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`
 		 * No competing Web Animations API on content.
 		 */
 
-		.content-wrapper {
-			display: grid;
-			grid-template-rows: 0fr;
-			overflow: hidden;
-			opacity: 0;
-			transition:
-				grid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
-				opacity 250ms ease;
-		}
-
-		/* Spring easing when linear() is supported */
-		@supports (animation-timing-function: linear(0, 1)) {
 			.content-wrapper {
+				display: grid;
+				grid-template-rows: 0fr;
+				overflow: hidden;
+				opacity: 0;
 				transition:
-					grid-template-rows 400ms linear(
-						0, 0.006, 0.025 2.8%, 0.101 6.1%, 0.539 18.9%, 0.721 25.3%, 0.849 31.5%,
-						0.937 38.1%, 0.968 41.8%, 0.991 45.7%, 1.006 50%, 1.015 54.8%,
-						1.017 63.3%, 1.001
-					),
+					grid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
 					opacity 250ms ease;
 			}
-		}
 
-		.content-wrapper[data-open='true'] {
-			grid-template-rows: 1fr;
-			opacity: 1;
-		}
+			/* Spring easing when linear() is supported */
+			@supports (animation-timing-function: linear(0, 1)) {
+				.content-wrapper {
+					transition:
+						grid-template-rows 400ms
+							linear(
+								0,
+								0.006,
+								0.025 2.8%,
+								0.101 6.1%,
+								0.539 18.9%,
+								0.721 25.3%,
+								0.849 31.5%,
+								0.937 38.1%,
+								0.968 41.8%,
+								0.991 45.7%,
+								1.006 50%,
+								1.015 54.8%,
+								1.017 63.3%,
+								1.001
+							),
+						opacity 250ms ease;
+				}
+			}
 
-		.content-inner {
-			min-height: 0;
-			overflow: hidden;
-		}
+			.content-wrapper[data-open='true'] {
+				grid-template-rows: 1fr;
+				opacity: 1;
+			}
 
-		/*
+			.content-inner {
+				min-height: 0;
+				overflow: hidden;
+			}
+
+			/*
 		 * Progressive Enhancement: ::details-content (Chrome 131+)
 		 *
 		 * When both ::details-content AND interpolate-size are supported,
@@ -75,57 +88,56 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-D9WA9FP9.cjs`
 		 * close via transition-behavior: allow-discrete on content-visibility.
 		 * The grid wrapper becomes transparent (display: contents).
 		 */
-		@supports selector(::details-content) and (interpolate-size: allow-keywords) {
-			:host {
-				interpolate-size: allow-keywords;
-			}
-
-			.content-wrapper {
-				display: contents;
-			}
-
-			details::details-content {
-				block-size: 0;
-				overflow-y: clip;
-				opacity: 0;
-				transition:
-					block-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
-					opacity 250ms ease,
-					content-visibility 400ms;
-				transition-behavior: allow-discrete;
-			}
-
-			details[open]::details-content {
-				block-size: auto;
-				opacity: 1;
+			@supports selector(::details-content) and (interpolate-size: allow-keywords) {
+				:host {
+					interpolate-size: allow-keywords;
+				}
+
+				.content-wrapper {
+					display: contents;
+				}
+
+				details::details-content {
+					block-size: 0;
+					overflow-y: clip;
+					opacity: 0;
+					transition:
+						block-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),
+						opacity 250ms ease,
+						content-visibility 400ms;
+					transition-behavior: allow-discrete;
+				}
+
+				details[open]::details-content {
+					block-size: auto;
+					opacity: 1;
+				}
 			}
-		}
 
-		@media (prefers-reduced-motion: reduce) {
-			.content-wrapper {
-				transition: none;
+			@media (prefers-reduced-motion: reduce) {
+				.content-wrapper {
+					transition: none;
+				}
+				details::details-content {
+					transition: none;
+				}
 			}
-			details::details-content {
-				transition: none;
-			}
-		}
-	`]}static{this.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!0}}get open(){return this.#e.value}set open(e){this.#e.value!==e&&this.#e.next(e)}#e;#t;#n;#r;#i;#a;#o;#s;constructor(){super(),this.summary=``,this.indicatorPlacement=`end`,this.hideIndicator=!1,this.indicatorRotate=90,this.locked=!1,this.overlay=!1,this.summaryPadding=`p-3`,this.contentPadding=`p-3`,this.#e=new o.BehaviorSubject(!1),this.#t=(0,u.createRef)(),this.#n=(0,u.createRef)(),this.#i=!1,this.#a=!1,this.#s=typeof CSS<`u`&&!!CSS.supports?.(`selector(::details-content)`)&&!!CSS.supports?.(`interpolate-size`,`allow-keywords`),this.hasOpened=!1,this.type=`solid`,this.rounded=`all`}connectedCallback(){super.connectedCallback(),this.#e.pipe((0,s.distinctUntilChanged)(),(0,s.tap)(e=>{e&&!this.hasOpened&&(this.hasOpened=!0),this.#p(e),this.#f()}),(0,s.takeUntil)(this.disconnecting)).subscribe(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.#o?.unsubscribe()}render(){let e=this.#e.value,t=this.classMap({"w-full rounded-xl transition-shadow duration-200 ease-out":!0,"overflow-visible":!this.overlay,"overflow-visible relative":this.overlay}),n=this.classMap({[this.summaryPadding]:!0,"select-none relative flex items-center gap-2 rounded-xl":!0,"transition-colors duration-150":!0,"hover:bg-surface-on/5 active:bg-surface-on/8":!this.locked,"focus-visible:ring-2 focus-visible:ring-primary-default/50 focus-visible:ring-offset-1":!this.locked,"cursor-pointer group":!this.locked,"cursor-default":this.locked,"flex-row":this.indicatorPlacement===`start`,"flex-row-reverse":this.indicatorPlacement===`end`}),r=this.classMap({[this.contentPadding]:!0,"text-sm":!0,"absolute inset-x-0 bg-surface-lowest/55 backdrop-blur-[16px] shadow-2xl rounded-b-xl z-20":this.overlay});return l.html`
+		`]}static{this.shadowRootOptions={...l.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!0}}get open(){return this.#e.value}set open(e){this.#e.value!==e&&this.#e.next(e)}#e;#t;#n;#r;#i;#a;#o;#s;constructor(){super(),this.summary=``,this.indicatorPlacement=`end`,this.hideIndicator=!1,this.indicatorRotate=90,this.locked=!1,this.overlay=!1,this.summaryPadding=`p-3`,this.contentPadding=`p-3`,this.#e=new o.BehaviorSubject(!1),this.#t=(0,u.createRef)(),this.#n=(0,u.createRef)(),this.#i=!1,this.#a=!1,this.#s=typeof CSS<`u`&&!!CSS.supports?.(`selector(::details-content)`)&&!!CSS.supports?.(`interpolate-size`,`allow-keywords`),this.hasOpened=!1,this.type=`containerLowest`}connectedCallback(){super.connectedCallback(),this.#e.pipe((0,s.distinctUntilChanged)(),(0,s.tap)(e=>{e&&!this.hasOpened&&(this.hasOpened=!0),this.#p(e),this.#f()}),(0,s.takeUntil)(this.disconnecting)).subscribe(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.#o?.unsubscribe()}render(){let e=this.#e.value,t=this.classMap({"w-full rounded-xl transition-shadow duration-200 ease-out":!0,"overflow-visible":!this.overlay,"overflow-visible relative":this.overlay}),n=this.classMap({[this.summaryPadding]:!0,"select-none relative flex items-center gap-2 rounded-xl":!0,"transition-colors duration-150":!0,"hover:bg-surface-on/5 active:bg-surface-on/8":!this.locked,"focus-visible:ring-2 focus-visible:ring-primary-default/50 focus-visible:ring-offset-1":!this.locked,"cursor-pointer group":!this.locked,"cursor-default":this.locked,"flex-row":this.indicatorPlacement===`start`,"flex-row-reverse":this.indicatorPlacement===`end`}),r=this.classMap({[this.contentPadding]:!0,"text-sm":!0,"absolute inset-x-0 bg-surface-lowest/55 backdrop-blur-[16px] shadow-2xl rounded-b-xl z-20":this.overlay});return l.html`
 			<details ?open=${e} @toggle=${this.#l} class=${t}>
-				<summary ${this.locked?``:a.t({strength:2,radius:50})} ${this.locked?``:i.t({radius:250,intensity:.08})} class=${n} tabindex=${this.locked?-1:0} @click=${this.#c}>
+				<summary
+					${this.locked?``:a.t({strength:2,radius:50})}
+					${this.locked?``:i.t({radius:250,intensity:.08})}
+					class=${n}
+					tabindex=${this.locked?-1:0}
+					@click=${this.#c}
+				>
 					${this.hideIndicator?``:l.html`
 								<span
 									${(0,u.ref)(this.#t)}
 									class="flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100"
 								>
 									<slot name="indicator" @slotchange=${this.#d}>
-										<svg
-											width="20"
-											height="20"
-											viewBox="0 0 24 24"
-											fill="none"
-											class="w-5 h-5"
-											aria-hidden="true"
-										>
+										<svg width="20" height="20" viewBox="0 0 24 24" fill="none" class="w-5 h-5" aria-hidden="true">
 											<path
 												d="M9 6L15 12L9 18"
 												stroke="currentColor"

package/dist/details-D4fVOaj4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-D4fVOaj4.cjs","names":["#open$","#animateIndicator","#updateIndicatorSlot","#closeSub","#handleToggle","#handleSummaryClick","#indicatorRef","#handleIndicatorSlotChange","#contentRef","#closing","#nativeAnim","#startClose","#indicatorIsOpen","#currentAnimation"],"sources":["../src/details/details.ts"],"sourcesContent":["import { SchmancyElement, SurfaceMixin } from '@mixins/index'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { magnetic } from '../directives/magnetic'\nimport { createRef, ref, Ref } from 'lit/directives/ref.js'\nimport { BehaviorSubject, fromEvent, Subscription } from 'rxjs'\nimport { distinctUntilChanged, filter, take, takeUntil, tap } from 'rxjs/operators'\nimport { SPRING_SNAPPY } from '../utils/animation.js'\nimport { reducedMotion$ } from '../directives/reduced-motion'\n\n@customElement('schmancy-details')\nexport default class SchmancyDetails extends SurfaceMixin(SchmancyElement) {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tborder-radius: 1rem;\n\t\t\t}\n\n\t\t\t:host([overlay]) {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t:host([open]) {\n\t\t\t\tz-index: 10;\n\t\t\t}\n\n\t\t\tdetails {\n\t\t\t\tbackground: inherit;\n\t\t\t\tcolor: inherit;\n\t\t\t\tborder-radius: inherit;\n\t\t\t}\n\n\t\t\tsummary::-webkit-details-marker {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\tsummary {\n\t\t\t\tlist-style: none;\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\n\t\t\t/*\n\t\t * Blackbird 2.1 — CSS-driven collapse/expand\n\t\t *\n\t\t * Single animation system: CSS grid transition handles height,\n\t\t * coordinated opacity fade for buttery smooth feel.\n\t\t * No competing Web Animations API on content.\n\t\t */\n\n\t\t\t.content-wrapper {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-template-rows: 0fr;\n\t\t\t\toverflow: hidden;\n\t\t\t\topacity: 0;\n\t\t\t\ttransition:\n\t\t\t\t\tgrid-template-rows 400ms cubic-bezier(0.34, 1.2, 0.64, 1),\n\t\t\t\t\topacity 250ms ease;\n\t\t\t}\n\n\t\t\t/* Spring easing when linear() is supported */\n\t\t\t@supports (animation-timing-function: linear(0, 1)) {\n\t\t\t\t.content-wrapper {\n\t\t\t\t\ttransition:\n\t\t\t\t\t\tgrid-template-rows 400ms\n\t\t\t\t\t\t\tlinear(\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t0.006,\n\t\t\t\t\t\t\t\t0.025 2.8%,\n\t\t\t\t\t\t\t\t0.101 6.1%,\n\t\t\t\t\t\t\t\t0.539 18.9%,\n\t\t\t\t\t\t\t\t0.721 25.3%,\n\t\t\t\t\t\t\t\t0.849 31.5%,\n\t\t\t\t\t\t\t\t0.937 38.1%,\n\t\t\t\t\t\t\t\t0.968 41.8%,\n\t\t\t\t\t\t\t\t0.991 45.7%,\n\t\t\t\t\t\t\t\t1.006 50%,\n\t\t\t\t\t\t\t\t1.015 54.8%,\n\t\t\t\t\t\t\t\t1.017 63.3%,\n\t\t\t\t\t\t\t\t1.001\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\topacity 250ms ease;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.content-wrapper[data-open='true'] {\n\t\t\t\tgrid-template-rows: 1fr;\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t.content-inner {\n\t\t\t\tmin-height: 0;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t/*\n\t\t * Progressive Enhancement: ::details-content (Chrome 131+)\n\t\t *\n\t\t * When both ::details-content AND interpolate-size are supported,\n\t\t * the browser handles height animation natively — including animated\n\t\t * close via transition-behavior: allow-discrete on content-visibility.\n\t\t * The grid wrapper becomes transparent (display: contents).\n\t\t */\n\t\t\t@supports selector(::details-content) and (interpolate-size: allow-keywords) {\n\t\t\t\t:host {\n\t\t\t\t\tinterpolate-size: allow-keywords;\n\t\t\t\t}\n\n\t\t\t\t.content-wrapper {\n\t\t\t\t\tdisplay: contents;\n\t\t\t\t}\n\n\t\t\t\tdetails::details-content {\n\t\t\t\t\tblock-size: 0;\n\t\t\t\t\toverflow-y: clip;\n\t\t\t\t\topacity: 0;\n\t\t\t\t\ttransition:\n\t\t\t\t\t\tblock-size 400ms cubic-bezier(0.34, 1.2, 0.64, 1),\n\t\t\t\t\t\topacity 250ms ease,\n\t\t\t\t\t\tcontent-visibility 400ms;\n\t\t\t\t\ttransition-behavior: allow-discrete;\n\t\t\t\t}\n\n\t\t\t\tdetails[open]::details-content {\n\t\t\t\t\tblock-size: auto;\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t.content-wrapper {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t\tdetails::details-content {\n\t\t\t\t\ttransition: none;\n\t\t\t\t}\n\t\t\t}\n\t\t`,\n\t]\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open' as const,\n\t\tdelegatesFocus: true,\n\t}\n\n\t@property() summary = ''\n\n\t@property({ type: Boolean, reflect: true })\n\tget open() {\n\t\treturn this.#open$.value\n\t}\n\tset open(value: boolean) {\n\t\tif (this.#open$.value !== value) {\n\t\t\tthis.#open$.next(value)\n\t\t}\n\t}\n\n\t@property({ attribute: 'indicator-placement', reflect: true })\n\tindicatorPlacement: 'start' | 'end' = 'end'\n\n\t@property({ type: Boolean, attribute: 'hide-indicator' })\n\thideIndicator = false\n\n\t@property({ type: Number, attribute: 'indicator-rotate' })\n\tindicatorRotate: number = 90\n\n\t@property({ type: Boolean, reflect: true })\n\tlocked = false\n\n\t@property({ type: Boolean, reflect: true })\n\toverlay = false\n\n\t@property({ attribute: 'summary-padding' })\n\tsummaryPadding = 'p-3'\n\n\t@property({ attribute: 'content-padding' })\n\tcontentPadding = 'p-3'\n\n\t#open$ = new BehaviorSubject<boolean>(false)\n\t#indicatorRef: Ref<HTMLElement> = createRef()\n\t#contentRef: Ref<HTMLDivElement> = createRef()\n\t#currentAnimation?: Animation\n\t#indicatorIsOpen = false\n\t#closing = false\n\t#closeSub?: Subscription\n\n\t/** True when browser handles close animation natively via ::details-content */\n\t#nativeAnim =\n\t\ttypeof CSS !== 'undefined' &&\n\t\t!!CSS.supports?.('selector(::details-content)') &&\n\t\t!!CSS.supports?.('interpolate-size', 'allow-keywords')\n\n\t/**\n\t * Lazy rendering: tracks if content has ever been opened.\n\t * Once true, content stays rendered (even when closed) for smooth animations.\n\t */\n\t@state() private hasOpened = false\n\n\tconstructor() {\n\t\tsuper()\n\t\tthis.type = 'containerLowest'\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\tthis.#open$\n\t\t\t.pipe(\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttap(isOpen => {\n\t\t\t\t\tif (isOpen && !this.hasOpened) {\n\t\t\t\t\t\tthis.hasOpened = true\n\t\t\t\t\t}\n\t\t\t\t\tthis.#animateIndicator(isOpen)\n\t\t\t\t\tthis.#updateIndicatorSlot()\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => this.requestUpdate())\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\tthis.#closeSub?.unsubscribe()\n\t}\n\n\trender() {\n\t\tconst isOpen = this.#open$.value\n\n\t\tconst detailsClasses = this.classMap({\n\t\t\t'w-full rounded-xl transition-shadow duration-200 ease-out': true,\n\t\t\t'overflow-visible': !this.overlay,\n\t\t\t'overflow-visible relative': this.overlay,\n\t\t})\n\n\t\tconst summaryClasses = this.classMap({\n\t\t\t[this.summaryPadding]: true,\n\t\t\t'select-none relative flex items-center gap-2 rounded-xl': true,\n\t\t\t'transition-colors duration-150': true,\n\t\t\t'hover:bg-surface-on/5 active:bg-surface-on/8': !this.locked,\n\t\t\t'focus-visible:ring-2 focus-visible:ring-primary-default/50 focus-visible:ring-offset-1': !this.locked,\n\t\t\t'cursor-pointer group': !this.locked,\n\t\t\t'cursor-default': this.locked,\n\t\t\t'flex-row': this.indicatorPlacement === 'start',\n\t\t\t'flex-row-reverse': this.indicatorPlacement === 'end',\n\t\t})\n\n\t\tconst contentClasses = this.classMap({\n\t\t\t[this.contentPadding]: true,\n\t\t\t'text-sm': true,\n\t\t\t'absolute inset-x-0 bg-surface-lowest/55 backdrop-blur-[16px] shadow-2xl rounded-b-xl z-20': this.overlay,\n\t\t})\n\n\t\treturn html`\n\t\t\t<details ?open=${isOpen} @toggle=${this.#handleToggle} class=${detailsClasses}>\n\t\t\t\t<summary\n\t\t\t\t\t${this.locked ? '' : magnetic({ strength: 2, radius: 50 })}\n\t\t\t\t\t${this.locked ? '' : cursorGlow({ radius: 250, intensity: 0.08 })}\n\t\t\t\t\tclass=${summaryClasses}\n\t\t\t\t\ttabindex=${this.locked ? -1 : 0}\n\t\t\t\t\t@click=${this.#handleSummaryClick}\n\t\t\t\t>\n\t\t\t\t\t${!this.hideIndicator\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t${ref(this.#indicatorRef)}\n\t\t\t\t\t\t\t\t\tclass=\"flex items-center justify-center w-5 h-5 rounded-full shrink-0 opacity-70 group-hover:opacity-100\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<slot name=\"indicator\" @slotchange=${this.#handleIndicatorSlotChange}>\n\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" class=\"w-5 h-5\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: ''}\n\n\t\t\t\t\t<span class=\"flex-1 min-w-0\">\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\n\t\t\t\t\t</span>\n\n\t\t\t\t\t<slot name=\"actions\"></slot>\n\t\t\t\t</summary>\n\n\t\t\t\t<div\n\t\t\t\t\t${ref(this.#contentRef)}\n\t\t\t\t\tclass=\"content-wrapper\"\n\t\t\t\t\tdata-open=${isOpen && !this.#closing}\n\t\t\t\t\taria-hidden=${isOpen ? 'false' : 'true'}\n\t\t\t\t>\n\t\t\t\t\t<div class=\"content-inner\">\n\t\t\t\t\t\t${this.hasOpened\n\t\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t\t<div class=${contentClasses}>\n\t\t\t\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t\t\t\t\t<slot name=\"details\"></slot>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t`\n\t\t\t\t\t\t\t: nothing}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</details>\n\t\t`\n\t}\n\n\t#handleSummaryClick(e: MouseEvent) {\n\t\tif ((e.target as HTMLElement).closest('[slot=\"actions\"]')) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\t\tif (this.locked) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\t\tif (this.#closing) {\n\t\t\te.preventDefault()\n\t\t\treturn\n\t\t}\n\n\t\t// Native animated path (Chromium 131+): browser handles everything via CSS\n\t\tif (this.#nativeAnim) return\n\n\t\t// Fallback: manually animate close via CSS transition, then close native details\n\t\tif (this.#open$.value) {\n\t\t\te.preventDefault()\n\t\t\tthis.#startClose()\n\t\t}\n\t\t// If closed, let native open happen (handled by #handleToggle)\n\t}\n\n\t#handleToggle(e: Event) {\n\t\te.stopPropagation()\n\n\t\tconst ownDetails = this.shadowRoot?.querySelector('details')\n\t\tif (e.target !== ownDetails) return\n\n\t\tconst newState = ownDetails.open\n\n\t\tif (this.#nativeAnim) {\n\t\t\t// Native path: handle both open and close\n\t\t\tif (this.#open$.value !== newState) {\n\t\t\t\tthis.open = newState\n\t\t\t\tthis.dispatchScopedEvent('toggle', { open: newState })\n\t\t\t}\n\t\t} else {\n\t\t\t// Fallback path: only handle OPEN (close is driven by #startClose)\n\t\t\tif (newState && this.#open$.value !== newState) {\n\t\t\t\tthis.open = newState\n\t\t\t\tthis.dispatchScopedEvent('toggle', { open: newState })\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Fallback close: trigger CSS grid+opacity transition, then close native <details>.\n\t * The CSS transition (400ms) handles the visual collapse — no WAAPI needed.\n\t */\n\t#startClose() {\n\t\tthis.#closing = true\n\t\tthis.#closeSub?.unsubscribe()\n\n\t\t// Immediately collapse the grid wrapper via DOM attribute\n\t\tthis.#contentRef.value?.setAttribute('data-open', 'false')\n\n\t\t// Animate indicator immediately\n\t\tthis.#animateIndicator(false)\n\n\t\t// After CSS transition completes, close native details and update state\n\t\tconst wrapper = this.#contentRef.value\n\t\tif (!wrapper) return\n\n\t\tthis.#closeSub = fromEvent<TransitionEvent>(wrapper, 'transitionend')\n\t\t\t.pipe(\n\t\t\t\tfilter(e => e.propertyName === 'grid-template-rows'),\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.#closing = false\n\t\t\t\t\tthis.open = false\n\t\t\t\t\tthis.dispatchScopedEvent('toggle', { open: false })\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\t#handleIndicatorSlotChange(e: Event) {\n\t\tconst slot = e.target as HTMLSlotElement\n\t\tslot.assignedElements().forEach(el => {\n\t\t\tel.setAttribute('data-open', String(this.#open$.value))\n\t\t})\n\t}\n\n\t#updateIndicatorSlot() {\n\t\tconst slot = this.shadowRoot?.querySelector('slot[name=\"indicator\"]') as HTMLSlotElement | null\n\t\tif (slot) {\n\t\t\tslot.assignedElements().forEach(el => {\n\t\t\t\tel.setAttribute('data-open', String(this.#open$.value))\n\t\t\t})\n\t\t}\n\t}\n\n\t/** Idempotent indicator rotation — skips if already at target state */\n\t#animateIndicator(isOpen: boolean) {\n\t\tif (this.#indicatorIsOpen === isOpen) return\n\t\tthis.#indicatorIsOpen = isOpen\n\n\t\tconst indicator = this.#indicatorRef.value\n\t\tif (!indicator || reducedMotion$.value) return\n\n\t\tthis.#currentAnimation?.cancel()\n\n\t\tthis.#currentAnimation = indicator.animate(\n\t\t\t[\n\t\t\t\t{ transform: `rotate(${isOpen ? '0deg' : `${this.indicatorRotate}deg`})` },\n\t\t\t\t{ transform: `rotate(${isOpen ? `${this.indicatorRotate}deg` : '0deg'})` },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\t\tfill: 'forwards',\n\t\t\t},\n\t\t)\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-details': SchmancyDetails\n\t}\n}\n"],"mappings":"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"}

package/dist/details.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./details-Bx2jSJxG.cjs`);exports.SchmancyDetails=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./details-D4fVOaj4.cjs`);exports.SchmancyDetails=e.t;

package/dist/details.js

@@ -1,2 +1,2 @@
-import { t as e } from "./details-BnleHmYe.js";
+import { t as e } from "./details-Ct1_GwKr.js";
 export { e as SchmancyDetails };

package/dist/{directives-CYf2fAdA.cjs → directives-B2VxfwRL.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./audio-xXFfMPCS.cjs`),t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./reduced-motion-Ds-HjMzn.cjs`);require(`./cursor-glow-Bulq-38P.cjs`);const r=require(`./theme.service-DA6KY52G.cjs`),i=require(`./layout-BhfC26Ks.cjs`),a=require(`./overlay-stack-Bdr9lOqi.cjs`);require(`./gravity-6pL6CfIr.cjs`);const o=require(`./discovery.service-CIa3Eeuk.cjs`);require(`./magnetic-DKtc4umC.cjs`);let s=require(`rxjs`),c=require(`rxjs/operators`),l=require(`lit`),u=require(`lit/async-directive.js`),d=require(`lit/directive.js`);var f={smooth:t.d,snappy:t.f,bouncy:t.l,gentle:t.u},p=class extends u.AsyncDirective{constructor(...e){super(...e),this.element=null,this.originalContent=``,this.animations=[],this.disconnecting$=new s.Subject,this.initialized=!1}render(e){return l.noChange}update(e,[t]){return this.element=e.element,this.initialized||(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new s.Subject),t.text===void 0?this.originalContent=this.element.textContent||``:(this.originalContent=t.text,this.element.textContent=t.text),this.element.style.willChange=`transform, opacity`,t.animation===`typewriter`?this.element.textContent=``:this.element.style.opacity=`0`,this.initialize(t)),l.noChange}disconnected(){this.cleanup()}reconnected(){this.element&&(this.element.style.willChange=`transform, opacity`)}initialize(e){let{animation:t,delay:n=0,duration:r,stagger:i,preset:a=`snappy`,restart:o=!1}=e,l=f[a],u=r??l.duration,d=i??(t===`cyber-glitch`?30:50),p=this.createVisibilityObservable$();(o?p.pipe((0,c.switchMap)(e=>e?(0,s.timer)(n).pipe((0,c.switchMap)(()=>this.runAnimation$(t,u,d,l))):(0,s.defer)(()=>(this.resetToInitial(t),s.EMPTY)))):p.pipe((0,c.filter)(e=>e),(0,c.take)(1),(0,c.delay)(n),(0,c.switchMap)(()=>this.runAnimation$(t,u,d,l)))).pipe((0,c.takeUntil)(this.disconnecting$)).subscribe()}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.cancelAnimations(),this.element&&(this.element.textContent=this.originalContent,this.element.style.opacity=``,this.element.style.willChange=`auto`,this.element.style.transform=``,this.element.style.filter=``),this.element=null,this.initialized=!1}cancelAnimations(){this.animations.forEach(e=>e.cancel()),this.animations=[]}resetToInitial(e){this.cancelAnimations(),this.element&&(e===`typewriter`?this.element.textContent=``:(this.element.textContent=this.originalContent,this.element.style.opacity=`0`),this.element.style.transform=``,this.element.style.filter=``,this.element.style.willChange=`transform, opacity`)}getAccumulatedOpacity(){if(!this.element)return 0;let e=1,t=this.element.parentElement,n=0;for(;t&&t!==document.body&&n<10;){let r=window.getComputedStyle(t);if(r.visibility===`hidden`||r.display===`none`)return 0;let i=parseFloat(r.opacity)||1;if(i<1&&(e*=i,e<=.5))return e;if(t.assignedSlot){let n=this.getSlotAncestorOpacity(t.assignedSlot);if(n===0)return 0;e*=n}t=t.parentElement,n++}return e}getSlotAncestorOpacity(e){let t=1,n=e.parentElement;for(;n;){let e=window.getComputedStyle(n);if(e.visibility===`hidden`||e.display===`none`)return 0;t*=parseFloat(e.opacity)||1,n=n.parentElement}return t}createVisibilityObservable$(){let e=(0,s.fromEvent)(document,`visibilitychange`).pipe((0,c.startWith)(null),(0,c.map)(()=>document.visibilityState===`visible`),(0,c.distinctUntilChanged)());return(0,s.combineLatest)([(0,s.interval)(200).pipe((0,c.startWith)(0),(0,c.map)(()=>{if(!this.element)return!1;let e=this.element.getBoundingClientRect();return e.width>0&&e.height>0&&e.top<window.innerHeight&&e.bottom>0&&this.getAccumulatedOpacity()>.5}),(0,c.distinctUntilChanged)()),e]).pipe((0,c.map)(([e,t])=>e&&t),(0,c.distinctUntilChanged)())}runAnimation$(e,t,n,r){if(!this.element)return s.EMPTY;switch(e){case`fade-up`:return this.animateFadeUp$(t,r);case`blur-reveal`:return this.animateBlurReveal$(t,n,r);case`word-reveal`:return this.animateWordReveal$(t,n,r);case`cyber-glitch`:return this.animateCyberGlitch$(t,n,r);case`typewriter`:return this.animateTypewriter$(t);default:return s.EMPTY}}animateFadeUp$(e,t){if(!this.element)return s.EMPTY;let n=this.element.animate([{opacity:0,transform:`translateY(30px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:t.easingFallback,fill:`forwards`});return this.animations.push(n),(0,s.from)(n.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.opacity=``,this.element.style.transform=``,this.element.style.willChange=`auto`)}),(0,c.catchError)(()=>s.EMPTY))}wrapTextNodes(e){let t=[],n=document.createDocumentFragment(),r=Array.from(e.childNodes);for(let e of r)if(e.nodeType===Node.TEXT_NODE){let r=(e.textContent||``).split(/(\s+)/);for(let e of r)if(/^\s+$/.test(e))n.appendChild(document.createTextNode(e));else if(e.length>0){let r=document.createElement(`span`);r.textContent=e,n.appendChild(r),t.push(r)}}else e instanceof HTMLElement&&(n.appendChild(e),t.push(e));return e.textContent=``,e.appendChild(n),t}animateBlurReveal$(e,t,n){if(!this.element)return s.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,filter:`blur(8px)`,transform:`scale(0.9)`},{opacity:1,filter:`blur(0)`,transform:`scale(1)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,s.from)(i.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateWordReveal$(e,t,n){if(!this.element)return s.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,transform:`translateY(20px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,s.from)(i.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateCyberGlitch$(e,t,n){if(!this.element)return s.EMPTY;let r=this.originalContent.split(``),i=document.createDocumentFragment(),a=[];for(let e of r){let t=document.createElement(`span`);t.style.display=`inline-block`,t.style.opacity=`0`,t.textContent=e===` `?`\xA0`:e,i.appendChild(t),a.push(t)}this.element.textContent=``,this.element.appendChild(i),this.element.style.opacity=`1`,a.forEach((i,a)=>{if(r[a]===` `)return void(i.style.opacity=`1`);let o=i.animate([{opacity:0,transform:`translateY(-8px) scale(1.4)`,filter:`blur(4px)`},{opacity:1,transform:`translateY(0) scale(1)`,filter:`blur(0)`}],{duration:e,easing:n.easingFallback,delay:a*t,fill:`forwards`});this.animations.push(o)});let o=this.animations[this.animations.length-1];return o?(0,s.from)(o.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,a.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateTypewriter$(e){if(!this.element)return s.EMPTY;let t=this.originalContent,n=t.length;if(n===0)return s.EMPTY;let r=e/n,i=0;return(0,s.interval)(r).pipe((0,c.tap)(()=>{i++,this.element&&(this.element.textContent=t.slice(0,i))}),(0,c.takeWhile)(()=>i<n),(0,c.finalize)(()=>{this.element&&(this.element.textContent=this.originalContent,this.element.style.willChange=`auto`)}))}},m=(0,u.directive)(p),h=class extends u.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e){return l.noChange}update(e,[t=``]){let n=e.element;if(!t)return this.cleanup(),l.noChange;if(this.state)return l.noChange;this.state={message:t,element:n,badge:null,animation:null},getComputedStyle(n).position===`static`&&(n.style.position=`relative`);let r=document.createElement(`div`);return r.style.cssText=`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./audio-CpwrIaw-.cjs`),t=require(`./animation-CCOIW4wJ.cjs`),n=require(`./reduced-motion-Ds-HjMzn.cjs`);require(`./cursor-glow-Bulq-38P.cjs`);const r=require(`./theme.service-h2fXQq7x.cjs`),i=require(`./layout-CdyHy_oX.cjs`),a=require(`./overlay-stack-Bdr9lOqi.cjs`);require(`./gravity-6pL6CfIr.cjs`);const o=require(`./discovery.service-CIa3Eeuk.cjs`);require(`./magnetic-DKtc4umC.cjs`);let s=require(`rxjs`),c=require(`rxjs/operators`),l=require(`lit`),u=require(`lit/async-directive.js`),d=require(`lit/directive.js`);var f={smooth:t.d,snappy:t.f,bouncy:t.l,gentle:t.u},p=class extends u.AsyncDirective{constructor(...e){super(...e),this.element=null,this.originalContent=``,this.animations=[],this.disconnecting$=new s.Subject,this.initialized=!1}render(e){return l.noChange}update(e,[t]){return this.element=e.element,this.initialized||(this.initialized=!0,this.disconnecting$.closed&&(this.disconnecting$=new s.Subject),t.text===void 0?this.originalContent=this.element.textContent||``:(this.originalContent=t.text,this.element.textContent=t.text),this.element.style.willChange=`transform, opacity`,t.animation===`typewriter`?this.element.textContent=``:this.element.style.opacity=`0`,this.initialize(t)),l.noChange}disconnected(){this.cleanup()}reconnected(){this.element&&(this.element.style.willChange=`transform, opacity`)}initialize(e){let{animation:t,delay:n=0,duration:r,stagger:i,preset:a=`snappy`,restart:o=!1}=e,l=f[a],u=r??l.duration,d=i??(t===`cyber-glitch`?30:50),p=this.createVisibilityObservable$();(o?p.pipe((0,c.switchMap)(e=>e?(0,s.timer)(n).pipe((0,c.switchMap)(()=>this.runAnimation$(t,u,d,l))):(0,s.defer)(()=>(this.resetToInitial(t),s.EMPTY)))):p.pipe((0,c.filter)(e=>e),(0,c.take)(1),(0,c.delay)(n),(0,c.switchMap)(()=>this.runAnimation$(t,u,d,l)))).pipe((0,c.takeUntil)(this.disconnecting$)).subscribe()}cleanup(){this.disconnecting$.next(),this.disconnecting$.complete(),this.cancelAnimations(),this.element&&(this.element.textContent=this.originalContent,this.element.style.opacity=``,this.element.style.willChange=`auto`,this.element.style.transform=``,this.element.style.filter=``),this.element=null,this.initialized=!1}cancelAnimations(){this.animations.forEach(e=>e.cancel()),this.animations=[]}resetToInitial(e){this.cancelAnimations(),this.element&&(e===`typewriter`?this.element.textContent=``:(this.element.textContent=this.originalContent,this.element.style.opacity=`0`),this.element.style.transform=``,this.element.style.filter=``,this.element.style.willChange=`transform, opacity`)}getAccumulatedOpacity(){if(!this.element)return 0;let e=1,t=this.element.parentElement,n=0;for(;t&&t!==document.body&&n<10;){let r=window.getComputedStyle(t);if(r.visibility===`hidden`||r.display===`none`)return 0;let i=parseFloat(r.opacity)||1;if(i<1&&(e*=i,e<=.5))return e;if(t.assignedSlot){let n=this.getSlotAncestorOpacity(t.assignedSlot);if(n===0)return 0;e*=n}t=t.parentElement,n++}return e}getSlotAncestorOpacity(e){let t=1,n=e.parentElement;for(;n;){let e=window.getComputedStyle(n);if(e.visibility===`hidden`||e.display===`none`)return 0;t*=parseFloat(e.opacity)||1,n=n.parentElement}return t}createVisibilityObservable$(){let e=(0,s.fromEvent)(document,`visibilitychange`).pipe((0,c.startWith)(null),(0,c.map)(()=>document.visibilityState===`visible`),(0,c.distinctUntilChanged)());return(0,s.combineLatest)([(0,s.interval)(200).pipe((0,c.startWith)(0),(0,c.map)(()=>{if(!this.element)return!1;let e=this.element.getBoundingClientRect();return e.width>0&&e.height>0&&e.top<window.innerHeight&&e.bottom>0&&this.getAccumulatedOpacity()>.5}),(0,c.distinctUntilChanged)()),e]).pipe((0,c.map)(([e,t])=>e&&t),(0,c.distinctUntilChanged)())}runAnimation$(e,t,n,r){if(!this.element)return s.EMPTY;switch(e){case`fade-up`:return this.animateFadeUp$(t,r);case`blur-reveal`:return this.animateBlurReveal$(t,n,r);case`word-reveal`:return this.animateWordReveal$(t,n,r);case`cyber-glitch`:return this.animateCyberGlitch$(t,n,r);case`typewriter`:return this.animateTypewriter$(t);default:return s.EMPTY}}animateFadeUp$(e,t){if(!this.element)return s.EMPTY;let n=this.element.animate([{opacity:0,transform:`translateY(30px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:t.easingFallback,fill:`forwards`});return this.animations.push(n),(0,s.from)(n.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.opacity=``,this.element.style.transform=``,this.element.style.willChange=`auto`)}),(0,c.catchError)(()=>s.EMPTY))}wrapTextNodes(e){let t=[],n=document.createDocumentFragment(),r=Array.from(e.childNodes);for(let e of r)if(e.nodeType===Node.TEXT_NODE){let r=(e.textContent||``).split(/(\s+)/);for(let e of r)if(/^\s+$/.test(e))n.appendChild(document.createTextNode(e));else if(e.length>0){let r=document.createElement(`span`);r.textContent=e,n.appendChild(r),t.push(r)}}else e instanceof HTMLElement&&(n.appendChild(e),t.push(e));return e.textContent=``,e.appendChild(n),t}animateBlurReveal$(e,t,n){if(!this.element)return s.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,filter:`blur(8px)`,transform:`scale(0.9)`},{opacity:1,filter:`blur(0)`,transform:`scale(1)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,s.from)(i.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateWordReveal$(e,t,n){if(!this.element)return s.EMPTY;let r=this.wrapTextNodes(this.element);this.element.style.opacity=`1`,r.forEach((r,i)=>{r.style.opacity=`0`,r.style.display=`inline-block`;let a=r.animate([{opacity:0,transform:`translateY(20px)`},{opacity:1,transform:`translateY(0)`}],{duration:e,easing:n.easingFallback,delay:i*t,fill:`forwards`});this.animations.push(a)});let i=this.animations[this.animations.length-1];return i?(0,s.from)(i.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,r.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateCyberGlitch$(e,t,n){if(!this.element)return s.EMPTY;let r=this.originalContent.split(``),i=document.createDocumentFragment(),a=[];for(let e of r){let t=document.createElement(`span`);t.style.display=`inline-block`,t.style.opacity=`0`,t.textContent=e===` `?`\xA0`:e,i.appendChild(t),a.push(t)}this.element.textContent=``,this.element.appendChild(i),this.element.style.opacity=`1`,a.forEach((i,a)=>{if(r[a]===` `)return void(i.style.opacity=`1`);let o=i.animate([{opacity:0,transform:`translateY(-8px) scale(1.4)`,filter:`blur(4px)`},{opacity:1,transform:`translateY(0) scale(1)`,filter:`blur(0)`}],{duration:e,easing:n.easingFallback,delay:a*t,fill:`forwards`});this.animations.push(o)});let o=this.animations[this.animations.length-1];return o?(0,s.from)(o.finished).pipe((0,c.tap)(()=>{this.element&&(this.element.style.willChange=`auto`,a.forEach(e=>{e.style.willChange=`auto`}))}),(0,c.catchError)(()=>s.EMPTY)):s.EMPTY}animateTypewriter$(e){if(!this.element)return s.EMPTY;let t=this.originalContent,n=t.length;if(n===0)return s.EMPTY;let r=e/n,i=0;return(0,s.interval)(r).pipe((0,c.tap)(()=>{i++,this.element&&(this.element.textContent=t.slice(0,i))}),(0,c.takeWhile)(()=>i<n),(0,c.finalize)(()=>{this.element&&(this.element.textContent=this.originalContent,this.element.style.willChange=`auto`)}))}},m=(0,u.directive)(p),h=class extends u.AsyncDirective{constructor(...e){super(...e),this.state=null}render(e){return l.noChange}update(e,[t=``]){let n=e.element;if(!t)return this.cleanup(),l.noChange;if(this.state)return l.noChange;this.state={message:t,element:n,badge:null,animation:null},getComputedStyle(n).position===`static`&&(n.style.position=`relative`);let r=document.createElement(`div`);return r.style.cssText=`
 			display: block;
 			position: absolute;
 			bottom: -8px;