@ds-mo/ui 12.4.0 → 12.5.0

package/dist/components/ds-toast.js.map

@@ -1 +1 @@
-{"version":3,"names":["resolvePromiseValue","value","input","resolved","description","ToastManagerImpl","constructor","this","records","listeners","Set","nextId","add","options","id","existingIndex","findIndex","record","title","trim","console","warn","current","updated","priority","transitionStatus","closeReason","undefined","updateKey","timerKey","filter","_","index","emit","update","updates","restartsTimer","Object","prototype","hasOwnProperty","call","type","map","recordIndex","close","reason","closing","onClose","toast","closeAll","promise","promiseValue","loading","timeout","success","error","failure","subscribe","listener","getSnapshot","delete","activate","find","candidate","remove","context","notifyRemove","onRemove","snapshot","createToastManager","defaultManagerKey","Symbol","for","globalScope","globalThis","existingManager","toastManager","toastCss","SWIPE_THRESHOLD","SWIPE_REVERSE_CANCEL_THRESHOLD","GLOBAL_STACK_HOVER","INTERACTIVE_SWIPE_SELECTOR","attachedManagers","WeakMap","connectedToastRegions","activeToastRegion","toastInstanceCounter","Toast","__stencil_proxyCustomElement","HTMLElement","registerHost","manager","defaultToastManager","limit","TOKEN_DEFAULTS","animationDelayLong2","label","closeLabel","swipeDirections","expanded","keyboardActive","swipe","layoutVersion","instanceId","domIds","Map","timers","closeWatchdogs","closeFrames","closeEvents","activationFrames","pauseReasons","hoveredIds","heights","measuredUpdateKeys","anchoredPositions","dismissedSwipeDirections","observedElements","pendingRemovals","unsubscribe","attachedManager","previousFocus","resizeObserver","mutationObserver","layoutFrame","activeSwipe","nextDomId","connected","pendingHoverLeave","handleWindowBlur","pauseTimers","handleWindowFocus","resumeTimers","handleVisibilityChange","document","hidden","handleFocusIn","active","activeElement","matches","handleFocusOut","event","next","relatedTarget","Node","el","contains","size","handleDocumentKeyDown","key","eligible","Array","from","region","activeRecords","length","target","preventDefault","regionElement","focus","handleRegionKeyDown","positioner","closest","dataset","shiftKey","restorePreviousFocus","handleWindowResize","clear","scheduleLayout","requestAnimationFrame","measureLayout","connectedCallback","connect","componentDidLoad","ResizeObserver","MutationObserver","observe","body","childList","subtree","attachManager","window","addEventListener","componentDidRender","syncObservedElements","flushPendingRemovals","disconnectedCallback","detachManager","resetManagerState","disconnect","cancelAnimationFrame","removeEventListener","remaining","onManagerChange","onTimeoutChange","timer","values","handle","clearTimeout","syncTimers","attached","get","set","syncLifecycle","clearAllTimers","frame","querySelectorAll","anchor","resolveAnchor","element","has","unobserve","pending","splice","dsToastRemove","recordIds","hasEndingRecords","some","watchdog","keys","ensureDomId","clearToastTimer","beginRemoval","closeFrame","activeIds","duration","resolveToastTimeout","existing","startedAt","isPaused","startToastTimer","Math","max","resolveCssTimeMs","Date","now","setTimeout","wasPaused","dsToastClose","moveFocusAfterClose","resolveMotionTimeMs","motionShort3","animationDurationShort3","queueMicrotask","completeRemoval","push","handleAnimationComplete","bindAnimationCancel","handlePointerEnter","handlePointerLeave","querySelector","positionerElement","control","setFocus","handleAction","detail","originalEvent","dsToastAction","action","onAction","data","handlePointerDown","button","surface","currentTarget","setPointerCapture","pointerId","pointerType","startX","clientX","startY","clientY","maxDistance","cancelled","axis","x","y","handlePointerMove","dx","dy","abs","horizontal","direction","allowed","includes","rawDistance","distance","sqrt","signed","cancelSwipe","handlePointerUp","shouldDismiss","wasTouch","handlePointerCancel","touchAction","vertical","measureNaturalHeight","expandedWidth","previousWidth","style","width","previousTransition","transition","previousHeight","height","getBoundingClientRect","changed","needsHeightMeasurement","rect","sideOffset","resolveCssLengthPx","space050","alignOffset","position","computeTooltipPosition","anchorRect","popupWidth","popupHeight","side","align","sideOffsetPx","alignOffsetPx","viewportPadPx","space200","viewportWidth","innerWidth","viewportHeight","innerHeight","resolvedSide","getElementById","globalLayout","globalRecords","offset","visibleIndex","gap","layouts","forEach","domIndex","limited","renderToast","layout","domId","titleId","descriptionId","swipeDirection","anchored","anchoredPosition","hiddenHighPriority","focusTabIndex","toastHeight","h","ref","class","String","inert","zIndex","left","top","onAnimationEnd","role","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","as","variant","color","textId","ariaLabel","hasBorder","onDsClick","icon","activeFill","render","globalLayouts","anchoredRecords","highPriority","Host","tabIndex","onFocusin","onFocusout","onKeyDown","Boolean","join"],"sources":["src/wc/toast/toast-manager.ts","src/wc/components/Toast/Toast.css?tag=ds-toast&encapsulation=scoped","src/wc/components/Toast/Toast.tsx"],"sourcesContent":["import type {\n  ToastCloseContext,\n  ToastCloseReason,\n  ToastListener,\n  ToastManager,\n  ToastOptions,\n  ToastPromiseOptions,\n  ToastPromiseValue,\n  ToastRecord,\n} from './toast-types';\n\nfunction resolvePromiseValue<Value, Data>(\n  value:\n    | ToastPromiseValue<Data>\n    | ((input: Value) => ToastPromiseValue<Data>),\n  input: Value,\n): ToastOptions<Data> {\n  const resolved = typeof value === 'function' ? value(input) : value;\n  return typeof resolved === 'string' ? { description: resolved } : resolved;\n}\n\nclass ToastManagerImpl<Data = unknown> implements ToastManager<Data> {\n  private records: ToastRecord<Data>[] = [];\n  private listeners = new Set<ToastListener<Data>>();\n  private nextId = 0;\n\n  add(options: ToastOptions<Data>): string {\n    const id = options.id || `ds-toast-${++this.nextId}`;\n    const existingIndex = this.records.findIndex(record => record.id === id);\n\n    if (!options.title?.trim() && !options.description?.trim()) {\n      console.warn(`[ds-toast] Toast \"${id}\" should provide a title or description.`);\n    }\n\n    if (existingIndex >= 0) {\n      const current = this.records[existingIndex];\n      const updated: ToastRecord<Data> = {\n        ...current,\n        ...options,\n        id,\n        priority: options.priority ?? current.priority,\n        transitionStatus: 'active',\n        closeReason: undefined,\n        updateKey: current.updateKey + 1,\n        timerKey: current.timerKey + 1,\n      };\n      this.records = [\n        updated,\n        ...this.records.filter((_, index) => index !== existingIndex),\n      ];\n      this.emit();\n      return id;\n    }\n\n    const record: ToastRecord<Data> = {\n      ...options,\n      id,\n      priority: options.priority ?? 'low',\n      transitionStatus: 'starting',\n      updateKey: 0,\n      timerKey: 0,\n    };\n    this.records = [record, ...this.records];\n    this.emit();\n    return id;\n  }\n\n  update(id: string, updates: Partial<ToastOptions<Data>>): void {\n    const index = this.records.findIndex(record => record.id === id);\n    if (index < 0) return;\n    const current = this.records[index];\n    const restartsTimer =\n      Object.prototype.hasOwnProperty.call(updates, 'timeout') ||\n      (current.type === 'loading' && updates.type !== undefined && updates.type !== 'loading');\n    const updated: ToastRecord<Data> = {\n      ...current,\n      ...updates,\n      id,\n      priority: updates.priority ?? current.priority,\n      updateKey: current.updateKey + 1,\n      timerKey: restartsTimer ? current.timerKey + 1 : current.timerKey,\n    };\n    this.records = this.records.map((record, recordIndex) =>\n      recordIndex === index ? updated : record\n    );\n    this.emit();\n  }\n\n  close(id: string, reason: ToastCloseReason = 'programmatic'): void {\n    const index = this.records.findIndex(record => record.id === id);\n    if (index < 0 || this.records[index].transitionStatus === 'ending') return;\n\n    const closing: ToastRecord<Data> = {\n      ...this.records[index],\n      transitionStatus: 'ending',\n      closeReason: reason,\n    };\n    this.records = this.records.map((record, recordIndex) =>\n      recordIndex === index ? closing : record\n    );\n    this.emit();\n    closing.onClose?.({ id, reason, toast: closing });\n  }\n\n  closeAll(reason: ToastCloseReason = 'programmatic'): void {\n    for (const record of [...this.records]) this.close(record.id, reason);\n  }\n\n  async promise<Value>(\n    promiseValue: PromiseLike<Value>,\n    options: ToastPromiseOptions<Value, Data>,\n  ): Promise<Value> {\n    const loading = resolvePromiseValue(options.loading, undefined as Value);\n    const id = this.add({\n      ...loading,\n      type: loading.type ?? 'loading',\n      timeout: 0,\n    });\n\n    try {\n      const value = await promiseValue;\n      const success = resolvePromiseValue(options.success, value);\n      this.update(id, {\n        ...success,\n        type: success.type ?? 'success',\n        timeout: success.timeout,\n      });\n      return value;\n    } catch (error) {\n      const failure = resolvePromiseValue(options.error, error);\n      this.update(id, {\n        ...failure,\n        type: failure.type ?? 'error',\n        timeout: failure.timeout,\n      });\n      throw error;\n    }\n  }\n\n  subscribe(listener: ToastListener<Data>): () => void {\n    this.listeners.add(listener);\n    listener(this.getSnapshot());\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  getSnapshot(): readonly ToastRecord<Data>[] {\n    return this.records.map(record => ({ ...record }));\n  }\n\n  activate(id: string): void {\n    const record = this.records.find(candidate => candidate.id === id);\n    if (!record || record.transitionStatus !== 'starting') return;\n    this.records = this.records.map(candidate =>\n      candidate.id === id\n        ? { ...candidate, transitionStatus: 'active' }\n        : candidate\n    );\n    this.emit();\n  }\n\n  remove(id: string): ToastCloseContext<Data> | null {\n    const record = this.records.find(candidate => candidate.id === id);\n    if (!record || record.transitionStatus !== 'ending') return null;\n    const reason = record.closeReason ?? 'programmatic';\n    this.records = this.records.filter(candidate => candidate.id !== id);\n    this.emit();\n    const context: ToastCloseContext<Data> = { id, reason, toast: record };\n    return context;\n  }\n\n  notifyRemove(context: ToastCloseContext<Data>): void {\n    const { toast } = context;\n    toast.onRemove?.(context);\n  }\n\n  private emit(): void {\n    const snapshot = this.getSnapshot();\n    for (const listener of this.listeners) listener(snapshot);\n  }\n}\n\nexport function createToastManager<Data = unknown>(): ToastManager<Data> {\n  return new ToastManagerImpl<Data>();\n}\n\nconst defaultManagerKey = Symbol.for('@ds-mo/ui/default-toast-manager');\nconst globalScope = globalThis as typeof globalThis & Record<PropertyKey, unknown>;\nconst existingManager = globalScope[defaultManagerKey] as ToastManager | undefined;\n\nexport const toastManager: ToastManager =\n  existingManager ?? createToastManager();\n\nif (!existingManager) globalScope[defaultManagerKey] = toastManager;\n",":host {\n  display: contents;\n}\n\n.toast-region {\n  position: fixed;\n  inset: 0;\n  z-index: var(--dimension-z-index-floating);\n  pointer-events: none;\n  outline: none;\n}\n\n.toast-viewport {\n  position: absolute;\n  right: var(--dimension-space-200);\n  bottom: var(--dimension-space-200);\n  display: grid;\n  width: min(\n    var(--dimension-card-width-sm),\n    calc(100vw - 2 * var(--dimension-space-200))\n  );\n}\n\n.toast-positioner {\n  grid-area: 1 / 1;\n  align-self: end;\n  justify-self: center;\n  width: 100%;\n  pointer-events: auto;\n  transform: translateY(\n    calc(-1 * var(--toast-index) * var(--dimension-space-100))\n  );\n  transition:\n    transform var(--effect-motion-short-3),\n    width var(--effect-motion-short-3);\n}\n\n.toast-viewport:not([data-expanded]) .toast-positioner {\n  width: calc(\n    100% - 2 * var(--toast-index) * var(--dimension-space-100)\n  );\n}\n\n.toast-viewport[data-expanded] .toast-positioner {\n  transform: translateY(calc(-1 * var(--toast-offset-y)));\n}\n\n.toast-positioner[data-limited] {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.toast-positioner--anchored {\n  position: fixed;\n  width: min(\n    var(--dimension-card-width-sm),\n    calc(100vw - 2 * var(--dimension-space-200))\n  );\n  transform: none;\n}\n\n.toast-positioner--anchored[data-positioned='false'] {\n  visibility: hidden;\n}\n\n.toast-surface {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--toast-height, auto);\n  padding: var(--dimension-space-200);\n  overflow: hidden;\n  color: var(--color-foreground-primary);\n  background-color: var(--color-background-primary);\n  border-radius: var(--dimension-radius-050);\n  box-shadow: var(--effect-elevation-elevated-floating);\n  transform: translate(\n    var(--toast-swipe-movement-x),\n    var(--toast-swipe-movement-y)\n  );\n  animation: toast-enter var(--effect-motion-short-2) both;\n}\n\n.toast-positioner--ending .toast-surface {\n  animation: toast-exit var(--effect-motion-short-3) both;\n}\n\n.toast-surface--swiping {\n  transition: none;\n  user-select: none;\n}\n\n.toast-content {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  padding-inline-end: var(--dimension-size-500);\n  transition: opacity var(--effect-motion-short-3);\n}\n\n.toast-copy {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: var(--typography-lineheight-md);\n  margin-block: calc(-1 * var(--dimension-space-025));\n  gap: var(--dimension-space-050);\n}\n\n.toast-title,\n.toast-description {\n  min-width: 0;\n}\n\n.toast-action {\n  align-self: start;\n  margin-top: calc(\n    var(--dimension-space-200) + var(--dimension-space-025)\n  );\n}\n\n.toast-close {\n  position: absolute;\n  top: var(--dimension-space-100);\n  right: var(--dimension-space-100);\n  transition: opacity var(--effect-motion-short-3);\n}\n\n.toast-viewport:not([data-expanded]) .toast-positioner[data-behind] .toast-content,\n.toast-viewport:not([data-expanded]) .toast-positioner[data-behind] .toast-close {\n  opacity: 0;\n}\n\n.toast-assertive-announcer {\n  position: absolute;\n  width: var(--dimension-size-100);\n  height: var(--dimension-size-100);\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  clip-path: inset(50%);\n}\n\n@keyframes toast-enter {\n  from {\n    opacity: 0;\n    transform: translateY(var(--dimension-space-100));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toast-exit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast-positioner,\n  .toast-surface,\n  .toast-content,\n  .toast-close,\n  .toast-positioner--ending .toast-surface {\n    transition: none;\n    animation: none;\n  }\n\n  .toast-positioner--ending .toast-surface {\n    opacity: 0;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  resolveCssLengthPx,\n  resolveCssTimeMs,\n  resolveMotionTimeMs,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport {\n  toastManager as defaultToastManager,\n  type ToastActionEventDetail,\n  type ToastCloseContext,\n  type ToastCloseEventDetail,\n  type ToastEventDetail,\n  type ToastManager,\n  type ToastRecord,\n  type ToastSwipeDirection,\n} from '../../toast';\nimport { computeTooltipPosition } from '../Tooltip/tooltip-position';\n\ninterface ToastTimer {\n  timerKey: number;\n  remaining: number;\n  startedAt: number;\n  handle: ReturnType<typeof setTimeout> | null;\n}\n\ninterface SwipeState {\n  id: string;\n  x: number;\n  y: number;\n  direction?: ToastSwipeDirection;\n}\n\ninterface AnchoredPosition {\n  x: number;\n  y: number;\n  side: 'top' | 'right' | 'bottom' | 'left';\n}\n\ninterface ActiveSwipe {\n  id: string;\n  pointerId: number;\n  pointerType: string;\n  startX: number;\n  startY: number;\n  maxDistance: number;\n  cancelled: boolean;\n  axis: 'x' | 'y' | null;\n}\n\nconst SWIPE_THRESHOLD = 40;\nconst SWIPE_REVERSE_CANCEL_THRESHOLD = 10;\nconst GLOBAL_STACK_HOVER = '__global-stack__';\nconst INTERACTIVE_SWIPE_SELECTOR =\n  'button,a,input,textarea,select,[role=\"button\"],[data-ds-toast-swipe-ignore]';\n\nconst attachedManagers = new WeakMap<ToastManager, Toast>();\nconst connectedToastRegions = new Set<Toast>();\nlet activeToastRegion: Toast | null = null;\nlet toastInstanceCounter = 0;\n\n@Component({\n  tag: 'ds-toast',\n  styleUrl: 'Toast.css',\n  scoped: true,\n})\nexport class Toast {\n  @Element() el!: HTMLElement;\n\n  /** Manager that supplies toast records. Assign as a JavaScript property. */\n  @Prop() manager: ToastManager = defaultToastManager;\n  /** Maximum visible global-stack records. Limited records remain mounted and inert. */\n  @Prop() limit: number = 3;\n  /** Default auto-dismiss delay. Use 0 for persistent records. */\n  @Prop() timeout: number | string = TOKEN_DEFAULTS.animationDelayLong2;\n  /** Accessible label for the notification region. */\n  @Prop() label: string = 'Notifications';\n  /** Localized accessible label for every toast close action. */\n  @Prop() closeLabel: string = 'Close notification';\n  /** Allowed swipe-to-dismiss directions. Assign as a JavaScript property. */\n  @Prop() swipeDirections: ToastSwipeDirection[] = ['down', 'right'];\n\n  @State() private records: readonly ToastRecord[] = [];\n  @State() private expanded = false;\n  @State() private keyboardActive = false;\n  @State() private swipe: SwipeState | null = null;\n  @State() private layoutVersion = 0;\n\n  @Event() dsToastClose!: EventEmitter<ToastCloseEventDetail>;\n  @Event() dsToastRemove!: EventEmitter<ToastEventDetail>;\n  @Event() dsToastAction!: EventEmitter<ToastActionEventDetail>;\n\n  private readonly instanceId = ++toastInstanceCounter;\n  private readonly domIds = new Map<string, number>();\n  private readonly timers = new Map<string, ToastTimer>();\n  private readonly closeWatchdogs = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly closeFrames = new Map<string, number>();\n  private readonly closeEvents = new Set<string>();\n  private readonly activationFrames = new Map<string, number>();\n  private readonly pauseReasons = new Set<string>();\n  private readonly hoveredIds = new Set<string>();\n  private readonly heights = new Map<string, number>();\n  private readonly measuredUpdateKeys = new Map<string, number>();\n  private readonly anchoredPositions = new Map<string, AnchoredPosition>();\n  private readonly dismissedSwipeDirections = new Map<string, ToastSwipeDirection>();\n  private readonly observedElements = new Set<Element>();\n  private readonly pendingRemovals: Array<{\n    manager: ToastManager;\n    context: ToastCloseContext;\n  }> = [];\n\n  private unsubscribe: (() => void) | null = null;\n  private attachedManager: ToastManager | null = null;\n  private previousFocus: HTMLElement | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private mutationObserver: MutationObserver | null = null;\n  private layoutFrame: number | null = null;\n  private activeSwipe: ActiveSwipe | null = null;\n  private nextDomId = 0;\n  private connected = false;\n  private pendingHoverLeave = false;\n\n  connectedCallback() {\n    this.connect();\n  }\n\n  componentDidLoad() {\n    this.connect();\n  }\n\n  private connect() {\n    if (this.connected) return;\n    this.connected = true;\n    this.resizeObserver ??= new ResizeObserver(() => this.scheduleLayout());\n    this.mutationObserver ??= new MutationObserver(() => this.scheduleLayout());\n    this.mutationObserver.observe(document.body, { childList: true, subtree: true });\n    if (!this.unsubscribe) this.attachManager(this.manager);\n    window.addEventListener('blur', this.handleWindowBlur);\n    window.addEventListener('focus', this.handleWindowFocus);\n    window.addEventListener('resize', this.handleWindowResize);\n    window.addEventListener('scroll', this.scheduleLayout, true);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('visibilitychange', this.handleVisibilityChange);\n    connectedToastRegions.add(this);\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module coordinator tracks the active connected viewport\n    if (!activeToastRegion) activeToastRegion = this;\n  }\n\n  componentDidRender() {\n    this.syncObservedElements();\n    this.flushPendingRemovals();\n    this.scheduleLayout();\n  }\n\n  disconnectedCallback() {\n    this.connected = false;\n    this.flushPendingRemovals();\n    this.detachManager();\n    this.resetManagerState();\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = null;\n    this.observedElements.clear();\n    if (this.layoutFrame !== null) cancelAnimationFrame(this.layoutFrame);\n    this.layoutFrame = null;\n    window.removeEventListener('blur', this.handleWindowBlur);\n    window.removeEventListener('focus', this.handleWindowFocus);\n    window.removeEventListener('resize', this.handleWindowResize);\n    window.removeEventListener('scroll', this.scheduleLayout, true);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('visibilitychange', this.handleVisibilityChange);\n    connectedToastRegions.delete(this);\n    if (activeToastRegion === this) {\n      const remaining = Array.from(connectedToastRegions);\n      activeToastRegion = remaining[remaining.length - 1] ?? null;\n    }\n  }\n\n  @Watch('manager')\n  onManagerChange(next: ToastManager) {\n    this.detachManager();\n    this.resetManagerState();\n    if (this.connected) this.attachManager(next);\n  }\n\n  @Watch('timeout')\n  onTimeoutChange() {\n    for (const timer of this.timers.values()) {\n      if (timer.handle) clearTimeout(timer.handle);\n    }\n    this.timers.clear();\n    this.syncTimers();\n  }\n\n  private attachManager(manager: ToastManager) {\n    const attached = attachedManagers.get(manager);\n    if (attached && attached !== this) {\n      console.warn('[ds-toast] A manager can control only one connected ds-toast instance.');\n      return;\n    }\n    attachedManagers.set(manager, this);\n    this.attachedManager = manager;\n    this.unsubscribe = manager.subscribe(records => {\n      this.records = records;\n      this.syncLifecycle(records);\n      this.scheduleLayout();\n    });\n  }\n\n  private detachManager() {\n    this.unsubscribe?.();\n    this.unsubscribe = null;\n    if (this.attachedManager && attachedManagers.get(this.attachedManager) === this) {\n      attachedManagers.delete(this.attachedManager);\n    }\n    this.attachedManager = null;\n  }\n\n  private resetManagerState() {\n    this.flushPendingRemovals();\n    if (this.el.contains(document.activeElement)) this.restorePreviousFocus();\n    this.clearAllTimers();\n    for (const frame of this.activationFrames.values()) cancelAnimationFrame(frame);\n    for (const frame of this.closeFrames.values()) cancelAnimationFrame(frame);\n    this.activationFrames.clear();\n    this.closeFrames.clear();\n    this.closeEvents.clear();\n    this.pauseReasons.clear();\n    this.hoveredIds.clear();\n    this.pendingHoverLeave = false;\n    this.heights.clear();\n    this.measuredUpdateKeys.clear();\n    this.anchoredPositions.clear();\n    this.dismissedSwipeDirections.clear();\n    this.domIds.clear();\n    this.activeSwipe = null;\n    this.swipe = null;\n    this.expanded = false;\n    this.keyboardActive = false;\n    this.records = [];\n    this.resizeObserver?.disconnect();\n    this.observedElements.clear();\n  }\n\n  private syncObservedElements() {\n    const next = new Set<Element>(\n      this.el.querySelectorAll<HTMLElement>('.toast-positioner'),\n    );\n    for (const record of this.records) {\n      if (!record.positioner) continue;\n      const anchor = this.resolveAnchor(record.positioner.anchor);\n      if (anchor) next.add(anchor);\n    }\n\n    for (const element of this.observedElements) {\n      if (!next.has(element)) {\n        this.resizeObserver?.unobserve(element);\n        this.observedElements.delete(element);\n      }\n    }\n    for (const element of next) {\n      if (this.observedElements.has(element)) continue;\n      this.resizeObserver?.observe(element);\n      this.observedElements.add(element);\n    }\n  }\n\n  private flushPendingRemovals() {\n    for (const pending of this.pendingRemovals.splice(0)) {\n      pending.manager.notifyRemove(pending.context);\n      this.dsToastRemove.emit({\n        id: pending.context.id,\n        toast: pending.context.toast,\n      });\n    }\n  }\n\n  private syncLifecycle(records: readonly ToastRecord[]) {\n    const recordIds = new Set(records.map(record => record.id));\n    for (const id of this.hoveredIds) {\n      if (id !== GLOBAL_STACK_HOVER && !recordIds.has(id)) this.hoveredIds.delete(id);\n    }\n    const hasEndingRecords = records.some(\n      record => record.transitionStatus === 'ending',\n    );\n    if (this.pendingHoverLeave && !hasEndingRecords && !this.hoveredIds.size) {\n      this.pendingHoverLeave = false;\n      this.expanded = false;\n      this.resumeTimers('hover');\n    } else if (!this.hoveredIds.size && !this.pendingHoverLeave) {\n      this.resumeTimers('hover');\n    }\n\n    for (const [id, timer] of this.timers) {\n      if (recordIds.has(id)) continue;\n      if (timer.handle) clearTimeout(timer.handle);\n      this.timers.delete(id);\n    }\n\n    for (const [id, watchdog] of this.closeWatchdogs) {\n      if (recordIds.has(id)) continue;\n      clearTimeout(watchdog);\n      this.closeWatchdogs.delete(id);\n    }\n\n    for (const [id, frame] of this.activationFrames) {\n      if (recordIds.has(id)) continue;\n      cancelAnimationFrame(frame);\n      this.activationFrames.delete(id);\n    }\n\n    for (const [id, frame] of this.closeFrames) {\n      if (recordIds.has(id)) continue;\n      cancelAnimationFrame(frame);\n      this.closeFrames.delete(id);\n    }\n\n    for (const id of this.domIds.keys()) {\n      if (recordIds.has(id)) continue;\n      this.closeEvents.delete(id);\n      this.domIds.delete(id);\n      this.heights.delete(id);\n      this.measuredUpdateKeys.delete(id);\n      this.anchoredPositions.delete(id);\n      this.dismissedSwipeDirections.delete(id);\n    }\n\n    for (const record of records) {\n      this.ensureDomId(record.id);\n      if (\n        record.transitionStatus === 'starting' &&\n        !this.activationFrames.has(record.id)\n      ) {\n        const manager = this.attachedManager;\n        const frame = requestAnimationFrame(() => {\n          this.activationFrames.delete(record.id);\n          manager?.activate(record.id);\n        });\n        this.activationFrames.set(record.id, frame);\n      }\n\n      if (record.transitionStatus === 'ending') {\n        this.clearToastTimer(record.id);\n        this.beginRemoval(record);\n      } else {\n        const watchdog = this.closeWatchdogs.get(record.id);\n        if (watchdog) clearTimeout(watchdog);\n        this.closeWatchdogs.delete(record.id);\n        const closeFrame = this.closeFrames.get(record.id);\n        if (closeFrame) cancelAnimationFrame(closeFrame);\n        this.closeFrames.delete(record.id);\n        this.closeEvents.delete(record.id);\n      }\n    }\n\n    this.syncTimers();\n  }\n\n  private syncTimers() {\n    const activeIds = new Set<string>();\n    for (const record of this.records) {\n      if (record.transitionStatus !== 'active') continue;\n      activeIds.add(record.id);\n      const duration = this.resolveToastTimeout(record);\n      if (duration <= 0) {\n        this.clearToastTimer(record.id);\n        continue;\n      }\n\n      const existing = this.timers.get(record.id);\n      if (!existing || existing.timerKey !== record.timerKey) {\n        this.clearToastTimer(record.id);\n        this.timers.set(record.id, {\n          timerKey: record.timerKey,\n          remaining: duration,\n          startedAt: 0,\n          handle: null,\n        });\n      }\n      if (!this.isPaused) this.startToastTimer(record.id);\n    }\n\n    for (const id of this.timers.keys()) {\n      if (!activeIds.has(id)) this.clearToastTimer(id);\n    }\n  }\n\n  private resolveToastTimeout(record: ToastRecord): number {\n    const value = record.timeout ?? this.timeout;\n    if (typeof value === 'number') return Math.max(0, value);\n    return resolveCssTimeMs(value, TOKEN_DEFAULTS.animationDelayLong2);\n  }\n\n  private startToastTimer(id: string) {\n    const timer = this.timers.get(id);\n    if (!timer || timer.handle || timer.remaining <= 0) return;\n    timer.startedAt = Date.now();\n    timer.handle = setTimeout(() => {\n      timer.handle = null;\n      timer.remaining = 0;\n      this.manager.close(id, 'timeout');\n    }, timer.remaining);\n  }\n\n  private pauseTimers(reason: string) {\n    const wasPaused = this.isPaused;\n    this.pauseReasons.add(reason);\n    if (wasPaused) return;\n    const now = Date.now();\n    for (const timer of this.timers.values()) {\n      if (!timer.handle) continue;\n      clearTimeout(timer.handle);\n      timer.handle = null;\n      timer.remaining = Math.max(0, timer.remaining - (now - timer.startedAt));\n    }\n  }\n\n  private resumeTimers(reason: string) {\n    this.pauseReasons.delete(reason);\n    if (this.isPaused) return;\n    for (const id of this.timers.keys()) this.startToastTimer(id);\n  }\n\n  private get isPaused(): boolean {\n    return this.pauseReasons.size > 0;\n  }\n\n  private clearToastTimer(id: string) {\n    const timer = this.timers.get(id);\n    if (timer?.handle) clearTimeout(timer.handle);\n    this.timers.delete(id);\n  }\n\n  private clearAllTimers() {\n    for (const timer of this.timers.values()) {\n      if (timer.handle) clearTimeout(timer.handle);\n    }\n    for (const watchdog of this.closeWatchdogs.values()) clearTimeout(watchdog);\n    this.timers.clear();\n    this.closeWatchdogs.clear();\n  }\n\n  private beginRemoval(record: ToastRecord) {\n    if (!this.closeEvents.has(record.id)) {\n      this.closeEvents.add(record.id);\n      this.dsToastClose.emit({\n        id: record.id,\n        reason: record.closeReason ?? 'programmatic',\n        toast: record,\n      });\n      this.moveFocusAfterClose(record.id);\n    }\n    if (\n      this.closeWatchdogs.has(record.id) ||\n      this.closeFrames.has(record.id)\n    ) return;\n\n    const duration = resolveMotionTimeMs(\n      TOKEN_DEFAULTS.motionShort3,\n      TOKEN_DEFAULTS.animationDurationShort3,\n    );\n    if (duration <= 0) {\n      queueMicrotask(() => this.completeRemoval(record));\n      return;\n    }\n    const frame = requestAnimationFrame(() => {\n      this.closeFrames.delete(record.id);\n      const current = this.records.find(candidate => candidate.id === record.id);\n      if (!current || current.transitionStatus !== 'ending') return;\n      this.closeWatchdogs.set(\n        record.id,\n        setTimeout(() => this.completeRemoval(current), duration),\n      );\n    });\n    this.closeFrames.set(record.id, frame);\n  }\n\n  private completeRemoval(record: ToastRecord) {\n    const current = this.records.find(candidate => candidate.id === record.id);\n    if (!current || current.transitionStatus !== 'ending') return;\n    const watchdog = this.closeWatchdogs.get(record.id);\n    if (watchdog) clearTimeout(watchdog);\n    this.closeWatchdogs.delete(record.id);\n    const closeFrame = this.closeFrames.get(record.id);\n    if (closeFrame) cancelAnimationFrame(closeFrame);\n    this.closeFrames.delete(record.id);\n    const manager = this.attachedManager;\n    const context = manager?.remove(record.id);\n    if (manager && context) this.pendingRemovals.push({ manager, context });\n  }\n\n  private handleAnimationComplete(record: ToastRecord) {\n    if (record.transitionStatus === 'ending') this.completeRemoval(record);\n  }\n\n  private bindAnimationCancel(element: HTMLDivElement | undefined, id: string) {\n    if (!element || element.dataset['cancelBound'] === 'true') return;\n    element.dataset['cancelBound'] = 'true';\n    element.addEventListener('animationcancel', () => {\n      const record = this.records.find(candidate => candidate.id === id);\n      if (record) this.handleAnimationComplete(record);\n    });\n  }\n\n  private handleWindowBlur = () => this.pauseTimers('window');\n  private handleWindowFocus = () => this.resumeTimers('window');\n  private handleVisibilityChange = () => {\n    if (document.hidden) this.pauseTimers('document');\n    else this.resumeTimers('document');\n  };\n\n  private handlePointerEnter(id: string) {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- pointer interaction selects the viewport that receives F6\n    activeToastRegion = this;\n    this.pendingHoverLeave = false;\n    this.hoveredIds.add(id);\n    this.expanded = true;\n    this.pauseTimers('hover');\n  }\n\n  private handlePointerLeave(id: string) {\n    this.hoveredIds.delete(id);\n    if (this.hoveredIds.size) return;\n    if (this.records.some(record => record.transitionStatus === 'ending')) {\n      this.pendingHoverLeave = true;\n      return;\n    }\n    this.expanded = false;\n    this.resumeTimers('hover');\n  }\n\n  private handleFocusIn = () => {\n    const active = document.activeElement;\n    if (!(active instanceof HTMLElement) || !active.matches(':focus-visible')) return;\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module coordinator routes F6 to the last focused viewport\n    activeToastRegion = this;\n    this.keyboardActive = true;\n    this.expanded = true;\n    this.pauseTimers('focus');\n  };\n\n  private handleFocusOut = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && this.el.contains(next)) return;\n    if (!this.keyboardActive) return;\n    this.keyboardActive = false;\n    this.expanded = this.hoveredIds.size > 0;\n    this.resumeTimers('focus');\n  };\n\n  private handleDocumentKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== 'F6') return;\n    const eligible = Array.from(connectedToastRegions).filter(\n      region => region.activeRecords.length > 0,\n    );\n    const target =\n      activeToastRegion && activeToastRegion.activeRecords.length\n        ? activeToastRegion\n        : eligible[eligible.length - 1];\n    if (target !== this) return;\n    event.preventDefault();\n    if (!this.el.contains(document.activeElement)) {\n      this.previousFocus = document.activeElement as HTMLElement | null;\n    }\n    this.keyboardActive = true;\n    this.regionElement?.focus();\n  };\n\n  private handleRegionKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      const target = event.target as HTMLElement;\n      const positioner = target.closest<HTMLElement>('.toast-positioner');\n      const id = positioner?.dataset['toastId'] ?? this.activeRecords[0]?.id;\n      if (id) {\n        event.preventDefault();\n        this.manager.close(id, 'escape');\n      }\n      return;\n    }\n\n    if (event.key === 'Tab' && event.shiftKey && event.target === this.regionElement) {\n      event.preventDefault();\n      this.restorePreviousFocus();\n    }\n  };\n\n  private get regionElement(): HTMLElement | null {\n    return this.el.querySelector<HTMLElement>('.toast-region');\n  }\n\n  private restorePreviousFocus() {\n    this.previousFocus?.focus?.();\n    this.previousFocus = null;\n    this.keyboardActive = false;\n  }\n\n  private moveFocusAfterClose(id: string) {\n    const active = document.activeElement;\n    const closing = this.positionerElement(id);\n    if (!active || !closing?.contains(active)) return;\n    requestAnimationFrame(() => {\n      const next = this.activeRecords.find(record => record.id !== id);\n      const control = next\n        ? this.positionerElement(next.id)?.querySelector<\n            HTMLElement & { setFocus?: () => Promise<void> }\n          >('ds-button-unfilled')\n        : null;\n      if (control?.setFocus) void control.setFocus();\n      else if (next) this.regionElement?.focus();\n      else this.restorePreviousFocus();\n    });\n  }\n\n  private handleAction(record: ToastRecord, event: CustomEvent<MouseEvent>) {\n    const detail: ToastActionEventDetail = {\n      id: record.id,\n      toast: record,\n      originalEvent: event.detail,\n    };\n    this.dsToastAction.emit(detail);\n    record.action?.onAction?.({\n      id: record.id,\n      data: record.data,\n      manager: this.manager,\n      originalEvent: event.detail,\n    });\n  }\n\n  private handlePointerDown(record: ToastRecord, event: PointerEvent) {\n    if (event.button !== 0) return;\n    const target = event.target as Element;\n    if (target.closest(INTERACTIVE_SWIPE_SELECTOR)) return;\n\n    const surface = event.currentTarget as HTMLElement;\n    surface.setPointerCapture(event.pointerId);\n    this.activeSwipe = {\n      id: record.id,\n      pointerId: event.pointerId,\n      pointerType: event.pointerType,\n      startX: event.clientX,\n      startY: event.clientY,\n      maxDistance: 0,\n      cancelled: false,\n      axis: null,\n    };\n    this.swipe = { id: record.id, x: 0, y: 0 };\n    if (event.pointerType === 'touch') this.pauseTimers('swipe');\n  }\n\n  private handlePointerMove(event: PointerEvent) {\n    const active = this.activeSwipe;\n    if (!active || active.pointerId !== event.pointerId || active.cancelled) return;\n    const dx = event.clientX - active.startX;\n    const dy = event.clientY - active.startY;\n    if (!active.axis && Math.max(Math.abs(dx), Math.abs(dy)) > 1) {\n      active.axis = Math.abs(dx) >= Math.abs(dy) ? 'x' : 'y';\n    }\n    if (!active.axis) return;\n    const horizontal = active.axis === 'x';\n    const direction: ToastSwipeDirection = horizontal\n      ? dx >= 0 ? 'right' : 'left'\n      : dy >= 0 ? 'down' : 'up';\n    const allowed = this.swipeDirections.includes(direction);\n    const rawDistance = horizontal ? Math.abs(dx) : Math.abs(dy);\n    const distance = allowed ? rawDistance : Math.sqrt(rawDistance);\n    const signed = (horizontal ? dx : dy) < 0 ? -distance : distance;\n    const x = horizontal ? signed : 0;\n    const y = horizontal ? 0 : signed;\n\n    if (active.maxDistance - distance >= SWIPE_REVERSE_CANCEL_THRESHOLD) {\n      active.cancelled = true;\n      this.cancelSwipe();\n      return;\n    }\n    active.maxDistance = Math.max(active.maxDistance, distance);\n    if (rawDistance > 1) event.preventDefault();\n    this.swipe = { id: active.id, x, y, direction: allowed ? direction : undefined };\n  }\n\n  private handlePointerUp(event: PointerEvent) {\n    const active = this.activeSwipe;\n    if (!active || active.pointerId !== event.pointerId) return;\n    const swipe = this.swipe;\n    const distance = swipe ? Math.max(Math.abs(swipe.x), Math.abs(swipe.y)) : 0;\n    const shouldDismiss =\n      !active.cancelled &&\n      !!swipe?.direction &&\n      distance >= SWIPE_THRESHOLD;\n    const id = active.id;\n    const wasTouch = active.pointerType === 'touch';\n    this.activeSwipe = null;\n    this.swipe = null;\n    if (wasTouch) this.resumeTimers('swipe');\n    if (shouldDismiss && swipe.direction) {\n      this.dismissedSwipeDirections.set(id, swipe.direction);\n      this.manager.close(id, 'swipe');\n    }\n  }\n\n  private handlePointerCancel(event: PointerEvent) {\n    if (this.activeSwipe?.pointerId !== event.pointerId) return;\n    this.cancelSwipe();\n  }\n\n  private cancelSwipe() {\n    const wasTouch = this.activeSwipe?.pointerType === 'touch';\n    this.activeSwipe = null;\n    this.swipe = null;\n    if (wasTouch) this.resumeTimers('swipe');\n  }\n\n  private get touchAction(): string {\n    const horizontal =\n      this.swipeDirections.includes('left') || this.swipeDirections.includes('right');\n    const vertical =\n      this.swipeDirections.includes('up') || this.swipeDirections.includes('down');\n    if (horizontal && vertical) return 'none';\n    if (horizontal) return 'pan-y';\n    if (vertical) return 'pan-x';\n    return 'auto';\n  }\n\n  private handleWindowResize = () => {\n    this.heights.clear();\n    this.measuredUpdateKeys.clear();\n    this.layoutVersion += 1;\n    this.scheduleLayout();\n  };\n\n  private scheduleLayout = () => {\n    if (this.layoutFrame !== null) return;\n    this.layoutFrame = requestAnimationFrame(() => {\n      this.layoutFrame = null;\n      this.measureLayout();\n    });\n  };\n\n  private measureNaturalHeight(element: HTMLElement, expandedWidth: boolean): number {\n    const surface = element.querySelector<HTMLElement>('.toast-surface');\n    if (!surface) return 0;\n    const previousWidth = element.style.width;\n    const previousTransition = element.style.transition;\n    const previousHeight = surface.style.height;\n\n    if (expandedWidth) {\n      element.style.transition = 'none';\n      element.style.width = '100%';\n    }\n    surface.style.height = 'auto';\n    const height = surface.getBoundingClientRect().height;\n\n    surface.style.height = previousHeight;\n    if (expandedWidth) {\n      element.style.width = previousWidth;\n      element.getBoundingClientRect();\n      element.style.transition = previousTransition;\n    }\n    return height;\n  }\n\n  private measureLayout() {\n    let changed = false;\n    for (const record of this.records) {\n      const element = this.positionerElement(record.id);\n      if (!element) continue;\n      let height = this.heights.get(record.id) ?? 0;\n      const needsHeightMeasurement =\n        height <= 0 || this.measuredUpdateKeys.get(record.id) !== record.updateKey;\n      if (needsHeightMeasurement) {\n        height = this.measureNaturalHeight(element, !record.positioner);\n        if (height > 0) {\n          if (this.heights.get(record.id) !== height) changed = true;\n          this.heights.set(record.id, height);\n          this.measuredUpdateKeys.set(record.id, record.updateKey);\n        }\n      }\n\n      if (!record.positioner) continue;\n      const anchor = this.resolveAnchor(record.positioner.anchor);\n      if (!anchor || height <= 0) {\n        if (this.anchoredPositions.delete(record.id)) changed = true;\n        continue;\n      }\n      const rect = element.getBoundingClientRect();\n      const sideOffset = resolveCssLengthPx(\n        record.positioner.sideOffset,\n        TOKEN_DEFAULTS.space050,\n      );\n      const alignOffset = resolveCssLengthPx(record.positioner.alignOffset, 0);\n      const position = computeTooltipPosition({\n        anchorRect: anchor.getBoundingClientRect(),\n        popupWidth: rect.width,\n        popupHeight: height,\n        side: record.positioner.side ?? 'top',\n        align: record.positioner.align ?? 'center',\n        sideOffsetPx: sideOffset,\n        alignOffsetPx: alignOffset,\n        viewportPadPx: resolveCssLengthPx(undefined, TOKEN_DEFAULTS.space200),\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n      });\n      const current = this.anchoredPositions.get(record.id);\n      if (\n        !current ||\n        current.x !== position.x ||\n        current.y !== position.y ||\n        current.side !== position.resolvedSide\n      ) {\n        this.anchoredPositions.set(record.id, {\n          x: position.x,\n          y: position.y,\n          side: position.resolvedSide,\n        });\n        changed = true;\n      }\n    }\n    if (changed) this.layoutVersion += 1;\n  }\n\n  private resolveAnchor(anchor: HTMLElement | string): HTMLElement | null {\n    return typeof anchor === 'string' ? document.getElementById(anchor) : anchor;\n  }\n\n  private positionerElement(id: string): HTMLElement | null {\n    return (\n      Array.from(this.el.querySelectorAll<HTMLElement>('.toast-positioner'))\n        .find(element => element.dataset['toastId'] === id) ?? null\n    );\n  }\n\n  private ensureDomId(id: string): number {\n    const current = this.domIds.get(id);\n    if (current) return current;\n    const next = ++this.nextDomId;\n    this.domIds.set(id, next);\n    return next;\n  }\n\n  private get activeRecords(): ToastRecord[] {\n    return this.records.filter(record => record.transitionStatus !== 'ending');\n  }\n\n  private globalLayout() {\n    const globalRecords = this.records.filter(record => !record.positioner);\n    let offset = 0;\n    let visibleIndex = 0;\n    const gap = resolveCssLengthPx(undefined, TOKEN_DEFAULTS.space200);\n    const layouts = new Map<string, { index: number; offset: number; limited: boolean }>();\n\n    globalRecords.forEach((record, domIndex) => {\n      if (record.transitionStatus === 'ending') {\n        layouts.set(record.id, { index: domIndex, offset, limited: false });\n        return;\n      }\n\n      const limited = visibleIndex >= Math.max(1, this.limit);\n      layouts.set(record.id, { index: visibleIndex, offset, limited });\n      offset += (this.heights.get(record.id) ?? 0) + gap;\n      visibleIndex += 1;\n    });\n    return layouts;\n  }\n\n  private renderToast(\n    record: ToastRecord,\n    layout: { index: number; offset: number; limited: boolean },\n  ) {\n    const domId = this.ensureDomId(record.id);\n    const titleId = `ds-toast-${this.instanceId}-${domId}-title`;\n    const descriptionId = `ds-toast-${this.instanceId}-${domId}-description`;\n    const swipe = this.swipe?.id === record.id ? this.swipe : null;\n    const swipeDirection = swipe?.direction ?? this.dismissedSwipeDirections.get(record.id);\n    const anchored = !!record.positioner;\n    const anchoredPosition = this.anchoredPositions.get(record.id);\n    const hiddenHighPriority = record.priority === 'high' && !this.keyboardActive;\n    const focusTabIndex = this.keyboardActive && !layout.limited ? 0 : -1;\n    const toastHeight = this.heights.get(record.id);\n\n    return (\n      <div\n        ref={(element?: HTMLDivElement) => this.bindAnimationCancel(element, record.id)}\n        class={{\n          'toast-positioner': true,\n          'toast-positioner--anchored': anchored,\n          'toast-positioner--ending': record.transitionStatus === 'ending',\n        }}\n        data-toast-id={record.id}\n        data-behind={!anchored && layout.index > 0 ? '' : undefined}\n        data-limited={layout.limited ? '' : undefined}\n        data-positioned={anchored ? String(!!anchoredPosition) : undefined}\n        data-side={anchoredPosition?.side}\n        inert={layout.limited ? true : undefined}\n        aria-hidden={layout.limited ? 'true' : undefined}\n        style={{\n          '--toast-index': String(layout.index),\n          '--toast-offset-y': `${layout.offset}px`,\n          '--toast-height': toastHeight ? `${toastHeight}px` : undefined,\n          zIndex: String(this.records.length - layout.index),\n          left: anchoredPosition ? `${anchoredPosition.x}px` : undefined,\n          top: anchoredPosition ? `${anchoredPosition.y}px` : undefined,\n        }}\n        onAnimationEnd={() => this.handleAnimationComplete(record)}\n      >\n        <div\n          class={{\n            'toast-surface': true,\n            'toast-surface--swiping': !!swipe,\n          }}\n          role={record.priority === 'high' ? 'alertdialog' : 'dialog'}\n          aria-modal=\"false\"\n          aria-labelledby={\n            record.title ? titleId : record.description ? descriptionId : undefined\n          }\n          aria-describedby={record.title && record.description ? descriptionId : undefined}\n          aria-hidden={hiddenHighPriority ? 'true' : undefined}\n          data-type={record.type}\n          data-priority={record.priority}\n          data-transition-status={record.transitionStatus}\n          data-swiping={swipe ? '' : undefined}\n          data-swipe-direction={swipeDirection}\n          style={{\n            '--toast-swipe-movement-x': `${swipe?.x ?? 0}px`,\n            '--toast-swipe-movement-y': `${swipe?.y ?? 0}px`,\n            touchAction: this.touchAction,\n          }}\n          onPointerDown={(event: PointerEvent) => this.handlePointerDown(record, event)}\n          onPointerMove={(event: PointerEvent) => this.handlePointerMove(event)}\n          onPointerUp={(event: PointerEvent) => this.handlePointerUp(event)}\n          onPointerCancel={(event: PointerEvent) => this.handlePointerCancel(event)}\n          onPointerEnter={\n            anchored ? () => this.handlePointerEnter(record.id) : undefined\n          }\n          onPointerLeave={\n            anchored ? () => this.handlePointerLeave(record.id) : undefined\n          }\n        >\n          <div class=\"toast-content\">\n            <div class=\"toast-copy\">\n              {record.title && (\n                <ds-text\n                  class=\"toast-title\"\n                  as=\"div\"\n                  variant=\"text-title-small\"\n                  color=\"primary\"\n                  textId={titleId}\n                >\n                  {record.title}\n                </ds-text>\n              )}\n              {record.description && (\n                <ds-text\n                  class=\"toast-description\"\n                  as=\"div\"\n                  variant=\"text-body-medium\"\n                  color=\"secondary\"\n                  textId={descriptionId}\n                >\n                  {record.description}\n                </ds-text>\n              )}\n            </div>\n            {record.action && (\n              <ds-button-unfilled\n                class=\"toast-action\"\n                variant=\"label\"\n                size=\"md\"\n                type=\"button\"\n                label={record.action.label}\n                aria-label={record.action.ariaLabel}\n                hasBorder\n                focusTabIndex={focusTabIndex}\n                aria-hidden={!this.keyboardActive ? 'true' : undefined}\n                onDsClick={(event: CustomEvent<MouseEvent>) =>\n                  this.handleAction(record, event)\n                }\n              />\n            )}\n          </div>\n          <ds-button-unfilled\n            class=\"toast-close\"\n            variant=\"icon\"\n            size=\"md\"\n            type=\"button\"\n            icon=\"Cross\"\n            aria-label={this.closeLabel}\n            hasBorder={false}\n            activeFill={false}\n            focusTabIndex={focusTabIndex}\n            aria-hidden={!this.keyboardActive ? 'true' : undefined}\n            onDsClick={() => this.manager.close(record.id, 'close-button')}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    void this.layoutVersion;\n    const globalLayouts = this.globalLayout();\n    const globalRecords = this.records.filter(record => !record.positioner);\n    const anchoredRecords = this.records.filter(record => !!record.positioner);\n    const highPriority = this.records.filter(\n      record =>\n        record.priority === 'high' &&\n        record.transitionStatus !== 'ending' &&\n        !globalLayouts.get(record.id)?.limited,\n    );\n\n    return (\n      <Host>\n        <section\n          class=\"toast-region\"\n          role=\"region\"\n          aria-label={this.label}\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          aria-relevant=\"additions text\"\n          tabIndex={-1}\n          onFocusin={this.handleFocusIn}\n          onFocusout={(event: FocusEvent) => this.handleFocusOut(event)}\n          onKeyDown={(event: KeyboardEvent) => this.handleRegionKeyDown(event)}\n        >\n          <div\n            class=\"toast-viewport\"\n            data-expanded={this.expanded ? '' : undefined}\n            onPointerEnter={() => this.handlePointerEnter(GLOBAL_STACK_HOVER)}\n            onPointerLeave={() => this.handlePointerLeave(GLOBAL_STACK_HOVER)}\n          >\n            {globalRecords.map(record =>\n              this.renderToast(\n                record,\n                globalLayouts.get(record.id) ?? { index: 0, offset: 0, limited: false },\n              )\n            )}\n          </div>\n          <div class=\"toast-anchored-layer\">\n            {anchoredRecords.map(record =>\n              this.renderToast(record, { index: 0, offset: 0, limited: false })\n            )}\n          </div>\n          <div class=\"toast-assertive-announcer\">\n            {highPriority.map(record => (\n              <div role=\"alert\" aria-atomic=\"true\">\n                {[record.title, record.description].filter(Boolean).join('. ')}\n              </div>\n            ))}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["resolvePromiseValue","value","input","resolved","description","ToastManagerImpl","constructor","this","records","listeners","Set","nextId","add","options","id","existingIndex","findIndex","record","title","trim","console","warn","current","updated","priority","transitionStatus","closeReason","undefined","updateKey","timerKey","filter","_","index","emit","update","updates","restartsTimer","Object","prototype","hasOwnProperty","call","type","map","recordIndex","close","reason","closing","onClose","toast","closeAll","promise","promiseValue","loading","timeout","success","error","failure","subscribe","listener","getSnapshot","delete","activate","find","candidate","remove","context","notifyRemove","onRemove","snapshot","createToastManager","defaultManagerKey","Symbol","for","globalScope","globalThis","existingManager","toastManager","toastCss","SWIPE_THRESHOLD","SWIPE_REVERSE_CANCEL_THRESHOLD","GLOBAL_STACK_HOVER","INTERACTIVE_SWIPE_SELECTOR","attachedManagers","WeakMap","connectedToastRegions","activeToastRegion","toastInstanceCounter","Toast","__stencil_proxyCustomElement","HTMLElement","registerHost","manager","defaultToastManager","limit","TOKEN_DEFAULTS","animationDelayLong2","label","closeLabel","avoidMobileShellBar","swipeDirections","expanded","keyboardActive","swipe","layoutVersion","instanceId","domIds","Map","timers","closeWatchdogs","closeFrames","closeEvents","activationFrames","pauseReasons","hoveredIds","heights","measuredUpdateKeys","anchoredPositions","dismissedSwipeDirections","observedElements","pendingRemovals","unsubscribe","attachedManager","previousFocus","resizeObserver","mutationObserver","layoutFrame","activeSwipe","nextDomId","connected","pendingHoverLeave","handleWindowBlur","pauseTimers","handleWindowFocus","resumeTimers","handleVisibilityChange","document","hidden","handleFocusIn","active","activeElement","matches","handleFocusOut","event","next","relatedTarget","Node","el","contains","size","handleDocumentKeyDown","key","eligible","Array","from","region","activeRecords","length","target","preventDefault","regionElement","focus","handleRegionKeyDown","positioner","closest","dataset","shiftKey","restorePreviousFocus","handleWindowResize","clear","scheduleLayout","requestAnimationFrame","measureLayout","connectedCallback","connect","componentDidLoad","ResizeObserver","MutationObserver","observe","body","childList","subtree","attachManager","window","addEventListener","componentDidRender","syncObservedElements","flushPendingRemovals","disconnectedCallback","detachManager","resetManagerState","disconnect","cancelAnimationFrame","removeEventListener","remaining","onManagerChange","onTimeoutChange","timer","values","handle","clearTimeout","syncTimers","attached","get","set","syncLifecycle","clearAllTimers","frame","querySelectorAll","anchor","resolveAnchor","element","has","unobserve","pending","splice","dsToastRemove","recordIds","hasEndingRecords","some","watchdog","keys","ensureDomId","clearToastTimer","beginRemoval","closeFrame","activeIds","duration","resolveToastTimeout","existing","startedAt","isPaused","startToastTimer","Math","max","resolveCssTimeMs","Date","now","setTimeout","wasPaused","dsToastClose","moveFocusAfterClose","resolveMotionTimeMs","motionShort3","animationDurationShort3","queueMicrotask","completeRemoval","push","handleAnimationComplete","bindAnimationCancel","handlePointerEnter","handlePointerLeave","querySelector","positionerElement","control","setFocus","handleAction","detail","originalEvent","dsToastAction","action","onAction","data","handlePointerDown","button","surface","currentTarget","setPointerCapture","pointerId","pointerType","startX","clientX","startY","clientY","maxDistance","cancelled","axis","x","y","handlePointerMove","dx","dy","abs","horizontal","direction","allowed","includes","rawDistance","distance","sqrt","signed","cancelSwipe","handlePointerUp","shouldDismiss","wasTouch","handlePointerCancel","touchAction","vertical","measureNaturalHeight","expandedWidth","previousWidth","style","width","previousTransition","transition","previousHeight","height","getBoundingClientRect","changed","needsHeightMeasurement","rect","sideOffset","resolveCssLengthPx","space050","alignOffset","position","computeTooltipPosition","anchorRect","popupWidth","popupHeight","side","align","sideOffsetPx","alignOffsetPx","viewportPadPx","space200","viewportWidth","innerWidth","viewportHeight","innerHeight","resolvedSide","getElementById","globalLayout","globalRecords","offset","visibleIndex","gap","layouts","forEach","domIndex","limited","renderToast","layout","domId","titleId","descriptionId","swipeDirection","anchored","anchoredPosition","hiddenHighPriority","focusTabIndex","toastHeight","h","ref","class","String","inert","zIndex","left","top","onAnimationEnd","role","onPointerDown","onPointerMove","onPointerUp","onPointerCancel","onPointerEnter","onPointerLeave","as","variant","color","textId","ariaLabel","hasBorder","onDsClick","icon","activeFill","render","globalLayouts","anchoredRecords","highPriority","Host","tabIndex","onFocusin","onFocusout","onKeyDown","Boolean","join"],"sources":["src/wc/toast/toast-manager.ts","src/wc/components/Toast/Toast.css?tag=ds-toast&encapsulation=scoped","src/wc/components/Toast/Toast.tsx"],"sourcesContent":["import type {\n  ToastCloseContext,\n  ToastCloseReason,\n  ToastListener,\n  ToastManager,\n  ToastOptions,\n  ToastPromiseOptions,\n  ToastPromiseValue,\n  ToastRecord,\n} from './toast-types';\n\nfunction resolvePromiseValue<Value, Data>(\n  value:\n    | ToastPromiseValue<Data>\n    | ((input: Value) => ToastPromiseValue<Data>),\n  input: Value,\n): ToastOptions<Data> {\n  const resolved = typeof value === 'function' ? value(input) : value;\n  return typeof resolved === 'string' ? { description: resolved } : resolved;\n}\n\nclass ToastManagerImpl<Data = unknown> implements ToastManager<Data> {\n  private records: ToastRecord<Data>[] = [];\n  private listeners = new Set<ToastListener<Data>>();\n  private nextId = 0;\n\n  add(options: ToastOptions<Data>): string {\n    const id = options.id || `ds-toast-${++this.nextId}`;\n    const existingIndex = this.records.findIndex(record => record.id === id);\n\n    if (!options.title?.trim() && !options.description?.trim()) {\n      console.warn(`[ds-toast] Toast \"${id}\" should provide a title or description.`);\n    }\n\n    if (existingIndex >= 0) {\n      const current = this.records[existingIndex];\n      const updated: ToastRecord<Data> = {\n        ...current,\n        ...options,\n        id,\n        priority: options.priority ?? current.priority,\n        transitionStatus: 'active',\n        closeReason: undefined,\n        updateKey: current.updateKey + 1,\n        timerKey: current.timerKey + 1,\n      };\n      this.records = [\n        updated,\n        ...this.records.filter((_, index) => index !== existingIndex),\n      ];\n      this.emit();\n      return id;\n    }\n\n    const record: ToastRecord<Data> = {\n      ...options,\n      id,\n      priority: options.priority ?? 'low',\n      transitionStatus: 'starting',\n      updateKey: 0,\n      timerKey: 0,\n    };\n    this.records = [record, ...this.records];\n    this.emit();\n    return id;\n  }\n\n  update(id: string, updates: Partial<ToastOptions<Data>>): void {\n    const index = this.records.findIndex(record => record.id === id);\n    if (index < 0) return;\n    const current = this.records[index];\n    const restartsTimer =\n      Object.prototype.hasOwnProperty.call(updates, 'timeout') ||\n      (current.type === 'loading' && updates.type !== undefined && updates.type !== 'loading');\n    const updated: ToastRecord<Data> = {\n      ...current,\n      ...updates,\n      id,\n      priority: updates.priority ?? current.priority,\n      updateKey: current.updateKey + 1,\n      timerKey: restartsTimer ? current.timerKey + 1 : current.timerKey,\n    };\n    this.records = this.records.map((record, recordIndex) =>\n      recordIndex === index ? updated : record\n    );\n    this.emit();\n  }\n\n  close(id: string, reason: ToastCloseReason = 'programmatic'): void {\n    const index = this.records.findIndex(record => record.id === id);\n    if (index < 0 || this.records[index].transitionStatus === 'ending') return;\n\n    const closing: ToastRecord<Data> = {\n      ...this.records[index],\n      transitionStatus: 'ending',\n      closeReason: reason,\n    };\n    this.records = this.records.map((record, recordIndex) =>\n      recordIndex === index ? closing : record\n    );\n    this.emit();\n    closing.onClose?.({ id, reason, toast: closing });\n  }\n\n  closeAll(reason: ToastCloseReason = 'programmatic'): void {\n    for (const record of [...this.records]) this.close(record.id, reason);\n  }\n\n  async promise<Value>(\n    promiseValue: PromiseLike<Value>,\n    options: ToastPromiseOptions<Value, Data>,\n  ): Promise<Value> {\n    const loading = resolvePromiseValue(options.loading, undefined as Value);\n    const id = this.add({\n      ...loading,\n      type: loading.type ?? 'loading',\n      timeout: 0,\n    });\n\n    try {\n      const value = await promiseValue;\n      const success = resolvePromiseValue(options.success, value);\n      this.update(id, {\n        ...success,\n        type: success.type ?? 'success',\n        timeout: success.timeout,\n      });\n      return value;\n    } catch (error) {\n      const failure = resolvePromiseValue(options.error, error);\n      this.update(id, {\n        ...failure,\n        type: failure.type ?? 'error',\n        timeout: failure.timeout,\n      });\n      throw error;\n    }\n  }\n\n  subscribe(listener: ToastListener<Data>): () => void {\n    this.listeners.add(listener);\n    listener(this.getSnapshot());\n    return () => {\n      this.listeners.delete(listener);\n    };\n  }\n\n  getSnapshot(): readonly ToastRecord<Data>[] {\n    return this.records.map(record => ({ ...record }));\n  }\n\n  activate(id: string): void {\n    const record = this.records.find(candidate => candidate.id === id);\n    if (!record || record.transitionStatus !== 'starting') return;\n    this.records = this.records.map(candidate =>\n      candidate.id === id\n        ? { ...candidate, transitionStatus: 'active' }\n        : candidate\n    );\n    this.emit();\n  }\n\n  remove(id: string): ToastCloseContext<Data> | null {\n    const record = this.records.find(candidate => candidate.id === id);\n    if (!record || record.transitionStatus !== 'ending') return null;\n    const reason = record.closeReason ?? 'programmatic';\n    this.records = this.records.filter(candidate => candidate.id !== id);\n    this.emit();\n    const context: ToastCloseContext<Data> = { id, reason, toast: record };\n    return context;\n  }\n\n  notifyRemove(context: ToastCloseContext<Data>): void {\n    const { toast } = context;\n    toast.onRemove?.(context);\n  }\n\n  private emit(): void {\n    const snapshot = this.getSnapshot();\n    for (const listener of this.listeners) listener(snapshot);\n  }\n}\n\nexport function createToastManager<Data = unknown>(): ToastManager<Data> {\n  return new ToastManagerImpl<Data>();\n}\n\nconst defaultManagerKey = Symbol.for('@ds-mo/ui/default-toast-manager');\nconst globalScope = globalThis as typeof globalThis & Record<PropertyKey, unknown>;\nconst existingManager = globalScope[defaultManagerKey] as ToastManager | undefined;\n\nexport const toastManager: ToastManager =\n  existingManager ?? createToastManager();\n\nif (!existingManager) globalScope[defaultManagerKey] = toastManager;\n",":host {\n  display: contents;\n}\n\n.toast-region {\n  position: fixed;\n  inset: 0;\n  z-index: var(--dimension-z-index-floating);\n  pointer-events: none;\n  outline: none;\n}\n\n.toast-viewport {\n  position: absolute;\n  right: var(--dimension-space-200);\n  bottom: var(--dimension-space-200);\n  display: grid;\n  width: min(\n    var(--dimension-card-width-sm),\n    calc(100vw - 2 * var(--dimension-space-200))\n  );\n}\n\n@media (max-width: 767px) {\n  :host([avoid-mobile-shell-bar]) .toast-viewport {\n    bottom: calc(\n      var(--dimension-space-200) +\n      var(--dimension-stroke-width-012) +\n      var(--dimension-space-050) +\n      var(--dimension-size-600) +\n      max(var(--dimension-space-050), env(safe-area-inset-bottom))\n    );\n  }\n}\n\n.toast-positioner {\n  grid-area: 1 / 1;\n  align-self: end;\n  justify-self: center;\n  width: 100%;\n  pointer-events: auto;\n  transform: translateY(\n    calc(-1 * var(--toast-index) * var(--dimension-space-100))\n  );\n  transition:\n    transform var(--effect-motion-short-3),\n    width var(--effect-motion-short-3);\n}\n\n.toast-viewport:not([data-expanded]) .toast-positioner {\n  width: calc(\n    100% - 2 * var(--toast-index) * var(--dimension-space-100)\n  );\n}\n\n.toast-viewport[data-expanded] .toast-positioner {\n  transform: translateY(calc(-1 * var(--toast-offset-y)));\n}\n\n.toast-positioner[data-limited] {\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.toast-positioner--anchored {\n  position: fixed;\n  width: min(\n    var(--dimension-card-width-sm),\n    calc(100vw - 2 * var(--dimension-space-200))\n  );\n  transform: none;\n}\n\n.toast-positioner--anchored[data-positioned='false'] {\n  visibility: hidden;\n}\n\n.toast-surface {\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--toast-height, auto);\n  padding: var(--dimension-space-200);\n  overflow: hidden;\n  color: var(--color-foreground-primary);\n  background-color: var(--color-background-primary);\n  border-radius: var(--dimension-radius-050);\n  box-shadow: var(--effect-elevation-elevated-floating);\n  transform: translate(\n    var(--toast-swipe-movement-x),\n    var(--toast-swipe-movement-y)\n  );\n  animation: toast-enter var(--effect-motion-short-2) both;\n}\n\n.toast-positioner--ending .toast-surface {\n  animation: toast-exit var(--effect-motion-short-3) both;\n}\n\n.toast-surface--swiping {\n  transition: none;\n  user-select: none;\n}\n\n.toast-content {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  padding-inline-end: var(--dimension-size-500);\n  transition: opacity var(--effect-motion-short-3);\n}\n\n.toast-copy {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: var(--typography-lineheight-md);\n  margin-block: calc(-1 * var(--dimension-space-025));\n  gap: var(--dimension-space-050);\n}\n\n.toast-title,\n.toast-description {\n  min-width: 0;\n}\n\n.toast-action {\n  align-self: start;\n  margin-top: calc(\n    var(--dimension-space-200) + var(--dimension-space-025)\n  );\n}\n\n.toast-close {\n  position: absolute;\n  top: var(--dimension-space-100);\n  right: var(--dimension-space-100);\n  transition: opacity var(--effect-motion-short-3);\n}\n\n.toast-viewport:not([data-expanded]) .toast-positioner[data-behind] .toast-content,\n.toast-viewport:not([data-expanded]) .toast-positioner[data-behind] .toast-close {\n  opacity: 0;\n}\n\n.toast-assertive-announcer {\n  position: absolute;\n  width: var(--dimension-size-100);\n  height: var(--dimension-size-100);\n  padding: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  clip-path: inset(50%);\n}\n\n@keyframes toast-enter {\n  from {\n    opacity: 0;\n    transform: translateY(var(--dimension-space-100));\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes toast-exit {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast-positioner,\n  .toast-surface,\n  .toast-content,\n  .toast-close,\n  .toast-positioner--ending .toast-surface {\n    transition: none;\n    animation: none;\n  }\n\n  .toast-positioner--ending .toast-surface {\n    opacity: 0;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport {\n  resolveCssLengthPx,\n  resolveCssTimeMs,\n  resolveMotionTimeMs,\n  TOKEN_DEFAULTS,\n} from '../../utils';\nimport {\n  toastManager as defaultToastManager,\n  type ToastActionEventDetail,\n  type ToastCloseContext,\n  type ToastCloseEventDetail,\n  type ToastEventDetail,\n  type ToastManager,\n  type ToastRecord,\n  type ToastSwipeDirection,\n} from '../../toast';\nimport { computeTooltipPosition } from '../Tooltip/tooltip-position';\n\ninterface ToastTimer {\n  timerKey: number;\n  remaining: number;\n  startedAt: number;\n  handle: ReturnType<typeof setTimeout> | null;\n}\n\ninterface SwipeState {\n  id: string;\n  x: number;\n  y: number;\n  direction?: ToastSwipeDirection;\n}\n\ninterface AnchoredPosition {\n  x: number;\n  y: number;\n  side: 'top' | 'right' | 'bottom' | 'left';\n}\n\ninterface ActiveSwipe {\n  id: string;\n  pointerId: number;\n  pointerType: string;\n  startX: number;\n  startY: number;\n  maxDistance: number;\n  cancelled: boolean;\n  axis: 'x' | 'y' | null;\n}\n\nconst SWIPE_THRESHOLD = 40;\nconst SWIPE_REVERSE_CANCEL_THRESHOLD = 10;\nconst GLOBAL_STACK_HOVER = '__global-stack__';\nconst INTERACTIVE_SWIPE_SELECTOR =\n  'button,a,input,textarea,select,[role=\"button\"],[data-ds-toast-swipe-ignore]';\n\nconst attachedManagers = new WeakMap<ToastManager, Toast>();\nconst connectedToastRegions = new Set<Toast>();\nlet activeToastRegion: Toast | null = null;\nlet toastInstanceCounter = 0;\n\n@Component({\n  tag: 'ds-toast',\n  styleUrl: 'Toast.css',\n  scoped: true,\n})\nexport class Toast {\n  @Element() el!: HTMLElement;\n\n  /** Manager that supplies toast records. Assign as a JavaScript property. */\n  @Prop() manager: ToastManager = defaultToastManager;\n  /** Maximum visible global-stack records. Limited records remain mounted and inert. */\n  @Prop() limit: number = 3;\n  /** Default auto-dismiss delay. Use 0 for persistent records. */\n  @Prop() timeout: number | string = TOKEN_DEFAULTS.animationDelayLong2;\n  /** Accessible label for the notification region. */\n  @Prop() label: string = 'Notifications';\n  /** Localized accessible label for every toast close action. */\n  @Prop() closeLabel: string = 'Close notification';\n  /** Keep the global stack 16px above the persistent mobile shell bar below 768px. */\n  @Prop({ attribute: 'avoid-mobile-shell-bar', reflect: true })\n  avoidMobileShellBar: boolean = false;\n  /** Allowed swipe-to-dismiss directions. Assign as a JavaScript property. */\n  @Prop() swipeDirections: ToastSwipeDirection[] = ['down', 'right'];\n\n  @State() private records: readonly ToastRecord[] = [];\n  @State() private expanded = false;\n  @State() private keyboardActive = false;\n  @State() private swipe: SwipeState | null = null;\n  @State() private layoutVersion = 0;\n\n  @Event() dsToastClose!: EventEmitter<ToastCloseEventDetail>;\n  @Event() dsToastRemove!: EventEmitter<ToastEventDetail>;\n  @Event() dsToastAction!: EventEmitter<ToastActionEventDetail>;\n\n  private readonly instanceId = ++toastInstanceCounter;\n  private readonly domIds = new Map<string, number>();\n  private readonly timers = new Map<string, ToastTimer>();\n  private readonly closeWatchdogs = new Map<string, ReturnType<typeof setTimeout>>();\n  private readonly closeFrames = new Map<string, number>();\n  private readonly closeEvents = new Set<string>();\n  private readonly activationFrames = new Map<string, number>();\n  private readonly pauseReasons = new Set<string>();\n  private readonly hoveredIds = new Set<string>();\n  private readonly heights = new Map<string, number>();\n  private readonly measuredUpdateKeys = new Map<string, number>();\n  private readonly anchoredPositions = new Map<string, AnchoredPosition>();\n  private readonly dismissedSwipeDirections = new Map<string, ToastSwipeDirection>();\n  private readonly observedElements = new Set<Element>();\n  private readonly pendingRemovals: Array<{\n    manager: ToastManager;\n    context: ToastCloseContext;\n  }> = [];\n\n  private unsubscribe: (() => void) | null = null;\n  private attachedManager: ToastManager | null = null;\n  private previousFocus: HTMLElement | null = null;\n  private resizeObserver: ResizeObserver | null = null;\n  private mutationObserver: MutationObserver | null = null;\n  private layoutFrame: number | null = null;\n  private activeSwipe: ActiveSwipe | null = null;\n  private nextDomId = 0;\n  private connected = false;\n  private pendingHoverLeave = false;\n\n  connectedCallback() {\n    this.connect();\n  }\n\n  componentDidLoad() {\n    this.connect();\n  }\n\n  private connect() {\n    if (this.connected) return;\n    this.connected = true;\n    this.resizeObserver ??= new ResizeObserver(() => this.scheduleLayout());\n    this.mutationObserver ??= new MutationObserver(() => this.scheduleLayout());\n    this.mutationObserver.observe(document.body, { childList: true, subtree: true });\n    if (!this.unsubscribe) this.attachManager(this.manager);\n    window.addEventListener('blur', this.handleWindowBlur);\n    window.addEventListener('focus', this.handleWindowFocus);\n    window.addEventListener('resize', this.handleWindowResize);\n    window.addEventListener('scroll', this.scheduleLayout, true);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('visibilitychange', this.handleVisibilityChange);\n    connectedToastRegions.add(this);\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module coordinator tracks the active connected viewport\n    if (!activeToastRegion) activeToastRegion = this;\n  }\n\n  componentDidRender() {\n    this.syncObservedElements();\n    this.flushPendingRemovals();\n    this.scheduleLayout();\n  }\n\n  disconnectedCallback() {\n    this.connected = false;\n    this.flushPendingRemovals();\n    this.detachManager();\n    this.resetManagerState();\n    this.resizeObserver?.disconnect();\n    this.resizeObserver = null;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = null;\n    this.observedElements.clear();\n    if (this.layoutFrame !== null) cancelAnimationFrame(this.layoutFrame);\n    this.layoutFrame = null;\n    window.removeEventListener('blur', this.handleWindowBlur);\n    window.removeEventListener('focus', this.handleWindowFocus);\n    window.removeEventListener('resize', this.handleWindowResize);\n    window.removeEventListener('scroll', this.scheduleLayout, true);\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('visibilitychange', this.handleVisibilityChange);\n    connectedToastRegions.delete(this);\n    if (activeToastRegion === this) {\n      const remaining = Array.from(connectedToastRegions);\n      activeToastRegion = remaining[remaining.length - 1] ?? null;\n    }\n  }\n\n  @Watch('manager')\n  onManagerChange(next: ToastManager) {\n    this.detachManager();\n    this.resetManagerState();\n    if (this.connected) this.attachManager(next);\n  }\n\n  @Watch('timeout')\n  onTimeoutChange() {\n    for (const timer of this.timers.values()) {\n      if (timer.handle) clearTimeout(timer.handle);\n    }\n    this.timers.clear();\n    this.syncTimers();\n  }\n\n  private attachManager(manager: ToastManager) {\n    const attached = attachedManagers.get(manager);\n    if (attached && attached !== this) {\n      console.warn('[ds-toast] A manager can control only one connected ds-toast instance.');\n      return;\n    }\n    attachedManagers.set(manager, this);\n    this.attachedManager = manager;\n    this.unsubscribe = manager.subscribe(records => {\n      this.records = records;\n      this.syncLifecycle(records);\n      this.scheduleLayout();\n    });\n  }\n\n  private detachManager() {\n    this.unsubscribe?.();\n    this.unsubscribe = null;\n    if (this.attachedManager && attachedManagers.get(this.attachedManager) === this) {\n      attachedManagers.delete(this.attachedManager);\n    }\n    this.attachedManager = null;\n  }\n\n  private resetManagerState() {\n    this.flushPendingRemovals();\n    if (this.el.contains(document.activeElement)) this.restorePreviousFocus();\n    this.clearAllTimers();\n    for (const frame of this.activationFrames.values()) cancelAnimationFrame(frame);\n    for (const frame of this.closeFrames.values()) cancelAnimationFrame(frame);\n    this.activationFrames.clear();\n    this.closeFrames.clear();\n    this.closeEvents.clear();\n    this.pauseReasons.clear();\n    this.hoveredIds.clear();\n    this.pendingHoverLeave = false;\n    this.heights.clear();\n    this.measuredUpdateKeys.clear();\n    this.anchoredPositions.clear();\n    this.dismissedSwipeDirections.clear();\n    this.domIds.clear();\n    this.activeSwipe = null;\n    this.swipe = null;\n    this.expanded = false;\n    this.keyboardActive = false;\n    this.records = [];\n    this.resizeObserver?.disconnect();\n    this.observedElements.clear();\n  }\n\n  private syncObservedElements() {\n    const next = new Set<Element>(\n      this.el.querySelectorAll<HTMLElement>('.toast-positioner'),\n    );\n    for (const record of this.records) {\n      if (!record.positioner) continue;\n      const anchor = this.resolveAnchor(record.positioner.anchor);\n      if (anchor) next.add(anchor);\n    }\n\n    for (const element of this.observedElements) {\n      if (!next.has(element)) {\n        this.resizeObserver?.unobserve(element);\n        this.observedElements.delete(element);\n      }\n    }\n    for (const element of next) {\n      if (this.observedElements.has(element)) continue;\n      this.resizeObserver?.observe(element);\n      this.observedElements.add(element);\n    }\n  }\n\n  private flushPendingRemovals() {\n    for (const pending of this.pendingRemovals.splice(0)) {\n      pending.manager.notifyRemove(pending.context);\n      this.dsToastRemove.emit({\n        id: pending.context.id,\n        toast: pending.context.toast,\n      });\n    }\n  }\n\n  private syncLifecycle(records: readonly ToastRecord[]) {\n    const recordIds = new Set(records.map(record => record.id));\n    for (const id of this.hoveredIds) {\n      if (id !== GLOBAL_STACK_HOVER && !recordIds.has(id)) this.hoveredIds.delete(id);\n    }\n    const hasEndingRecords = records.some(\n      record => record.transitionStatus === 'ending',\n    );\n    if (this.pendingHoverLeave && !hasEndingRecords && !this.hoveredIds.size) {\n      this.pendingHoverLeave = false;\n      this.expanded = false;\n      this.resumeTimers('hover');\n    } else if (!this.hoveredIds.size && !this.pendingHoverLeave) {\n      this.resumeTimers('hover');\n    }\n\n    for (const [id, timer] of this.timers) {\n      if (recordIds.has(id)) continue;\n      if (timer.handle) clearTimeout(timer.handle);\n      this.timers.delete(id);\n    }\n\n    for (const [id, watchdog] of this.closeWatchdogs) {\n      if (recordIds.has(id)) continue;\n      clearTimeout(watchdog);\n      this.closeWatchdogs.delete(id);\n    }\n\n    for (const [id, frame] of this.activationFrames) {\n      if (recordIds.has(id)) continue;\n      cancelAnimationFrame(frame);\n      this.activationFrames.delete(id);\n    }\n\n    for (const [id, frame] of this.closeFrames) {\n      if (recordIds.has(id)) continue;\n      cancelAnimationFrame(frame);\n      this.closeFrames.delete(id);\n    }\n\n    for (const id of this.domIds.keys()) {\n      if (recordIds.has(id)) continue;\n      this.closeEvents.delete(id);\n      this.domIds.delete(id);\n      this.heights.delete(id);\n      this.measuredUpdateKeys.delete(id);\n      this.anchoredPositions.delete(id);\n      this.dismissedSwipeDirections.delete(id);\n    }\n\n    for (const record of records) {\n      this.ensureDomId(record.id);\n      if (\n        record.transitionStatus === 'starting' &&\n        !this.activationFrames.has(record.id)\n      ) {\n        const manager = this.attachedManager;\n        const frame = requestAnimationFrame(() => {\n          this.activationFrames.delete(record.id);\n          manager?.activate(record.id);\n        });\n        this.activationFrames.set(record.id, frame);\n      }\n\n      if (record.transitionStatus === 'ending') {\n        this.clearToastTimer(record.id);\n        this.beginRemoval(record);\n      } else {\n        const watchdog = this.closeWatchdogs.get(record.id);\n        if (watchdog) clearTimeout(watchdog);\n        this.closeWatchdogs.delete(record.id);\n        const closeFrame = this.closeFrames.get(record.id);\n        if (closeFrame) cancelAnimationFrame(closeFrame);\n        this.closeFrames.delete(record.id);\n        this.closeEvents.delete(record.id);\n      }\n    }\n\n    this.syncTimers();\n  }\n\n  private syncTimers() {\n    const activeIds = new Set<string>();\n    for (const record of this.records) {\n      if (record.transitionStatus !== 'active') continue;\n      activeIds.add(record.id);\n      const duration = this.resolveToastTimeout(record);\n      if (duration <= 0) {\n        this.clearToastTimer(record.id);\n        continue;\n      }\n\n      const existing = this.timers.get(record.id);\n      if (!existing || existing.timerKey !== record.timerKey) {\n        this.clearToastTimer(record.id);\n        this.timers.set(record.id, {\n          timerKey: record.timerKey,\n          remaining: duration,\n          startedAt: 0,\n          handle: null,\n        });\n      }\n      if (!this.isPaused) this.startToastTimer(record.id);\n    }\n\n    for (const id of this.timers.keys()) {\n      if (!activeIds.has(id)) this.clearToastTimer(id);\n    }\n  }\n\n  private resolveToastTimeout(record: ToastRecord): number {\n    const value = record.timeout ?? this.timeout;\n    if (typeof value === 'number') return Math.max(0, value);\n    return resolveCssTimeMs(value, TOKEN_DEFAULTS.animationDelayLong2);\n  }\n\n  private startToastTimer(id: string) {\n    const timer = this.timers.get(id);\n    if (!timer || timer.handle || timer.remaining <= 0) return;\n    timer.startedAt = Date.now();\n    timer.handle = setTimeout(() => {\n      timer.handle = null;\n      timer.remaining = 0;\n      this.manager.close(id, 'timeout');\n    }, timer.remaining);\n  }\n\n  private pauseTimers(reason: string) {\n    const wasPaused = this.isPaused;\n    this.pauseReasons.add(reason);\n    if (wasPaused) return;\n    const now = Date.now();\n    for (const timer of this.timers.values()) {\n      if (!timer.handle) continue;\n      clearTimeout(timer.handle);\n      timer.handle = null;\n      timer.remaining = Math.max(0, timer.remaining - (now - timer.startedAt));\n    }\n  }\n\n  private resumeTimers(reason: string) {\n    this.pauseReasons.delete(reason);\n    if (this.isPaused) return;\n    for (const id of this.timers.keys()) this.startToastTimer(id);\n  }\n\n  private get isPaused(): boolean {\n    return this.pauseReasons.size > 0;\n  }\n\n  private clearToastTimer(id: string) {\n    const timer = this.timers.get(id);\n    if (timer?.handle) clearTimeout(timer.handle);\n    this.timers.delete(id);\n  }\n\n  private clearAllTimers() {\n    for (const timer of this.timers.values()) {\n      if (timer.handle) clearTimeout(timer.handle);\n    }\n    for (const watchdog of this.closeWatchdogs.values()) clearTimeout(watchdog);\n    this.timers.clear();\n    this.closeWatchdogs.clear();\n  }\n\n  private beginRemoval(record: ToastRecord) {\n    if (!this.closeEvents.has(record.id)) {\n      this.closeEvents.add(record.id);\n      this.dsToastClose.emit({\n        id: record.id,\n        reason: record.closeReason ?? 'programmatic',\n        toast: record,\n      });\n      this.moveFocusAfterClose(record.id);\n    }\n    if (\n      this.closeWatchdogs.has(record.id) ||\n      this.closeFrames.has(record.id)\n    ) return;\n\n    const duration = resolveMotionTimeMs(\n      TOKEN_DEFAULTS.motionShort3,\n      TOKEN_DEFAULTS.animationDurationShort3,\n    );\n    if (duration <= 0) {\n      queueMicrotask(() => this.completeRemoval(record));\n      return;\n    }\n    const frame = requestAnimationFrame(() => {\n      this.closeFrames.delete(record.id);\n      const current = this.records.find(candidate => candidate.id === record.id);\n      if (!current || current.transitionStatus !== 'ending') return;\n      this.closeWatchdogs.set(\n        record.id,\n        setTimeout(() => this.completeRemoval(current), duration),\n      );\n    });\n    this.closeFrames.set(record.id, frame);\n  }\n\n  private completeRemoval(record: ToastRecord) {\n    const current = this.records.find(candidate => candidate.id === record.id);\n    if (!current || current.transitionStatus !== 'ending') return;\n    const watchdog = this.closeWatchdogs.get(record.id);\n    if (watchdog) clearTimeout(watchdog);\n    this.closeWatchdogs.delete(record.id);\n    const closeFrame = this.closeFrames.get(record.id);\n    if (closeFrame) cancelAnimationFrame(closeFrame);\n    this.closeFrames.delete(record.id);\n    const manager = this.attachedManager;\n    const context = manager?.remove(record.id);\n    if (manager && context) this.pendingRemovals.push({ manager, context });\n  }\n\n  private handleAnimationComplete(record: ToastRecord) {\n    if (record.transitionStatus === 'ending') this.completeRemoval(record);\n  }\n\n  private bindAnimationCancel(element: HTMLDivElement | undefined, id: string) {\n    if (!element || element.dataset['cancelBound'] === 'true') return;\n    element.dataset['cancelBound'] = 'true';\n    element.addEventListener('animationcancel', () => {\n      const record = this.records.find(candidate => candidate.id === id);\n      if (record) this.handleAnimationComplete(record);\n    });\n  }\n\n  private handleWindowBlur = () => this.pauseTimers('window');\n  private handleWindowFocus = () => this.resumeTimers('window');\n  private handleVisibilityChange = () => {\n    if (document.hidden) this.pauseTimers('document');\n    else this.resumeTimers('document');\n  };\n\n  private handlePointerEnter(id: string) {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- pointer interaction selects the viewport that receives F6\n    activeToastRegion = this;\n    this.pendingHoverLeave = false;\n    this.hoveredIds.add(id);\n    this.expanded = true;\n    this.pauseTimers('hover');\n  }\n\n  private handlePointerLeave(id: string) {\n    this.hoveredIds.delete(id);\n    if (this.hoveredIds.size) return;\n    if (this.records.some(record => record.transitionStatus === 'ending')) {\n      this.pendingHoverLeave = true;\n      return;\n    }\n    this.expanded = false;\n    this.resumeTimers('hover');\n  }\n\n  private handleFocusIn = () => {\n    const active = document.activeElement;\n    if (!(active instanceof HTMLElement) || !active.matches(':focus-visible')) return;\n    // eslint-disable-next-line @typescript-eslint/no-this-alias -- module coordinator routes F6 to the last focused viewport\n    activeToastRegion = this;\n    this.keyboardActive = true;\n    this.expanded = true;\n    this.pauseTimers('focus');\n  };\n\n  private handleFocusOut = (event: FocusEvent) => {\n    const next = event.relatedTarget;\n    if (next instanceof Node && this.el.contains(next)) return;\n    if (!this.keyboardActive) return;\n    this.keyboardActive = false;\n    this.expanded = this.hoveredIds.size > 0;\n    this.resumeTimers('focus');\n  };\n\n  private handleDocumentKeyDown = (event: KeyboardEvent) => {\n    if (event.key !== 'F6') return;\n    const eligible = Array.from(connectedToastRegions).filter(\n      region => region.activeRecords.length > 0,\n    );\n    const target =\n      activeToastRegion && activeToastRegion.activeRecords.length\n        ? activeToastRegion\n        : eligible[eligible.length - 1];\n    if (target !== this) return;\n    event.preventDefault();\n    if (!this.el.contains(document.activeElement)) {\n      this.previousFocus = document.activeElement as HTMLElement | null;\n    }\n    this.keyboardActive = true;\n    this.regionElement?.focus();\n  };\n\n  private handleRegionKeyDown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      const target = event.target as HTMLElement;\n      const positioner = target.closest<HTMLElement>('.toast-positioner');\n      const id = positioner?.dataset['toastId'] ?? this.activeRecords[0]?.id;\n      if (id) {\n        event.preventDefault();\n        this.manager.close(id, 'escape');\n      }\n      return;\n    }\n\n    if (event.key === 'Tab' && event.shiftKey && event.target === this.regionElement) {\n      event.preventDefault();\n      this.restorePreviousFocus();\n    }\n  };\n\n  private get regionElement(): HTMLElement | null {\n    return this.el.querySelector<HTMLElement>('.toast-region');\n  }\n\n  private restorePreviousFocus() {\n    this.previousFocus?.focus?.();\n    this.previousFocus = null;\n    this.keyboardActive = false;\n  }\n\n  private moveFocusAfterClose(id: string) {\n    const active = document.activeElement;\n    const closing = this.positionerElement(id);\n    if (!active || !closing?.contains(active)) return;\n    requestAnimationFrame(() => {\n      const next = this.activeRecords.find(record => record.id !== id);\n      const control = next\n        ? this.positionerElement(next.id)?.querySelector<\n            HTMLElement & { setFocus?: () => Promise<void> }\n          >('ds-button-unfilled')\n        : null;\n      if (control?.setFocus) void control.setFocus();\n      else if (next) this.regionElement?.focus();\n      else this.restorePreviousFocus();\n    });\n  }\n\n  private handleAction(record: ToastRecord, event: CustomEvent<MouseEvent>) {\n    const detail: ToastActionEventDetail = {\n      id: record.id,\n      toast: record,\n      originalEvent: event.detail,\n    };\n    this.dsToastAction.emit(detail);\n    record.action?.onAction?.({\n      id: record.id,\n      data: record.data,\n      manager: this.manager,\n      originalEvent: event.detail,\n    });\n  }\n\n  private handlePointerDown(record: ToastRecord, event: PointerEvent) {\n    if (event.button !== 0) return;\n    const target = event.target as Element;\n    if (target.closest(INTERACTIVE_SWIPE_SELECTOR)) return;\n\n    const surface = event.currentTarget as HTMLElement;\n    surface.setPointerCapture(event.pointerId);\n    this.activeSwipe = {\n      id: record.id,\n      pointerId: event.pointerId,\n      pointerType: event.pointerType,\n      startX: event.clientX,\n      startY: event.clientY,\n      maxDistance: 0,\n      cancelled: false,\n      axis: null,\n    };\n    this.swipe = { id: record.id, x: 0, y: 0 };\n    if (event.pointerType === 'touch') this.pauseTimers('swipe');\n  }\n\n  private handlePointerMove(event: PointerEvent) {\n    const active = this.activeSwipe;\n    if (!active || active.pointerId !== event.pointerId || active.cancelled) return;\n    const dx = event.clientX - active.startX;\n    const dy = event.clientY - active.startY;\n    if (!active.axis && Math.max(Math.abs(dx), Math.abs(dy)) > 1) {\n      active.axis = Math.abs(dx) >= Math.abs(dy) ? 'x' : 'y';\n    }\n    if (!active.axis) return;\n    const horizontal = active.axis === 'x';\n    const direction: ToastSwipeDirection = horizontal\n      ? dx >= 0 ? 'right' : 'left'\n      : dy >= 0 ? 'down' : 'up';\n    const allowed = this.swipeDirections.includes(direction);\n    const rawDistance = horizontal ? Math.abs(dx) : Math.abs(dy);\n    const distance = allowed ? rawDistance : Math.sqrt(rawDistance);\n    const signed = (horizontal ? dx : dy) < 0 ? -distance : distance;\n    const x = horizontal ? signed : 0;\n    const y = horizontal ? 0 : signed;\n\n    if (active.maxDistance - distance >= SWIPE_REVERSE_CANCEL_THRESHOLD) {\n      active.cancelled = true;\n      this.cancelSwipe();\n      return;\n    }\n    active.maxDistance = Math.max(active.maxDistance, distance);\n    if (rawDistance > 1) event.preventDefault();\n    this.swipe = { id: active.id, x, y, direction: allowed ? direction : undefined };\n  }\n\n  private handlePointerUp(event: PointerEvent) {\n    const active = this.activeSwipe;\n    if (!active || active.pointerId !== event.pointerId) return;\n    const swipe = this.swipe;\n    const distance = swipe ? Math.max(Math.abs(swipe.x), Math.abs(swipe.y)) : 0;\n    const shouldDismiss =\n      !active.cancelled &&\n      !!swipe?.direction &&\n      distance >= SWIPE_THRESHOLD;\n    const id = active.id;\n    const wasTouch = active.pointerType === 'touch';\n    this.activeSwipe = null;\n    this.swipe = null;\n    if (wasTouch) this.resumeTimers('swipe');\n    if (shouldDismiss && swipe.direction) {\n      this.dismissedSwipeDirections.set(id, swipe.direction);\n      this.manager.close(id, 'swipe');\n    }\n  }\n\n  private handlePointerCancel(event: PointerEvent) {\n    if (this.activeSwipe?.pointerId !== event.pointerId) return;\n    this.cancelSwipe();\n  }\n\n  private cancelSwipe() {\n    const wasTouch = this.activeSwipe?.pointerType === 'touch';\n    this.activeSwipe = null;\n    this.swipe = null;\n    if (wasTouch) this.resumeTimers('swipe');\n  }\n\n  private get touchAction(): string {\n    const horizontal =\n      this.swipeDirections.includes('left') || this.swipeDirections.includes('right');\n    const vertical =\n      this.swipeDirections.includes('up') || this.swipeDirections.includes('down');\n    if (horizontal && vertical) return 'none';\n    if (horizontal) return 'pan-y';\n    if (vertical) return 'pan-x';\n    return 'auto';\n  }\n\n  private handleWindowResize = () => {\n    this.heights.clear();\n    this.measuredUpdateKeys.clear();\n    this.layoutVersion += 1;\n    this.scheduleLayout();\n  };\n\n  private scheduleLayout = () => {\n    if (this.layoutFrame !== null) return;\n    this.layoutFrame = requestAnimationFrame(() => {\n      this.layoutFrame = null;\n      this.measureLayout();\n    });\n  };\n\n  private measureNaturalHeight(element: HTMLElement, expandedWidth: boolean): number {\n    const surface = element.querySelector<HTMLElement>('.toast-surface');\n    if (!surface) return 0;\n    const previousWidth = element.style.width;\n    const previousTransition = element.style.transition;\n    const previousHeight = surface.style.height;\n\n    if (expandedWidth) {\n      element.style.transition = 'none';\n      element.style.width = '100%';\n    }\n    surface.style.height = 'auto';\n    const height = surface.getBoundingClientRect().height;\n\n    surface.style.height = previousHeight;\n    if (expandedWidth) {\n      element.style.width = previousWidth;\n      element.getBoundingClientRect();\n      element.style.transition = previousTransition;\n    }\n    return height;\n  }\n\n  private measureLayout() {\n    let changed = false;\n    for (const record of this.records) {\n      const element = this.positionerElement(record.id);\n      if (!element) continue;\n      let height = this.heights.get(record.id) ?? 0;\n      const needsHeightMeasurement =\n        height <= 0 || this.measuredUpdateKeys.get(record.id) !== record.updateKey;\n      if (needsHeightMeasurement) {\n        height = this.measureNaturalHeight(element, !record.positioner);\n        if (height > 0) {\n          if (this.heights.get(record.id) !== height) changed = true;\n          this.heights.set(record.id, height);\n          this.measuredUpdateKeys.set(record.id, record.updateKey);\n        }\n      }\n\n      if (!record.positioner) continue;\n      const anchor = this.resolveAnchor(record.positioner.anchor);\n      if (!anchor || height <= 0) {\n        if (this.anchoredPositions.delete(record.id)) changed = true;\n        continue;\n      }\n      const rect = element.getBoundingClientRect();\n      const sideOffset = resolveCssLengthPx(\n        record.positioner.sideOffset,\n        TOKEN_DEFAULTS.space050,\n      );\n      const alignOffset = resolveCssLengthPx(record.positioner.alignOffset, 0);\n      const position = computeTooltipPosition({\n        anchorRect: anchor.getBoundingClientRect(),\n        popupWidth: rect.width,\n        popupHeight: height,\n        side: record.positioner.side ?? 'top',\n        align: record.positioner.align ?? 'center',\n        sideOffsetPx: sideOffset,\n        alignOffsetPx: alignOffset,\n        viewportPadPx: resolveCssLengthPx(undefined, TOKEN_DEFAULTS.space200),\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n      });\n      const current = this.anchoredPositions.get(record.id);\n      if (\n        !current ||\n        current.x !== position.x ||\n        current.y !== position.y ||\n        current.side !== position.resolvedSide\n      ) {\n        this.anchoredPositions.set(record.id, {\n          x: position.x,\n          y: position.y,\n          side: position.resolvedSide,\n        });\n        changed = true;\n      }\n    }\n    if (changed) this.layoutVersion += 1;\n  }\n\n  private resolveAnchor(anchor: HTMLElement | string): HTMLElement | null {\n    return typeof anchor === 'string' ? document.getElementById(anchor) : anchor;\n  }\n\n  private positionerElement(id: string): HTMLElement | null {\n    return (\n      Array.from(this.el.querySelectorAll<HTMLElement>('.toast-positioner'))\n        .find(element => element.dataset['toastId'] === id) ?? null\n    );\n  }\n\n  private ensureDomId(id: string): number {\n    const current = this.domIds.get(id);\n    if (current) return current;\n    const next = ++this.nextDomId;\n    this.domIds.set(id, next);\n    return next;\n  }\n\n  private get activeRecords(): ToastRecord[] {\n    return this.records.filter(record => record.transitionStatus !== 'ending');\n  }\n\n  private globalLayout() {\n    const globalRecords = this.records.filter(record => !record.positioner);\n    let offset = 0;\n    let visibleIndex = 0;\n    const gap = resolveCssLengthPx(undefined, TOKEN_DEFAULTS.space200);\n    const layouts = new Map<string, { index: number; offset: number; limited: boolean }>();\n\n    globalRecords.forEach((record, domIndex) => {\n      if (record.transitionStatus === 'ending') {\n        layouts.set(record.id, { index: domIndex, offset, limited: false });\n        return;\n      }\n\n      const limited = visibleIndex >= Math.max(1, this.limit);\n      layouts.set(record.id, { index: visibleIndex, offset, limited });\n      offset += (this.heights.get(record.id) ?? 0) + gap;\n      visibleIndex += 1;\n    });\n    return layouts;\n  }\n\n  private renderToast(\n    record: ToastRecord,\n    layout: { index: number; offset: number; limited: boolean },\n  ) {\n    const domId = this.ensureDomId(record.id);\n    const titleId = `ds-toast-${this.instanceId}-${domId}-title`;\n    const descriptionId = `ds-toast-${this.instanceId}-${domId}-description`;\n    const swipe = this.swipe?.id === record.id ? this.swipe : null;\n    const swipeDirection = swipe?.direction ?? this.dismissedSwipeDirections.get(record.id);\n    const anchored = !!record.positioner;\n    const anchoredPosition = this.anchoredPositions.get(record.id);\n    const hiddenHighPriority = record.priority === 'high' && !this.keyboardActive;\n    const focusTabIndex = this.keyboardActive && !layout.limited ? 0 : -1;\n    const toastHeight = this.heights.get(record.id);\n\n    return (\n      <div\n        ref={(element?: HTMLDivElement) => this.bindAnimationCancel(element, record.id)}\n        class={{\n          'toast-positioner': true,\n          'toast-positioner--anchored': anchored,\n          'toast-positioner--ending': record.transitionStatus === 'ending',\n        }}\n        data-toast-id={record.id}\n        data-behind={!anchored && layout.index > 0 ? '' : undefined}\n        data-limited={layout.limited ? '' : undefined}\n        data-positioned={anchored ? String(!!anchoredPosition) : undefined}\n        data-side={anchoredPosition?.side}\n        inert={layout.limited ? true : undefined}\n        aria-hidden={layout.limited ? 'true' : undefined}\n        style={{\n          '--toast-index': String(layout.index),\n          '--toast-offset-y': `${layout.offset}px`,\n          '--toast-height': toastHeight ? `${toastHeight}px` : undefined,\n          zIndex: String(this.records.length - layout.index),\n          left: anchoredPosition ? `${anchoredPosition.x}px` : undefined,\n          top: anchoredPosition ? `${anchoredPosition.y}px` : undefined,\n        }}\n        onAnimationEnd={() => this.handleAnimationComplete(record)}\n      >\n        <div\n          class={{\n            'toast-surface': true,\n            'toast-surface--swiping': !!swipe,\n          }}\n          role={record.priority === 'high' ? 'alertdialog' : 'dialog'}\n          aria-modal=\"false\"\n          aria-labelledby={\n            record.title ? titleId : record.description ? descriptionId : undefined\n          }\n          aria-describedby={record.title && record.description ? descriptionId : undefined}\n          aria-hidden={hiddenHighPriority ? 'true' : undefined}\n          data-type={record.type}\n          data-priority={record.priority}\n          data-transition-status={record.transitionStatus}\n          data-swiping={swipe ? '' : undefined}\n          data-swipe-direction={swipeDirection}\n          style={{\n            '--toast-swipe-movement-x': `${swipe?.x ?? 0}px`,\n            '--toast-swipe-movement-y': `${swipe?.y ?? 0}px`,\n            touchAction: this.touchAction,\n          }}\n          onPointerDown={(event: PointerEvent) => this.handlePointerDown(record, event)}\n          onPointerMove={(event: PointerEvent) => this.handlePointerMove(event)}\n          onPointerUp={(event: PointerEvent) => this.handlePointerUp(event)}\n          onPointerCancel={(event: PointerEvent) => this.handlePointerCancel(event)}\n          onPointerEnter={\n            anchored ? () => this.handlePointerEnter(record.id) : undefined\n          }\n          onPointerLeave={\n            anchored ? () => this.handlePointerLeave(record.id) : undefined\n          }\n        >\n          <div class=\"toast-content\">\n            <div class=\"toast-copy\">\n              {record.title && (\n                <ds-text\n                  class=\"toast-title\"\n                  as=\"div\"\n                  variant=\"text-title-small\"\n                  color=\"primary\"\n                  textId={titleId}\n                >\n                  {record.title}\n                </ds-text>\n              )}\n              {record.description && (\n                <ds-text\n                  class=\"toast-description\"\n                  as=\"div\"\n                  variant=\"text-body-medium\"\n                  color=\"secondary\"\n                  textId={descriptionId}\n                >\n                  {record.description}\n                </ds-text>\n              )}\n            </div>\n            {record.action && (\n              <ds-button-unfilled\n                class=\"toast-action\"\n                variant=\"label\"\n                size=\"md\"\n                type=\"button\"\n                label={record.action.label}\n                aria-label={record.action.ariaLabel}\n                hasBorder\n                focusTabIndex={focusTabIndex}\n                aria-hidden={!this.keyboardActive ? 'true' : undefined}\n                onDsClick={(event: CustomEvent<MouseEvent>) =>\n                  this.handleAction(record, event)\n                }\n              />\n            )}\n          </div>\n          <ds-button-unfilled\n            class=\"toast-close\"\n            variant=\"icon\"\n            size=\"md\"\n            type=\"button\"\n            icon=\"Cross\"\n            aria-label={this.closeLabel}\n            hasBorder={false}\n            activeFill={false}\n            focusTabIndex={focusTabIndex}\n            aria-hidden={!this.keyboardActive ? 'true' : undefined}\n            onDsClick={() => this.manager.close(record.id, 'close-button')}\n          />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    void this.layoutVersion;\n    const globalLayouts = this.globalLayout();\n    const globalRecords = this.records.filter(record => !record.positioner);\n    const anchoredRecords = this.records.filter(record => !!record.positioner);\n    const highPriority = this.records.filter(\n      record =>\n        record.priority === 'high' &&\n        record.transitionStatus !== 'ending' &&\n        !globalLayouts.get(record.id)?.limited,\n    );\n\n    return (\n      <Host>\n        <section\n          class=\"toast-region\"\n          role=\"region\"\n          aria-label={this.label}\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          aria-relevant=\"additions text\"\n          tabIndex={-1}\n          onFocusin={this.handleFocusIn}\n          onFocusout={(event: FocusEvent) => this.handleFocusOut(event)}\n          onKeyDown={(event: KeyboardEvent) => this.handleRegionKeyDown(event)}\n        >\n          <div\n            class=\"toast-viewport\"\n            data-expanded={this.expanded ? '' : undefined}\n            onPointerEnter={() => this.handlePointerEnter(GLOBAL_STACK_HOVER)}\n            onPointerLeave={() => this.handlePointerLeave(GLOBAL_STACK_HOVER)}\n          >\n            {globalRecords.map(record =>\n              this.renderToast(\n                record,\n                globalLayouts.get(record.id) ?? { index: 0, offset: 0, limited: false },\n              )\n            )}\n          </div>\n          <div class=\"toast-anchored-layer\">\n            {anchoredRecords.map(record =>\n              this.renderToast(record, { index: 0, offset: 0, limited: false })\n            )}\n          </div>\n          <div class=\"toast-assertive-announcer\">\n            {highPriority.map(record => (\n              <div role=\"alert\" aria-atomic=\"true\">\n                {[record.title, record.description].filter(Boolean).join('. ')}\n              </div>\n            ))}\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/docs/components.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-24T00:59:48",
+  "timestamp": "2026-07-24T04:06:25",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -22923,6 +22923,35 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "avoidMobileShellBar",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "avoid-mobile-shell-bar",
+          "reflectToAttr": true,
+          "docs": "Keep the global stack 16px above the persistent mobile shell bar below 768px.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "false"
+            }
+          ],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "closeLabel",
           "type": "string",

package/dist/mcp-data/registry/conversation-list-item.json

@@ -40,7 +40,8 @@
         "Any positive unreadCount renders one dot on the title row rather than a visible counter; the accessible row name may still announce the exact unread quantity.",
         "Hover and press use the shared interaction hover and pressed overlays. Only the selected conversation uses the persistent active fill.",
         "The title uses body-medium, not title-small, and the body-small preview truncates after one line. Unread titles use emphasis with primary foreground; read titles use regular weight with secondary foreground.",
-        "The actions slot overlays the row at an 8px right inset without changing title or preview measure, and paints above the row interaction wash while that wash remains active."
+        "The actions slot overlays the row at an 8px right inset without changing title or preview measure, and paints above the row interaction wash while that wash remains active.",
+        "Contextual actions use the shared md control-elevation wrapper so their transparent backdrop blur is unchanged while the split inset highlight remains above the borderless slotted action."
       ],
       "responsiveBehavior": [
         "Long titles and previews truncate without displacing trailing status."
@@ -271,12 +272,12 @@
   "files": [
     {
       "path": "src/wc/components/ConversationListItem/ConversationListItem.css",
-      "content": "@import '../../utils/choice-list.css';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n:host(:hover),\n:host(:focus-within),\n:host(.conversation-list-item--actions-open) {\n  position: relative;\n  z-index: var(--dimension-z-index-floating);\n}\n\n.conversation-list-item__row {\n  position: relative;\n  isolation: isolate;\n}\n\n.conversation-list-item {\n  color: var(--color-foreground-primary);\n}\n\n.conversation-list-item--error {\n  --ds-interaction-border-width: var(--dimension-stroke-width-012);\n  --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.conversation-list-item__leading:empty,\n.conversation-list-item__trailing:empty {\n  display: none;\n}\n\n.conversation-list-item__leading,\n.conversation-list-item__trailing,\n.conversation-list-item__preview-row {\n  display: flex;\n  align-items: center;\n}\n\n.conversation-list-item__leading {\n  align-self: center;\n  width: auto;\n  height: auto;\n  margin-inline-start: var(--ds-control-label-inset, var(--dimension-space-025));\n  margin-inline-end: var(--dimension-space-050);\n}\n\n.conversation-list-item__content {\n  min-width: 0;\n}\n\n.conversation-list-item__title-row {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.conversation-list-item__preview-row {\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\nds-text.conversation-list-item__title,\nds-text.conversation-list-item__preview {\n  display: block;\n  min-width: 0;\n}\n\nds-text.conversation-list-item__title {\n  flex: 1;\n}\n\n.conversation-list-item__unread {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--dimension-size-200);\n  margin-inline-end: var(--dimension-space-025);\n}\n\nds-text.conversation-list-item__preview.ds-choice-item__subtext {\n  -webkit-line-clamp: 1;\n}\n\n.conversation-list-item__actions {\n  position: absolute;\n  top: 50%;\n  right: var(--dimension-space-100);\n  z-index: var(--dimension-z-index-floating);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-background-transparent);\n  box-shadow: var(--effect-elevation-elevated-md);\n  -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n  backdrop-filter: blur(var(--effect-blur-sm));\n  opacity: 0;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n\n.conversation-list-item__row:hover .conversation-list-item__actions,\n.conversation-list-item__row:has(:focus-visible) .conversation-list-item__actions,\n:host(.conversation-list-item--actions-open) .conversation-list-item__actions {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Keep the row wash continuous while the pointer moves onto its sibling action. */\n.conversation-list-item__row:hover .conversation-list-item::after {\n  background: var(--ds-interaction-hover);\n}\n\n:host(.conversation-list-item--actions-open) .conversation-list-item::after {\n  background: var(--ds-interaction-hover);\n}\n\n.conversation-list-item__row:active .conversation-list-item::after {\n  background: var(--ds-interaction-pressed);\n}\n\n@media (hover: none) {\n  .conversation-list-item__actions {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  :host(.conversation-list-item--has-actions) .conversation-list-item__title-row {\n    padding-inline-end: var(--dimension-size-400);\n  }\n}\n\n.conversation-list-item__time {\n  position: absolute;\n  width: var(--dimension-size-050);\n  height: var(--dimension-size-050);\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n",
+      "content": "@import '../../utils/choice-list.css';\n@import '../../styles/control-elevation.css';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n:host(:hover),\n:host(:focus-within),\n:host(.conversation-list-item--actions-open) {\n  position: relative;\n  z-index: var(--dimension-z-index-floating);\n}\n\n.conversation-list-item__row {\n  position: relative;\n  isolation: isolate;\n}\n\n.conversation-list-item {\n  color: var(--color-foreground-primary);\n}\n\n.conversation-list-item--error {\n  --ds-interaction-border-width: var(--dimension-stroke-width-012);\n  --ds-interaction-border-color: var(--color-border-bold-negative);\n}\n\n.conversation-list-item__leading:empty,\n.conversation-list-item__trailing:empty {\n  display: none;\n}\n\n.conversation-list-item__leading,\n.conversation-list-item__trailing,\n.conversation-list-item__preview-row {\n  display: flex;\n  align-items: center;\n}\n\n.conversation-list-item__leading {\n  align-self: center;\n  width: auto;\n  height: auto;\n  margin-inline-start: var(--ds-control-label-inset, var(--dimension-space-025));\n  margin-inline-end: var(--dimension-space-050);\n}\n\n.conversation-list-item__content {\n  min-width: 0;\n}\n\n.conversation-list-item__title-row {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.conversation-list-item__preview-row {\n  min-width: 0;\n  gap: var(--dimension-space-050);\n}\n\nds-text.conversation-list-item__title,\nds-text.conversation-list-item__preview {\n  display: block;\n  min-width: 0;\n}\n\nds-text.conversation-list-item__title {\n  flex: 1;\n}\n\n.conversation-list-item__unread {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--dimension-size-200);\n  margin-inline-end: var(--dimension-space-025);\n}\n\nds-text.conversation-list-item__preview.ds-choice-item__subtext {\n  -webkit-line-clamp: 1;\n}\n\n.conversation-list-item__actions {\n  position: absolute;\n  top: 50%;\n  right: var(--dimension-space-100);\n  z-index: var(--dimension-z-index-floating);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-background-transparent);\n  -webkit-backdrop-filter: blur(var(--effect-blur-sm));\n  backdrop-filter: blur(var(--effect-blur-sm));\n  opacity: 0;\n  pointer-events: none;\n  transform: translateY(-50%);\n}\n\n.conversation-list-item__row:hover .conversation-list-item__actions,\n.conversation-list-item__row:has(:focus-visible) .conversation-list-item__actions,\n:host(.conversation-list-item--actions-open) .conversation-list-item__actions {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* Keep the row wash continuous while the pointer moves onto its sibling action. */\n.conversation-list-item__row:hover .conversation-list-item::after {\n  background: var(--ds-interaction-hover);\n}\n\n:host(.conversation-list-item--actions-open) .conversation-list-item::after {\n  background: var(--ds-interaction-hover);\n}\n\n.conversation-list-item__row:active .conversation-list-item::after {\n  background: var(--ds-interaction-pressed);\n}\n\n@media (hover: none) {\n  .conversation-list-item__actions {\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  :host(.conversation-list-item--has-actions) .conversation-list-item__title-row {\n    padding-inline-end: var(--dimension-size-400);\n  }\n}\n\n.conversation-list-item__time {\n  position: absolute;\n  width: var(--dimension-size-050);\n  height: var(--dimension-size-050);\n  overflow: hidden;\n  clip-path: inset(50%);\n  white-space: nowrap;\n}\n",
       "type": "registry:ui"
     },
     {
       "path": "src/wc/components/ConversationListItem/ConversationListItem.tsx",
-      "content": "import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ConversationItemState } from '../conversation-types';\n\n@Component({\n  tag: 'ds-conversation-list-item',\n  styleUrl: 'ConversationListItem.css',\n  scoped: true,\n})\nexport class ConversationListItem {\n  @Element() el!: HTMLElement;\n\n  @Prop() conversationId: string = '';\n  /** Visible conversation title. Named to avoid the native HTMLElement.title contract. */\n  @Prop() conversationTitle: string = '';\n  @Prop() preview: string = '';\n  /** ISO timestamp for semantic activity metadata. */\n  @Prop() updatedAt: string = '';\n  @Prop() selected: boolean = false;\n  @Prop() state: ConversationItemState = 'default';\n  @Prop() statusLabel: string = '';\n  @Prop() unreadCount: number = 0;\n  /** Keep the contextual-actions surface visible while its popup is open or closing. */\n  @Prop({ reflect: true }) actionsOpen: boolean = false;\n\n  @Event() dsSelect!: EventEmitter<{ id: string }>;\n\n  private handleClick = () => this.dsSelect.emit({ id: this.conversationId });\n\n  private handleActionsSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    this.el.classList.toggle(\n      'conversation-list-item--has-actions',\n      slot.assignedElements().length > 0\n    );\n  };\n\n  render() {\n    const busy = this.state === 'busy';\n    const subtext = busy && this.statusLabel ? this.statusLabel : this.preview;\n    const accessibleName = [\n      this.conversationTitle,\n      subtext,\n      this.unreadCount > 0 ? `${this.unreadCount} unread` : '',\n    ]\n      .filter(Boolean)\n      .join('. ');\n\n    return (\n      <Host\n        role=\"listitem\"\n        class={{ 'conversation-list-item--actions-open': this.actionsOpen }}\n      >\n        <div class=\"conversation-list-item__row\">\n          <button\n            type=\"button\"\n            class={{\n              'conversation-list-item': true,\n              'ds-choice-item': true,\n              'ds-control--md': true,\n              'ds-focus-ring-inset': true,\n              'ds-interaction-fill': true,\n              'ds-interaction-fill--selected': this.selected,\n              'conversation-list-item--error': this.state === 'error',\n            }}\n            aria-label={accessibleName}\n            aria-current={this.selected ? 'true' : undefined}\n            aria-busy={busy ? 'true' : undefined}\n            onClick={this.handleClick}\n          >\n            <span class=\"conversation-list-item__leading ds-choice-item__icon ds-interaction-fill__content\">\n              <slot name=\"leading\" />\n            </span>\n            <span class=\"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content\">\n              <span class=\"conversation-list-item__title-row\">\n                <ds-text\n                  class=\"conversation-list-item__title ds-choice-item__label\"\n                  as=\"span\"\n                  variant=\"text-body-medium\"\n                  emphasis={this.unreadCount > 0}\n                  color={this.unreadCount > 0 ? 'primary' : 'secondary'}\n                  lineTruncation={1}\n                >\n                  {this.conversationTitle}\n                </ds-text>\n                {this.unreadCount > 0 ? (\n                  <span class=\"conversation-list-item__unread\">\n                    <ds-badge variant=\"dot\" surface=\"secondary\" />\n                  </span>\n                ) : null}\n              </span>\n              <span class=\"conversation-list-item__preview-row\">\n                {busy ? <ds-loader size=\"sm\" color=\"secondary\" /> : null}\n                <ds-text\n                  class=\"conversation-list-item__preview ds-choice-item__subtext\"\n                  as=\"span\"\n                  variant=\"text-body-small\"\n                  color={this.state === 'error' ? 'negative' : 'secondary'}\n                  lineTruncation={1}\n                >\n                  {subtext}\n                </ds-text>\n              </span>\n              {this.updatedAt ? (\n                <time class=\"conversation-list-item__time\" dateTime={this.updatedAt}>\n                  {this.updatedAt}\n                </time>\n              ) : null}\n            </span>\n            <span class=\"conversation-list-item__trailing ds-interaction-fill__content\">\n              <slot name=\"trailing\" />\n            </span>\n          </button>\n          <div class=\"conversation-list-item__actions\">\n            <slot name=\"actions\" onSlotchange={this.handleActionsSlotChange} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",
+      "content": "import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { ConversationItemState } from '../conversation-types';\n\n@Component({\n  tag: 'ds-conversation-list-item',\n  styleUrl: 'ConversationListItem.css',\n  scoped: true,\n})\nexport class ConversationListItem {\n  @Element() el!: HTMLElement;\n\n  @Prop() conversationId: string = '';\n  /** Visible conversation title. Named to avoid the native HTMLElement.title contract. */\n  @Prop() conversationTitle: string = '';\n  @Prop() preview: string = '';\n  /** ISO timestamp for semantic activity metadata. */\n  @Prop() updatedAt: string = '';\n  @Prop() selected: boolean = false;\n  @Prop() state: ConversationItemState = 'default';\n  @Prop() statusLabel: string = '';\n  @Prop() unreadCount: number = 0;\n  /** Keep the contextual-actions surface visible while its popup is open or closing. */\n  @Prop({ reflect: true }) actionsOpen: boolean = false;\n\n  @Event() dsSelect!: EventEmitter<{ id: string }>;\n\n  private handleClick = () => this.dsSelect.emit({ id: this.conversationId });\n\n  private handleActionsSlotChange = (event: Event) => {\n    const slot = event.target as HTMLSlotElement;\n    this.el.classList.toggle(\n      'conversation-list-item--has-actions',\n      slot.assignedElements().length > 0\n    );\n  };\n\n  render() {\n    const busy = this.state === 'busy';\n    const subtext = busy && this.statusLabel ? this.statusLabel : this.preview;\n    const accessibleName = [\n      this.conversationTitle,\n      subtext,\n      this.unreadCount > 0 ? `${this.unreadCount} unread` : '',\n    ]\n      .filter(Boolean)\n      .join('. ');\n\n    return (\n      <Host\n        role=\"listitem\"\n        class={{ 'conversation-list-item--actions-open': this.actionsOpen }}\n      >\n        <div class=\"conversation-list-item__row\">\n          <button\n            type=\"button\"\n            class={{\n              'conversation-list-item': true,\n              'ds-choice-item': true,\n              'ds-control--md': true,\n              'ds-focus-ring-inset': true,\n              'ds-interaction-fill': true,\n              'ds-interaction-fill--selected': this.selected,\n              'conversation-list-item--error': this.state === 'error',\n            }}\n            aria-label={accessibleName}\n            aria-current={this.selected ? 'true' : undefined}\n            aria-busy={busy ? 'true' : undefined}\n            onClick={this.handleClick}\n          >\n            <span class=\"conversation-list-item__leading ds-choice-item__icon ds-interaction-fill__content\">\n              <slot name=\"leading\" />\n            </span>\n            <span class=\"conversation-list-item__content ds-choice-item__content ds-interaction-fill__content\">\n              <span class=\"conversation-list-item__title-row\">\n                <ds-text\n                  class=\"conversation-list-item__title ds-choice-item__label\"\n                  as=\"span\"\n                  variant=\"text-body-medium\"\n                  emphasis={this.unreadCount > 0}\n                  color={this.unreadCount > 0 ? 'primary' : 'secondary'}\n                  lineTruncation={1}\n                >\n                  {this.conversationTitle}\n                </ds-text>\n                {this.unreadCount > 0 ? (\n                  <span class=\"conversation-list-item__unread\">\n                    <ds-badge variant=\"dot\" surface=\"secondary\" />\n                  </span>\n                ) : null}\n              </span>\n              <span class=\"conversation-list-item__preview-row\">\n                {busy ? <ds-loader size=\"sm\" color=\"secondary\" /> : null}\n                <ds-text\n                  class=\"conversation-list-item__preview ds-choice-item__subtext\"\n                  as=\"span\"\n                  variant=\"text-body-small\"\n                  color={this.state === 'error' ? 'negative' : 'secondary'}\n                  lineTruncation={1}\n                >\n                  {subtext}\n                </ds-text>\n              </span>\n              {this.updatedAt ? (\n                <time class=\"conversation-list-item__time\" dateTime={this.updatedAt}>\n                  {this.updatedAt}\n                </time>\n              ) : null}\n            </span>\n            <span class=\"conversation-list-item__trailing ds-interaction-fill__content\">\n              <slot name=\"trailing\" />\n            </span>\n          </button>\n          <div class=\"conversation-list-item__actions ds-control-elevation ds-control-elevation--md\">\n            <slot name=\"actions\" onSlotchange={this.handleActionsSlotChange} />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",
       "type": "registry:ui"
     }
   ]

package/dist/mcp-data/registry/conversation-list.json

@@ -37,7 +37,8 @@
         "The default floating action stays at the lower end corner.",
         "actionLayout footer stretches a long action between 8px side and bottom insets.",
         "Both action layouts share the always-active scroll-overlay fade controller, reserve measured end clearance, and begin fading 8px before the visible action.",
-        "ConversationList paints its measured fade on a separate surface-aware layer so contextual row actions retain a real backdrop for blur; hovered, focused, and menu-open rows rise above that decorative fade."
+        "ConversationList paints its measured fade on a separate surface-aware layer so contextual row actions retain a real backdrop for blur; hovered, focused, and menu-open rows rise above that decorative fade.",
+        "The persistent action wrapper splits its md outer shadow from a top inset-highlight overlay so opaque filled actions keep the complete TokoMo elevation; slotted controls must disable optional resting borders."
       ],
       "responsiveBehavior": [
         "The list fills its owner, scrolls independently, and keeps its persistent action above scrolling rows."
@@ -116,12 +117,12 @@
   "files": [
     {
       "path": "src/wc/components/ConversationList/ConversationList.css",
-      "content": ":host {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.conversation-list {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n}\n\n.conversation-list__viewport {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  box-sizing: border-box;\n}\n\n.conversation-list__content {\n  position: relative;\n  min-height: 100%;\n  padding: var(--dimension-space-100);\n  padding-bottom: calc(\n    var(--dimension-space-100) + var(--ds-scroll-overlay-block-size, 0px)\n  );\n  box-sizing: border-box;\n}\n\n.conversation-list__fade {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  height: var(--ds-scroll-overlay-fade-block-size, 0);\n  pointer-events: none;\n  background-color: var(\n    --ds-scroll-overlay-surface-color,\n    var(--_shell-chrome-bg, var(--color-background-primary))\n  );\n  --ds-scroll-edge-fade-size: 100%;\n}\n\n.conversation-list__fade::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: var(\n    --ds-scroll-overlay-surface-image,\n    var(--ds-shell-gradient-image, none)\n  );\n  background-position: var(--ds-scroll-overlay-surface-position, 0 0);\n  background-attachment: fixed;\n  background-size: var(\n    --ds-scroll-overlay-surface-size,\n    var(--ds-shell-gradient-size, auto)\n  );\n  background-repeat: no-repeat;\n  opacity: var(\n    --ds-scroll-overlay-surface-image-opacity,\n    var(--ds-shell-gradient-opacity, 1)\n  );\n}\n\n.conversation-list__empty {\n  display: contents;\n}\n\n.conversation-list__actions {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: var(--dimension-z-index-floating);\n  padding: 0 var(--dimension-space-200) var(--dimension-space-200) 0;\n}\n\n.conversation-list__actions--footer {\n  left: 0;\n  padding: 0 var(--dimension-space-100) var(--dimension-space-100);\n}\n\n.conversation-list__actions-surface {\n  display: flex;\n  border-radius: var(--dimension-radius-half);\n  box-shadow: var(--effect-elevation-elevated-md);\n}\n\n.conversation-list__actions--footer .conversation-list__actions-surface {\n  width: 100%;\n}\n\n.conversation-list__actions-surface:empty {\n  display: none;\n}\n",
+      "content": "@import '../../styles/control-elevation.css';\n\n:host {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  user-select: none;\n}\n\n.conversation-list {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  box-sizing: border-box;\n}\n\n.conversation-list__viewport {\n  position: relative;\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  box-sizing: border-box;\n}\n\n.conversation-list__content {\n  position: relative;\n  min-height: 100%;\n  padding: var(--dimension-space-100);\n  padding-bottom: calc(\n    var(--dimension-space-100) + var(--ds-scroll-overlay-block-size, 0px)\n  );\n  box-sizing: border-box;\n}\n\n.conversation-list__fade {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 1;\n  height: var(--ds-scroll-overlay-fade-block-size, 0);\n  pointer-events: none;\n  background-color: var(\n    --ds-scroll-overlay-surface-color,\n    var(--_shell-chrome-bg, var(--color-background-primary))\n  );\n  --ds-scroll-edge-fade-size: 100%;\n}\n\n.conversation-list__fade::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-image: var(\n    --ds-scroll-overlay-surface-image,\n    var(--ds-shell-gradient-image, none)\n  );\n  background-position: var(--ds-scroll-overlay-surface-position, 0 0);\n  background-attachment: fixed;\n  background-size: var(\n    --ds-scroll-overlay-surface-size,\n    var(--ds-shell-gradient-size, auto)\n  );\n  background-repeat: no-repeat;\n  opacity: var(\n    --ds-scroll-overlay-surface-image-opacity,\n    var(--ds-shell-gradient-opacity, 1)\n  );\n}\n\n.conversation-list__empty {\n  display: contents;\n}\n\n.conversation-list__actions {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: var(--dimension-z-index-floating);\n  padding: 0 var(--dimension-space-200) var(--dimension-space-200) 0;\n}\n\n.conversation-list__actions--footer {\n  left: 0;\n  padding: 0 var(--dimension-space-100) var(--dimension-space-100);\n}\n\n.conversation-list__actions-surface {\n  display: flex;\n  border-radius: var(--dimension-radius-half);\n}\n\n.conversation-list__actions--footer .conversation-list__actions-surface {\n  width: 100%;\n}\n\n.conversation-list__actions-surface:empty {\n  display: none;\n}\n",
       "type": "registry:ui"
     },
     {
       "path": "src/wc/components/ConversationList/ConversationList.tsx",
-      "content": "import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { ScrollOverlayController } from '../../utils/scroll-overlay-controller';\n\nexport type ConversationListActionLayout = 'floating' | 'footer';\n\n@Component({\n  tag: 'ds-conversation-list',\n  styleUrl: 'ConversationList.css',\n  styleUrls: ['../../utils/scroll-edge-fade.css'],\n  scoped: true,\n})\nexport class ConversationList {\n  @Element() el!: HTMLElement;\n\n  /** Corner icon action or full-width persistent footer action. */\n  @Prop() actionLayout: ConversationListActionLayout = 'floating';\n\n  private viewport?: HTMLElement;\n  private content?: HTMLElement;\n  private overlay?: HTMLElement;\n  private scrollOverlayController?: ScrollOverlayController;\n  private emptySlotObserver?: MutationObserver;\n\n  componentDidLoad(): void {\n    if (!this.viewport || !this.content || !this.overlay) return;\n    this.scrollOverlayController = new ScrollOverlayController({\n      host: this.el,\n      viewport: this.viewport,\n      content: this.content,\n      overlay: this.overlay,\n      overlayContentSelector: '[slot=\"actions\"]',\n    });\n    this.scrollOverlayController.connect();\n    this.syncEmptyStateLayout();\n    this.emptySlotObserver = new MutationObserver(this.syncEmptyStateLayout);\n    this.emptySlotObserver.observe(this.el, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback(): void {\n    this.scrollOverlayController?.disconnect();\n    this.emptySlotObserver?.disconnect();\n  }\n\n  private syncEmptyStateLayout = (): void => {\n    const emptyState = this.el.querySelector<HTMLElement>('[slot=\"empty\"]');\n    if (emptyState) {\n      emptyState.style.setProperty('position', 'absolute');\n      emptyState.style.setProperty('inset-block-start', '0');\n      emptyState.style.setProperty('inset-inline', '0');\n      emptyState.style.setProperty(\n        'inset-block-end',\n        'var(--ds-scroll-overlay-block-size, 0)',\n      );\n      emptyState.style.setProperty('height', 'auto');\n      emptyState.style.setProperty('box-sizing', 'border-box');\n    }\n    this.scrollOverlayController?.sync();\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"conversation-list\">\n          <div\n            class=\"conversation-list__viewport\"\n            ref={element => {\n              this.viewport = element;\n            }}\n            onScroll={() => this.scrollOverlayController?.sync()}\n          >\n            <div\n              class=\"conversation-list__content\"\n              ref={element => {\n                this.content = element;\n              }}\n            >\n              <slot />\n              <div class=\"conversation-list__empty\">\n                <slot name=\"empty\" />\n              </div>\n            </div>\n          </div>\n          <div\n            class=\"conversation-list__fade scroll-edge-fade scroll-edge-fade--top\"\n            aria-hidden=\"true\"\n          />\n          <div\n            class={{\n              'conversation-list__actions': true,\n              'conversation-list__actions--footer': this.actionLayout === 'footer',\n            }}\n            ref={element => {\n              this.overlay = element;\n            }}\n          >\n            <div class=\"conversation-list__actions-surface\">\n              <slot name=\"actions\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",
+      "content": "import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { ScrollOverlayController } from '../../utils/scroll-overlay-controller';\n\nexport type ConversationListActionLayout = 'floating' | 'footer';\n\n@Component({\n  tag: 'ds-conversation-list',\n  styleUrl: 'ConversationList.css',\n  styleUrls: ['../../utils/scroll-edge-fade.css'],\n  scoped: true,\n})\nexport class ConversationList {\n  @Element() el!: HTMLElement;\n\n  /** Corner icon action or full-width persistent footer action. */\n  @Prop() actionLayout: ConversationListActionLayout = 'floating';\n\n  private viewport?: HTMLElement;\n  private content?: HTMLElement;\n  private overlay?: HTMLElement;\n  private scrollOverlayController?: ScrollOverlayController;\n  private emptySlotObserver?: MutationObserver;\n\n  componentDidLoad(): void {\n    if (!this.viewport || !this.content || !this.overlay) return;\n    this.scrollOverlayController = new ScrollOverlayController({\n      host: this.el,\n      viewport: this.viewport,\n      content: this.content,\n      overlay: this.overlay,\n      overlayContentSelector: '[slot=\"actions\"]',\n    });\n    this.scrollOverlayController.connect();\n    this.syncEmptyStateLayout();\n    this.emptySlotObserver = new MutationObserver(this.syncEmptyStateLayout);\n    this.emptySlotObserver.observe(this.el, { childList: true, subtree: true });\n  }\n\n  disconnectedCallback(): void {\n    this.scrollOverlayController?.disconnect();\n    this.emptySlotObserver?.disconnect();\n  }\n\n  private syncEmptyStateLayout = (): void => {\n    const emptyState = this.el.querySelector<HTMLElement>('[slot=\"empty\"]');\n    if (emptyState) {\n      emptyState.style.setProperty('position', 'absolute');\n      emptyState.style.setProperty('inset-block-start', '0');\n      emptyState.style.setProperty('inset-inline', '0');\n      emptyState.style.setProperty(\n        'inset-block-end',\n        'var(--ds-scroll-overlay-block-size, 0)',\n      );\n      emptyState.style.setProperty('height', 'auto');\n      emptyState.style.setProperty('box-sizing', 'border-box');\n    }\n    this.scrollOverlayController?.sync();\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"conversation-list\">\n          <div\n            class=\"conversation-list__viewport\"\n            ref={element => {\n              this.viewport = element;\n            }}\n            onScroll={() => this.scrollOverlayController?.sync()}\n          >\n            <div\n              class=\"conversation-list__content\"\n              ref={element => {\n                this.content = element;\n              }}\n            >\n              <slot />\n              <div class=\"conversation-list__empty\">\n                <slot name=\"empty\" />\n              </div>\n            </div>\n          </div>\n          <div\n            class=\"conversation-list__fade scroll-edge-fade scroll-edge-fade--top\"\n            aria-hidden=\"true\"\n          />\n          <div\n            class={{\n              'conversation-list__actions': true,\n              'conversation-list__actions--footer': this.actionLayout === 'footer',\n            }}\n            ref={element => {\n              this.overlay = element;\n            }}\n          >\n            <div class=\"conversation-list__actions-surface ds-control-elevation ds-control-elevation--md\">\n              <slot name=\"actions\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",
       "type": "registry:ui"
     }
   ]