@mhmo91/schmancy 0.9.28 → 0.10.2

package/dist/{overlay-stack-DXPYHPhk.js.map → overlay-stack-CAQno0CK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"overlay-stack-DXPYHPhk.js","names":[],"sources":["../src/utils/overlay-stack.ts"],"sourcesContent":["/**\n * Global overlay stack manager for coordinating z-index across dialogs, sheets, and windows.\n * Each overlay gets a unique, incrementing z-index to ensure proper stacking.\n *\n * Two modes:\n *   Anonymous (dialogs/sheets): getNextZIndex() / release() — fire-and-forget counter\n *   ID-tracked (windows): assignZIndex(id) / bringToFront(id) / releaseId(id) — per-window stacking\n */\nclass OverlayStackManager {\n\tprivate static instance: OverlayStackManager\n\tprivate counter = 0\n\tprivate readonly BASE_Z_INDEX = 10000\n\n\t/** ID-tracked z-index assignments for windows */\n\tprivate idMap = new Map<string, number>()\n\n\tprivate constructor() {}\n\n\tstatic getInstance(): OverlayStackManager {\n\t\tif (!OverlayStackManager.instance) {\n\t\t\tOverlayStackManager.instance = new OverlayStackManager()\n\t\t}\n\t\treturn OverlayStackManager.instance\n\t}\n\n\t// ── Anonymous mode (dialogs/sheets) ────────────────────────────────\n\n\t/**\n\t * Get the next z-index for a new overlay.\n\t * Each call increments the counter, so overlays stack in open order.\n\t */\n\tgetNextZIndex(): number {\n\t\tthis.counter++\n\t\treturn this.BASE_Z_INDEX + this.counter\n\t}\n\n\t/**\n\t * Release a z-index when overlay closes.\n\t * When all overlays close, reset counter to avoid unbounded growth.\n\t */\n\trelease(): void {\n\t\tthis.counter = Math.max(0, this.counter - 1)\n\t}\n\n\t/**\n\t * Get current overlay count (for debugging)\n\t */\n\tget activeCount(): number {\n\t\treturn this.counter\n\t}\n\n\t// ── ID-tracked mode (windows) ──────────────────────────────────────\n\n\t/**\n\t * Assign a z-index to an ID. If already assigned, returns the existing value.\n\t */\n\tassignZIndex(id: string): number {\n\t\tconst existing = this.idMap.get(id)\n\t\tif (existing !== undefined) return existing\n\t\tthis.counter++\n\t\tconst z = this.BASE_Z_INDEX + this.counter\n\t\tthis.idMap.set(id, z)\n\t\treturn z\n\t}\n\n\t/**\n\t * Move a tracked ID to the highest z-index (bring to front).\n\t * Returns the new z-index.\n\t */\n\tbringToFront(id: string): number {\n\t\tthis.counter++\n\t\tconst z = this.BASE_Z_INDEX + this.counter\n\t\tthis.idMap.set(id, z)\n\t\treturn z\n\t}\n\n\t/**\n\t * Release a tracked ID's z-index.\n\t */\n\treleaseId(id: string): void {\n\t\tthis.idMap.delete(id)\n\t}\n\n\t/**\n\t * Get the z-index for a tracked ID, or undefined if not tracked.\n\t */\n\tgetZIndex(id: string): number | undefined {\n\t\treturn this.idMap.get(id)\n\t}\n\n\t/**\n\t * Get all tracked IDs sorted by z-index (lowest first, front-most last).\n\t */\n\tgetStackOrder(): string[] {\n\t\treturn [...this.idMap.entries()]\n\t\t\t.sort(([, a], [, b]) => a - b)\n\t\t\t.map(([id]) => id)\n\t}\n}\n\nexport const overlayStack = OverlayStackManager.getInstance()\n"],"mappings":"AAQA,IA4Fa,IA5Fb,MAAM,EAAA;CAQL,cAAA;AAAA,OAAA,UANkB,GAAA,KAAA,eACc,KAAA,KAAA,wBAGhB,IAAI,KAAA;;CAIpB,OAAA,cAAO;AAIN,SAHK,AACJ,EAAoB,aAAW,IAAI,GAAA,EAE7B,EAAoB;;CAS5B,gBAAA;AAEC,SADA,KAAK,WACE,KAAK,eAAe,KAAK;;CAOjC,UAAA;AACC,OAAK,UAAU,KAAK,IAAI,GAAG,KAAK,UAAU,EAAA;;CAM3C,IAAA,cAAI;AACH,SAAO,KAAK;;CAQb,aAAa,GAAA;EACZ,IAAM,IAAW,KAAK,MAAM,IAAI,EAAA;AAChC,MAAI,MAAJ,KAAiB,EAAW,QAAO;AACnC,OAAK;EACL,IAAM,IAAI,KAAK,eAAe,KAAK;AAEnC,SADA,KAAK,MAAM,IAAI,GAAI,EAAA,EACZ;;CAOR,aAAa,GAAA;AACZ,OAAK;EACL,IAAM,IAAI,KAAK,eAAe,KAAK;AAEnC,SADA,KAAK,MAAM,IAAI,GAAI,EAAA,EACZ;;CAMR,UAAU,GAAA;AACT,OAAK,MAAM,OAAO,EAAA;;CAMnB,UAAU,GAAA;AACT,SAAO,KAAK,MAAM,IAAI,EAAA;;CAMvB,gBAAA;AACC,SAAO,CAAA,GAAI,KAAK,MAAM,SAAA,CAAA,CACpB,MAAA,GAAS,IAAA,GAAO,OAAO,IAAI,EAAA,CAC3B,KAAA,CAAM,OAAQ,EAAA;;EAI8B,aAAA;AAAA,SAAA"}
+{"version":3,"file":"overlay-stack-CAQno0CK.js","names":[],"sources":["../src/utils/overlay-stack.ts"],"sourcesContent":["/**\n * Global overlay stack manager for coordinating z-index across dialogs, sheets, and windows.\n * Each overlay gets a unique, incrementing z-index to ensure proper stacking.\n *\n * Two modes:\n *   Anonymous (dialogs/sheets): getNextZIndex() / release() — fire-and-forget counter\n *   ID-tracked (windows): assignZIndex(id) / bringToFront(id) / releaseId(id) — per-window stacking\n */\nclass OverlayStackManager {\n\tprivate static instance: OverlayStackManager\n\tprivate counter = 0\n\tprivate readonly BASE_Z_INDEX = 10000\n\n\t/** ID-tracked z-index assignments for windows */\n\tprivate idMap = new Map<string, number>()\n\n\tprivate constructor() {}\n\n\tstatic getInstance(): OverlayStackManager {\n\t\tif (!OverlayStackManager.instance) {\n\t\t\tOverlayStackManager.instance = new OverlayStackManager()\n\t\t}\n\t\treturn OverlayStackManager.instance\n\t}\n\n\t// ── Anonymous mode (dialogs/sheets) ────────────────────────────────\n\n\t/**\n\t * Get the next z-index for a new overlay.\n\t * Each call increments the counter, so overlays stack in open order.\n\t */\n\tgetNextZIndex(): number {\n\t\tthis.counter++\n\t\treturn this.BASE_Z_INDEX + this.counter\n\t}\n\n\t/**\n\t * Release a z-index when overlay closes.\n\t * When all overlays close, reset counter to avoid unbounded growth.\n\t */\n\trelease(): void {\n\t\tthis.counter = Math.max(0, this.counter - 1)\n\t}\n\n\t/**\n\t * Get current overlay count (for debugging)\n\t */\n\tget activeCount(): number {\n\t\treturn this.counter\n\t}\n\n\t// ── ID-tracked mode (windows) ──────────────────────────────────────\n\n\t/**\n\t * Assign a z-index to an ID. If already assigned, returns the existing value.\n\t */\n\tassignZIndex(id: string): number {\n\t\tconst existing = this.idMap.get(id)\n\t\tif (existing !== undefined) return existing\n\t\tthis.counter++\n\t\tconst z = this.BASE_Z_INDEX + this.counter\n\t\tthis.idMap.set(id, z)\n\t\treturn z\n\t}\n\n\t/**\n\t * Move a tracked ID to the highest z-index (bring to front).\n\t * Returns the new z-index.\n\t */\n\tbringToFront(id: string): number {\n\t\tthis.counter++\n\t\tconst z = this.BASE_Z_INDEX + this.counter\n\t\tthis.idMap.set(id, z)\n\t\treturn z\n\t}\n\n\t/**\n\t * Release a tracked ID's z-index.\n\t */\n\treleaseId(id: string): void {\n\t\tthis.idMap.delete(id)\n\t}\n\n\t/**\n\t * Get the z-index for a tracked ID, or undefined if not tracked.\n\t */\n\tgetZIndex(id: string): number | undefined {\n\t\treturn this.idMap.get(id)\n\t}\n\n\t/**\n\t * Get all tracked IDs sorted by z-index (lowest first, front-most last).\n\t */\n\tgetStackOrder(): string[] {\n\t\treturn [...this.idMap.entries()]\n\t\t\t.toSorted(([, a], [, b]) => a - b)\n\t\t\t.map(([id]) => id)\n\t}\n}\n\nexport const overlayStack = OverlayStackManager.getInstance()\n"],"mappings":"AAQA,IA4Fa,IA5Fb,MAAM,EAAA;CAQL,cAAA;AAAA,OAAA,UANkB,GAAA,KAAA,eACc,KAAA,KAAA,wBAGhB,IAAI,KAAA;;CAIpB,OAAA,cAAO;AAIN,SAHK,AACJ,EAAoB,aAAW,IAAI,GAAA,EAE7B,EAAoB;;CAS5B,gBAAA;AAEC,SADA,KAAK,WACE,KAAK,eAAe,KAAK;;CAOjC,UAAA;AACC,OAAK,UAAU,KAAK,IAAI,GAAG,KAAK,UAAU,EAAA;;CAM3C,IAAA,cAAI;AACH,SAAO,KAAK;;CAQb,aAAa,GAAA;EACZ,IAAM,IAAW,KAAK,MAAM,IAAI,EAAA;AAChC,MAAI,MAAJ,KAAiB,EAAW,QAAO;AACnC,OAAK;EACL,IAAM,IAAI,KAAK,eAAe,KAAK;AAEnC,SADA,KAAK,MAAM,IAAI,GAAI,EAAA,EACZ;;CAOR,aAAa,GAAA;AACZ,OAAK;EACL,IAAM,IAAI,KAAK,eAAe,KAAK;AAEnC,SADA,KAAK,MAAM,IAAI,GAAI,EAAA,EACZ;;CAMR,UAAU,GAAA;AACT,OAAK,MAAM,OAAO,EAAA;;CAMnB,UAAU,GAAA;AACT,SAAO,KAAK,MAAM,IAAI,EAAA;;CAMvB,gBAAA;AACC,SAAO,CAAA,GAAI,KAAK,MAAM,SAAA,CAAA,CACpB,UAAA,GAAa,IAAA,GAAO,OAAO,IAAI,EAAA,CAC/B,KAAA,CAAM,OAAQ,EAAA;;EAI8B,aAAA;AAAA,SAAA"}

package/dist/overlay.cjs

@@ -1,25 +1,26 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-CncqDLb2.cjs`),t=require(`./decorate-F9CuyeHg.cjs`),n=require(`./litElement.mixin-qh5-IIUq.cjs`);require(`./mixins.cjs`);const r=require(`./lazy-BDNnH_r7.cjs`),i=require(`./animation-CQRdLgzX.cjs`);let a=require(`rxjs`),o=require(`lit/decorators.js`),s=require(`lit`),c=require(`lit/directives/when.js`),l=require(`lit/directives/choose.js`);function u(e,t){if(i.v())return t===`in`?{keyframes:[{opacity:0,transform:`none`},{opacity:1,transform:`none`}],options:{duration:1,easing:`linear`,fill:`forwards`}}:{keyframes:[{opacity:1,transform:`none`},{opacity:0,transform:`none`}],options:{duration:1,easing:`linear`,fill:`forwards`}};switch(e){case`centered`:return t===`in`?{keyframes:[{opacity:0,transform:`scale(0.92) translateY(16px)`},{opacity:1,transform:`scale(1) translateY(0)`}],options:{duration:i.f.duration,easing:i.f.easingFallback,fill:`forwards`}}:{keyframes:[{opacity:1,transform:`scale(1) translateY(0)`},{opacity:0,transform:`scale(0.96) translateY(8px)`}],options:{duration:150,easing:i.o,fill:`forwards`}};case`sheet`:return t===`in`?{keyframes:[{opacity:0,transform:`translateY(100%)`},{opacity:1,transform:`translateY(0)`}],options:{duration:i.u.duration,easing:i.u.easingFallback,fill:`forwards`}}:{keyframes:[{opacity:1,transform:`translateY(0)`},{opacity:0,transform:`translateY(100%)`}],options:{duration:150,easing:i.o,fill:`forwards`}};case`anchored`:return t===`in`?{keyframes:[{opacity:0},{opacity:1}],options:{duration:i.f.duration,easing:i.f.easingFallback,fill:`forwards`}}:{keyframes:[{opacity:1},{opacity:0}],options:{duration:150,easing:i.o,fill:`forwards`}}}}var d=`overlay-mount`,f=class extends n.t(s.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-CncqDLb2.cjs`),t=require(`./mixins-De3xfjrm.cjs`),n=require(`./decorate-DpFmy0nm.cjs`),r=require(`./lazy-Dq9mRRjT.cjs`),i=require(`./animation-CO_Csq84.cjs`),a=require(`./reduced-motion-Ds-HjMzn.cjs`),o=require(`./layout-Dmh6fxh0.cjs`);let s=require(`rxjs`),c=require(`lit/decorators.js`),l=require(`lit`),u=require(`lit/directives/if-defined.js`),d=require(`lit/directives/when.js`),f=require(`@floating-ui/dom`),p=require(`lit/directives/choose.js`);var m=a.t.value;a.t.subscribe(e=>{m=e});var h=`--schmancy-overlay-origin-x`,g=`--schmancy-overlay-origin-y`,_=`var(${h}, 50%) var(${g}, 50%)`;function v(e){return Number.isNaN(e)||!Number.isFinite(e)?50:Math.max(0,Math.min(100,e))}function y(e,t){if(m)return t===`in`?{keyframes:[{opacity:0,transform:`none`},{opacity:1,transform:`none`}],options:{duration:1,easing:`linear`,fill:`forwards`}}:{keyframes:[{opacity:1,transform:`none`},{opacity:0,transform:`none`}],options:{duration:1,easing:`linear`,fill:`forwards`}};switch(e){case`centered`:return t===`in`?{keyframes:[{opacity:0,transform:`scale(0.6)`,transformOrigin:_},{opacity:1,transform:`scale(1)`,transformOrigin:_}],options:{duration:i.f.duration,easing:i._(i.f),fill:`forwards`}}:{keyframes:[{opacity:1,transform:`scale(1)`,transformOrigin:_},{opacity:0,transform:`scale(0.95)`,transformOrigin:_}],options:{duration:150,easing:i._(i.d),fill:`forwards`}};case`sheet`:return t===`in`?{keyframes:[{opacity:0,transform:`translateY(100%)`},{opacity:1,transform:`translateY(0)`}],options:{duration:i.u.duration,easing:i._(i.u),fill:`forwards`}}:{keyframes:[{opacity:1,transform:`translateY(0)`},{opacity:0,transform:`translateY(100%)`}],options:{duration:150,easing:i._(i.d),fill:`forwards`}};case`anchored`:return t===`in`?{keyframes:[{opacity:0,transform:`scale(0.85)`,transformOrigin:_},{opacity:1,transform:`scale(1)`,transformOrigin:_}],options:{duration:i.f.duration,easing:i._(i.f),fill:`forwards`}}:{keyframes:[{opacity:1,transform:`scale(1)`,transformOrigin:_},{opacity:0,transform:`scale(0.92)`,transformOrigin:_}],options:{duration:150,easing:i._(i.d),fill:`forwards`}}}}function b(e){let{surface:t,dragHandle:n,until$:r}=e;return new s.Observable(e=>{let i=n??t,a=new s.Subject,o=!1,c=null,l=0,u=0,d=0;return(0,s.merge)((0,s.fromEvent)(i,`pointerdown`).pipe((0,s.filter)(e=>e.isPrimary&&(e.pointerType!==`mouse`||e.button===0)),(0,s.filter)(e=>{if(n)return!0;let r=t.getBoundingClientRect();return e.clientY-r.top<=40}),(0,s.tap)(e=>{o=!0,c=e.pointerId,l=e.clientY,u=performance.now(),d=0,t.style.transition=`none`,t.style.willChange=`transform`;try{i.setPointerCapture?.(e.pointerId)}catch{}})),(0,s.fromEvent)(i,`pointermove`).pipe((0,s.filter)(()=>o),(0,s.filter)(e=>e.pointerId===c),(0,s.tap)(e=>{d=function(e){if(e>=0)return e;let t=-e;return-Math.max(0,8*(Math.log(t+1)-2))}(e.clientY-l),t.style.transform=`translateY(${d}px)`,e.cancelable&&e.preventDefault()})),(0,s.merge)((0,s.fromEvent)(i,`pointerup`),(0,s.fromEvent)(i,`pointercancel`),(0,s.fromEvent)(i,`lostpointercapture`)).pipe((0,s.filter)(()=>o),(0,s.filter)(e=>e.pointerId===c),(0,s.tap)(()=>{o=!1;let n=c;c=null;try{n!==null&&i.releasePointerCapture?.(n)}catch{}let r=Math.max(1,performance.now()-u),a=d/r,s=t.getBoundingClientRect().height,l=Math.min(80,.25*s),f=d>l||d>20&&a>.4;t.style.willChange=``,f?(t.style.transition=`transform 300ms cubic-bezier(0.16, 1, 0.3, 1)`,t.style.transform=`translateY(100%)`,e.next(`dismiss`),e.complete()):(t.style.transition=`transform 300ms cubic-bezier(0.16, 1, 0.3, 1)`,t.style.transform=`translateY(0)`)}))).pipe((0,s.takeUntil)((0,s.merge)(a,r))).subscribe(),()=>{a.next(),a.complete(),t.style.transition=``,t.style.transform=``,t.style.willChange=``}}).pipe((0,s.take)(1))}function x(e){let{anchor:t,content:n,viewport:r}=e,i=r.width<640,a=r.isCoarsePointer,o=n.height>.8*r.height,s=n.width>.9*r.width;return i||a||o||s?`sheet`:t===void 0?`centered`:`anchored`}function S(){return{width:window.innerWidth,height:window.innerHeight,isCoarsePointer:window.matchMedia(`(pointer: coarse)`).matches}}function C(e,t){return{x:e,y:t,width:0,height:0,left:e,right:e,top:t,bottom:t,toJSON:()=>({x:e,y:t,width:0,height:0,left:e,right:e,top:t,bottom:t})}}var w=Object.freeze({popover:typeof HTMLElement<`u`&&`popover`in HTMLElement.prototype&&typeof HTMLElement.prototype.showPopover==`function`,cssAnchor:typeof CSS<`u`&&typeof CSS.supports==`function`&&CSS.supports(`anchor-name: --x`)});function T(e){if(!w.popover)throw Error(`positionPopoverAPI requires Popover API support`);e.setAttribute(`popover`,`auto`);try{e.showPopover()}catch{}return()=>{try{e.hidePopover?.()}catch{}e.removeAttribute(`popover`)}}function E(e,t,n={}){return new s.Observable(r=>{let i=t.el??t.virtual;if(!i)return void r.error(Error(`positionFloatingUI requires an element or virtual anchor`));let a=n.placement??`bottom-start`,o=n.padding??16,s=n.offsetPx??8,c=(0,f.autoUpdate)(i,e,async()=>{try{let{x:t,y:n}=await(0,f.computePosition)(i,e,{strategy:`fixed`,placement:a,middleware:[(0,f.offset)(s),(0,f.flip)({padding:o,fallbackPlacements:D(a)}),(0,f.shift)({padding:o}),(0,f.size)({padding:o,apply({availableWidth:e,availableHeight:t,elements:n}){n.floating.style.maxWidth=`${Math.max(0,e)}px`,n.floating.style.maxHeight=`${Math.max(0,t)}px`}})]});Object.assign(e.style,{position:`fixed`,left:`${Math.round(t)}px`,top:`${Math.round(n)}px`,transform:`none`}),r.next()}catch(e){r.error(e)}},{ancestorScroll:!0,ancestorResize:!0,elementResize:!1!==n.track});return()=>{c()}})}function D(e){switch(e){case`bottom-start`:return[`top-start`,`bottom-end`,`top-end`];case`bottom-end`:return[`top-end`,`bottom-start`,`top-start`];case`top-start`:return[`bottom-start`,`top-end`,`bottom-end`];case`top-end`:return[`bottom-end`,`top-start`,`bottom-start`];case`left-start`:return[`right-start`,`left-end`,`right-end`];case`left-end`:return[`right-end`,`left-start`,`right-start`];case`right-start`:return[`left-start`,`right-end`,`left-end`];case`right-end`:return[`left-end`,`right-start`,`left-start`];case`top`:return[`bottom`,`left`,`right`];case`bottom`:return[`top`,`left`,`right`];case`left`:return[`right`,`top`,`bottom`];case`right`:return[`left`,`top`,`bottom`];default:return[`top-start`,`bottom-end`]}}var O=`overlay-mount`,k=class extends t.s{constructor(...e){super(...e),this.layout=`centered`,this.dismissable=!0,this.modal=!0,this.tier=`modal`,this._active=!1,this._closed$=new s.Subject,this._mounted=!1,this._closing=!1,this._lastFocusedElement=null,this._inertedSiblings=[],this._lastReResolveAt=0,this.onBackdropClick=()=>{this.dismissable&&this.close(`backdrop`)}}static{this.styles=[l.css`
 	:host {
 		position: fixed;
 		inset: 0;
 		z-index: var(--schmancy-overlay-z, 10000);
-		display: contents;
+		display: none;
 		pointer-events: none;
 	}
-	dialog {
-		margin: 0;
-		padding: 0;
-		border: 0;
-		background: transparent;
-		overflow: visible;
-		max-width: none;
-		max-height: none;
-		pointer-events: auto;
+	:host([active]) {
+		display: block;
+	}
+	.shell {
+		position: fixed;
+		inset: 0;
+		pointer-events: none;
 	}
-	dialog::backdrop {
-		background: rgba(12, 12, 16, 0.28);
+	.backdrop {
+		position: fixed;
+		inset: 0;
+		background: color-mix(in srgb, var(--schmancy-sys-color-surface-container, rgba(12, 12, 16, 0.28)) 60%, transparent);
 		backdrop-filter: blur(18px) saturate(150%);
 		-webkit-backdrop-filter: blur(18px) saturate(150%);
+		pointer-events: auto;
 	}
 	.surface {
 		position: fixed;
@@ -29,6 +30,7 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 		overflow: auto;
 		border-radius: var(--schmancy-sys-shape-corner-large, 16px);
 		background: var(--schmancy-sys-color-surface, #ffffff);
+		color: var(--schmancy-sys-color-on-surface, #1a1a1a);
 		box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.35);
 	}
 	.surface[data-layout='centered'] {
@@ -41,7 +43,6 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 		right: 0;
 		bottom: 0;
 		max-width: none;
-		max-height: 90dvh;
 		width: 100%;
 		border-radius: var(--schmancy-sys-shape-corner-large, 16px) var(--schmancy-sys-shape-corner-large, 16px) 0 0;
 		padding-bottom: env(safe-area-inset-bottom);
@@ -50,36 +51,33 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 		max-width: min(480px, calc(100vw - 2rem));
 		box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.28);
 	}
-	.drag-handle {
-		display: flex;
-		justify-content: center;
-		padding: 8px 0 4px;
-		touch-action: none;
-		cursor: grab;
-	}
-	.drag-handle::before {
-		content: '';
-		width: 40px;
-		height: 4px;
-		border-radius: 999px;
-		background: var(--schmancy-sys-color-outline-variant, #cac4cf);
+	/* Popover top-layer surfaces escape normal z-index — zero out host
+	 * display to avoid two surfaces rendering during transitions. */
+	.surface:popover-open {
+		margin: 0;
+		border: 0;
 	}
 	@media (prefers-reduced-motion: reduce) {
-		.surface { box-shadow: var(--schmancy-sys-elevation-2, 0 2px 6px rgba(0,0,0,0.2)); }
+		.surface {
+			box-shadow: var(--schmancy-sys-elevation-2, 0 2px 6px rgba(0, 0, 0, 0.2));
+		}
 	}
-`){constructor(...e){super(...e),this.layout=`centered`,this.dismissable=!0,this.modal=!0,this._closed$=new a.Subject,this._mounted=!1,this._closing=!1}get closed$(){return this._closed$.asObservable()}async open(e,t){if(this._mounted)throw Error(`schmancy-overlay: open() called twice on the same element`);this._mounted=!0,this.dismissable=!1!==t.dismissable,await this.updateComplete;let n=this.renderRoot.querySelector(`#${d}`);if(!n)throw Error(`schmancy-overlay: mount point missing`);await p(e,n,t.props);let r={width:window.innerWidth,height:window.innerHeight,isCoarsePointer:window.matchMedia(`(pointer: coarse)`).matches},i={width:n.scrollWidth,height:n.scrollHeight},a=function(e){let{anchor:t,content:n,viewport:r}=e,i=r.width<640,a=r.isCoarsePointer,o=n.height>.8*r.height,s=n.width>.9*r.width;return i||a||o||s?`sheet`:t===void 0?`centered`:`anchored`}({anchor:t.anchor,content:i,viewport:r});this.layout=a;let o=t.modal??(a===`centered`||a===`sheet`);this.modal=o,await this.updateComplete,o?this._dialog.showModal():this._dialog.show(),a===`anchored`&&t.anchor&&this.positionAnchored(t.anchor),this.wireCloseTriggers(t.signal),await this.playEnterAnimations()}async close(e,t){if(!this._closing&&this._mounted){this._closing=!0;try{await this.playExitAnimations()}catch{}try{this._dialog?.close()}catch{}this._closed$.next({reason:e,result:t}),this._closed$.complete()}}wireCloseTriggers(e){let t=this.disconnecting;if((0,a.fromEvent)(this._dialog,`close`).pipe((0,a.filter)(()=>!this._closing),(0,a.tap)(()=>{let e=this._dialog.returnValue;e!==``&&e!==void 0?this.close(`native-submit`,e):this.close(`escape`)}),(0,a.takeUntil)(t)).subscribe(),(0,a.fromEvent)(this,`close`).pipe((0,a.filter)(e=>e instanceof CustomEvent),(0,a.filter)(e=>e.target!==this._dialog),(0,a.tap)(e=>{e.stopPropagation(),this.close(`structured`,e.detail)}),(0,a.takeUntil)(t)).subscribe(),(0,a.fromEvent)(this._dialog,`cancel`).pipe((0,a.tap)(e=>{this.dismissable||e.preventDefault()}),(0,a.takeUntil)(t)).subscribe(),(0,a.fromEvent)(this._dialog,`click`).pipe((0,a.filter)(e=>this.dismissable&&e.target===this._dialog),(0,a.tap)(()=>{this.close(`backdrop`)}),(0,a.takeUntil)(t)).subscribe(),this.layout===`sheet`&&this.dismissable){let e=this.renderRoot.querySelector(`.drag-handle`);(function(e){let{surface:t,dragHandle:n,until$:r}=e;return new a.Observable(e=>{let i=n??t,o=new a.Subject,s=!1,c=0,l=0,u=0;return(0,a.merge)((0,a.fromEvent)(i,`touchstart`,{passive:!0}).pipe((0,a.filter)(e=>e.touches.length===1),(0,a.filter)(e=>{if(n)return!0;let r=e.touches[0],i=t.getBoundingClientRect();return r.clientY-i.top<=40}),(0,a.tap)(e=>{s=!0,c=e.touches[0].clientY,l=performance.now(),u=0,t.style.transition=`none`,t.style.willChange=`transform`})),(0,a.fromEvent)(t,`touchmove`,{passive:!1}).pipe((0,a.filter)(()=>s),(0,a.filter)(e=>e.touches.length===1),(0,a.tap)(e=>{let n=e.touches[0].clientY-c;u=n<0?.2*n:n,t.style.transform=`translateY(${u}px)`,e.preventDefault()})),(0,a.merge)((0,a.fromEvent)(t,`touchend`,{passive:!0}),(0,a.fromEvent)(t,`touchcancel`,{passive:!0})).pipe((0,a.filter)(()=>s),(0,a.tap)(()=>{s=!1;let n=Math.max(1,performance.now()-l),r=u/n,i=t.getBoundingClientRect().height,a=Math.min(80,.3*i),o=u>a||u>20&&r>.5;t.style.willChange=``,o?(t.style.transition=`transform 300ms cubic-bezier(0.16, 1, 0.3, 1)`,t.style.transform=`translateY(100%)`,e.next(`dismiss`),e.complete()):(t.style.transition=`transform 300ms cubic-bezier(0.16, 1, 0.3, 1)`,t.style.transform=`translateY(0)`)}))).pipe((0,a.takeUntil)((0,a.merge)(o,r))).subscribe(),()=>{o.next(),o.complete(),t.style.transition=``,t.style.transform=``,t.style.willChange=``}}).pipe((0,a.take)(1))})({surface:this._surface,dragHandle:e,until$:(0,a.merge)(t,this._closed$)}).pipe((0,a.take)(1)).subscribe(()=>{this.close(`swipe`)})}e&&(e.aborted?queueMicrotask(()=>{this.close(`abort`)}):(0,a.fromEvent)(e,`abort`).pipe((0,a.take)(1),(0,a.tap)(()=>{this.close(`abort`)}),(0,a.takeUntil)(t)).subscribe())}positionAnchored(e){let t=function(e){if(e instanceof Element){let t=e.getBoundingClientRect();return{top:t.top,left:t.left,right:t.right,bottom:t.bottom,width:t.width,height:t.height}}if(`clientX`in e&&`clientY`in e)return{top:e.clientY,left:e.clientX,right:e.clientX,bottom:e.clientY,width:0,height:0};let t=e;return{top:t.y,left:t.x,right:t.x,bottom:t.y,width:0,height:0}}(e),n=this._surface.getBoundingClientRect(),r=window.innerWidth,i=window.innerHeight,a=t.bottom+8;if(a+n.height>i-16){let e=t.top-8-n.height;a=e>=16?e:Math.max(16,i-16-n.height)}let o=t.left;o+n.width>r-16&&(o=r-16-n.width),o<16&&(o=16),this._surface.style.top=`${a}px`,this._surface.style.left=`${o}px`,this._surface.style.transform=`none`}async playEnterAnimations(){let e=this._dialog,t=this._surface;if(!e||!t)return;let n=u(this.layout,`in`);await t.animate(n.keyframes,n.options).finished.catch(()=>{})}async playExitAnimations(){let e=this._surface;if(!e)return;let t=u(this.layout,`out`);await e.animate(t.keyframes,t.options).finished.catch(()=>{})}render(){return s.html`
-			<dialog>
+`]}get closed$(){return this._closed$.asObservable()}async open(e,t){if(this._mounted)throw Error(`schmancy-overlay: open() called twice on the same element`);this._mounted=!0,this.dismissable=!1!==t.dismissable,this._rawAnchor=t.anchor,this._anchorOriginAnchor=t.anchor,this._resolvedAnchor=function(e){if(!e)return;if(typeof HTMLElement<`u`&&e instanceof HTMLElement)return{el:e};if(typeof e.getBoundingClientRect==`function`)return{virtual:{getBoundingClientRect:()=>e.getBoundingClientRect()}};if(typeof e.width==`number`&&typeof e.height==`number`&&typeof e.left==`number`&&typeof e.top==`number`){let t=e;return{virtual:{getBoundingClientRect:()=>t}}}if(typeof e.clientX==`number`&&typeof e.clientY==`number`){let t=e,n=C(t.clientX,t.clientY);return{virtual:{getBoundingClientRect:()=>n}}}if(e.touches!==void 0&&e.touches.length>0){let t=e.touches[0],n=C(t.clientX,t.clientY);return{virtual:{getBoundingClientRect:()=>n}}}let t=e,n=C(t.x,t.y);return{virtual:{getBoundingClientRect:()=>n}}}(t.anchor),this._active=!0,this.setAttribute(`active`,``),await this.updateComplete;let n=this.renderRoot.querySelector(`#${O}`);if(!n)throw Error(`schmancy-overlay: mount point missing`);await A(e,n,t.props);let r=S(),i={width:n.scrollWidth,height:n.scrollHeight};var a;if(this.layout=x({anchor:t.anchor,content:i,viewport:r}),this.modal=t.modal??(this.layout===`centered`||this.layout===`sheet`),this.tier=this.modal?`modal`:this._resolvedAnchor?(a=this._resolvedAnchor,w.popover&&w.cssAnchor&&a.el?`css-anchor`:w.popover?`popover-fui`:`fui-only`):`modal`,await this.updateComplete,this.tier===`css-anchor`&&this._resolvedAnchor?.el&&this.shadowRoot){this._positionerTeardown=function(e,t,n,r={id:``}){if(!t.el)throw Error(`positionCSSAnchor requires an element anchor`);let i=t.el,a=`--ov-${r.id||Math.random().toString(36).slice(2,10)}`,o=r.placement??`bottom-start`,s=i.style.getPropertyValue(`anchor-name`);i.style.setProperty(`anchor-name`,a);let c=new CSSStyleSheet;return c.replaceSync(`\n\t\t${e.localName}[data-overlay-ref="${r.id}"] {\n\t\t\tposition-anchor: ${a};\n\t\t\t${function(e){switch(e){case`top`:case`top-start`:return`bottom: anchor(top); left: anchor(start);`;case`top-end`:return`bottom: anchor(top); right: anchor(end);`;case`bottom`:case`bottom-start`:return`top: anchor(bottom); left: anchor(start);`;case`bottom-end`:return`top: anchor(bottom); right: anchor(end);`;case`left`:case`left-start`:return`right: anchor(left); top: anchor(start);`;case`left-end`:return`right: anchor(left); bottom: anchor(end);`;case`right`:case`right-start`:return`left: anchor(right); top: anchor(start);`;case`right-end`:return`left: anchor(right); bottom: anchor(end);`}}(o)}\n\t\t\tmargin: 8px;\n\t\t\tposition-try-fallbacks:\n\t\t\t\tflip-block,\n\t\t\t\tflip-inline,\n\t\t\t\tflip-block flip-inline;\n\t\t}\n\t`),e.dataset.overlayRef=r.id,n.adoptedStyleSheets=[...n.adoptedStyleSheets,c],()=>{s?i.style.setProperty(`anchor-name`,s):i.style.removeProperty(`anchor-name`),n.adoptedStyleSheets=n.adoptedStyleSheets.filter(e=>e!==c),delete e.dataset.overlayRef}}(this._surface,this._resolvedAnchor,this.shadowRoot,{id:`ov-${Math.random().toString(36).slice(2,10)}`,placement:t.preferredPlacement??`bottom-start`});let e=T(this._surface),n=this._positionerTeardown;this._positionerTeardown=()=>{e(),n()}}else if(this.tier===`popover-fui`&&this._resolvedAnchor){let e=T(this._surface),n=E(this._surface,this._resolvedAnchor,{placement:t.preferredPlacement??`bottom-start`,offsetPx:8,track:!1!==t.track}).pipe((0,s.takeUntil)(this.disconnecting)).subscribe();this._positionerTeardown=()=>{e(),n.unsubscribe()}}else if(this.tier===`fui-only`&&this._resolvedAnchor){let e=E(this._surface,this._resolvedAnchor,{placement:t.preferredPlacement??`bottom-start`,offsetPx:8,track:!1!==t.track}).pipe((0,s.takeUntil)(this.disconnecting)).subscribe();this._positionerTeardown=()=>e.unsubscribe()}this.setAnchorOriginVars(),this.wireFocusTrap(),this.wireCloseTriggers(t.signal),this.wireResizeObserver(n),await this.playEnterAnimations()}async close(e,t){if(!this._closing&&this._mounted){this._closing=!0;try{await this.playExitAnimations()}catch{}if(this.releaseFocusTrap(),this._positionerTeardown){try{this._positionerTeardown()}catch{}this._positionerTeardown=void 0}this._active=!1,this.removeAttribute(`active`),this._closed$.next({reason:e,result:t}),this._closed$.complete()}}render(){return this._active?l.html`
+			<div class="shell" part="shell">
+				${(0,d.when)(this.modal,()=>l.html`<div class="backdrop" part="backdrop" @click=${this.onBackdropClick}></div>`)}
 				<section
 					class="surface"
+					part="surface"
 					data-layout=${this.layout}
-					role="dialog"
+					data-tier=${this.tier}
+					role=${this.modal?`dialog`:`region`}
 					aria-modal=${this.modal?`true`:`false`}
+					tabindex="-1"
 				>
-					${(0,c.when)(this.layout===`sheet`,()=>s.html`<div class="drag-handle" role="button" aria-label="Dismiss" tabindex="0"></div>`)}
-					<div id=${d}></div>
+					<div id=${O}></div>
 				</section>
-			</dialog>
-		`}};async function p(e,t,n){if(typeof(r=e)==`object`&&r!==null&&`_$litType$`in r)return(0,s.render)(e,t),t;var r;if(e instanceof HTMLElement)return n&&Object.assign(e,n),t.appendChild(e),e;if(function(e){return typeof e==`function`&&(`preload`in e||`_promise`in e)}(e))return p((await e()).default,t,n);if(typeof e==`function`){let r=new e;return n&&Object.assign(r,n),t.appendChild(r),r}if(typeof e==`string`){let r=document.createElement(e);return n&&Object.assign(r,n),t.appendChild(r),r}throw Error(`schmancy-overlay: unsupported content type`)}t.t([(0,o.property)({type:String,reflect:!0})],f.prototype,`layout`,void 0),t.t([(0,o.property)({type:Boolean,reflect:!0})],f.prototype,`dismissable`,void 0),t.t([(0,o.property)({type:Boolean,reflect:!0})],f.prototype,`modal`,void 0),t.t([(0,o.query)(`dialog`)],f.prototype,`_dialog`,void 0),t.t([(0,o.query)(`.surface`)],f.prototype,`_surface`,void 0),f=t.t([(0,o.customElement)(`schmancy-overlay`)],f);var m=e.n({SchmancyOverlayPromptBody:()=>h}),h=class extends n.t(s.css`
+			</div>
+		`:l.html``}setAnchorOriginVars(){let e=this._surface;if(!e)return;let t=e.getBoundingClientRect(),n=this.layout!==`centered`||this._anchorOriginAnchor?this.layout!==`sheet`||this._anchorOriginAnchor?function(e,t){if(!e)return{[h]:`50%`,[g]:`50%`};let{x:n,y:r}=function(e){if(typeof e.getBoundingClientRect==`function`){let t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}if(typeof e.width==`number`&&typeof e.height==`number`&&typeof e.left==`number`&&typeof e.top==`number`){let t=e;return{x:t.left+t.width/2,y:t.top+t.height/2}}if(typeof e.clientX==`number`&&typeof e.clientY==`number`){let t=e;return{x:t.clientX,y:t.clientY}}if(e.touches!==void 0&&e.touches.length>0){let t=e.touches[0];return{x:t.clientX,y:t.clientY}}let t=e;return{x:t.x,y:t.y}}(e);if(!t.width||!t.height)return{[h]:`50%`,[g]:`50%`};let i=v((n-t.left)/t.width*100),a=v((r-t.top)/t.height*100);return{[h]:`${i}%`,[g]:`${a}%`}}(this._anchorOriginAnchor,t):{"--schmancy-overlay-origin-x":`50%`,"--schmancy-overlay-origin-y":`100%`}:{"--schmancy-overlay-origin-x":`50%`,"--schmancy-overlay-origin-y":`50%`};for(let[t,r]of Object.entries(n))e.style.setProperty(t,r)}wireFocusTrap(){if(!this.modal)return;this._lastFocusedElement=document.activeElement??null;let e=this.parentElement;if(e){this._inertedSiblings=[];for(let t of Array.from(e.children))t!==this&&t instanceof HTMLElement&&!t.inert&&(t.inert=!0,this._inertedSiblings.push(t))}queueMicrotask(()=>{(this._surface?.querySelector(`[autofocus]`)??this._surface)?.focus()})}releaseFocusTrap(){for(let e of this._inertedSiblings)e.inert=!1;this._inertedSiblings=[];try{this._lastFocusedElement?.focus?.()}catch{}this._lastFocusedElement=null}wireCloseTriggers(e){let t=this.disconnecting;(0,s.fromEvent)(this,`close`).pipe((0,s.filter)(e=>e instanceof CustomEvent),(0,s.tap)(e=>{e.stopPropagation(),this.close(`structured`,e.detail)}),(0,s.takeUntil)(t)).subscribe(),(0,s.fromEvent)(this,`submit`).pipe((0,s.filter)(e=>{let t=e.target;return!!t&&t.method===`dialog`}),(0,s.tap)(e=>{e.preventDefault();let t=e.submitter?.value??``;this.close(`native-submit`,t)}),(0,s.takeUntil)(t)).subscribe(),this.tier===`modal`&&(0,s.fromEvent)(document,`keydown`).pipe((0,s.filter)(e=>e.key===`Escape`),(0,s.tap)(e=>{this.dismissable?(e.preventDefault(),this.close(`escape`)):e.preventDefault()}),(0,s.takeUntil)(t)).subscribe(),this.tier!==`popover-fui`&&this.tier!==`css-anchor`||(0,s.fromEvent)(this._surface,`toggle`).pipe((0,s.filter)(e=>e.newState===`closed`),(0,s.take)(1),(0,s.tap)(()=>{this._closing||this.close(`light-dismiss`)}),(0,s.takeUntil)(t)).subscribe(),this.tier===`fui-only`&&(0,s.fromEvent)(document,`pointerdown`,{capture:!0}).pipe((0,s.filter)(e=>{if(!this.dismissable)return!1;let t=e.composedPath()[0];return!!t&&!this._surface?.contains(t)&&!this._resolvedAnchor?.el?.contains(t)}),(0,s.take)(1),(0,s.tap)(()=>{this.close(`backdrop`)}),(0,s.takeUntil)(t)).subscribe(),this.layout===`sheet`&&this.dismissable&&b({surface:this._surface,until$:(0,s.merge)(t,this._closed$)}).pipe((0,s.take)(1)).subscribe(()=>{this.close(`swipe`)}),e&&(e.aborted?queueMicrotask(()=>{this.close(`abort`)}):(0,s.fromEvent)(e,`abort`).pipe((0,s.take)(1),(0,s.tap)(()=>{this.close(`abort`)}),(0,s.takeUntil)(t)).subscribe())}wireResizeObserver(e){o.t(e).pipe((0,s.map)(e=>{let t=e[0];if(!t)return null;let n=t.contentRect;return{w:n.width,h:n.height}}),(0,s.filter)(e=>e!==null),(0,s.distinctUntilChanged)((e,t)=>e.w===t.w&&e.h===t.h),(0,s.debounceTime)(80),(0,s.takeUntil)((0,s.merge)(this.disconnecting,this._closed$))).subscribe(e=>this.maybeReResolve(e))}async maybeReResolve(e){if(this._closing)return;let t=S(),n=x({anchor:this._rawAnchor,content:{width:e.w,height:e.h},viewport:t});if(n===this.layout||performance.now()-this._lastReResolveAt<600||(r=this.layout,a=n,!(r===`centered`&&a===`sheet`||r===`anchored`&&a===`sheet`)))return;var r,a;let o=this._surface,s=o.getBoundingClientRect();this.layout=n,await this.updateComplete;let c=function(e,t){return m?{keyframes:[{transform:`none`},{transform:`none`}],options:{duration:1,easing:`linear`,fill:`forwards`}}:{keyframes:[{transform:`translate(${e.left-t.left}px, ${e.top-t.top}px) scale(${t.width>0?e.width/t.width:1}, ${t.height>0?e.height/t.height:1})`,transformOrigin:`top left`},{transform:`none`,transformOrigin:`top left`}],options:{duration:i.d.duration,easing:i._(i.d),fill:`forwards`}}}(s,o.getBoundingClientRect());try{await o.animate(c.keyframes,c.options).finished}catch{}this._lastReResolveAt=performance.now()}async playEnterAnimations(){let e=this._surface;if(!e)return;let t=y(this.layout,`in`),n=[e.animate(t.keyframes,t.options).finished.catch(()=>{})],r=this._backdrop;this.modal&&r&&n.push(r.animate([{opacity:0},{opacity:1}],{duration:t.options.duration,easing:`ease-out`,fill:`forwards`}).finished.catch(()=>{})),await Promise.all(n)}async playExitAnimations(){let e=this._surface;if(!e)return;let t=y(this.layout,`out`),n=[e.animate(t.keyframes,t.options).finished.catch(()=>{})],r=this._backdrop;this.modal&&r&&n.push(r.animate([{opacity:1},{opacity:0}],{duration:t.options.duration,easing:`ease-in`,fill:`forwards`}).finished.catch(()=>{})),await Promise.all(n)}};async function A(e,t,n){if(typeof(r=e)==`object`&&r!==null&&`_$litType$`in r)return(0,l.render)(e,t),t;var r;if(e instanceof HTMLElement)return n&&Object.assign(e,n),t.appendChild(e),e;if(function(e){return typeof e==`function`&&(`preload`in e||`_promise`in e)}(e))return A((await e()).default,t,n);if(typeof e==`function`){let r=new e;return n&&Object.assign(r,n),t.appendChild(r),r}if(typeof e==`string`){let r=document.createElement(e);return n&&Object.assign(r,n),t.appendChild(r),r}throw Error(`schmancy-overlay: unsupported content type`)}n.t([(0,c.property)({type:String,reflect:!0})],k.prototype,`layout`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],k.prototype,`dismissable`,void 0),n.t([(0,c.property)({type:Boolean,reflect:!0})],k.prototype,`modal`,void 0),n.t([(0,c.property)({type:String,reflect:!0})],k.prototype,`tier`,void 0),n.t([(0,c.state)()],k.prototype,`_active`,void 0),n.t([(0,c.query)(`.backdrop`)],k.prototype,`_backdrop`,void 0),n.t([(0,c.query)(`.surface`)],k.prototype,`_surface`,void 0),k=n.t([(0,c.customElement)(`schmancy-overlay`)],k);var j=e.n({SchmancyOverlayPromptBody:()=>M}),M=class extends t.s{constructor(...e){super(...e),this.confirmText=`Confirm`,this.cancelText=`Cancel`,this.variant=`default`,this.mode=`confirm`,this.defaultValue=``,this.inputType=`text`,this.required=!1,this.handleCancel=()=>{this.dismiss(this.mode===`prompt`&&null)},this.handleConfirm=()=>{if(this.mode===`prompt`){let e=this._input;if(e&&!e.reportValidity())return;this.dismiss(e?.value??``)}else this.dismiss(!0)},this.handleSubmit=e=>{e.preventDefault(),this.handleConfirm()}}static{this.styles=[l.css`
 	:host {
 		display: block;
 		padding: 20px 24px;
@@ -94,22 +92,22 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 		background: var(--schmancy-sys-color-error, #b3261e);
 		color: var(--schmancy-sys-color-on-error, #ffffff);
 	}
-`){constructor(...e){super(...e),this.confirmText=`Confirm`,this.cancelText=`Cancel`,this.variant=`default`,this.mode=`confirm`,this.defaultValue=``,this.inputType=`text`,this.required=!1,this.handleCancel=()=>{this.dismiss(this.mode===`prompt`&&null)},this.handleConfirm=()=>{if(this.mode===`prompt`){let e=this._input;if(e&&!e.reportValidity())return;this.dismiss(e?.value??``)}else this.dismiss(!0)},this.handleSubmit=e=>{e.preventDefault(),this.handleConfirm()}}firstUpdated(){this.mode===`prompt`&&queueMicrotask(()=>this._input?.focus())}dismiss(e){this.dispatchEvent(new CustomEvent(`close`,{detail:e,bubbles:!0,composed:!0}))}render(){return s.html`
+`]}firstUpdated(){this.mode===`prompt`&&queueMicrotask(()=>this._input?.focus())}dismiss(e){this.dispatchEvent(new CustomEvent(`close`,{detail:e,bubbles:!0,composed:!0}))}render(){return l.html`
 			<form @submit=${this.handleSubmit}>
-				${(0,c.when)(this.heading,()=>s.html`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
-				${(0,c.when)(this.subtitle,()=>s.html`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
-				${(0,l.choose)(this.mode,[[`prompt`,()=>s.html`
-								${(0,c.when)(this.label,()=>s.html`<label class="block text-sm mb-1">${this.label}</label>`)}
+				${(0,d.when)(this.heading,()=>l.html`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
+				${(0,d.when)(this.subtitle,()=>l.html`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
+				${(0,p.choose)(this.mode,[[`prompt`,()=>l.html`
+								${(0,d.when)(this.label,()=>l.html`<label class="block text-sm mb-1">${this.label}</label>`)}
 								<input
 									type=${this.inputType}
 									.value=${this.defaultValue}
-									placeholder=${this.placeholder??s.nothing}
-									pattern=${this.pattern??s.nothing}
+									placeholder=${(0,u.ifDefined)(this.placeholder)}
+									pattern=${(0,u.ifDefined)(this.pattern)}
 									?required=${this.required}
 									class="w-full px-3 py-2 rounded-md border border-outline-variant text-base mb-2"
 								/>
-								${(0,c.when)(this.message,()=>s.html`<p class="text-sm mb-3">${this.message}</p>`)}
-							`]],()=>s.html`${(0,c.when)(this.message,()=>s.html`<p class="text-sm mb-4">${this.message}</p>`)}`)}
+								${(0,d.when)(this.message,()=>l.html`<p class="text-sm mb-3">${this.message}</p>`)}
+							`]],()=>l.html`${(0,d.when)(this.message,()=>l.html`<p class="text-sm mb-4">${this.message}</p>`)}`)}
 
 				<div class="flex justify-end gap-2 mt-4">
 					<button
@@ -127,4 +125,4 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=requi
 					</button>
 				</div>
 			</form>
-		`}};t.t([(0,o.property)({type:String})],h.prototype,`heading`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`subtitle`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`message`,void 0),t.t([(0,o.property)({type:String,attribute:`confirm-text`})],h.prototype,`confirmText`,void 0),t.t([(0,o.property)({type:String,attribute:`cancel-text`})],h.prototype,`cancelText`,void 0),t.t([(0,o.property)({type:String,reflect:!0})],h.prototype,`variant`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`mode`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`label`,void 0),t.t([(0,o.property)({type:String,attribute:`default-value`})],h.prototype,`defaultValue`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`placeholder`,void 0),t.t([(0,o.property)({type:String,attribute:`input-type`})],h.prototype,`inputType`,void 0),t.t([(0,o.property)({type:String})],h.prototype,`pattern`,void 0),t.t([(0,o.property)({type:Boolean})],h.prototype,`required`,void 0),t.t([(0,o.query)(`input`)],h.prototype,`_input`,void 0),h=t.t([(0,o.customElement)(`schmancy-overlay-prompt-body`)],h);var g=new a.BehaviorSubject([]),_=g.asObservable(),v=!1,y=``,b=``;g.pipe((0,a.map)(e=>e.length>0),(0,a.distinctUntilChanged)()).subscribe(e=>{typeof document<`u`&&(e&&!v?(y=document.documentElement.style.overflow,b=document.documentElement.style.getPropertyValue(`scrollbar-gutter`),document.documentElement.style.overflow=`hidden`,document.documentElement.style.setProperty(`scrollbar-gutter`,`stable`),v=!0):!e&&v&&(document.documentElement.style.overflow=y,b?document.documentElement.style.setProperty(`scrollbar-gutter`,b):document.documentElement.style.removeProperty(`scrollbar-gutter`),y=``,b=``,v=!1))});var x=new Set,S=new Set;function C(e,t){x.add(e),x.size===1&&function(e){let t=e.parentElement??document.body;for(let n=0;n<t.children.length;n++){let r=t.children[n];r!==e&&r instanceof HTMLElement&&!r.inert&&(r.inert=!0,S.add(r))}}(t)}function w(e){x.delete(e),x.size===0&&function(){for(let e of S)e.inert=!1;S.clear()}()}var T=_;function E(e,t={}){return(0,a.defer)(()=>new a.Observable(n=>{let r=null,i=null,o=!1,s=!1,c=new a.Subject;return(async()=>{try{r=document.createElement(`schmancy-overlay`),(document.body??document.documentElement).appendChild(r),await r.updateComplete,await r.open(e,t);let l=`ov_`+Math.random().toString(36).slice(2,10)+Date.now().toString(36);i={id:l,element:r,layout:r.layout},function(e){g.next([...g.value,e])}(i),r.modal&&r.parentElement&&C(l,r);let u=t.historyStrategy??`push`;u===`push`?(history.pushState({i:l},``,location.href),o=!0):u===`replace`&&history.replaceState({i:l},``,location.href),o&&(0,a.fromEvent)(window,`popstate`).pipe((0,a.take)(1),(0,a.takeUntil)(c)).subscribe(()=>{s=!0,r?.close(`popstate`)}),r.closed$.pipe((0,a.take)(1),(0,a.takeUntil)(c)).subscribe(({result:e})=>{s=!0,n.next(e),n.complete()})}catch(e){n.error(e)}})(),()=>{c.next(),c.complete(),r&&!s&&r.close(`programmatic`),i&&(w(i.id),function(e){let t=g.value,n=t.filter(t=>t.id!==e);n.length!==t.length&&g.next(n)}(i.id)),o&&!s&&(history.state?.i===i?.id&&history.back(),o=!1),queueMicrotask(()=>{r?.remove(),r=null})}}))}Object.defineProperty(exports,`SchmancyOverlay`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`SchmancyOverlayPromptBody`,{enumerable:!0,get:function(){return h}}),exports.confirm=async function(e={}){let{SchmancyOverlayPromptBody:t}=await Promise.resolve().then(()=>m);return!0===await(0,a.firstValueFrom)(E(t,{anchor:e.anchor,signal:e.signal,props:{mode:`confirm`,heading:e.title,subtitle:e.subtitle,message:e.message,confirmText:e.confirmText??`Confirm`,cancelText:e.cancelText??`Cancel`,variant:e.variant??`default`}}).pipe((0,a.defaultIfEmpty)(!1)))},exports.dismissAll=function(){let e=[...g.value];for(let t=e.length-1;t>=0;t--)e[t].element.close(`programmatic`);g.value.length>0&&g.next([])},exports.lazy=r.t,exports.openOverlays$=T,exports.overlayEvents=function(e,t){return function(e){let t=e.toLowerCase();return g.pipe((0,a.map)(e=>{let n=[];for(let r of e){let e=r.element.querySelector(t);e&&n.push(e)}return n}),(0,a.distinctUntilChanged)((e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n])))}(e).pipe((0,a.distinctUntilChanged)((e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n])),(0,a.switchMap)(e=>e.length===0?a.EMPTY:(0,a.merge)(...e.map(e=>(0,a.fromEvent)(e,t)))),(0,a.map)(e=>e))},exports.prompt=async function(e={}){let{SchmancyOverlayPromptBody:t}=await Promise.resolve().then(()=>m),n=await(0,a.firstValueFrom)(E(t,{anchor:e.anchor,signal:e.signal,props:{mode:`prompt`,heading:e.title,subtitle:e.subtitle,message:e.message,label:e.label,defaultValue:e.defaultValue??``,placeholder:e.placeholder,inputType:e.inputType??`text`,pattern:e.pattern,required:e.required??!1,confirmText:e.confirmText??`OK`,cancelText:e.cancelText??`Cancel`}}).pipe((0,a.defaultIfEmpty)(null)));return typeof n==`string`?n:null},exports.show=E;
+		`}};n.t([(0,c.property)({type:String})],M.prototype,`heading`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`subtitle`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`message`,void 0),n.t([(0,c.property)({type:String,attribute:`confirm-text`})],M.prototype,`confirmText`,void 0),n.t([(0,c.property)({type:String,attribute:`cancel-text`})],M.prototype,`cancelText`,void 0),n.t([(0,c.property)({type:String,reflect:!0})],M.prototype,`variant`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`mode`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`label`,void 0),n.t([(0,c.property)({type:String,attribute:`default-value`})],M.prototype,`defaultValue`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`placeholder`,void 0),n.t([(0,c.property)({type:String,attribute:`input-type`})],M.prototype,`inputType`,void 0),n.t([(0,c.property)({type:String})],M.prototype,`pattern`,void 0),n.t([(0,c.property)({type:Boolean})],M.prototype,`required`,void 0),n.t([(0,c.query)(`input`)],M.prototype,`_input`,void 0),M=n.t([(0,c.customElement)(`schmancy-overlay-prompt-body`)],M);var N=new s.BehaviorSubject([]),P=N.asObservable(),F=!1,I=``,L=``;N.pipe((0,s.map)(e=>e.some(e=>e.modal)),(0,s.distinctUntilChanged)()).subscribe(e=>{typeof document<`u`&&(e&&!F?(I=document.documentElement.style.overflow,L=document.documentElement.style.getPropertyValue(`scrollbar-gutter`),document.documentElement.style.overflow=`hidden`,document.documentElement.style.setProperty(`scrollbar-gutter`,`stable`),F=!0):!e&&F&&(document.documentElement.style.overflow=I,L?document.documentElement.style.setProperty(`scrollbar-gutter`,L):document.documentElement.style.removeProperty(`scrollbar-gutter`),I=``,L=``,F=!1))});var R=new Set,z=new Set;function B(e,t){R.add(e),R.size===1&&function(e){let t=e.parentElement??document.body;for(let n=0;n<t.children.length;n++){let r=t.children[n];r!==e&&r instanceof HTMLElement&&!r.inert&&(r.inert=!0,z.add(r))}}(t)}function V(e){R.delete(e),R.size===0&&function(){for(let e of z)e.inert=!1;z.clear()}()}var H=P,U=new s.BehaviorSubject(null);function W(){let e=U.value;if(e&&!(performance.now()-e.capturedAt>750))return e.event}function G(e,t={}){return(0,s.defer)(()=>{let n={...t,anchor:t.anchor??W()};return new s.Observable(t=>{let r=null,i=null,a=!1,o=!1,c=new s.Subject;return(async()=>{try{r=document.createElement(`schmancy-overlay`),(document.body??document.documentElement).appendChild(r),await r.updateComplete,await r.open(e,n);let l=`ov_`+Math.random().toString(36).slice(2,10)+Date.now().toString(36);i={id:l,element:r,layout:r.layout,modal:r.modal,tier:r.tier},function(e){N.next([...N.value,e])}(i),r.modal&&r.parentElement&&B(l,r);let u=n.historyStrategy??`push`;u===`push`?(history.pushState({o:l},``,location.href),a=!0):u===`replace`&&history.replaceState({o:l},``,location.href),a&&(0,s.fromEvent)(window,`popstate`).pipe((0,s.take)(1),(0,s.takeUntil)(c)).subscribe(()=>{o=!0,r?.close(`popstate`)}),r.closed$.pipe((0,s.take)(1),(0,s.takeUntil)(c)).subscribe(({result:e})=>{o=!0,t.next(e),t.complete()})}catch(e){t.error(e)}})(),()=>{c.next(),c.complete(),r&&!o&&r.close(`programmatic`),i&&(V(i.id),function(e){let t=N.value,n=t.filter(t=>t.id!==e);n.length!==t.length&&N.next(n)}(i.id)),a&&!o&&(history.state?.o===i?.id&&history.back(),a=!1),queueMicrotask(()=>{r?.remove(),r=null})}})})}typeof document<`u`&&(0,s.merge)((0,s.fromEvent)(document,`pointerdown`,{capture:!0,passive:!0}).pipe((0,s.map)(e=>({event:e,capturedAt:performance.now()}))),(0,s.fromEvent)(document,`click`,{capture:!0,passive:!0}).pipe((0,s.map)(e=>({event:e,capturedAt:performance.now()}))),(0,s.fromEvent)(document,`keydown`,{capture:!0}).pipe((0,s.filter)(e=>e.target instanceof Element),(0,s.map)(e=>{let t=e.target.getBoundingClientRect();return{event:new MouseEvent(`click`,{clientX:t.left+t.width/2,clientY:t.top+t.height/2,bubbles:!0}),capturedAt:performance.now()}}))).subscribe(e=>U.next(e)),Object.defineProperty(exports,`SchmancyOverlay`,{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,`SchmancyOverlayPromptBody`,{enumerable:!0,get:function(){return M}}),exports.confirm=async function(e={}){let{SchmancyOverlayPromptBody:t}=await Promise.resolve().then(()=>j);return!0===await(0,s.firstValueFrom)(G(t,{anchor:e.anchor,signal:e.signal,props:{mode:`confirm`,heading:e.title,subtitle:e.subtitle,message:e.message,confirmText:e.confirmText??`Confirm`,cancelText:e.cancelText??`Cancel`,variant:e.variant??`default`}}).pipe((0,s.defaultIfEmpty)(!1)))},exports.dismissAll=function(){let e=[...N.value];for(let t=e.length-1;t>=0;t--)e[t].element.close(`programmatic`);N.value.length>0&&N.next([])},exports.lazy=r.t,exports.openOverlays$=H,exports.overlayEvents=function(e,t){return function(e){let t=e.toLowerCase();return N.pipe((0,s.map)(e=>{let n=[];for(let r of e){let e=r.element.querySelector(t);e&&n.push(e)}return n}),(0,s.distinctUntilChanged)((e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n])))}(e).pipe((0,s.distinctUntilChanged)((e,t)=>e.length===t.length&&e.every((e,n)=>e===t[n])),(0,s.switchMap)(e=>e.length===0?s.EMPTY:(0,s.merge)(...e.map(e=>(0,s.fromEvent)(e,t)))),(0,s.map)(e=>e))},exports.prompt=async function(e={}){let{SchmancyOverlayPromptBody:t}=await Promise.resolve().then(()=>j),n=await(0,s.firstValueFrom)(G(t,{anchor:e.anchor,signal:e.signal,props:{mode:`prompt`,heading:e.title,subtitle:e.subtitle,message:e.message,label:e.label,defaultValue:e.defaultValue??``,placeholder:e.placeholder,inputType:e.inputType??`text`,pattern:e.pattern,required:e.required??!1,confirmText:e.confirmText??`OK`,cancelText:e.cancelText??`Cancel`}}).pipe((0,s.defaultIfEmpty)(null)));return typeof n==`string`?n:null},exports.show=G;