@mhmo91/schmancy 0.10.42 → 0.10.43

package/src/overlay/overlay.animations.ts

@@ -1,9 +1,4 @@
-import {
-	DURATION_EXIT,
-	getEasing,
-	SPRING_SMOOTH,
-	SPRING_SNAPPY,
-} from '../utils/animation'
+import { DURATION_EXIT, getEasing, SPRING_SMOOTH, SPRING_SNAPPY } from '../utils/animation'
 import { reducedMotion$ } from '../directives/reduced-motion'
 import type { Anchor, OverlayLayout } from './overlay.types'
 
@@ -47,7 +42,7 @@ export interface AnimationSpec {
  * module singletons don't need explicit teardown).
  */
 let reducedMotion = reducedMotion$.value
-reducedMotion$.subscribe((v) => {
+reducedMotion$.subscribe(v => {
 	reducedMotion = v
 })
 
@@ -62,9 +57,7 @@ function clampPercent(value: number): number {
 
 function getAnchorCenter(anchor: Anchor): { x: number; y: number } {
 	// Element | VirtualAnchor — anything exposing getBoundingClientRect()
-	if (
-		typeof (anchor as { getBoundingClientRect?: unknown }).getBoundingClientRect === 'function'
-	) {
+	if (typeof (anchor as { getBoundingClientRect?: unknown }).getBoundingClientRect === 'function') {
 		const r = (anchor as { getBoundingClientRect(): DOMRect }).getBoundingClientRect()
 		return { x: r.left + r.width / 2, y: r.top + r.height / 2 }
 	}
@@ -84,10 +77,7 @@ function getAnchorCenter(anchor: Anchor): { x: number; y: number } {
 		return { x: e.clientX, y: e.clientY }
 	}
 	// TouchEvent
-	if (
-		typeof (anchor as TouchEvent).touches !== 'undefined' &&
-		(anchor as TouchEvent).touches.length > 0
-	) {
+	if (typeof (anchor as TouchEvent).touches !== 'undefined' && (anchor as TouchEvent).touches.length > 0) {
 		const t = (anchor as TouchEvent).touches[0]
 		return { x: t.clientX, y: t.clientY }
 	}

package/src/overlay/overlay.component.ts

@@ -17,32 +17,12 @@ import {
 } from 'rxjs'
 import type { LazyComponent } from '../area/lazy'
 import { fromResizeObserver } from '../directives/layout'
-import {
-	anchorOriginVars,
-	flipAnimation,
-	surfaceAnimation,
-} from './overlay.animations'
+import { anchorOriginVars, flipAnimation, surfaceAnimation } from './overlay.animations'
 import { swipeToDismiss$ } from './overlay.gestures'
-import {
-	resolveAnchorRef,
-	resolveLayout,
-	type ResolvedAnchor,
-} from './overlay.layout'
-import {
-	pickPositioner,
-	positionCSSAnchor,
-	positionFloatingUI,
-	positionPopoverAPI,
-} from './overlay.positioning'
+import { resolveAnchorRef, resolveLayout, type ResolvedAnchor } from './overlay.layout'
+import { pickPositioner, positionCSSAnchor, positionFloatingUI, positionPopoverAPI } from './overlay.positioning'
 import { currentStack } from './overlay.stack'
-import type {
-	Anchor,
-	CloseReason,
-	Content,
-	OverlayLayout,
-	OverlayTier,
-	ShowOptions,
-} from './overlay.types'
+import type { Anchor, CloseReason, Content, OverlayLayout, OverlayTier, ShowOptions } from './overlay.types'
 
 const MOUNT_POINT_ID = 'overlay-mount'
 const RE_RESOLVE_COOLDOWN_MS = 600
@@ -69,49 +49,51 @@ const RE_RESOLVE_COOLDOWN_MS = 600
  */
 @customElement('schmancy-overlay')
 export class SchmancyOverlay extends SchmancyElement {
-	static styles = [css`
-	:host {
-		position: fixed;
-		inset: 0;
-		z-index: 10000;
-		display: none;
-		pointer-events: none;
-	}
-	:host([active]) {
-		display: block;
-	}
-	/* Vertical-gradient scrim — Tailwind's bg-gradient utilities cannot reach
+	static styles = [
+		css`
+			:host {
+				position: fixed;
+				inset: 0;
+				z-index: 10000;
+				display: none;
+				pointer-events: none;
+			}
+			:host([active]) {
+				display: block;
+			}
+			/* Vertical-gradient scrim — Tailwind's bg-gradient utilities cannot reach
 	 * these color-mix percentages with sufficient control. */
-	.backdrop {
-		background: linear-gradient(
-			to bottom,
-			color-mix(in srgb, var(--schmancy-sys-color-scrim) 18%, transparent) 0%,
-			color-mix(in srgb, var(--schmancy-sys-color-scrim) 56%, transparent) 100%
-		);
-		-webkit-backdrop-filter: blur(16px) saturate(160%);
-		backdrop-filter: blur(16px) saturate(160%);
-	}
-	/* Popover top-layer surfaces — UA defaults push surface off-screen. */
-	.surface:popover-open {
-		margin: 0;
-		border: 0;
-	}
-	/* Modal tier promotes the whole shell (scrim + surface) into the top
+			.backdrop {
+				background: linear-gradient(
+					to bottom,
+					color-mix(in srgb, var(--schmancy-sys-color-scrim) 18%, transparent) 0%,
+					color-mix(in srgb, var(--schmancy-sys-color-scrim) 56%, transparent) 100%
+				);
+				-webkit-backdrop-filter: blur(16px) saturate(160%);
+				backdrop-filter: blur(16px) saturate(160%);
+			}
+			/* Popover top-layer surfaces — UA defaults push surface off-screen. */
+			.surface:popover-open {
+				margin: 0;
+				border: 0;
+			}
+			/* Modal tier promotes the whole shell (scrim + surface) into the top
 	 * layer so every overlay — anchored or modal — shares ONE stacking
 	 * domain ordered strictly by show() time. Neutralize the UA popover
 	 * box so the shell stays full-viewport. */
-	.shell:popover-open {
-		inset: 0;
-		margin: 0;
-		border: 0;
-		width: 100%;
-		height: 100%;
-		max-width: none;
-		max-height: none;
-		background: transparent;
-		overflow: visible;
-	}
-`]
+			.shell:popover-open {
+				inset: 0;
+				margin: 0;
+				border: 0;
+				width: 100%;
+				height: 100%;
+				max-width: none;
+				max-height: none;
+				background: transparent;
+				overflow: visible;
+			}
+		`,
+	]
 
 	@property({ type: String, reflect: true }) layout: OverlayLayout = 'sheet'
 	@property({ type: Boolean, reflect: true }) dismissable = true
@@ -188,11 +170,7 @@ export class SchmancyOverlay extends SchmancyElement {
 		// Pick the positioning tier. Modal layouts always use the 'modal'
 		// tier (custom shell + manual backdrop); anchored uses the CAPS-driven
 		// ladder. `modal: true` on an anchored layout stays modal.
-		this.tier = this.modal
-			? 'modal'
-			: this.resolvedAnchor
-				? pickPositioner(this.resolvedAnchor)
-				: 'modal'
+		this.tier = this.modal ? 'modal' : this.resolvedAnchor ? pickPositioner(this.resolvedAnchor) : 'modal'
 
 		await this.updateComplete
 
@@ -313,7 +291,12 @@ export class SchmancyOverlay extends SchmancyElement {
 			<div class="shell fixed inset-0 pointer-events-none" part="shell">
 				${when(
 					this.modal,
-					() => html`<div class="backdrop fixed inset-0 pointer-events-auto" part="backdrop" @click=${this.onBackdropClick}></div>`,
+					() =>
+						html`<div
+							class="backdrop fixed inset-0 pointer-events-auto"
+							part="backdrop"
+							@click=${this.onBackdropClick}
+						></div>`,
 				)}
 				<section
 					class="${baseClasses} ${layoutClasses}"
@@ -324,7 +307,10 @@ export class SchmancyOverlay extends SchmancyElement {
 					aria-modal=${this.modal ? 'true' : 'false'}
 					tabindex="-1"
 				>
-					<div id=${MOUNT_POINT_ID} class=${this.layout === 'sheet' && this.full ? 'flex-1 min-h-0 overflow-hidden' : ''}></div>
+					<div
+						id=${MOUNT_POINT_ID}
+						class=${this.layout === 'sheet' && this.full ? 'flex-1 min-h-0 overflow-hidden' : ''}
+					></div>
 				</section>
 			</div>
 		`
@@ -397,23 +383,22 @@ export class SchmancyOverlay extends SchmancyElement {
 
 		// Structured close — content dispatches CustomEvent('close', { detail }).
 		const structured$ = fromEvent<CustomEvent>(this, 'close').pipe(
-			filter((e) => e instanceof CustomEvent),
-			tap((e) => e.stopPropagation()),
-			map((e) => ({ reason: 'structured' as CloseReason, result: e.detail })),
+			filter(e => e instanceof CustomEvent),
+			tap(e => e.stopPropagation()),
+			map(e => ({ reason: 'structured' as CloseReason, result: e.detail })),
 		)
 
 		// Native <form method="dialog"> submission bubbles up as a regular
 		// submit event with `submitter.value` (returnValue proxy for our
 		// custom shell). Capture it and resolve with the string value.
 		const nativeSubmit$ = fromEvent<SubmitEvent>(this, 'submit').pipe(
-			filter((e) => {
+			filter(e => {
 				const form = e.target as HTMLFormElement | null
 				return !!form && form.method === 'dialog'
 			}),
-			tap((e) => e.preventDefault()),
-			map((e) => {
-				const submitter = (e as SubmitEvent & { submitter?: HTMLButtonElement | HTMLInputElement })
-					.submitter
+			tap(e => e.preventDefault()),
+			map(e => {
+				const submitter = (e as SubmitEvent & { submitter?: HTMLButtonElement | HTMLInputElement }).submitter
 				return { reason: 'native-submit' as CloseReason, result: submitter?.value ?? '' }
 			}),
 		)
@@ -423,8 +408,8 @@ export class SchmancyOverlay extends SchmancyElement {
 		// either (the auto popover-stack would close ancestor overlays when
 		// a nested overlay opens — see positionPopoverAPI's comment).
 		const escape$ = fromEvent<KeyboardEvent>(document, 'keydown').pipe(
-			filter((e) => e.key === 'Escape'),
-			tap((e) => e.preventDefault()),
+			filter(e => e.key === 'Escape'),
+			tap(e => e.preventDefault()),
 			filter(() => this.dismissable),
 			map(() => ({ reason: 'escape' as CloseReason })),
 			take(1),
@@ -438,60 +423,55 @@ export class SchmancyOverlay extends SchmancyElement {
 		// `Node.contains`) so clicks on elements inside slotted /
 		// shadow-DOM descendants of the surface are correctly classified
 		// as "inside".
-		const outsideClick$ = this.tier !== 'modal'
-			? fromEvent<PointerEvent>(document, 'pointerdown', { capture: true }).pipe(
-				filter((e) => {
-					if (!this.dismissable) return false
-					const path = e.composedPath()
-					if (this.surface && path.includes(this.surface)) return false
-					if (this.resolvedAnchor?.el && path.includes(this.resolvedAnchor.el)) return false
-					// Suppress dismiss when the click lands inside any overlay that sits
-					// ABOVE this one in the stack (nested overlays sibling-appended to
-					// body). Read the stack fresh per pointerdown — it mutates as overlays
-					// open and close.
-					const stack = currentStack()
-					const myIndex = stack.findIndex((entry) => entry.element === this)
-					if (myIndex !== -1) {
-						for (let i = myIndex + 1; i < stack.length; i++) {
-							if (path.includes(stack[i].element)) return false
-							const aboveSurface = stack[i].element.shadowRoot?.querySelector('.surface')
-							if (aboveSurface && path.includes(aboveSurface)) return false
-						}
-					}
-					return true
-				}),
-				map(() => ({ reason: 'backdrop' as CloseReason })),
-				take(1),
-			)
-			: null
+		const outsideClick$ =
+			this.tier !== 'modal'
+				? fromEvent<PointerEvent>(document, 'pointerdown', { capture: true }).pipe(
+						filter(e => {
+							if (!this.dismissable) return false
+							const path = e.composedPath()
+							if (this.surface && path.includes(this.surface)) return false
+							if (this.resolvedAnchor?.el && path.includes(this.resolvedAnchor.el)) return false
+							// Suppress dismiss when the click lands inside any overlay that sits
+							// ABOVE this one in the stack (nested overlays sibling-appended to
+							// body). Read the stack fresh per pointerdown — it mutates as overlays
+							// open and close.
+							const stack = currentStack()
+							const myIndex = stack.findIndex(entry => entry.element === this)
+							if (myIndex !== -1) {
+								for (let i = myIndex + 1; i < stack.length; i++) {
+									if (path.includes(stack[i].element)) return false
+									const aboveSurface = stack[i].element.shadowRoot?.querySelector('.surface')
+									if (aboveSurface && path.includes(aboveSurface)) return false
+								}
+							}
+							return true
+						}),
+						map(() => ({ reason: 'backdrop' as CloseReason })),
+						take(1),
+					)
+				: null
 
 		// Swipe-to-dismiss for sheet layout only. No visual drag handle —
 		// the gesture starts from the top 40px of the surface (see
 		// DRAG_START_TOP_PX in overlay.gestures). Escape + backdrop click
 		// cover the other dismiss paths via the modal-tier listeners above.
-		const swipe$ = this.layout === 'sheet' && this.dismissable
-			? swipeToDismiss$({ surface: this.surface, until$: merge(until, this.#closed$) }).pipe(
-				take(1),
-				map(() => ({ reason: 'swipe' as CloseReason })),
-			)
-			: null
+		const swipe$ =
+			this.layout === 'sheet' && this.dismissable
+				? swipeToDismiss$({ surface: this.surface, until$: merge(until, this.#closed$) }).pipe(
+						take(1),
+						map(() => ({ reason: 'swipe' as CloseReason })),
+					)
+				: null
 
 		// AbortSignal — standard cancellation input.
 		const abort$ = signal
 			? fromEvent(signal, 'abort').pipe(
-				take(1),
-				map(() => ({ reason: 'abort' as CloseReason })),
-			)
+					take(1),
+					map(() => ({ reason: 'abort' as CloseReason })),
+				)
 			: null
 
-		merge(
-			structured$,
-			nativeSubmit$,
-			escape$,
-			outsideClick$ ?? EMPTY,
-			swipe$ ?? EMPTY,
-			abort$ ?? EMPTY,
-		)
+		merge(structured$, nativeSubmit$, escape$, outsideClick$ ?? EMPTY, swipe$ ?? EMPTY, abort$ ?? EMPTY)
 			.pipe(takeUntil(until))
 			.subscribe(({ reason, result }: { reason: CloseReason; result?: unknown }) => void this.close(reason, result))
 	}
@@ -501,7 +481,7 @@ export class SchmancyOverlay extends SchmancyElement {
 	private wireResizeObserver(mount: HTMLElement): void {
 		fromResizeObserver(mount)
 			.pipe(
-				map((entries) => {
+				map(entries => {
 					const entry = entries[0]
 					if (!entry) return null
 					const box = entry.contentRect
@@ -548,17 +528,16 @@ export class SchmancyOverlay extends SchmancyElement {
 		const surface = this.surface
 		if (!surface) return
 		const spec = surfaceAnimation(this.layout, direction)
-		const tasks: Promise<unknown>[] = [
-			surface.animate(spec.keyframes, spec.options).finished.catch(() => undefined),
-		]
+		const tasks: Promise<unknown>[] = [surface.animate(spec.keyframes, spec.options).finished.catch(() => undefined)]
 		const backdrop = this.backdrop
 		if (this.modal && backdrop) {
 			tasks.push(
 				backdrop
-					.animate(
-						direction === 'in' ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }],
-						{ duration: spec.options.duration, easing: direction === 'in' ? 'ease-out' : 'ease-in', fill: 'forwards' },
-					)
+					.animate(direction === 'in' ? [{ opacity: 0 }, { opacity: 1 }] : [{ opacity: 1 }, { opacity: 0 }], {
+						duration: spec.options.duration,
+						easing: direction === 'in' ? 'ease-out' : 'ease-in',
+						fill: 'forwards',
+					})
 					.finished.catch(() => undefined),
 			)
 		}

package/src/overlay/overlay.confirm-body.ts

@@ -25,13 +25,15 @@ import '../button/button'
  */
 @customElement('schmancy-overlay-prompt-body')
 export class SchmancyOverlayPromptBody extends SchmancyElement {
-	static styles = [css`
-		:host {
-			display: block;
-			min-width: 280px;
-			max-width: 480px;
-		}
-	`]
+	static styles = [
+		css`
+			:host {
+				display: block;
+				min-width: 280px;
+				max-width: 480px;
+			}
+		`,
+	]
 
 	@property({ type: String }) heading?: string
 	@property({ type: String }) subtitle?: string
@@ -46,17 +48,8 @@ export class SchmancyOverlayPromptBody extends SchmancyElement {
 	@property({ type: String, attribute: 'default-value' }) defaultValue = ''
 	@property({ type: String }) placeholder?: string
 	@property({ type: String, attribute: 'input-type' })
-	inputType:
-		| 'text'
-		| 'email'
-		| 'password'
-		| 'tel'
-		| 'url'
-		| 'number'
-		| 'search'
-		| 'date'
-		| 'time'
-		| 'datetime-local' = 'text'
+	inputType: 'text' | 'email' | 'password' | 'tel' | 'url' | 'number' | 'search' | 'date' | 'time' | 'datetime-local' =
+		'text'
 	@property({ type: String }) pattern?: string
 	@property({ type: Boolean }) required = false
 
@@ -103,26 +96,19 @@ export class SchmancyOverlayPromptBody extends SchmancyElement {
 					${when(
 						this.heading,
 						() => html`
-							<schmancy-typography
-								${gravity({ delay: 0, mass: 0.8 })}
-								type="headline"
-								token="sm"
-							>${this.heading}</schmancy-typography>
+							<schmancy-typography ${gravity({ delay: 0, mass: 0.8 })} type="headline" token="sm"
+								>${this.heading}</schmancy-typography
+							>
 						`,
 					)}
-
 					${when(
 						this.subtitle,
 						() => html`
-							<schmancy-typography
-								${gravity({ delay: 60, mass: 0.9 })}
-								type="body"
-								token="md"
-								class="opacity-70"
-							>${this.subtitle}</schmancy-typography>
+							<schmancy-typography ${gravity({ delay: 60, mass: 0.9 })} type="body" token="md" class="opacity-70"
+								>${this.subtitle}</schmancy-typography
+							>
 						`,
 					)}
-
 					${choose(
 						this.mode,
 						[
@@ -146,7 +132,8 @@ export class SchmancyOverlayPromptBody extends SchmancyElement {
 												type="body"
 												token="sm"
 												class="opacity-70"
-											>${this.message}</schmancy-typography>
+												>${this.message}</schmancy-typography
+											>
 										`,
 									)}
 								`,
@@ -156,12 +143,9 @@ export class SchmancyOverlayPromptBody extends SchmancyElement {
 							${when(
 								this.message,
 								() => html`
-									<schmancy-typography
-										${gravity({ delay: 60, mass: 0.9 })}
-										type="body"
-										token="md"
-										class="opacity-70"
-									>${this.message}</schmancy-typography>
+									<schmancy-typography ${gravity({ delay: 60, mass: 0.9 })} type="body" token="md" class="opacity-70"
+										>${this.message}</schmancy-typography
+									>
 								`,
 							)}
 						`,
@@ -169,16 +153,10 @@ export class SchmancyOverlayPromptBody extends SchmancyElement {
 				</div>
 
 				<div ${gravity({ delay: 180, mass: 1.0 })} class="flex justify-end gap-2 mt-6">
-					<schmancy-button
-						type="button"
-						variant="text"
-						@click=${this.handleCancel}
-					>${this.cancelText}</schmancy-button>
-					<schmancy-button
-						type="submit"
-						variant="filled"
-						color=${this.variant === 'danger' ? 'error' : 'primary'}
-					>${this.confirmText}</schmancy-button>
+					<schmancy-button type="button" variant="text" @click=${this.handleCancel}>${this.cancelText}</schmancy-button>
+					<schmancy-button type="submit" variant="filled" color=${this.variant === 'danger' ? 'error' : 'primary'}
+						>${this.confirmText}</schmancy-button
+					>
 				</div>
 			</schmancy-form>
 		`

package/src/overlay/overlay.gestures.ts

@@ -57,7 +57,7 @@ export interface SwipeInputs {
 export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 	const { surface, dragHandle, until$ } = inputs
 
-	return new Observable<'dismiss'>((subscriber) => {
+	return new Observable<'dismiss'>(subscriber => {
 		const dragTarget = dragHandle ?? surface
 		const stopCurrent$ = new Subject<void>()
 
@@ -70,14 +70,14 @@ export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 		const pointerDown$ = fromEvent<PointerEvent>(dragTarget, 'pointerdown').pipe(
 			// Primary button / primary finger only. For touch, isPrimary also
 			// covers the pinch-zoom guard (only one finger has isPrimary=true).
-			filter((e) => e.isPrimary && (e.pointerType !== 'mouse' || e.button === 0)),
+			filter(e => e.isPrimary && (e.pointerType !== 'mouse' || e.button === 0)),
 			// Without a dedicated drag handle, require start in the top band.
-			filter((e) => {
+			filter(e => {
 				if (dragHandle) return true
 				const rect = surface.getBoundingClientRect()
 				return e.clientY - rect.top <= DRAG_START_TOP_PX
 			}),
-			tap((e) => {
+			tap(e => {
 				dragging = true
 				activePointerId = e.pointerId
 				startY = e.clientY
@@ -97,8 +97,8 @@ export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 
 		const pointerMove$ = fromEvent<PointerEvent>(dragTarget, 'pointermove').pipe(
 			filter(() => dragging),
-			filter((e) => e.pointerId === activePointerId),
-			tap((e) => {
+			filter(e => e.pointerId === activePointerId),
+			tap(e => {
 				const deltaY = e.clientY - startY
 				currentDelta = logDamp(deltaY)
 				surface.style.transform = `translateY(${currentDelta}px)`
@@ -114,7 +114,7 @@ export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 			fromEvent<PointerEvent>(dragTarget, 'lostpointercapture'),
 		).pipe(
 			filter(() => dragging),
-			filter((e) => e.pointerId === activePointerId),
+			filter(e => e.pointerId === activePointerId),
 			tap(() => {
 				dragging = false
 				const pointerId = activePointerId
@@ -131,8 +131,7 @@ export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 				const distanceThreshold = Math.min(DISMISS_DISTANCE_PX, surfaceHeight * DISMISS_DISTANCE_FRACTION)
 
 				const shouldDismiss =
-					currentDelta > distanceThreshold ||
-					(currentDelta > 20 && velocity > DISMISS_VELOCITY_PX_PER_MS)
+					currentDelta > distanceThreshold || (currentDelta > 20 && velocity > DISMISS_VELOCITY_PX_PER_MS)
 
 				surface.style.willChange = ''
 
@@ -164,4 +163,3 @@ export function swipeToDismiss$(inputs: SwipeInputs): Observable<'dismiss'> {
 		}
 	}).pipe(take(1))
 }
-

package/src/overlay/overlay.layout.ts

@@ -99,10 +99,7 @@ export function resolveAnchorRef(anchor: Anchor | undefined): ResolvedAnchor | u
 	}
 
 	// TouchEvent — zero-size rect at first touch point.
-	if (
-		typeof (anchor as TouchEvent).touches !== 'undefined' &&
-		(anchor as TouchEvent).touches.length > 0
-	) {
+	if (typeof (anchor as TouchEvent).touches !== 'undefined' && (anchor as TouchEvent).touches.length > 0) {
 		const t = (anchor as TouchEvent).touches[0]
 		const rect = makePointRect(t.clientX, t.clientY)
 		return { virtual: { getBoundingClientRect: () => rect } }

package/src/overlay/overlay.positioning.ts

@@ -1,12 +1,4 @@
-import {
-	autoUpdate,
-	computePosition,
-	flip,
-	offset,
-	shift,
-	size,
-	type Placement,
-} from '@floating-ui/dom'
+import { autoUpdate, computePosition, flip, offset, shift, size, type Placement } from '@floating-ui/dom'
 import { Observable } from 'rxjs'
 import { ANCHOR_FIT_PADDING_PX, type ResolvedAnchor } from './overlay.layout'
 import type { OverlayPlacement, OverlayTier } from './overlay.types'
@@ -37,10 +29,7 @@ export const CAPS = Object.freeze({
 		typeof HTMLElement !== 'undefined' &&
 		'popover' in HTMLElement.prototype &&
 		typeof (HTMLElement.prototype as unknown as { showPopover?: () => void }).showPopover === 'function',
-	cssAnchor:
-		typeof CSS !== 'undefined' &&
-		typeof CSS.supports === 'function' &&
-		CSS.supports('anchor-name: --x'),
+	cssAnchor: typeof CSS !== 'undefined' && typeof CSS.supports === 'function' && CSS.supports('anchor-name: --x'),
 })
 
 /**
@@ -107,7 +96,7 @@ export function positionCSSAnchor(
 		} else {
 			anchorEl.style.removeProperty('anchor-name')
 		}
-		shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter((s) => s !== sheet)
+		shadowRoot.adoptedStyleSheets = shadowRoot.adoptedStyleSheets.filter(s => s !== sheet)
 		delete surface.dataset.overlayRef
 	}
 }
@@ -222,7 +211,7 @@ export function positionFloatingUI(
 	anchor: ResolvedAnchor,
 	opts: FloatingUIOptions = {},
 ): Observable<void> {
-	return new Observable<void>((subscriber) => {
+	return new Observable<void>(subscriber => {
 		const reference = anchor.el ?? anchor.virtual
 		if (!reference) {
 			subscriber.error(new Error('positionFloatingUI requires an element or virtual anchor'))