@mhmo91/schmancy 0.10.42 → 0.10.44

package/dist/window-CCmN4but.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-CCmN4but.js","names":["#state$"],"sources":["../src/window/window-manager.ts","../src/window/window-position.ts","../src/window/window.ts"],"sourcesContent":["/**\n * Window Manager — singleton service for multi-window coordination.\n *\n * Tracks all schmancy-window instances: positions, z-indices, focus, visual states.\n * Components register on connectedCallback, unregister on disconnectedCallback.\n * Focus changes, position updates, and overlap queries all flow through here.\n *\n * Follows the ThemeService singleton pattern (theme/theme.service.ts).\n *\n * Example:\n *   windowManager.register('chat-1', bounds, 'bottom-right')\n *   windowManager.focus('chat-1')  // bumps z-index, updates focusedId\n *   const overlaps = windowManager.findOverlaps(projectedBounds, 'chat-1')\n */\n\nimport { BehaviorSubject, Observable, distinctUntilChanged, map } from 'rxjs'\nimport { overlayStack } from '../utils/overlay-stack.js'\nimport type { WindowBounds, WindowRecord, WindowRegistryState, SnapTarget } from './window-registry.js'\n\nconst STORAGE_PREFIX = 'schmancy-window-'\nconst LEGACY_STORAGE_PREFIX = 'schmancy-float-'\n\nclass WindowManagerService {\n\tprivate static instance: WindowManagerService\n\n\treadonly #state$ = new BehaviorSubject<WindowRegistryState>({\n\t\twindows: new Map(),\n\t\tfocusedId: null,\n\t\tstackOrder: [],\n\t})\n\n\treadonly state$ = this.#state$.asObservable()\n\n\tprivate constructor() {}\n\n\tstatic getInstance(): WindowManagerService {\n\t\tif (!WindowManagerService.instance) {\n\t\t\tWindowManagerService.instance = new WindowManagerService()\n\t\t}\n\t\treturn WindowManagerService.instance\n\t}\n\n\t// ── Synchronous accessors ──────────────────────────────────────────\n\n\tget windows(): Map<string, WindowRecord> {\n\t\treturn this.#state$.value.windows\n\t}\n\n\tget focusedId(): string | null {\n\t\treturn this.#state$.value.focusedId\n\t}\n\n\t// ── Registration ───────────────────────────────────────────────────\n\n\tregister(id: string, initialBounds: WindowBounds, snapTarget: SnapTarget): void {\n\t\tconst state = this.#state$.value\n\t\tif (state.windows.has(id)) return\n\n\t\tconst zIndex = overlayStack.assignZIndex(id)\n\t\tconst record: WindowRecord = {\n\t\t\tid,\n\t\t\tbounds: initialBounds,\n\t\t\tvisualState: 'normal',\n\t\t\tzIndex,\n\t\t\topen: false,\n\t\t\tsnapTarget,\n\t\t}\n\n\t\tconst windows = new Map(state.windows)\n\t\twindows.set(id, record)\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\n\t\tthis.#state$.next({ ...state, windows, stackOrder })\n\t}\n\n\tunregister(id: string): void {\n\t\tconst state = this.#state$.value\n\t\tif (!state.windows.has(id)) return\n\n\t\toverlayStack.releaseId(id)\n\t\tconst windows = new Map(state.windows)\n\t\twindows.delete(id)\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\t\tconst focusedId = state.focusedId === id ? null : state.focusedId\n\n\t\tthis.#state$.next({ ...state, windows, stackOrder, focusedId })\n\t}\n\n\t// ── State mutations ────────────────────────────────────────────────\n\n\tupdateBounds(id: string, bounds: WindowBounds): void {\n\t\tthis.updateRecord(id, { bounds })\n\t}\n\n\tupdateVisualState(id: string, visualState: WindowRecord['visualState']): void {\n\t\tthis.updateRecord(id, { visualState })\n\t}\n\n\tupdateOpen(id: string, open: boolean): void {\n\t\tthis.updateRecord(id, { open })\n\t}\n\n\tfocus(id: string): void {\n\t\tconst state = this.#state$.value\n\t\tif (!state.windows.has(id)) return\n\t\tif (state.focusedId === id) return\n\n\t\tconst zIndex = overlayStack.bringToFront(id)\n\t\tconst windows = new Map(state.windows)\n\t\tconst record = windows.get(id)\n\t\tif (record) {\n\t\t\twindows.set(id, { ...record, zIndex })\n\t\t}\n\t\tconst stackOrder = overlayStack.getStackOrder()\n\n\t\tthis.#state$.next({ ...state, windows, stackOrder, focusedId: id })\n\t}\n\n\t// ── Queries ────────────────────────────────────────────────────────\n\n\tfindOverlaps(bounds: WindowBounds, excludeId: string): WindowRecord[] {\n\t\tconst result: WindowRecord[] = []\n\t\tfor (const [id, record] of this.#state$.value.windows) {\n\t\t\tif (id === excludeId) continue\n\t\t\tif (rectsOverlap(bounds, record.bounds)) {\n\t\t\t\tresult.push(record)\n\t\t\t}\n\t\t}\n\t\treturn result\n\t}\n\n\tgetNeighbors(id: string): WindowRecord[] {\n\t\tconst result: WindowRecord[] = []\n\t\tfor (const [otherId, record] of this.#state$.value.windows) {\n\t\t\tif (otherId !== id) result.push(record)\n\t\t}\n\t\treturn result\n\t}\n\n\t// ── Selectors ──────────────────────────────────────────────────────\n\n\tselectWindow(id: string): Observable<WindowRecord | undefined> {\n\t\treturn this.#state$.pipe(\n\t\t\tmap(state => state.windows.get(id)),\n\t\t\tdistinctUntilChanged(),\n\t\t)\n\t}\n\n\tselectFocused(): Observable<string | null> {\n\t\treturn this.#state$.pipe(\n\t\t\tmap(state => state.focusedId),\n\t\t\tdistinctUntilChanged(),\n\t\t)\n\t}\n\n\t// ── Persistence ────────────────────────────────────────────────────\n\n\tloadPosition(id: string): { x: number; y: number; anchor: string } | null {\n\t\ttry {\n\t\t\t// Try new key first, fall back to legacy\n\t\t\tconst raw = localStorage.getItem(STORAGE_PREFIX + id) ?? localStorage.getItem(LEGACY_STORAGE_PREFIX + id)\n\t\t\tif (!raw) return null\n\t\t\treturn JSON.parse(raw) as { x: number; y: number; anchor: string }\n\t\t} catch {\n\t\t\treturn null\n\t\t}\n\t}\n\n\tsavePosition(id: string, data: { x: number; y: number; anchor: string }): void {\n\t\ttry {\n\t\t\tlocalStorage.setItem(STORAGE_PREFIX + id, JSON.stringify(data))\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t}\n\n\tclearPosition(id: string): void {\n\t\ttry {\n\t\t\tlocalStorage.removeItem(STORAGE_PREFIX + id)\n\t\t\tlocalStorage.removeItem(LEGACY_STORAGE_PREFIX + id)\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t}\n\n\t// ── Internal ───────────────────────────────────────────────────────\n\n\tprivate updateRecord(id: string, updates: Partial<WindowRecord>): void {\n\t\tconst state = this.#state$.value\n\t\tconst record = state.windows.get(id)\n\t\tif (!record) return\n\n\t\tconst windows = new Map(state.windows)\n\t\twindows.set(id, { ...record, ...updates })\n\t\tthis.#state$.next({ ...state, windows })\n\t}\n}\n\n/** Simple rect overlap check (inline — no circular import with window-position) */\nfunction rectsOverlap(a: WindowBounds, b: WindowBounds): boolean {\n\treturn !(\n\t\ta.left >= b.left + b.width ||\n\t\ta.left + a.width <= b.left ||\n\t\ta.top >= b.top + b.height ||\n\t\ta.top + a.height <= b.top\n\t)\n}\n\nexport const windowManager = WindowManagerService.getInstance()\n","/**\n * Window Position — pure functions for overlap resolution, cascade, and snapping.\n *\n * All functions are stateless: they take window bounds and viewport dimensions,\n * return new bounds. No side effects, no DOM access, no subscriptions.\n *\n * Example:\n *   const projected = { left: 100, top: 400, width: 360, height: 500 }\n *   const neighbors = windowManager.findOverlaps(projected, 'my-id')\n *   const resolved = resolveOverlap(projected, neighbors, { width: 1440, height: 900 })\n *   // → { left: 144, top: 444, width: 360, height: 500 } (cascaded away from conflict)\n */\n\nimport type { WindowBounds, WindowRecord } from './window-registry.js'\n\nconst HEAD_HEIGHT = 44\nconst CASCADE_OFFSET = HEAD_HEIGHT\nconst MAX_CASCADE_ATTEMPTS = 10\n\n/** Check if two rectangles overlap (edges touching does NOT count as overlap) */\nexport function rectsOverlap(a: WindowBounds, b: WindowBounds): boolean {\n\treturn !(\n\t\ta.left >= b.left + b.width ||\n\t\ta.left + a.width <= b.left ||\n\t\ta.top >= b.top + b.height ||\n\t\ta.top + a.height <= b.top\n\t)\n}\n\n/**\n * Resolve overlap by cascading diagonally until no conflict.\n * Shifts by (HEAD_HEIGHT, HEAD_HEIGHT) per attempt, clamped to viewport.\n */\nexport function resolveOverlap(\n\tcandidate: WindowBounds,\n\texisting: WindowRecord[],\n\tviewport: { width: number; height: number },\n): WindowBounds {\n\tconst bounds = { ...candidate }\n\n\tfor (let attempt = 0; attempt < MAX_CASCADE_ATTEMPTS; attempt++) {\n\t\tconst hasOverlap = existing.some(w => rectsOverlap(bounds, w.bounds))\n\t\tif (!hasOverlap) break\n\n\t\tbounds.left += CASCADE_OFFSET\n\t\tbounds.top += CASCADE_OFFSET\n\t}\n\n\treturn clampToViewport(bounds, viewport)\n}\n\n/**\n * Clamp bounds so the window stays fully within the viewport.\n */\nexport function clampToViewport(bounds: WindowBounds, viewport: { width: number; height: number }): WindowBounds {\n\treturn {\n\t\twidth: bounds.width,\n\t\theight: bounds.height,\n\t\tleft: Math.max(0, Math.min(bounds.left, viewport.width - bounds.width)),\n\t\ttop: Math.max(0, Math.min(bounds.top, viewport.height - bounds.height)),\n\t}\n}\n","import { SchmancyElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport {\n\tanimationFrameScheduler,\n\tauditTime,\n\tcatchError,\n\tEMPTY,\n\tfilter,\n\tfinalize,\n\tfrom,\n\tfromEvent,\n\tmap,\n\tmerge,\n\tObservable,\n\tswitchMap,\n\ttake,\n\ttakeUntil,\n\ttap,\n} from 'rxjs'\nimport { SPRING_SMOOTH, SPRING_SNAPPY } from '../utils/animation.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { reducedMotion$ } from '../directives/reduced-motion'\nimport { theme } from '../theme/theme.service.js'\nimport type { SnapCorner, WindowBounds, WindowVisualState } from './window-registry.js'\nimport { windowManager } from './window-manager.js'\nimport { resolveOverlap } from './window-position.js'\n\nconst HEAD_HEIGHT = 48\nconst DRAG_THRESHOLD = 5\n\ninterface Position {\n\tx: number\n\ty: number\n}\n\n@customElement('schmancy-window')\nexport default class SchmancyWindow extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: contents;\n\t\t\t\tposition: relative;\n\t\t\t\tz-index: 1000;\n\t\t\t}\n\t\t\t:host([hidden]) {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t`,\n\t]\n\n\t@property({ type: String }) id: string = 'default'\n\t/** Override the expanded panel width (e.g. '320px', '24rem'). Defaults to responsive sizing. */\n\t@property({ type: String }) expandedWidth?: string\n\t/** Override the expanded panel height (e.g. '400px', '50vh'). */\n\t@property({ type: String }) expandedHeight?: string\n\t/** When true, uses a lower elevation shadow in the collapsed state. */\n\t@property({ type: Boolean, reflect: true }) lowered: boolean = false\n\t/** Corner the window is anchored to. */\n\t@property({ type: String }) corner: SnapCorner = 'bottom-right'\n\t/** When true, window can be resized by the user. */\n\t@property({ type: Boolean }) resizable = false\n\t/** When true, window stays at its dragged position instead of snapping to a corner. */\n\t@property({ type: Boolean }) freePosition = false\n\t/** Visual state of the window (minimized, normal, maximized). */\n\t@property({ type: String, reflect: true }) visualState: WindowVisualState = 'normal'\n\t/** Minimum width in pixels. */\n\t@property({ type: Number }) minWidth = 280\n\t/** Minimum height in pixels. */\n\t@property({ type: Number }) minHeight = 200\n\n\t/** Whether the body is expanded. */\n\t@property({ type: Boolean, reflect: true }) open = false\n\n\tprivate currentAnimation?: Animation\n\n\t/** Lazy rendering: body content not in DOM until first expand. */\n\t@state() private hasOpened = false\n\n\t// Internal position -- plain fields, updated directly during drag\n\tprivate position: Position = { x: 16, y: 16 }\n\t@state() private currentCorner: SnapCorner = 'bottom-right'\n\n\t// Track applied corner to avoid unnecessary style.removeProperty calls during drag\n\tprivate appliedCorner: string = ''\n\n\t// Refs\n\tprivate containerRef = createRef<HTMLElement>()\n\tprivate bodyRef = createRef<HTMLElement>()\n\tprivate headRef = createRef<HTMLElement>()\n\n\t// ============================================\n\t// COMPUTED\n\t// ============================================\n\n\tprivate get panelWidth(): string {\n\t\treturn this.expandedWidth ?? 'min(360px, calc(100vw - 32px))'\n\t}\n\n\tprivate get isBottomCorner(): boolean {\n\t\treturn this.currentCorner.startsWith('bottom')\n\t}\n\n\tprivate get closedClipPath(): string {\n\t\treturn this.isBottomCorner\n\t\t\t? `inset(calc(100% - ${HEAD_HEIGHT}px) 0px 0px 0px round 22px)`\n\t\t\t: `inset(0px 0px calc(100% - ${HEAD_HEIGHT}px) 0px round 22px)`\n\t}\n\n\tprivate get openClipPath(): string {\n\t\treturn 'inset(0px 0px 0px 0px round 12px)'\n\t}\n\n\t// ============================================\n\t// POSITION MANAGEMENT\n\t// ============================================\n\n\tprivate applyContainerPosition() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\t// Only clear position properties when corner changes (avoids 4 style invalidations per drag frame)\n\t\tif (this.appliedCorner !== this.currentCorner) {\n\t\t\tcontainer.style.removeProperty('left')\n\t\t\tcontainer.style.removeProperty('right')\n\t\t\tcontainer.style.removeProperty('top')\n\t\t\tcontainer.style.removeProperty('bottom')\n\t\t\tthis.appliedCorner = this.currentCorner\n\t\t}\n\t\tconst { x, y } = this.position\n\t\tif (this.currentCorner.includes('right')) {\n\t\t\tcontainer.style.right = `${x}px`\n\t\t} else {\n\t\t\tcontainer.style.left = `${x}px`\n\t\t}\n\t\tif (this.currentCorner.includes('bottom')) {\n\t\t\tcontainer.style.bottom = `${y + theme.bottomOffset}px`\n\t\t} else {\n\t\t\tcontainer.style.top = `${y}px`\n\t\t}\n\t}\n\n\tprivate static readonly VALID_CORNERS = new Set<string>(['top-left', 'top-right', 'bottom-left', 'bottom-right'])\n\n\tprivate loadPosition() {\n\t\tconst saved = windowManager.loadPosition(this.id)\n\t\tif (saved) {\n\t\t\tthis.position = { x: saved.x, y: saved.y }\n\t\t\tif (SchmancyWindow.VALID_CORNERS.has(saved.anchor)) {\n\t\t\t\tthis.currentCorner = saved.anchor as SnapCorner\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate savePosition() {\n\t\twindowManager.savePosition(this.id, { ...this.position, anchor: this.currentCorner })\n\t}\n\n\tprivate validateBounds() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\t\tconst rect = container.getBoundingClientRect()\n\t\tif (rect.width === 0) return\n\t\tconst vw = window.innerWidth\n\t\tconst vh = window.innerHeight\n\t\tconst isRight = this.currentCorner.includes('right')\n\t\tconst isBottom = this.currentCorner.includes('bottom')\n\t\tconst actualLeft = isRight ? vw - this.position.x - rect.width : this.position.x\n\t\tconst actualTop = isBottom ? vh - this.position.y - rect.height : this.position.y\n\t\tconst newLeft = Math.max(0, Math.min(actualLeft, vw - rect.width))\n\t\tconst newTop = Math.max(0, Math.min(actualTop, vh - rect.height))\n\t\tthis.position = {\n\t\t\tx: isRight ? vw - newLeft - rect.width : newLeft,\n\t\t\ty: isBottom ? vh - newTop - rect.height : newTop,\n\t\t}\n\t\tthis.applyContainerPosition()\n\t}\n\n\t// ============================================\n\t// CORNER SNAPPING\n\t// ============================================\n\n\tprivate reorientToNearestCorner(skipAnimation = false): void {\n\t\t// Free position mode: skip corner snapping\n\t\tif (this.freePosition) {\n\t\t\tthis.savePosition()\n\t\t\tconst rect = this.containerRef.value?.getBoundingClientRect()\n\t\t\tif (rect) {\n\t\t\t\twindowManager.updateBounds(this.id, { left: rect.left, top: rect.top, width: rect.width, height: rect.height })\n\t\t\t}\n\t\t\treturn\n\t\t}\n\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\t// F -- record current screen position before DOM mutation\n\t\tconst rect = container.getBoundingClientRect()\n\n\t\t// L -- calculate nearest corner using head visual center\n\t\tconst currentIsBottom = this.currentCorner.includes('bottom')\n\t\tconst headCenterX = rect.left + rect.width / 2\n\t\tconst headCenterY = currentIsBottom ? rect.bottom - HEAD_HEIGHT / 2 : rect.top + HEAD_HEIGHT / 2\n\t\tconst side = headCenterX > window.innerWidth / 2 ? 'right' : 'left'\n\t\tconst vert = headCenterY > window.innerHeight / 2 ? 'bottom' : 'top'\n\t\tconst newCorner: SnapCorner = `${vert}-${side}` as SnapCorner\n\n\t\t// Snap corner and reset offset to standard edge gap\n\t\tthis.currentCorner = newCorner\n\t\tthis.position = { x: 16, y: 16 }\n\t\tthis.applyContainerPosition()\n\t\t// Sync clip-path to new corner\n\t\tif (!this.open) {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t}\n\n\t\tif (skipAnimation || reducedMotion$.value) {\n\t\t\tthis.savePosition()\n\t\t\tconst snapRect = container.getBoundingClientRect()\n\t\t\twindowManager.updateBounds(this.id, {\n\t\t\t\tleft: snapRect.left,\n\t\t\t\ttop: snapRect.top,\n\t\t\t\twidth: snapRect.width,\n\t\t\t\theight: snapRect.height,\n\t\t\t})\n\t\t\treturn\n\t\t}\n\n\t\t// I -- invert: shift element back to its original visual position\n\t\tconst newRect = container.getBoundingClientRect()\n\t\tconst dx = rect.left - newRect.left\n\t\tconst dy = rect.top - newRect.top\n\t\tcontainer.style.translate = `${dx}px ${dy}px`\n\n\t\t// P -- play: animate from the inverse offset to natural resting position\n\t\tconst flipKeyframes: Keyframe[] = [{ translate: `${dx}px ${dy}px` }, { translate: '0px 0px' }]\n\t\tconst anim = container.animate(flipKeyframes, {\n\t\t\tduration: SPRING_SMOOTH.duration,\n\t\t\teasing: SPRING_SMOOTH.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tfrom(anim.finished)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (container.isConnected) container.style.translate = ''\n\t\t\t\t\t// Report final resting bounds after animation completes\n\t\t\t\t\tconst finalRect = container.getBoundingClientRect()\n\t\t\t\t\twindowManager.updateBounds(this.id, {\n\t\t\t\t\t\tleft: finalRect.left,\n\t\t\t\t\t\ttop: finalRect.top,\n\t\t\t\t\t\twidth: finalRect.width,\n\t\t\t\t\t\theight: finalRect.height,\n\t\t\t\t\t})\n\t\t\t\t}),\n\t\t\t\tcatchError(() => EMPTY),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.savePosition()\n\t}\n\n\t// ============================================\n\t// DRAG PIPELINE\n\t// ============================================\n\n\tprivate drag$(): Observable<never> {\n\t\treturn new Observable(() => {\n\t\t\tconst head = this.headRef.value\n\t\t\tconst container = this.containerRef.value\n\t\t\tif (!head || !container) return\n\n\t\t\tlet didDrag = false\n\n\t\t\tconst sub = fromEvent<PointerEvent>(head, 'pointerdown')\n\t\t\t\t.pipe(\n\t\t\t\t\tfilter(e => e.button === 0),\n\t\t\t\t\tfilter(e => {\n\t\t\t\t\t\tconst tag = (e.target as HTMLElement).tagName?.toLowerCase()\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t!['input', 'textarea', 'select', 'button'].includes(tag) &&\n\t\t\t\t\t\t\t!(e.target as HTMLElement).closest('schmancy-input, schmancy-icon-button, button, a')\n\t\t\t\t\t\t)\n\t\t\t\t\t}),\n\t\t\t\t\ttap(e => {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(e => {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\tconst isBottom = this.currentCorner.includes('bottom')\n\t\t\t\t\t\tconst wasOpen = this.open\n\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tstartX: e.clientX,\n\t\t\t\t\t\t\tstartY: e.clientY,\n\t\t\t\t\t\t\toffsetX: e.clientX - rect.left,\n\t\t\t\t\t\t\toffsetY: e.clientY - rect.top,\n\t\t\t\t\t\t\trect,\n\t\t\t\t\t\t\tvw: window.innerWidth,\n\t\t\t\t\t\t\tvh: window.innerHeight,\n\t\t\t\t\t\t\tisBottom,\n\t\t\t\t\t\t\twasOpen,\n\t\t\t\t\t\t\tpointerId: e.pointerId,\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t\tswitchMap(({ startX, startY, offsetX, offsetY, rect, vw, vh, isBottom, wasOpen, pointerId }) => {\n\t\t\t\t\t\tconst move$ = fromEvent<PointerEvent>(window, 'pointermove').pipe(\n\t\t\t\t\t\t\tfilter(e => e.pointerId === pointerId),\n\t\t\t\t\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\t\t\t\t\tmap(e => ({ clientX: e.clientX, clientY: e.clientY })),\n\t\t\t\t\t\t)\n\t\t\t\t\t\tconst end$ = fromEvent<PointerEvent>(window, 'pointerup').pipe(filter(e => e.pointerId === pointerId))\n\n\t\t\t\t\t\treturn move$.pipe(\n\t\t\t\t\t\t\ttap(({ clientX, clientY }) => {\n\t\t\t\t\t\t\t\tconst dx = clientX - startX\n\t\t\t\t\t\t\t\tconst dy = clientY - startY\n\t\t\t\t\t\t\t\tif (Math.sqrt(dx * dx + dy * dy) > DRAG_THRESHOLD && !didDrag) {\n\t\t\t\t\t\t\t\t\tdidDrag = true\n\t\t\t\t\t\t\t\t\tthis.applyDragVisuals(true)\n\t\t\t\t\t\t\t\t\t// Collapse on first confirmed drag move\n\t\t\t\t\t\t\t\t\tif (wasOpen) {\n\t\t\t\t\t\t\t\t\t\tthis.open = false\n\t\t\t\t\t\t\t\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\t\t\t\t\t\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\t\t\t\t\t\t\t\tconst body = this.bodyRef.value\n\t\t\t\t\t\t\t\t\t\tif (body) {\n\t\t\t\t\t\t\t\t\t\t\tbody.inert = true\n\t\t\t\t\t\t\t\t\t\t\tbody.style.visibility = 'hidden'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (!didDrag) return\n\n\t\t\t\t\t\t\t\tconst left = Math.max(0, Math.min(clientX - offsetX, vw - rect.width))\n\t\t\t\t\t\t\t\tconst minTop = isBottom ? HEAD_HEIGHT - rect.height : 0\n\t\t\t\t\t\t\t\tconst maxTop = isBottom ? vh - rect.height : vh - HEAD_HEIGHT\n\t\t\t\t\t\t\t\tconst top = Math.max(minTop, Math.min(clientY - offsetY, maxTop))\n\n\t\t\t\t\t\t\t\tthis.position = {\n\t\t\t\t\t\t\t\t\tx: this.currentCorner.includes('right') ? vw - left - rect.width : left,\n\t\t\t\t\t\t\t\t\ty: isBottom ? vh - top - rect.height : top,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.applyContainerPosition()\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\ttakeUntil(end$),\n\t\t\t\t\t\t\tfinalize(() => {\n\t\t\t\t\t\t\t\tif (didDrag) {\n\t\t\t\t\t\t\t\t\tthis.reorientToNearestCorner()\n\t\t\t\t\t\t\t\t\tthis.applyDragVisuals(false)\n\t\t\t\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tdidDrag = false\n\t\t\t\t\t\t\t\t\tthis.toggle()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t)\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe()\n\n\t\t\treturn () => sub.unsubscribe()\n\t\t})\n\t}\n\n\t// ============================================\n\t// LIFECYCLE\n\t// ============================================\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Pipeline 1: DOM setup + manager registration + drag + z-index sync\n\t\tfrom(this.updateComplete)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.currentCorner = this.corner\n\t\t\t\t\tthis.loadPosition()\n\t\t\t\t\tthis.applyContainerPosition()\n\t\t\t\t\tthis.initDOMState()\n\t\t\t\t\t// Register with window manager\n\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\tif (container) {\n\t\t\t\t\t\tconst rect = container.getBoundingClientRect()\n\t\t\t\t\t\tconst bounds: WindowBounds = { left: rect.left, top: rect.top, width: rect.width, height: rect.height }\n\t\t\t\t\t\twindowManager.register(this.id, bounds, this.freePosition ? 'free' : this.currentCorner)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tswitchMap(() =>\n\t\t\t\t\tmerge(\n\t\t\t\t\t\tthis.drag$(),\n\t\t\t\t\t\twindowManager.selectWindow(this.id).pipe(\n\t\t\t\t\t\t\ttap(record => {\n\t\t\t\t\t\t\t\tif (!record) return\n\t\t\t\t\t\t\t\tconst container = this.containerRef.value\n\t\t\t\t\t\t\t\tif (container) container.style.zIndex = String(record.zIndex)\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t),\n\t\t\t\t),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Pipeline 3: Environment -- one subscription\n\t\tmerge(\n\t\t\tfromEvent(window, 'resize').pipe(\n\t\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\t\ttap(() => this.validateBounds()),\n\t\t\t),\n\t\t\ttheme.bottomOffset$.pipe(tap(() => this.applyContainerPosition())),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback()\n\t\twindowManager.unregister(this.id)\n\t}\n\n\tprivate initDOMState() {\n\t\tconst container = this.containerRef.value\n\t\tconst body = this.bodyRef.value\n\t\tif (!container) return\n\n\t\tthis.applyContainerPosition()\n\n\t\tif (this.open) {\n\t\t\tthis.hasOpened = true\n\t\t\tcontainer.style.overflow = ''\n\t\t\tif (body) {\n\t\t\t\tbody.inert = false\n\t\t\t\tbody.style.visibility = 'visible'\n\t\t\t}\n\t\t} else {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\tif (body) {\n\t\t\t\tbody.inert = true\n\t\t\t\tbody.style.visibility = 'hidden'\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================\n\t// ANIMATION\n\t// ============================================\n\n\tprivate animateOpen() {\n\t\tconst container = this.containerRef.value\n\t\tconst body = this.bodyRef.value\n\t\tif (!container) return\n\n\t\tthis.hasOpened = true\n\t\tthis.open = true\n\n\t\t// Overlap avoidance\n\t\tconst rect = container.getBoundingClientRect()\n\t\tconst projectedBounds: WindowBounds = {\n\t\t\tleft: rect.left,\n\t\t\ttop: this.isBottomCorner ? rect.top - 400 : rect.top,\n\t\t\twidth: rect.width,\n\t\t\theight: 400 + HEAD_HEIGHT,\n\t\t}\n\t\tconst overlaps = windowManager.findOverlaps(projectedBounds, this.id)\n\t\tif (overlaps.length > 0) {\n\t\t\tconst resolved = resolveOverlap(projectedBounds, overlaps, {\n\t\t\t\twidth: window.innerWidth,\n\t\t\t\theight: window.innerHeight,\n\t\t\t})\n\t\t\tif (Math.abs(resolved.left - projectedBounds.left) > 10 || Math.abs(resolved.top - projectedBounds.top) > 10) {\n\t\t\t\tconst isRight = this.currentCorner.includes('right')\n\t\t\t\tconst isBottom = this.currentCorner.includes('bottom')\n\t\t\t\tthis.position = {\n\t\t\t\t\tx: isRight ? window.innerWidth - resolved.left - resolved.width : resolved.left,\n\t\t\t\t\ty: isBottom ? window.innerHeight - resolved.top - resolved.height : resolved.top,\n\t\t\t\t}\n\t\t\t\tthis.applyContainerPosition()\n\t\t\t}\n\t\t}\n\n\t\tif (body) {\n\t\t\tbody.style.visibility = 'visible'\n\t\t\tbody.inert = false\n\t\t}\n\n\t\tif (reducedMotion$.value) {\n\t\t\tcontainer.style.clipPath = ''\n\t\t\tcontainer.style.overflow = ''\n\t\t\tthis.dispatchScopedEvent('window-toggle', { state: 'expanded' })\n\t\t\treturn\n\t\t}\n\n\t\tthis.currentAnimation?.cancel()\n\t\tcontainer.style.overflow = 'hidden'\n\t\tcontainer.style.willChange = 'opacity'\n\t\tconst openKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: this.closedClipPath, opacity: 0.95 },\n\t\t\t{ clipPath: this.openClipPath, opacity: 1 },\n\t\t]\n\t\tconst anim = container.animate(openKeyframes, {\n\t\t\tduration: SPRING_SNAPPY.duration,\n\t\t\teasing: SPRING_SNAPPY.easingFallback,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tthis.currentAnimation = anim\n\n\t\tfrom(anim.finished)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tif (container.isConnected) {\n\t\t\t\t\t\tcontainer.style.clipPath = ''\n\t\t\t\t\t\tcontainer.style.overflow = ''\n\t\t\t\t\t\tcontainer.style.willChange = ''\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tcatchError(() => EMPTY),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.dispatchScopedEvent('window-toggle', { state: 'expanded' })\n\t}\n\n\tprivate animateClose() {\n\t\tconst container = this.containerRef.value\n\t\tif (!container) return\n\n\t\tif (reducedMotion$.value) {\n\t\t\tcontainer.style.clipPath = this.closedClipPath\n\t\t\tcontainer.style.overflow = 'hidden'\n\t\t\tthis.open = false\n\t\t\tconst body = this.bodyRef.value\n\t\t\tif (body) {\n\t\t\t\tbody.inert = true\n\t\t\t\tbody.style.visibility = 'hidden'\n\t\t\t}\n\t\t\tthis.dispatchScopedEvent('window-toggle', { state: 'collapsed' })\n\t\t\treturn\n\t\t}\n\n\t\tthis.currentAnimation?.cancel()\n\t\tcontainer.style.overflow = 'hidden'\n\t\tcontainer.style.willChange = 'opacity'\n\t\tconst closeKeyframes: Keyframe[] = [\n\t\t\t{ clipPath: this.openClipPath, opacity: 1 },\n\t\t\t{ clipPath: this.closedClipPath, opacity: 0.95 },\n\t\t]\n\t\tconst anim = container.animate(closeKeyframes, {\n\t\t\tduration: Math.round(SPRING_SNAPPY.duration * 0.7),\n\t\t\teasing: 'cubic-bezier(0.4, 0, 0.8, 0.15)',\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tthis.currentAnimation = anim\n\n\t\tfrom(anim.finished)\n\t\t\t.pipe(\n\t\t\t\ttake(1),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.open = false\n\t\t\t\t\tcontainer.style.willChange = ''\n\t\t\t\t\tconst body = this.bodyRef.value\n\t\t\t\t\tif (body) {\n\t\t\t\t\t\tbody.inert = true\n\t\t\t\t\t\tbody.style.visibility = 'hidden'\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\tcatchError(() => EMPTY),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\tthis.dispatchScopedEvent('window-toggle', { state: 'collapsed' })\n\t}\n\n\t// ============================================\n\t// VISUAL STATE HELPERS\n\t// ============================================\n\n\t/** Apply drag visuals directly on DOM refs — avoids full Lit re-render for cursor + opacity */\n\tprivate applyDragVisuals(dragging: boolean) {\n\t\tconst head = this.headRef.value\n\t\tconst container = this.containerRef.value\n\t\tif (head) {\n\t\t\thead.classList.toggle('cursor-grabbing', dragging)\n\t\t\thead.classList.toggle('cursor-move', !dragging)\n\t\t}\n\t\tif (container) {\n\t\t\tcontainer.style.opacity = dragging ? '0.95' : ''\n\t\t}\n\t}\n\n\tprivate handleFocus = () => windowManager.focus(this.id)\n\n\tprivate handleHeadKeydown = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.toggle()\n\t\t\treturn\n\t\t}\n\t\tif (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n\t\t\te.preventDefault()\n\t\t\tconst step = e.shiftKey ? 20 : 5\n\t\t\tconst dx = e.key === 'ArrowRight' ? step : e.key === 'ArrowLeft' ? -step : 0\n\t\t\tconst dy = e.key === 'ArrowDown' ? step : e.key === 'ArrowUp' ? -step : 0\n\t\t\tthis.position = { x: this.position.x + dx, y: this.position.y + dy }\n\t\t\tthis.applyContainerPosition()\n\t\t\tthis.savePosition()\n\t\t}\n\t}\n\n\t// ============================================\n\t// PUBLIC API\n\t// ============================================\n\n\ttoggle() {\n\t\tif (this.open) this.animateClose()\n\t\telse this.animateOpen()\n\t}\n\n\texpand() {\n\t\tif (this.open) return\n\t\tthis.animateOpen()\n\t}\n\n\tclose() {\n\t\tif (!this.open) return\n\t\tthis.animateClose()\n\t}\n\n\t// ============================================\n\t// RENDER\n\t// ============================================\n\n\tprotected render(): unknown {\n\t\tconst isBottom = this.currentCorner.startsWith('bottom')\n\n\t\tconst containerClasses = classMap({\n\t\t\tfixed: true,\n\t\t\tflex: true,\n\t\t\t'flex-col': isBottom,\n\t\t\t'flex-col-reverse': !isBottom,\n\t\t\t'z-1000': true,\n\t\t\t'rounded-2xl': this.open,\n\t\t\t'rounded-[22px]': !this.open,\n\t\t\t'overflow-hidden': true,\n\t\t\t'shadow-sm': !this.open && this.lowered,\n\t\t\t'shadow-md': !this.open && !this.lowered,\n\t\t\t'shadow-lg': this.open,\n\t\t})\n\n\t\tconst containerStyles = styleMap({\n\t\t\twidth: this.panelWidth,\n\t\t\t'max-height': 'calc(100vh - 32px)',\n\t\t\t'pointer-events': 'none',\n\t\t})\n\n\t\tconst bodyStyles = styleMap({\n\t\t\t'pointer-events': this.open ? 'auto' : 'none',\n\t\t})\n\n\t\tconst headClasses = classMap({\n\t\t\t'h-full': true,\n\t\t\t'px-3': true,\n\t\t\tflex: true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'select-none': true,\n\t\t\t'cursor-move': true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<schmancy-surface\n\t\t\t\t${ref(this.containerRef)}\n\t\t\t\ttype=\"container\"\n\t\t\t\tclass=${containerClasses}\n\t\t\t\tstyle=${containerStyles}\n\t\t\t\taria-expanded=${this.open}\n\t\t\t\t@pointerdown=${this.handleFocus}\n\t\t\t>\n\t\t\t\t<!-- Details section (visually above summary for bottom corners) -->\n\t\t\t\t<section\n\t\t\t\t\t${ref(this.bodyRef)}\n\t\t\t\t\tclass=\"flex-1 min-h-0 overflow-hidden flex flex-col\"\n\t\t\t\t\tstyle=${bodyStyles}\n\t\t\t\t\trole=\"region\"\n\t\t\t\t\taria-label=\"Expandable content\"\n\t\t\t\t>\n\t\t\t\t\t${this.hasOpened ? html`<slot name=\"details\"></slot>` : nothing}\n\t\t\t\t</section>\n\n\t\t\t\t<!-- Summary section -- always interactive, always visible -->\n\t\t\t\t<section\n\t\t\t\t\tclass=\"shrink-0 bg-surface-lowest\"\n\t\t\t\t\tstyle=${styleMap({ 'pointer-events': 'auto', height: `${HEAD_HEIGHT}px` })}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\t${ref(this.headRef)}\n\t\t\t\t\t\t${cursorGlow({ radius: 200, intensity: 0.1 })}\n\t\t\t\t\t\tclass=${headClasses}\n\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\ttabindex=\"0\"\n\t\t\t\t\t\ttitle=\"Drag to move, click to expand\"\n\t\t\t\t\t\taria-label=\"${this.open ? 'Collapse window' : 'Expand window'}\"\n\t\t\t\t\t\t@keydown=${this.handleHeadKeydown}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"flex-1 min-w-0\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tclass=\"shrink-0 text-surface-on/40 transition-transform duration-200 ${this.open ? 'rotate-180' : ''}\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M6 9L12 15L18 9\"\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</div>\n\t\t\t\t</section>\n\t\t\t</schmancy-surface>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-window': SchmancyWindow\n\t}\n}\n"],"mappings":"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"}

package/dist/window.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./window-CmB9XZzT.cjs`);exports.SchmancyWindow=e.t,exports.windowManager=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./window-Br1OmpL-.cjs`);exports.SchmancyWindow=e.t,exports.windowManager=e.n;

package/dist/window.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./window-C76zstbV.js";
+import { n as e, t } from "./window-CCmN4but.js";
 export { t as SchmancyWindow, e as windowManager };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.10.42",
+	"version": "0.10.44",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"customElements": "custom-elements.json",

package/skills/schmancy/surface.md

@@ -5,8 +5,8 @@
 ## Usage
 
 ```html
-<schmancy-surface type="subtle" class="rounded-2xl w-full h-full">
-  Content on frosted glass
+<schmancy-surface type="container" class="rounded-2xl w-full h-full">
+  Content on tonal glass
 </schmancy-surface>
 ```
 
@@ -18,7 +18,7 @@ Without a surface under the theme, typography reads the browser's default color
 
 ```html
 <schmancy-theme root scheme="auto">
-  <schmancy-surface type="solid" class="w-full h-full">
+  <schmancy-surface type="containerLowest" class="w-full h-full">
     <!-- your app -->
   </schmancy-surface>
 </schmancy-theme>
@@ -28,7 +28,7 @@ Without a surface under the theme, typography reads the browser's default color
 
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
-| `type` | string | `'subtle'` | Color variant (see below) |
+| `type` | string | `'containerLow'` | Color variant (see below) |
 
 Corner radius, shadow depth, and cursor behavior are applied as stock Tailwind classes directly on the element.
 
@@ -68,14 +68,34 @@ cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2
 
 ## Surface Types
 
-### Structural (glass depth model)
+### Tonal (M3 depth model)
 
-| Type | Opacity | Blur | Use for |
-|------|---------|------|---------|
-| `solid` | 92% | — | Dense glass ground layer, highest readability |
-| `subtle` | 30% | 12px | Frosted panels, default containers |
-| `glass` | 55% | 16px | Dialogs, dropdowns, overlays |
-| `luminous` | 42% | 20px | Hero panels, featured content |
+Depth is expressed by tone. Each tonal name renders one constant glass material:
+
+```
+--glass-material: blur(16px) saturate(180%)
+--glass-opacity:  72%
+```
+
+Only `--glass-base` differs per name — it is the matching M3 tonal token. The shared material rule is:
+
+```css
+background: color-mix(in srgb, var(--glass-base) var(--glass-opacity), transparent);
+backdrop-filter: var(--glass-material);
+-webkit-backdrop-filter: var(--glass-material);
+color: var(--schmancy-sys-color-surface-on);
+```
+
+| `type` | `--glass-base` token | Use for |
+|---|---|---|
+| `surface` | `--schmancy-sys-color-surface-default` | Neutral base layer |
+| `surfaceDim` | `--schmancy-sys-color-surface-dim` | Recessed background |
+| `surfaceBright` | `--schmancy-sys-color-surface-bright` | Elevated background |
+| `containerLowest` | `--schmancy-sys-color-surface-containerLowest` | Ground layer, highest readability |
+| `containerLow` | `--schmancy-sys-color-surface-containerLow` | Default panels and cards |
+| `container` | `--schmancy-sys-color-surface-container` | Dialogs, dropdowns, overlays |
+| `containerHigh` | `--schmancy-sys-color-surface-containerHigh` | Hero panels, featured content |
+| `containerHighest` | `--schmancy-sys-color-surface-containerHighest` | Topmost floating layers |
 
 ### Semantic (tinted glass)
 `primary`, `secondary`, `tertiary`, `error`, `success`, `warning`, `info`
@@ -89,27 +109,27 @@ Each applies a translucent tint of its color + 4px blur.
 
 ```html
 <!-- Page background -->
-<schmancy-surface type="solid" class="w-full h-full">
+<schmancy-surface type="containerLowest" class="w-full h-full">
   <slot></slot>
 </schmancy-surface>
 
 <!-- Card-like container -->
-<schmancy-surface type="subtle" class="rounded-2xl shadow-lg">
-  <div class="p-4">Frosted panel</div>
+<schmancy-surface type="containerLow" class="rounded-2xl shadow-lg">
+  <div class="p-4">Tonal panel</div>
 </schmancy-surface>
 
 <!-- Dialog surface (used internally by schmancy-dialog) -->
-<schmancy-surface type="glass" class="rounded-2xl">
-  <div class="p-6">Glass overlay content</div>
+<schmancy-surface type="container" class="rounded-2xl">
+  <div class="p-6">Dialog content</div>
 </schmancy-surface>
 
 <!-- Hero panel -->
-<schmancy-surface type="luminous" class="rounded-2xl shadow-2xl">
+<schmancy-surface type="containerHigh" class="rounded-2xl shadow-2xl">
   <div class="p-8">Featured content</div>
 </schmancy-surface>
 
 <!-- Clickable surface -->
-<schmancy-surface type="subtle" class="rounded-2xl cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2" @click=${handler}>
+<schmancy-surface type="containerLow" class="rounded-2xl cursor-pointer focus-visible:outline-2 focus-visible:outline-offset-2" @click=${handler}>
   Hover and press.
 </schmancy-surface>
 
@@ -118,7 +138,3 @@ Each applies a translucent tint of its color + 4px blur.
   <div class="p-3">Something went wrong</div>
 </schmancy-surface>
 ```
-
-## Paint Containment
-
-`glass` and `luminous` types automatically apply `contain: content` for GPU optimization.