@ds-mo/ui 15.6.0 → 15.7.0

package/dist/components/{p-xMBaOeKa.js.map → p-BPDo1eQV.js.map}

@@ -1 +1 @@
-{"version":3,"names":["isMenuSwatchPickerSection","section","variant","isMenuPickerSection","snapshotMenuSections","sections","map","options","option","swatchSection","items","item","trailingToggle","trailingActions","action","menuReorderableRange","index","reorderable","start","end","length","moveReorderableMenuItemBefore","fromIndex","insertBefore","range","clamped","Math","min","max","toIndex","next","splice","moveReorderableMenuItemBy","offset","locateMenuItem","flatIndex","remaining","sectionIndex","itemIndex","createMenuReorderDetail","nextItems","indexOf","value","matched","findIndex","candidate","menuCss","menuId","MENU_ITEM_TAG_SIZE","lg","md","sm","xs","Menu","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","embedded","open","size","selectionMode","side","align","anchorAlignment","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","initialFocusVisible","menuLabel","emptyMessage","shouldRender","closing","pos","x","y","focusedIndex","positionReady","availableHeight","focusRingVisible","reorderFromFlat","reorderInsertBefore","reorderAnnouncement","closeTimer","loaded","tasks","ConnectionTasks","el","isConnected","suppressItemClick","reorderPointer","position","AnchoredPositionController","getAnchor","resolvedAnchor","getPopup","querySelector","getOwnerDocument","ownerDocument","measure","anchorEl","popup","anchorRect","getBoundingClientRect","sectionInsetPx","viewportPadPx","minWidth","style","choicePopupMinWidth","width","removeProperty","list","naturalPopupHeight","offsetHeight","scrollHeight","window","innerHeight","input","popupWidth","offsetWidth","popupFallbackWidthPx","popupHeight","popupFallbackHeightPx","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","viewportWidth","innerWidth","viewportHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","unconstrained","computeAnchoredPosition","apply","onReady","liveUpdate","topLayer","observeResize","observeAnchorMotion","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","lastRenderedSections","closingSections","emptyMessageId","lastRenderedEmptyMessage","onReorderPointerMove","event","drag","pointerId","activeSections","resolveReorderInsertBefore","clientY","onReorderPointerUp","clearReorderPointer","microtask","emitReorder","onReorderPointerCancel","componentDidLoad","onOpenChange","connectedCallback","disconnectedCallback","cancelPositionRetry","cancelLivePositionUpdate","teardownListeners","positionReadyCallback","undefined","isOpen","setupListeners","schedulePositionUpdate","focusInitialItem","captureClosingSections","closeAnimationMs","finishClose","setTimeout","onAnchorChange","onPositionPropsChange","resolveCssLengthPx","TOKEN_DEFAULTS","menuWidthXs","menuFallbackHeight","resolveMotionTimeMs","motionShort2","animationDurationShort3","matches","hidePopover","dsAfterClose","emit","visibleSections","anchor","anchorId","document","getElementById","compositeTabLeavesPopup","tabLeavesPopup","flatItems","flatMap","hasCompositeSections","sectionsHaveCompositeControls","some","Boolean","sectionUsesInsetDivider","insetDividerBefore","cancel","scheduleLivePositionUpdate","scheduleLiveUpdate","callback","schedule","calculatePosition","update","trim","frame","focus","flat","selectedIdx","it","isSelected","isInactive","firstEnabledIdx","btns","querySelectorAll","connect","observe","unobserve","disconnect","clearTimeout","restoreFocus","focusAnchor","dsClose","handleKeyDown","e","key","preventDefault","moveFocusAfterTab","shiftKey","altKey","ctrlKey","target","closest","handleReorderKey","enabled","i","filter","cur","safe","stopPropagation","focusItem","idx","rows","row","handleItemClick","dsSelect","handleSwatchSelect","dsSwatchSelect","located","detail","flatIndexFor","announceReorder","dsReorder","count","label","onReorderPointerDown","button","addEventListener","buttons","sectionStart","rect","top","height","removeEventListener","render","h","Host","display","showEmpty","every","flatIdx","dragLocated","dragRange","popupStyle","left","transform","round","zIndex","visibility","menuWidth","floor","popover","class","role","tabIndex","textId","as","CONTROL_TEXT_VARIANT","color","si","header","subheader","CONTROL_SUPPORTING_TEXT_VARIANT","emphasis","groupLabel","onDsChange","isFocused","isSingleSelectionItem","showSwitch","usesLeading","reorderHandleInactive","icon","locked","dragging","dropBefore","dropAfter","onMouseDown","onFocusin","onPointerDown","name","subtext","actionIndex","id","ariaLabel","hasBorder","pressScale","isInset","insetDepth","focusTabIndex","onDsClick","dsItemToggle","pressed","type","isDestructive","String","switchValue","disabled","onClick","onFocus","tag","intent","contrast","rounded","dot","hasRing","checked","presentation"],"sources":["src/wc/components/Menu/menu-types.ts","src/wc/components/Menu/menu-sections.ts","src/wc/components/Menu/menu-reorder.ts","src/wc/components/Menu/Menu.css?tag=ds-menu&encapsulation=scoped","src/wc/components/Menu/Menu.tsx"],"sourcesContent":["import type { SwatchPickerOption, SwatchPickerSection } from '../SwatchPicker/swatch-picker-types';\nimport type { TagContrast, TagIntent } from '../Tag/Tag';\n\nexport type { MenuAlign, MenuSide } from './menu-position';\nexport {\n  PANEL_NAV_USER_MENU_PLACEMENT,\n  PANEL_TOOLS_HEADER_MENU_PLACEMENT,\n  type MenuPlacement,\n} from './menu-placement';\n\nexport interface MenuItemTagData {\n  label: string;\n  intent?: TagIntent;\n  contrast?: TagContrast;\n  rounded?: boolean;\n}\n\nexport interface MenuItemTrailingToggleData {\n  /** Icon-only toggle glyph. */\n  icon: string;\n  /** Accessible name describing the requested state change. */\n  label: string;\n  /** Controlled toggle state. */\n  pressed: boolean;\n  /** Keep the toggle visible but unavailable. */\n  isInactive?: boolean;\n}\n\nexport interface MenuItemActionData {\n  /** Stable action identity for consumer event handling. */\n  id: string;\n  /** Icon-only action glyph. */\n  icon: string;\n  /** Accessible name describing the action. */\n  label: string;\n  /** Keep the action visible but unavailable. */\n  isInactive?: boolean;\n}\n\nexport interface MenuItemData {\n  label: string;\n  value?: string;\n  subtext?: string;\n  /** Leading decorative icon. Ignored when `reorderable` is true. */\n  icon?: string;\n  /** Show a supplemental brand notification dot. */\n  dot?: boolean;\n  /** Show a non-interactive tag at the trailing edge of the row. */\n  tag?: MenuItemTagData;\n  isSelected?: boolean;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n  /** Render a compact switch indicator; the menu row owns interaction. */\n  showSwitch?: boolean;\n  switchValue?: boolean;\n  /** Prefix a drag handle and allow pointer and keyboard reorder within the contiguous reorderable run. */\n  reorderable?: boolean;\n  /** Keep the drag handle visible as an inactive alignment affordance when reordering is unavailable. */\n  reorderHandleInactive?: boolean;\n  /** Append a separate unfilled icon toggle after a decorative divider. */\n  trailingToggle?: MenuItemTrailingToggleData;\n  /** Append independent unfilled icon actions while the row owns the shared hover surface. */\n  trailingActions?: MenuItemActionData[];\n}\n\nexport interface MenuItemToggleDetail {\n  item: MenuItemData;\n  pressed: boolean;\n  /** Identifies an independent trailing action; omitted for the legacy toggle control. */\n  action?: MenuItemActionData;\n}\n\n/** Next section item order after a pointer or keyboard reorder. */\nexport interface MenuReorderDetail {\n  item: MenuItemData;\n  fromIndex: number;\n  toIndex: number;\n  sectionIndex: number;\n  items: MenuItemData[];\n}\n\nexport interface MenuItemsSection {\n  header?: string;\n  /** Secondary heading beneath a shared parent section heading. */\n  subheader?: string;\n  /** Separate this subsection from the previous one with an inset divider. */\n  insetDividerBefore?: boolean;\n  items: MenuItemData[];\n}\n\nexport interface MenuSwatchPickerSection {\n  header?: string;\n  variant: 'swatch-picker';\n  value: string;\n  options?: SwatchPickerOption[];\n  sections?: SwatchPickerSection[];\n  groupLabel?: string;\n}\n\nexport type MenuSection = MenuItemsSection | MenuSwatchPickerSection;\n\nexport function isMenuSwatchPickerSection(\n  section: MenuSection\n): section is MenuSwatchPickerSection {\n  return 'variant' in section && section.variant === 'swatch-picker';\n}\n\nexport function isMenuPickerSection(section: MenuSection): section is MenuSwatchPickerSection {\n  return isMenuSwatchPickerSection(section);\n}\n\nexport type { SwatchPickerOption, SwatchPickerSection };\n","import type { MenuSection } from './menu-types';\nimport { isMenuSwatchPickerSection } from './menu-types';\n\n/** Preserve the exact menu context painted during exit motion. */\nexport function snapshotMenuSections(sections: readonly MenuSection[]): MenuSection[] {\n  return sections.map(section => {\n    if (isMenuSwatchPickerSection(section)) {\n      return {\n        ...section,\n        ...(section.options ? { options: section.options.map(option => ({ ...option })) } : {}),\n        ...(section.sections\n          ? {\n              sections: section.sections.map(swatchSection => ({\n                ...swatchSection,\n                options: swatchSection.options.map(option => ({ ...option })),\n              })),\n            }\n          : {}),\n      };\n    }\n    return {\n      ...section,\n      items: section.items.map(item => ({\n        ...item,\n        ...(item.trailingToggle ? { trailingToggle: { ...item.trailingToggle } } : {}),\n        ...(item.trailingActions\n          ? { trailingActions: item.trailingActions.map(action => ({ ...action })) }\n          : {}),\n      })),\n    };\n  });\n}\n","import {\n  isMenuPickerSection,\n  type MenuItemData,\n  type MenuReorderDetail,\n  type MenuSection,\n} from './menu-types';\n\nexport interface MenuReorderRange {\n  start: number;\n  end: number;\n}\n\n/** Contiguous reorderable run containing `index`, or null when that row cannot move. */\nexport function menuReorderableRange(\n  items: readonly MenuItemData[],\n  index: number\n): MenuReorderRange | null {\n  if (!items[index]?.reorderable) return null;\n\n  let start = index;\n  while (start > 0 && items[start - 1]?.reorderable) start -= 1;\n\n  let end = index;\n  while (end < items.length - 1 && items[end + 1]?.reorderable) end += 1;\n\n  return { start, end };\n}\n\n/**\n * Move a reorderable row so it would be inserted before `insertBefore`.\n * `insertBefore` is clamped to the contiguous reorderable run.\n */\nexport function moveReorderableMenuItemBefore(\n  items: readonly MenuItemData[],\n  fromIndex: number,\n  insertBefore: number\n): MenuItemData[] | null {\n  const range = menuReorderableRange(items, fromIndex);\n  if (!range) return null;\n\n  const clamped = Math.min(Math.max(insertBefore, range.start), range.end + 1);\n  let toIndex = clamped;\n  if (fromIndex < toIndex) toIndex -= 1;\n  if (toIndex === fromIndex || toIndex < range.start || toIndex > range.end) return null;\n\n  const next = [...items];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\n/** Keyboard step: move one slot within the reorderable run. */\nexport function moveReorderableMenuItemBy(\n  items: readonly MenuItemData[],\n  fromIndex: number,\n  offset: number\n): MenuItemData[] | null {\n  if (offset === 0) return null;\n  return moveReorderableMenuItemBefore(\n    items,\n    fromIndex,\n    fromIndex + (offset < 0 ? offset : offset + 1)\n  );\n}\n\nexport function locateMenuItem(\n  sections: readonly MenuSection[],\n  flatIndex: number\n): { sectionIndex: number; itemIndex: number; items: MenuItemData[] } | null {\n  let remaining = flatIndex;\n  for (let sectionIndex = 0; sectionIndex < sections.length; sectionIndex += 1) {\n    const section = sections[sectionIndex];\n    if (isMenuPickerSection(section)) continue;\n    if (remaining < section.items.length) {\n      return { sectionIndex, itemIndex: remaining, items: section.items };\n    }\n    remaining -= section.items.length;\n  }\n  return null;\n}\n\nexport function createMenuReorderDetail(\n  items: MenuItemData[],\n  fromIndex: number,\n  nextItems: MenuItemData[],\n  sectionIndex: number\n): MenuReorderDetail | null {\n  const item = items[fromIndex];\n  if (!item) return null;\n  const toIndex = nextItems.indexOf(item);\n  if (toIndex < 0) {\n    const value = item.value;\n    const matched = value ? nextItems.findIndex(candidate => candidate.value === value) : -1;\n    if (matched < 0) return null;\n    return { item, fromIndex, toIndex: matched, sectionIndex, items: nextItems };\n  }\n  return { item, fromIndex, toIndex, sectionIndex, items: nextItems };\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/visually-hidden.css';\n@import '../../utils/forced-colors.css';\n\n/* Inactive: `.ds-control-inactive` (50% opacity). */\n\n.menu-empty {\n  padding: var(--dimension-space-200);\n  box-sizing: border-box;\n  overflow-wrap: anywhere;\n}\n\n.menu-item--destructive .menu-item__label {\n  /* Beat ds-text color-* host classes for destructive rows. */\n  color: var(--color-foreground-bold-negative) !important;\n}\n\n/* Standard md icon zone keeps the dot aligned with other control suffixes. */\n.menu-item__dot-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--ds-control-icon, var(--dimension-iconography-md));\n  height: var(--ds-control-icon, var(--dimension-iconography-md));\n  pointer-events: none;\n}\n\n/* Switch suffix keeps an 8px label-to-control gap without changing the\n   density gap between a prefix icon or drag handle and the label. */\n.menu-item__switch {\n  flex-shrink: 0;\n  margin-inline-start: calc(\n    var(--dimension-space-100) - var(--ds-control-gap, var(--dimension-space-050))\n  );\n}\n\n.menu-item-row {\n  display: contents;\n}\n\n.menu-item-row--trailing-toggle {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.menu-item-row--actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  padding-inline-end: var(--dimension-space-025);\n}\n\n.menu-item-row--trailing-toggle > .menu-item {\n  flex: 1;\n  min-width: 0;\n  width: auto;\n}\n\n.menu-item-row__trailing-toggle {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.menu-item-row__divider {\n  flex-shrink: 0;\n  width: var(--dimension-stroke-width-012);\n  height: var(--dimension-size-250);\n  margin-inline: var(--dimension-space-025);\n  background: var(--color-border-tertiary);\n}\n\n.menu-item-row__trailing-toggle > ds-button-unfilled {\n  flex-shrink: 0;\n}\n\n.menu-item-row__actions,\n.menu-item-row__action {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.menu-item-row__action > ds-button-unfilled {\n  flex-shrink: 0;\n}\n\n.menu-subsection-divider {\n  display: block;\n  flex-shrink: 0;\n  height: var(--dimension-stroke-width-012);\n  margin-inline: calc(\n    var(--ds-control-padding-inline, var(--dimension-space-075)) +\n      var(--ds-control-label-inset, var(--dimension-space-025))\n  );\n  background: var(--color-border-tertiary);\n}\n\n/* ── Prefix icon / reorder handle ────────────────────────────────────────── */\n\n.menu-item > .menu-item__handle {\n  pointer-events: auto;\n  cursor: grab;\n  touch-action: none;\n}\n\n.menu-item > .menu-item__handle--action-row {\n  --ds-menu-action-handle-size: calc(\n    var(--ds-control-height, var(--dimension-size-400)) - var(--dimension-space-050)\n  );\n\n  width: var(--ds-menu-action-handle-size);\n  height: var(--ds-menu-action-handle-size);\n  margin-inline: calc(\n    (var(--ds-control-icon, var(--dimension-iconography-md)) - var(--ds-menu-action-handle-size)) /\n      2\n  );\n  border-radius: var(--ds-control-radius, var(--dimension-radius-025));\n}\n\n.menu-item > .menu-item__handle--inactive {\n  color: var(--color-foreground-quaternary);\n  pointer-events: none;\n  cursor: default;\n  touch-action: auto;\n}\n\n.menu-item > .menu-item__handle:active,\n.menu-item--dragging > .menu-item__handle {\n  cursor: grabbing;\n}\n\n.menu-item--dragging {\n  opacity: var(--effect-opacity-medium);\n}\n\n.menu-item__drop-rail {\n  position: absolute;\n  z-index: var(--dimension-z-index-raised);\n  inset-inline: var(--dimension-space-050);\n  block-size: var(--dimension-stroke-width-025);\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-border-bold-brand);\n  pointer-events: none;\n}\n\n.menu-item__drop-rail--before {\n  inset-block-start: calc(-1 * var(--dimension-space-025));\n  transform: translateY(-50%);\n}\n\n.menu-item__drop-rail--after {\n  inset-block-end: calc(-1 * var(--dimension-space-025));\n  transform: translateY(50%);\n}\n\n@media (forced-colors: active) {\n  .menu-item-row__divider {\n    background: var(--ds-forced-color-content);\n  }\n\n  .menu-subsection-divider {\n    background: var(--ds-forced-color-content);\n  }\n\n  .menu-item__drop-rail {\n    background: var(--ds-forced-color-selected);\n  }\n}\n\n.data-preferences-embedded {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  color: var(--color-foreground-secondary);\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  Listen,\n  h,\n  Host,\n} from '@stencil/core';\nimport {\n  choicePopupMinWidth,\n  CONTROL_SUPPORTING_TEXT_VARIANT,\n  CONTROL_TEXT_VARIANT,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n  type ChoicePopupAnchorAlignment,\n  type ControlSize,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport { computeAnchoredPosition, type AnchoredPositionInput } from '../../utils/anchored-position';\nimport type { MenuAlign, MenuSide } from './menu-position';\nimport {\n  isMenuPickerSection,\n  isMenuSwatchPickerSection,\n  type MenuItemData,\n  type MenuItemToggleDetail,\n  type MenuReorderDetail,\n  type MenuSection,\n} from './menu-types';\nimport { snapshotMenuSections } from './menu-sections';\nimport {\n  createMenuReorderDetail,\n  locateMenuItem,\n  menuReorderableRange,\n  moveReorderableMenuItemBefore,\n  moveReorderableMenuItemBy,\n} from './menu-reorder';\n\nexport type MenuSelectionMode = 'none' | 'single';\nexport type MenuSize = ControlSize;\nlet menuId = 0;\nconst MENU_ITEM_TAG_SIZE: Record<MenuSize, 'md' | 'sm' | 'xs'> = {\n  lg: 'md',\n  md: 'sm',\n  sm: 'xs',\n  xs: 'xs',\n};\n\n@Component({\n  tag: 'ds-menu',\n  styleUrl: 'Menu.css',\n  scoped: true,\n})\nexport class Menu {\n  @Element() el!: HTMLElement;\n\n  /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */\n  @Prop() embedded: boolean = false;\n  @Prop({ mutable: true }) open: boolean = false;\n  @Prop() items: MenuItemData[] = [];\n  /** Choice-row density. */\n  @Prop() size: MenuSize = 'md';\n  /** Give ordinary rows mutually-exclusive menu semantics using isSelected. */\n  @Prop() selectionMode: MenuSelectionMode = 'none';\n  @Prop() sections: MenuSection[] = [];\n  /** Preferred side; placement flips to the opposite side when that offers a better fit. */\n  @Prop() side: MenuSide = 'bottom';\n  @Prop() align: MenuAlign = 'start';\n  /** Align choice-row edges to the anchor by default; use `popup-frame` only for custom frame geometry. */\n  @Prop() anchorAlignment: ChoicePopupAnchorAlignment = 'choice-cell';\n  /** Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.). */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number (px) or TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  @Prop() menuWidth: string | undefined;\n  @Prop() minWidth: string | undefined;\n  /** External trigger element to position against. Set via JS: menuEl.anchor = buttonEl */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element for positioning */\n  @Prop() anchorId: string | undefined;\n  /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */\n  @Prop() boundary: HTMLElement | undefined;\n  /** Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven. */\n  @Prop() initialFocusVisible: boolean = false;\n  /** Accessible name for the popup menu. */\n  @Prop() menuLabel: string = 'Menu';\n  /** Informational message shown when there are no choices. Uses a non-modal dialog, not a fake menu item. */\n  @Prop() emptyMessage: string = '';\n\n  @State() private shouldRender: boolean = false;\n  @State() private closing: boolean = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private focusedIndex: number = 0;\n  @State() private positionReady: boolean = false;\n  @State() private availableHeight: number | null = null;\n  @State() private focusRingVisible: boolean = false;\n  @State() private reorderFromFlat: number | null = null;\n  @State() private reorderInsertBefore: number | null = null;\n  @State() private reorderAnnouncement = '';\n\n  @Event() dsClose!: EventEmitter<void>;\n  /** Emitted after the popup's exit motion is complete and its rendered content is removed. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n  @Event() dsSelect!: EventEmitter<MenuItemData>;\n  /** Emitted when a row's separate trailing toggle requests a controlled state change. */\n  @Event() dsItemToggle!: EventEmitter<MenuItemToggleDetail>;\n  /** Emitted when a generic `swatch-picker` section option is chosen. */\n  @Event() dsSwatchSelect!: EventEmitter<string>;\n  /** Emitted after a pointer drop or keyboard move; Menu never mutates item order. */\n  @Event() dsReorder!: EventEmitter<MenuReorderDetail>;\n\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private loaded = false;\n  private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n  private positionReadyCallback: (() => void) | undefined;\n  private suppressItemClick = false;\n  private reorderPointer: {\n    pointerId: number;\n    sectionIndex: number;\n    fromIndex: number;\n  } | null = null;\n  /**\n   * Anchored placement. The choice-cell measurement stays here on purpose: the\n   * inner-cell align offset and the `--dimension-menu-width-xs` floor are Menu\n   * semantics, not shared geometry.\n   */\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.resolvedAnchor ?? null,\n    getPopup: () => this.el.querySelector<HTMLElement>('.menu-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchorEl, popup) => {\n      if (!this.open) return null;\n\n      const anchorRect = anchorEl.getBoundingClientRect();\n      const sectionInsetPx = this.viewportPadPx;\n      if (!this.minWidth) {\n        if (\n          this.anchorAlignment === 'choice-cell' &&\n          (this.side === 'top' || this.side === 'bottom')\n        ) {\n          popup.style.minWidth = `max(var(--dimension-menu-width-xs), ${choicePopupMinWidth(\n            anchorRect.width,\n            sectionInsetPx\n          )}px)`;\n        } else {\n          popup.style.removeProperty('min-width');\n        }\n      }\n\n      const viewportPadPx = this.viewportPadPx;\n      const list = popup.querySelector<HTMLElement>('.ds-choice-list');\n      const naturalPopupHeight = Math.min(\n        Math.max(popup.offsetHeight, list?.scrollHeight ?? 0),\n        window.innerHeight - viewportPadPx * 2\n      );\n      const input: AnchoredPositionInput = {\n        anchorRect,\n        popupWidth: popup.offsetWidth || this.popupFallbackWidthPx,\n        popupHeight: naturalPopupHeight || this.popupFallbackHeightPx,\n        side: this.side,\n        align: this.align,\n        sideOffsetPx: this.sideOffsetPx,\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: this.align,\n          alignOffsetPx: this.alignOffsetPx,\n          sectionInsetPx,\n          anchorAlignment: this.anchorAlignment,\n        }),\n        viewportPadPx,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchorEl, this.boundary),\n      };\n      const unconstrained = computeAnchoredPosition(input);\n      return {\n        ...input,\n        popupHeight: Math.min(input.popupHeight, unconstrained.availableHeight),\n      };\n    },\n    apply: ({ x, y, availableHeight }) => {\n      this.pos = { x, y };\n      this.availableHeight = availableHeight;\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    topLayer: true,\n    observeResize: true,\n    observeAnchorMotion: true,\n  });\n  private readonly interaction = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.el.querySelector<HTMLElement>('.menu-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.close(),\n  });\n  /** Last content actually painted while open; retained unchanged through exit motion. */\n  private lastRenderedSections: MenuSection[] = [];\n  private closingSections: MenuSection[] | null = null;\n  private readonly emptyMessageId = `ds-menu-empty-${++menuId}`;\n  private lastRenderedEmptyMessage = '';\n\n  componentDidLoad() {\n    this.loaded = true;\n    if (this.open) this.onOpenChange(true);\n  }\n\n  connectedCallback() {\n    if (this.loaded && this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.cancelPositionRetry();\n    this.cancelLivePositionUpdate();\n    this.clearReorderPointer();\n    this.teardownListeners();\n    this.positionReadyCallback = undefined;\n    this.shouldRender = false;\n    this.closing = false;\n    this.positionReady = false;\n    this.closingSections = null;\n    this.lastRenderedSections = [];\n    this.suppressItemClick = false;\n    this.reorderAnnouncement = '';\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (this.embedded || !this.loaded || !this.el.isConnected) return;\n    if (isOpen) {\n      this.teardownListeners();\n      this.closingSections = null;\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.availableHeight = null;\n      this.focusRingVisible = this.initialFocusVisible;\n      this.setupListeners();\n      this.schedulePositionUpdate(() => {\n        this.focusInitialItem();\n      });\n    } else if (this.shouldRender && !this.closing) {\n      this.positionReadyCallback = undefined;\n      this.cancelPositionRetry();\n      this.captureClosingSections();\n      this.closing = true;\n      this.teardownListeners();\n      const closeAnimationMs = this.closeAnimationMs;\n      if (closeAnimationMs <= 0) {\n        this.finishClose();\n        return;\n      }\n      this.closeTimer = setTimeout(() => {\n        this.closeTimer = null;\n        this.finishClose();\n      }, closeAnimationMs);\n    }\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  @Watch('boundary')\n  onAnchorChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  @Watch('side')\n  @Watch('align')\n  @Watch('anchorAlignment')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  onPositionPropsChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get sideOffsetPx(): number {\n    return resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050);\n  }\n\n  private get alignOffsetPx(): number {\n    return resolveCssLengthPx(this.alignOffset, 0);\n  }\n\n  private get popupFallbackWidthPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthXs, TOKEN_DEFAULTS.menuWidthXs);\n  }\n\n  private get popupFallbackHeightPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private get closeAnimationMs(): number {\n    return resolveMotionTimeMs(TOKEN_DEFAULTS.motionShort2, TOKEN_DEFAULTS.animationDurationShort3);\n  }\n\n  private finishClose() {\n    if (this.open || !this.closing || !this.el.isConnected) return;\n    const popup = this.el.querySelector<HTMLElement>('.menu-popup');\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.lastRenderedSections = [];\n    this.closingSections = null;\n    this.clearReorderPointer();\n    this.reorderAnnouncement = '';\n    this.dsAfterClose.emit();\n  }\n\n  private captureClosingSections() {\n    if (this.closingSections) return;\n    const visibleSections = this.lastRenderedSections.length\n      ? this.lastRenderedSections\n      : this.activeSections;\n    this.closingSections = snapshotMenuSections(visibleSections);\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return document.getElementById(this.anchorId);\n    return null;\n  }\n\n  private compositeTabLeavesPopup(event: KeyboardEvent): boolean {\n    return this.interaction.tabLeavesPopup(event);\n  }\n\n  private get activeSections(): MenuSection[] {\n    if (this.sections.length > 0) return this.sections;\n    if (this.items.length > 0) return [{ items: this.items }];\n    return [];\n  }\n\n  private get flatItems(): MenuItemData[] {\n    return this.activeSections.flatMap(section =>\n      isMenuPickerSection(section) ? [] : section.items\n    );\n  }\n\n  /** Rich preference content is a non-modal dialog, not an ARIA action menu. */\n  private get hasCompositeSections(): boolean {\n    return this.sectionsHaveCompositeControls(this.activeSections);\n  }\n\n  private sectionsHaveCompositeControls(sections: MenuSection[]): boolean {\n    return sections.some(\n      section =>\n        isMenuPickerSection(section) ||\n        section.items.some(item => Boolean(item.trailingToggle || item.trailingActions?.length))\n    );\n  }\n\n  private sectionUsesInsetDivider(section: MenuSection | undefined): boolean {\n    return Boolean(section && !isMenuPickerSection(section) && section.insetDividerBefore);\n  }\n\n  private cancelPositionRetry() {\n    this.position.cancel();\n  }\n\n  private cancelLivePositionUpdate() {\n    this.position.cancel();\n  }\n\n  /** Reposition after the current scroll/layout frame without hiding the open popup. */\n  private scheduleLivePositionUpdate() {\n    this.position.scheduleLiveUpdate();\n  }\n\n  /** Retry until anchor + popup exist — do not reveal at 0,0 on a failed first pass. */\n  private schedulePositionUpdate(onReady?: () => void) {\n    if (!this.open || !this.el.isConnected) return;\n    this.positionReady = false;\n    // Opening often sets `open` and `anchorId` together. Each Watch reschedules\n    // placement; keep the open-path ready callback so initial focus is not dropped.\n    if (onReady) this.positionReadyCallback = onReady;\n    const callback = this.positionReadyCallback;\n    this.position.schedule(() => {\n      if (this.positionReadyCallback === callback) {\n        this.positionReadyCallback = undefined;\n      }\n      callback?.();\n    });\n  }\n\n  /** @returns `true` when anchor and popup were found and `pos` was updated. */\n  private calculatePosition(): boolean {\n    return this.position.update();\n  }\n\n  /** Focus the selected item when present, otherwise the first enabled item. */\n  private focusInitialItem() {\n    if (!this.hasCompositeSections && !this.flatItems.length && this.emptyMessage.trim()) {\n      this.tasks.frame(() => {\n        if (this.open) this.el.querySelector<HTMLElement>('.menu-popup')?.focus();\n      });\n      return;\n    }\n    if (this.hasCompositeSections) {\n      this.tasks.frame(() => {\n        this.el.querySelector<HTMLElement>('.menu-popup [tabindex=\"0\"]')?.focus();\n      });\n      return;\n    }\n\n    const flat = this.flatItems;\n    const selectedIdx = flat.findIndex(it => it.isSelected && !it.isInactive);\n    const firstEnabledIdx = flat.findIndex(it => !it.isInactive || !!it.reorderable);\n    this.focusedIndex = selectedIdx >= 0 ? selectedIdx : firstEnabledIdx >= 0 ? firstEnabledIdx : 0;\n\n    this.tasks.frame(() => {\n      const btns = this.el.querySelectorAll<HTMLElement>('.menu-item');\n      btns[this.focusedIndex]?.focus();\n    });\n  }\n\n  private setupListeners() {\n    this.interaction.connect();\n    this.position.observe();\n  }\n\n  private teardownListeners() {\n    this.tasks.cancel();\n    this.position.unobserve();\n    this.interaction.disconnect();\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private close(restoreFocus = true) {\n    this.captureClosingSections();\n    if (restoreFocus) this.interaction.focusAnchor();\n    this.dsClose.emit();\n    this.open = false;\n    this.onOpenChange(false);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.embedded && (e.key === 'Escape' || e.key === 'Tab')) return;\n    if ((!this.shouldRender && !this.embedded) || this.closing) return;\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this.close();\n      return;\n    }\n\n    if (e.key === 'Tab') {\n      if (this.hasCompositeSections && !this.compositeTabLeavesPopup(e)) return;\n      e.preventDefault();\n      this.close(false);\n      this.interaction.moveFocusAfterTab(e.shiftKey);\n      return;\n    }\n\n    if (\n      (e.key === 'ArrowUp' || e.key === 'ArrowDown') &&\n      e.altKey &&\n      !e.ctrlKey &&\n      !e.shiftKey &&\n      (e.target as HTMLElement).closest('.menu-item')\n    ) {\n      this.handleReorderKey(e);\n      return;\n    }\n\n    if (this.hasCompositeSections) return;\n\n    const flat = this.flatItems;\n    const enabled = flat\n      .map((it, i) => ({ it, i }))\n      .filter(({ it }) => !it.isInactive || !!it.reorderable)\n      .map(({ i }) => i);\n    if (!enabled.length) return;\n\n    const cur = enabled.indexOf(this.focusedIndex);\n    const safe = cur < 0 ? 0 : cur;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe + 1) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe - 1 + enabled.length) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[0];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[enabled.length - 1];\n        this.focusItem(this.focusedIndex);\n        break;\n    }\n  }\n\n  private focusItem(idx: number) {\n    const rows = this.el.querySelectorAll<HTMLElement>('.menu-item');\n    const row = rows[idx];\n    if (!row) return;\n    if (row.matches('button')) row.focus();\n    else row.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  }\n\n  private handleItemClick(item: MenuItemData) {\n    if (this.suppressItemClick) {\n      this.suppressItemClick = false;\n      return;\n    }\n    if (item.isInactive) return;\n    // Consumers commonly change the item source while handling selection.\n    // Capture first so the exit animation never paints the next menu context.\n    this.captureClosingSections();\n    this.dsSelect.emit(item);\n  }\n\n  private handleSwatchSelect(value: string) {\n    this.dsSwatchSelect.emit(value);\n  }\n\n  private handleReorderKey(event: KeyboardEvent): void {\n    const located = locateMenuItem(this.activeSections, this.focusedIndex);\n    if (!located || !located.items[located.itemIndex]?.reorderable) return;\n\n    const nextItems = moveReorderableMenuItemBy(\n      located.items,\n      located.itemIndex,\n      event.key === 'ArrowUp' ? -1 : 1\n    );\n    if (!nextItems) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.emitReorder(located.items, located.itemIndex, nextItems, located.sectionIndex);\n  }\n\n  private emitReorder(\n    items: MenuItemData[],\n    fromIndex: number,\n    nextItems: MenuItemData[],\n    sectionIndex: number\n  ): void {\n    const detail = createMenuReorderDetail(items, fromIndex, nextItems, sectionIndex);\n    if (!detail) return;\n    this.focusedIndex = this.flatIndexFor(sectionIndex, detail.toIndex);\n    this.announceReorder(detail);\n    this.dsReorder.emit(detail);\n  }\n\n  private flatIndexFor(sectionIndex: number, itemIndex: number): number {\n    let flat = 0;\n    for (let index = 0; index < this.activeSections.length; index += 1) {\n      const section = this.activeSections[index];\n      if (isMenuPickerSection(section)) continue;\n      if (index === sectionIndex) return flat + itemIndex;\n      flat += section.items.length;\n    }\n    return itemIndex;\n  }\n\n  private announceReorder(detail: MenuReorderDetail): void {\n    const range = menuReorderableRange(detail.items, detail.toIndex);\n    const count = range ? range.end - range.start + 1 : detail.items.length;\n    const position = range ? detail.toIndex - range.start + 1 : detail.toIndex + 1;\n    this.reorderAnnouncement = `${detail.item.label} moved to position ${position} of ${count}`;\n  }\n\n  private onReorderPointerDown(\n    event: PointerEvent,\n    sectionIndex: number,\n    itemIndex: number,\n    flatIndex: number\n  ): void {\n    if (event.button !== 0) return;\n    const section = this.activeSections[sectionIndex];\n    if (!section || isMenuPickerSection(section)) return;\n    if (!section.items[itemIndex]?.reorderable) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.suppressItemClick = true;\n    this.focusRingVisible = false;\n    this.focusedIndex = flatIndex;\n    this.focusItem(flatIndex);\n    this.reorderPointer = {\n      pointerId: event.pointerId,\n      sectionIndex,\n      fromIndex: itemIndex,\n    };\n    this.reorderFromFlat = flatIndex;\n    this.reorderInsertBefore = itemIndex;\n    window.addEventListener('pointermove', this.onReorderPointerMove);\n    window.addEventListener('pointerup', this.onReorderPointerUp);\n    window.addEventListener('pointercancel', this.onReorderPointerCancel);\n  }\n\n  private onReorderPointerMove = (event: PointerEvent) => {\n    const drag = this.reorderPointer;\n    if (!drag || event.pointerId !== drag.pointerId) return;\n    const section = this.activeSections[drag.sectionIndex];\n    if (!section || isMenuPickerSection(section)) return;\n\n    const insertBefore = this.resolveReorderInsertBefore(\n      event.clientY,\n      drag.sectionIndex,\n      drag.fromIndex,\n      section.items\n    );\n    if (insertBefore !== this.reorderInsertBefore) this.reorderInsertBefore = insertBefore;\n  };\n\n  private onReorderPointerUp = (event: PointerEvent) => {\n    const drag = this.reorderPointer;\n    if (!drag || event.pointerId !== drag.pointerId) return;\n\n    const section = this.activeSections[drag.sectionIndex];\n    const insertBefore = this.reorderInsertBefore;\n    this.clearReorderPointer();\n    this.tasks.microtask(() => {\n      this.suppressItemClick = false;\n    });\n    if (!section || isMenuPickerSection(section) || insertBefore === null) return;\n\n    const nextItems = moveReorderableMenuItemBefore(section.items, drag.fromIndex, insertBefore);\n    if (!nextItems) return;\n    this.emitReorder(section.items, drag.fromIndex, nextItems, drag.sectionIndex);\n  };\n\n  private onReorderPointerCancel = (event: PointerEvent) => {\n    if (!this.reorderPointer || event.pointerId !== this.reorderPointer.pointerId) return;\n    this.clearReorderPointer();\n    this.tasks.microtask(() => {\n      this.suppressItemClick = false;\n    });\n  };\n\n  private resolveReorderInsertBefore(\n    clientY: number,\n    sectionIndex: number,\n    fromIndex: number,\n    items: MenuItemData[]\n  ): number {\n    const range = menuReorderableRange(items, fromIndex);\n    if (!range) return fromIndex;\n\n    const buttons = [...this.el.querySelectorAll<HTMLElement>('.menu-item')];\n    const sectionStart = this.flatIndexFor(sectionIndex, 0);\n    let insertBefore = range.end + 1;\n    for (let itemIndex = range.start; itemIndex <= range.end; itemIndex += 1) {\n      const row = buttons[sectionStart + itemIndex];\n      if (!row) continue;\n      const rect = row.getBoundingClientRect();\n      if (clientY < rect.top + rect.height / 2) {\n        insertBefore = itemIndex;\n        break;\n      }\n    }\n    return Math.min(Math.max(insertBefore, range.start), range.end + 1);\n  }\n\n  private clearReorderPointer(): void {\n    if (this.reorderPointer) {\n      window.removeEventListener('pointermove', this.onReorderPointerMove);\n      window.removeEventListener('pointerup', this.onReorderPointerUp);\n      window.removeEventListener('pointercancel', this.onReorderPointerCancel);\n    }\n    this.reorderPointer = null;\n    this.reorderFromFlat = null;\n    this.reorderInsertBefore = null;\n  }\n\n  render() {\n    if (!this.shouldRender && !this.embedded) return <Host style={{ display: 'contents' }} />;\n\n    const sections = this.closing\n      ? (this.closingSections ?? this.lastRenderedSections)\n      : this.activeSections;\n    const hasCompositeSections = this.sectionsHaveCompositeControls(sections);\n    const emptyMessage = this.closing ? this.lastRenderedEmptyMessage : this.emptyMessage.trim();\n    const showEmpty =\n      Boolean(emptyMessage) &&\n      !hasCompositeSections &&\n      sections.every(section => !isMenuPickerSection(section) && section.items.length === 0);\n    if (!this.closing) {\n      this.lastRenderedEmptyMessage = emptyMessage;\n      this.lastRenderedSections = snapshotMenuSections(sections);\n      this.closingSections = null;\n    }\n    let flatIdx = 0;\n    const dragLocated =\n      this.reorderFromFlat === null ? null : locateMenuItem(sections, this.reorderFromFlat);\n    const dragRange = dragLocated\n      ? menuReorderableRange(dragLocated.items, dragLocated.itemIndex)\n      : null;\n\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: '9998',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    if (this.menuWidth) popupStyle['width'] = this.menuWidth;\n    if (this.minWidth) popupStyle['min-width'] = this.minWidth;\n    if (this.availableHeight !== null) {\n      popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n    }\n\n    return (\n      <Host style={{ display: 'contents' }}>\n        <div\n          popover={this.embedded ? undefined : 'manual'}\n          class={{\n            'menu-popup': true,\n            'menu-popup--closing': this.closing,\n            'ds-choice-popup': !this.embedded,\n            'data-preferences-embedded': this.embedded,\n            'ds-choice-popup--closing': this.closing,\n            'ds-focus-ring': showEmpty,\n            'ds-focus-ring--visible': showEmpty && this.focusRingVisible,\n          }}\n          style={this.embedded ? undefined : popupStyle}\n          role={hasCompositeSections || showEmpty ? 'dialog' : 'menu'}\n          aria-label={this.menuLabel}\n          aria-orientation={hasCompositeSections || showEmpty ? undefined : 'vertical'}\n          aria-describedby={showEmpty ? this.emptyMessageId : undefined}\n          tabIndex={showEmpty ? -1 : undefined}\n        >\n          <div class=\"ds-choice-list\">\n            {showEmpty ? (\n              <ds-text\n                textId={this.emptyMessageId}\n                class=\"menu-empty\"\n                as=\"p\"\n                variant={CONTROL_TEXT_VARIANT[this.size]}\n                color=\"secondary\"\n              >\n                {emptyMessage}\n              </ds-text>\n            ) : (\n              sections.map((section, si) => (\n                <div\n                  key={si}\n                  class={{\n                    'menu-section': true,\n                    'menu-section--divided':\n                      si < sections.length - 1 && !this.sectionUsesInsetDivider(sections[si + 1]),\n                    'menu-section--swatch-picker': isMenuPickerSection(section),\n                    'ds-choice-section': true,\n                    'ds-chrome-column': true,\n                    'ds-chrome-space--sm': true,\n                    'ds-choice-section--divided':\n                      si < sections.length - 1 && !this.sectionUsesInsetDivider(sections[si + 1]),\n                    'ds-choice-section--headed-after-first':\n                      si > 0 &&\n                      !isMenuPickerSection(section) &&\n                      Boolean(section.header || section.subheader),\n                  }}\n                  role={\n                    section.header || (!isMenuPickerSection(section) && section.subheader)\n                      ? 'group'\n                      : undefined\n                  }\n                  aria-label={\n                    !isMenuPickerSection(section) && section.subheader\n                      ? section.subheader\n                      : section.header\n                  }\n                >\n                  {!isMenuPickerSection(section) && section.insetDividerBefore && (\n                    <span class=\"menu-subsection-divider\" aria-hidden=\"true\" />\n                  )}\n                  {section.header && (\n                    <ds-text\n                      class={`section-header ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n                      as=\"span\"\n                      variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                      emphasis\n                      color=\"primary\"\n                      aria-hidden=\"true\"\n                    >\n                      <span class=\"ds-choice-section__header-label\">{section.header}</span>\n                    </ds-text>\n                  )}\n                  {!isMenuSwatchPickerSection(section) && section.subheader && (\n                    <ds-text\n                      class={`section-subheader ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n                      as=\"span\"\n                      variant=\"text-caption\"\n                      emphasis\n                      color=\"secondary\"\n                      aria-hidden=\"true\"\n                    >\n                      <span class=\"ds-choice-section__header-label\">{section.subheader}</span>\n                    </ds-text>\n                  )}\n                  {isMenuSwatchPickerSection(section) ? (\n                    <ds-swatch-picker\n                      value={section.value}\n                      groupLabel={section.groupLabel ?? section.header ?? 'Swatch options'}\n                      options={section.options ?? []}\n                      sections={section.sections ?? []}\n                      onDsChange={(e: CustomEvent<string>) => {\n                        e.stopPropagation();\n                        this.handleSwatchSelect(e.detail);\n                      }}\n                    />\n                  ) : (\n                    section.items.map((item, itemIndex) => {\n                      const idx = flatIdx++;\n                      const isFocused = this.focusedIndex === idx;\n                      const isSingleSelectionItem =\n                        !hasCompositeSections &&\n                        this.selectionMode === 'single' &&\n                        !item.showSwitch;\n                      const usesLeading = section.items.some(\n                        candidate =>\n                          candidate.reorderable ||\n                          candidate.reorderHandleInactive ||\n                          !!candidate.icon\n                      );\n                      const locked = !!item.isInactive && !item.reorderable;\n                      const dragging = this.reorderFromFlat === idx;\n                      const dropBefore =\n                        dragLocated?.sectionIndex === si &&\n                        dragRange !== null &&\n                        itemIndex <= dragRange.end &&\n                        this.reorderInsertBefore === itemIndex;\n                      const dropAfter =\n                        dragLocated?.sectionIndex === si &&\n                        dragRange !== null &&\n                        this.reorderInsertBefore === dragRange.end + 1 &&\n                        itemIndex === dragRange.end;\n                      if (item.trailingActions?.length) {\n                        return (\n                          <div\n                            key={item.value ?? `${si}-${item.label}`}\n                            class={{\n                              'menu-item-row': true,\n                              'menu-item-row--actions': true,\n                              'menu-item': true,\n                              'ds-choice-item': true,\n                              'ds-control-frame': true,\n                              [`ds-control--${this.size}`]: true,\n                              'menu-item--dragging': dragging,\n                            }}\n                            role=\"group\"\n                            aria-label={item.label}\n                            onMouseDown={() => {\n                              this.focusRingVisible = false;\n                            }}\n                            onFocusin={() => {\n                              this.focusedIndex = idx;\n                            }}\n                          >\n                            {(dropBefore || dropAfter) && (\n                              <span\n                                class={{\n                                  'menu-item__drop-rail': true,\n                                  'menu-item__drop-rail--before': dropBefore,\n                                  'menu-item__drop-rail--after': dropAfter,\n                                }}\n                                data-menu-drop-rail\n                                aria-hidden=\"true\"\n                              />\n                            )}\n                            {item.reorderable || item.reorderHandleInactive ? (\n                              <span\n                                class={{\n                                  'menu-item__handle': true,\n                                  'menu-item__handle--action-row': true,\n                                  'menu-item__handle--inactive': Boolean(\n                                    item.reorderHandleInactive\n                                  ),\n                                  'ds-interaction-fill': Boolean(item.reorderable),\n                                  'ds-choice-item__icon': true,\n                                  'ds-control-icon-box': true,\n                                }}\n                                data-menu-handle\n                                aria-hidden=\"true\"\n                                onPointerDown={\n                                  item.reorderable\n                                    ? event => this.onReorderPointerDown(event, si, itemIndex, idx)\n                                    : undefined\n                                }\n                              >\n                                <ds-icon\n                                  class=\"ds-interaction-fill__content\"\n                                  name=\"DragDots\"\n                                  size={this.size}\n                                  color=\"inherit\"\n                                />\n                              </span>\n                            ) : usesLeading && item.icon ? (\n                              <span\n                                class=\"menu-item__icon ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-icon name={item.icon} size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading ? (\n                              <span\n                                class=\"menu-item__icon-spacer ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              />\n                            ) : null}\n                            <div class=\"menu-item__content ds-choice-item__content\">\n                              <ds-text\n                                class=\"menu-item__label ds-choice-item__label ds-control-label-box\"\n                                as=\"span\"\n                                variant={CONTROL_TEXT_VARIANT[this.size]}\n                                color=\"secondary\"\n                              >\n                                {item.label}\n                              </ds-text>\n                              {item.subtext && (\n                                <ds-text\n                                  class=\"menu-item__subtext ds-choice-item__subtext ds-control-label-box\"\n                                  as=\"span\"\n                                  variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                                  color=\"secondary\"\n                                >\n                                  {item.subtext}\n                                </ds-text>\n                              )}\n                            </div>\n                            <span class=\"menu-item-row__actions\">\n                              {item.trailingActions.map((action, actionIndex) => (\n                                <span class=\"menu-item-row__action\" key={action.id}>\n                                  {actionIndex > 0 && (\n                                    <span class=\"menu-item-row__divider\" aria-hidden=\"true\" />\n                                  )}\n                                  <ds-button-unfilled\n                                    variant=\"icon\"\n                                    icon={action.icon}\n                                    size=\"md\"\n                                    ariaLabel={action.label}\n                                    hasBorder={false}\n                                    pressScale={false}\n                                    isInset\n                                    insetDepth=\"single\"\n                                    isInactive={action.isInactive ?? false}\n                                    focusTabIndex={0}\n                                    onDsClick={event => {\n                                      event.stopPropagation();\n                                      this.dsItemToggle.emit({ item, action, pressed: false });\n                                    }}\n                                  />\n                                </span>\n                              ))}\n                            </span>\n                          </div>\n                        );\n                      }\n                      return (\n                        <div\n                          key={item.value ?? `${si}-${item.label}`}\n                          class={{\n                            'menu-item-row': true,\n                            'menu-item-row--trailing-toggle': Boolean(item.trailingToggle),\n                          }}\n                        >\n                          <button\n                            type=\"button\"\n                            class={{\n                              'menu-item': true,\n                              'ds-choice-item': true,\n                              'ds-control-frame': true,\n                              [`ds-control--${this.size}`]: true,\n                              'ds-focus-ring-inset': true,\n                              'ds-focus-ring--visible': isFocused && this.focusRingVisible,\n                              'ds-interaction-fill': !locked,\n                              'ds-interaction-fill--selected': !!item.isSelected && !locked,\n                              'menu-item--selected': !!item.isSelected,\n                              'menu-item--switch': !!item.showSwitch,\n                              'ds-control-inactive': locked,\n                              'menu-item--destructive': !!item.isDestructive,\n                              'menu-item--focused': isFocused,\n                              'menu-item--dragging': dragging,\n                            }}\n                            role={\n                              hasCompositeSections\n                                ? undefined\n                                : item.showSwitch\n                                  ? 'menuitemcheckbox'\n                                  : isSingleSelectionItem\n                                    ? 'menuitemradio'\n                                    : 'menuitem'\n                            }\n                            aria-checked={\n                              !hasCompositeSections && item.showSwitch\n                                ? String(!!item.switchValue)\n                                : isSingleSelectionItem\n                                  ? String(!!item.isSelected)\n                                  : undefined\n                            }\n                            aria-pressed={\n                              hasCompositeSections\n                                ? String(item.showSwitch ? !!item.switchValue : !!item.isSelected)\n                                : undefined\n                            }\n                            aria-current={\n                              !hasCompositeSections &&\n                              !item.showSwitch &&\n                              !isSingleSelectionItem &&\n                              item.isSelected\n                                ? 'true'\n                                : undefined\n                            }\n                            aria-description={\n                              item.reorderable\n                                ? item.isInactive\n                                  ? 'Visibility cannot be changed. Alt + Arrow Up or Alt + Arrow Down moves this row.'\n                                  : 'Drag to reorder. Alt + Arrow Up or Alt + Arrow Down moves this row.'\n                                : undefined\n                            }\n                            aria-disabled={item.isInactive ? 'true' : undefined}\n                            disabled={locked}\n                            tabIndex={\n                              hasCompositeSections || (this.embedded && idx === 0)\n                                ? 0\n                                : isFocused\n                                  ? 0\n                                  : -1\n                            }\n                            onMouseDown={() => {\n                              this.focusRingVisible = false;\n                            }}\n                            onClick={() => this.handleItemClick(item)}\n                            onFocus={() => {\n                              this.focusedIndex = idx;\n                            }}\n                          >\n                            {(dropBefore || dropAfter) && (\n                              <span\n                                class={{\n                                  'menu-item__drop-rail': true,\n                                  'menu-item__drop-rail--before': dropBefore,\n                                  'menu-item__drop-rail--after': dropAfter,\n                                }}\n                                data-menu-drop-rail\n                                aria-hidden=\"true\"\n                              />\n                            )}\n                            {item.reorderable || item.reorderHandleInactive ? (\n                              <span\n                                class={{\n                                  'menu-item__handle': true,\n                                  'menu-item__handle--inactive': Boolean(\n                                    item.reorderHandleInactive\n                                  ),\n                                  'ds-choice-item__icon': true,\n                                  'ds-control-icon-box': true,\n                                  'ds-interaction-fill__content': true,\n                                }}\n                                data-menu-handle\n                                aria-hidden=\"true\"\n                                onPointerDown={\n                                  item.reorderable\n                                    ? event => this.onReorderPointerDown(event, si, itemIndex, idx)\n                                    : undefined\n                                }\n                                onClick={\n                                  item.reorderable\n                                    ? event => {\n                                        event.preventDefault();\n                                        event.stopPropagation();\n                                      }\n                                    : undefined\n                                }\n                              >\n                                <ds-icon name=\"DragDots\" size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading && item.icon ? (\n                              <span\n                                class=\"menu-item__icon ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-icon name={item.icon} size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading ? (\n                              <span\n                                class=\"menu-item__icon-spacer ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              />\n                            ) : null}\n                            <div class=\"menu-item__content ds-choice-item__content ds-interaction-fill__content\">\n                              <ds-text\n                                class=\"menu-item__label ds-choice-item__label ds-control-label-box\"\n                                as=\"span\"\n                                variant={CONTROL_TEXT_VARIANT[this.size]}\n                                color={item.isSelected ? 'primary' : 'secondary'}\n                              >\n                                {item.label}\n                              </ds-text>\n                              {item.subtext && (\n                                <ds-text\n                                  class=\"menu-item__subtext ds-choice-item__subtext ds-control-label-box\"\n                                  as=\"span\"\n                                  variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                                  color=\"secondary\"\n                                >\n                                  {item.subtext}\n                                </ds-text>\n                              )}\n                            </div>\n                            {item.tag && (\n                              <ds-tag\n                                class=\"ds-choice-item__tag ds-interaction-fill__content\"\n                                label={item.tag.label}\n                                size={MENU_ITEM_TAG_SIZE[this.size]}\n                                intent={item.tag.intent ?? 'neutral'}\n                                contrast={item.tag.contrast ?? 'faint'}\n                                rounded={item.tag.rounded ?? false}\n                                isInset\n                              />\n                            )}\n                            {item.dot && (\n                              <span\n                                class=\"menu-item__dot-box ds-interaction-fill__content\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-badge\n                                  class=\"menu-item__dot\"\n                                  variant=\"dot\"\n                                  hasRing={false}\n                                  label=\"\"\n                                />\n                              </span>\n                            )}\n                            {item.showSwitch && (\n                              <ds-switch\n                                class=\"menu-item__switch ds-interaction-fill__content\"\n                                size={this.size}\n                                checked={!!item.switchValue}\n                                isInactive={!!item.isInactive}\n                                presentation\n                              />\n                            )}\n                          </button>\n                          {item.trailingToggle && (\n                            <span class=\"menu-item-row__trailing-toggle\">\n                              <span class=\"menu-item-row__divider\" aria-hidden=\"true\" />\n                              <ds-button-unfilled\n                                variant=\"icon\"\n                                icon={item.trailingToggle.icon}\n                                size={this.size}\n                                ariaLabel={item.trailingToggle.label}\n                                hasBorder={false}\n                                pressScale={false}\n                                pressed={item.trailingToggle.pressed}\n                                isInactive={item.trailingToggle.isInactive ?? false}\n                                onDsChange={event => {\n                                  event.stopPropagation();\n                                  this.dsItemToggle.emit({ item, pressed: event.detail });\n                                }}\n                              />\n                            </span>\n                          )}\n                        </div>\n                      );\n                    })\n                  )}\n                </div>\n              ))\n            )}\n          </div>\n        </div>\n        <div class=\"ds-visually-hidden\" role=\"status\" aria-live=\"polite\">\n          {this.reorderAnnouncement}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isMenuSwatchPickerSection","section","variant","isMenuPickerSection","snapshotMenuSections","sections","map","options","option","swatchSection","items","item","trailingToggle","trailingActions","action","menuReorderableRange","index","reorderable","start","end","length","moveReorderableMenuItemBefore","fromIndex","insertBefore","range","clamped","Math","min","max","toIndex","next","splice","moveReorderableMenuItemBy","offset","locateMenuItem","flatIndex","remaining","sectionIndex","itemIndex","createMenuReorderDetail","nextItems","indexOf","value","matched","findIndex","candidate","menuCss","menuId","MENU_ITEM_TAG_SIZE","lg","md","sm","xs","Menu","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","embedded","open","size","selectionMode","side","align","anchorAlignment","sideOffset","TOKEN_CSS_LENGTHS","space050","alignOffset","initialFocusVisible","menuLabel","emptyMessage","shouldRender","closing","pos","x","y","focusedIndex","positionReady","availableHeight","focusRingVisible","reorderFromFlat","reorderInsertBefore","reorderAnnouncement","closeTimer","loaded","tasks","ConnectionTasks","el","isConnected","suppressItemClick","reorderPointer","position","AnchoredPositionController","getAnchor","resolvedAnchor","getPopup","querySelector","getOwnerDocument","ownerDocument","measure","anchorEl","popup","anchorRect","getBoundingClientRect","sectionInsetPx","viewportPadPx","minWidth","style","choicePopupMinWidth","width","removeProperty","list","naturalPopupHeight","offsetHeight","scrollHeight","window","innerHeight","input","popupWidth","offsetWidth","popupFallbackWidthPx","popupHeight","popupFallbackHeightPx","sideOffsetPx","alignOffsetPx","resolveChoicePopupAlignOffset","viewportWidth","innerWidth","viewportHeight","collisionRect","resolveAnchoredOverlayBoundaryRect","boundary","unconstrained","computeAnchoredPosition","apply","onReady","liveUpdate","topLayer","observeResize","observeAnchorMotion","interaction","AnchoredOverlayInteractionController","onOutsideActivation","close","lastRenderedSections","closingSections","emptyMessageId","lastRenderedEmptyMessage","onReorderPointerMove","event","drag","pointerId","activeSections","resolveReorderInsertBefore","clientY","onReorderPointerUp","clearReorderPointer","microtask","emitReorder","onReorderPointerCancel","componentDidLoad","onOpenChange","connectedCallback","disconnectedCallback","cancelPositionRetry","cancelLivePositionUpdate","teardownListeners","positionReadyCallback","undefined","isOpen","setupListeners","schedulePositionUpdate","focusInitialItem","captureClosingSections","closeAnimationMs","finishClose","setTimeout","onAnchorChange","onPositionPropsChange","resolveCssLengthPx","TOKEN_DEFAULTS","menuWidthXs","menuFallbackHeight","resolveMotionTimeMs","motionShort2","animationDurationShort3","matches","hidePopover","dsAfterClose","emit","visibleSections","anchor","anchorId","document","getElementById","compositeTabLeavesPopup","tabLeavesPopup","flatItems","flatMap","hasCompositeSections","sectionsHaveCompositeControls","some","Boolean","sectionUsesInsetDivider","insetDividerBefore","cancel","scheduleLivePositionUpdate","scheduleLiveUpdate","callback","schedule","calculatePosition","update","trim","frame","focus","flat","selectedIdx","it","isSelected","isInactive","firstEnabledIdx","btns","querySelectorAll","connect","observe","unobserve","disconnect","clearTimeout","restoreFocus","focusAnchor","dsClose","handleKeyDown","e","key","preventDefault","moveFocusAfterTab","shiftKey","altKey","ctrlKey","target","closest","handleReorderKey","enabled","i","filter","cur","safe","stopPropagation","focusItem","idx","rows","row","handleItemClick","dsSelect","handleSwatchSelect","dsSwatchSelect","located","detail","flatIndexFor","announceReorder","dsReorder","count","label","onReorderPointerDown","button","addEventListener","buttons","sectionStart","rect","top","height","removeEventListener","render","h","Host","display","showEmpty","every","flatIdx","dragLocated","dragRange","popupStyle","left","transform","round","zIndex","visibility","menuWidth","floor","popover","class","role","tabIndex","textId","as","CONTROL_TEXT_VARIANT","color","si","header","subheader","CONTROL_SUPPORTING_TEXT_VARIANT","emphasis","groupLabel","onDsChange","isFocused","isSingleSelectionItem","showSwitch","usesLeading","reorderHandleInactive","icon","locked","dragging","dropBefore","dropAfter","onMouseDown","onFocusin","onPointerDown","name","subtext","actionIndex","id","ariaLabel","hasBorder","pressScale","isInset","insetDepth","focusTabIndex","onDsClick","dsItemToggle","pressed","type","isDestructive","String","switchValue","disabled","onClick","onFocus","tag","intent","contrast","rounded","dot","hasRing","checked","presentation"],"sources":["src/wc/components/Menu/menu-types.ts","src/wc/components/Menu/menu-sections.ts","src/wc/components/Menu/menu-reorder.ts","src/wc/components/Menu/Menu.css?tag=ds-menu&encapsulation=scoped","src/wc/components/Menu/Menu.tsx"],"sourcesContent":["import type { SwatchPickerOption, SwatchPickerSection } from '../SwatchPicker/swatch-picker-types';\nimport type { TagContrast, TagIntent } from '../Tag/Tag';\n\nexport type { MenuAlign, MenuSide } from './menu-position';\nexport {\n  PANEL_NAV_USER_MENU_PLACEMENT,\n  PANEL_TOOLS_HEADER_MENU_PLACEMENT,\n  type MenuPlacement,\n} from './menu-placement';\n\nexport interface MenuItemTagData {\n  label: string;\n  intent?: TagIntent;\n  contrast?: TagContrast;\n  rounded?: boolean;\n}\n\nexport interface MenuItemTrailingToggleData {\n  /** Icon-only toggle glyph. */\n  icon: string;\n  /** Accessible name describing the requested state change. */\n  label: string;\n  /** Controlled toggle state. */\n  pressed: boolean;\n  /** Keep the toggle visible but unavailable. */\n  isInactive?: boolean;\n}\n\nexport interface MenuItemActionData {\n  /** Stable action identity for consumer event handling. */\n  id: string;\n  /** Icon-only action glyph. */\n  icon: string;\n  /** Accessible name describing the action. */\n  label: string;\n  /** Keep the action visible but unavailable. */\n  isInactive?: boolean;\n}\n\nexport interface MenuItemData {\n  label: string;\n  value?: string;\n  subtext?: string;\n  /** Leading decorative icon. Ignored when `reorderable` is true. */\n  icon?: string;\n  /** Show a supplemental brand notification dot. */\n  dot?: boolean;\n  /** Show a non-interactive tag at the trailing edge of the row. */\n  tag?: MenuItemTagData;\n  isSelected?: boolean;\n  isInactive?: boolean;\n  isDestructive?: boolean;\n  /** Render a compact switch indicator; the menu row owns interaction. */\n  showSwitch?: boolean;\n  switchValue?: boolean;\n  /** Prefix a drag handle and allow pointer and keyboard reorder within the contiguous reorderable run. */\n  reorderable?: boolean;\n  /** Keep the drag handle visible as an inactive alignment affordance when reordering is unavailable. */\n  reorderHandleInactive?: boolean;\n  /** Append a separate unfilled icon toggle after a decorative divider. */\n  trailingToggle?: MenuItemTrailingToggleData;\n  /** Append independent unfilled icon actions while the row owns the shared hover surface. */\n  trailingActions?: MenuItemActionData[];\n}\n\nexport interface MenuItemToggleDetail {\n  item: MenuItemData;\n  pressed: boolean;\n  /** Identifies an independent trailing action; omitted for the legacy toggle control. */\n  action?: MenuItemActionData;\n}\n\n/** Next section item order after a pointer or keyboard reorder. */\nexport interface MenuReorderDetail {\n  item: MenuItemData;\n  fromIndex: number;\n  toIndex: number;\n  sectionIndex: number;\n  items: MenuItemData[];\n}\n\nexport interface MenuItemsSection {\n  header?: string;\n  /** Secondary heading beneath a shared parent section heading. */\n  subheader?: string;\n  /** Separate this subsection from the previous one with an inset divider. */\n  insetDividerBefore?: boolean;\n  items: MenuItemData[];\n}\n\nexport interface MenuSwatchPickerSection {\n  header?: string;\n  variant: 'swatch-picker';\n  value: string;\n  options?: SwatchPickerOption[];\n  sections?: SwatchPickerSection[];\n  groupLabel?: string;\n}\n\nexport type MenuSection = MenuItemsSection | MenuSwatchPickerSection;\n\nexport function isMenuSwatchPickerSection(\n  section: MenuSection\n): section is MenuSwatchPickerSection {\n  return 'variant' in section && section.variant === 'swatch-picker';\n}\n\nexport function isMenuPickerSection(section: MenuSection): section is MenuSwatchPickerSection {\n  return isMenuSwatchPickerSection(section);\n}\n\nexport type { SwatchPickerOption, SwatchPickerSection };\n","import type { MenuSection } from './menu-types';\nimport { isMenuSwatchPickerSection } from './menu-types';\n\n/** Preserve the exact menu context painted during exit motion. */\nexport function snapshotMenuSections(sections: readonly MenuSection[]): MenuSection[] {\n  return sections.map(section => {\n    if (isMenuSwatchPickerSection(section)) {\n      return {\n        ...section,\n        ...(section.options ? { options: section.options.map(option => ({ ...option })) } : {}),\n        ...(section.sections\n          ? {\n              sections: section.sections.map(swatchSection => ({\n                ...swatchSection,\n                options: swatchSection.options.map(option => ({ ...option })),\n              })),\n            }\n          : {}),\n      };\n    }\n    return {\n      ...section,\n      items: section.items.map(item => ({\n        ...item,\n        ...(item.trailingToggle ? { trailingToggle: { ...item.trailingToggle } } : {}),\n        ...(item.trailingActions\n          ? { trailingActions: item.trailingActions.map(action => ({ ...action })) }\n          : {}),\n      })),\n    };\n  });\n}\n","import {\n  isMenuPickerSection,\n  type MenuItemData,\n  type MenuReorderDetail,\n  type MenuSection,\n} from './menu-types';\n\nexport interface MenuReorderRange {\n  start: number;\n  end: number;\n}\n\n/** Contiguous reorderable run containing `index`, or null when that row cannot move. */\nexport function menuReorderableRange(\n  items: readonly MenuItemData[],\n  index: number\n): MenuReorderRange | null {\n  if (!items[index]?.reorderable) return null;\n\n  let start = index;\n  while (start > 0 && items[start - 1]?.reorderable) start -= 1;\n\n  let end = index;\n  while (end < items.length - 1 && items[end + 1]?.reorderable) end += 1;\n\n  return { start, end };\n}\n\n/**\n * Move a reorderable row so it would be inserted before `insertBefore`.\n * `insertBefore` is clamped to the contiguous reorderable run.\n */\nexport function moveReorderableMenuItemBefore(\n  items: readonly MenuItemData[],\n  fromIndex: number,\n  insertBefore: number\n): MenuItemData[] | null {\n  const range = menuReorderableRange(items, fromIndex);\n  if (!range) return null;\n\n  const clamped = Math.min(Math.max(insertBefore, range.start), range.end + 1);\n  let toIndex = clamped;\n  if (fromIndex < toIndex) toIndex -= 1;\n  if (toIndex === fromIndex || toIndex < range.start || toIndex > range.end) return null;\n\n  const next = [...items];\n  const [item] = next.splice(fromIndex, 1);\n  next.splice(toIndex, 0, item);\n  return next;\n}\n\n/** Keyboard step: move one slot within the reorderable run. */\nexport function moveReorderableMenuItemBy(\n  items: readonly MenuItemData[],\n  fromIndex: number,\n  offset: number\n): MenuItemData[] | null {\n  if (offset === 0) return null;\n  return moveReorderableMenuItemBefore(\n    items,\n    fromIndex,\n    fromIndex + (offset < 0 ? offset : offset + 1)\n  );\n}\n\nexport function locateMenuItem(\n  sections: readonly MenuSection[],\n  flatIndex: number\n): { sectionIndex: number; itemIndex: number; items: MenuItemData[] } | null {\n  let remaining = flatIndex;\n  for (let sectionIndex = 0; sectionIndex < sections.length; sectionIndex += 1) {\n    const section = sections[sectionIndex];\n    if (isMenuPickerSection(section)) continue;\n    if (remaining < section.items.length) {\n      return { sectionIndex, itemIndex: remaining, items: section.items };\n    }\n    remaining -= section.items.length;\n  }\n  return null;\n}\n\nexport function createMenuReorderDetail(\n  items: MenuItemData[],\n  fromIndex: number,\n  nextItems: MenuItemData[],\n  sectionIndex: number\n): MenuReorderDetail | null {\n  const item = items[fromIndex];\n  if (!item) return null;\n  const toIndex = nextItems.indexOf(item);\n  if (toIndex < 0) {\n    const value = item.value;\n    const matched = value ? nextItems.findIndex(candidate => candidate.value === value) : -1;\n    if (matched < 0) return null;\n    return { item, fromIndex, toIndex: matched, sectionIndex, items: nextItems };\n  }\n  return { item, fromIndex, toIndex, sectionIndex, items: nextItems };\n}\n","@import '../../utils/radius.css';\n@import '../../utils/choice-list.css';\n@import '../../utils/visually-hidden.css';\n@import '../../utils/forced-colors.css';\n\n/* Inactive: `.ds-control-inactive` (50% opacity). */\n\n.menu-empty {\n  padding: var(--dimension-space-200);\n  box-sizing: border-box;\n  overflow-wrap: anywhere;\n}\n\n.menu-item--destructive .menu-item__label {\n  /* Beat ds-text color-* host classes for destructive rows. */\n  color: var(--color-foreground-bold-negative) !important;\n}\n\n/* Standard md icon zone keeps the dot aligned with other control suffixes. */\n.menu-item__dot-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: var(--ds-control-icon, var(--dimension-iconography-md));\n  height: var(--ds-control-icon, var(--dimension-iconography-md));\n  pointer-events: none;\n}\n\n/* Switch suffix keeps an 8px label-to-control gap without changing the\n   density gap between a prefix icon or drag handle and the label. */\n.menu-item__switch {\n  flex-shrink: 0;\n  margin-inline-start: calc(\n    var(--dimension-space-100) - var(--ds-control-gap, var(--dimension-space-050))\n  );\n}\n\n.menu-item-row {\n  display: contents;\n}\n\n.menu-item-row--trailing-toggle {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n\n.menu-item-row--actions {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  padding-inline-end: var(--dimension-space-025);\n}\n\n.menu-item-row--trailing-toggle > .menu-item {\n  flex: 1;\n  min-width: 0;\n  width: auto;\n}\n\n.menu-item-row__trailing-toggle {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.menu-item-row__divider {\n  flex-shrink: 0;\n  width: var(--dimension-stroke-width-012);\n  height: var(--dimension-size-250);\n  margin-inline: var(--dimension-space-025);\n  background: var(--color-border-tertiary);\n}\n\n.menu-item-row__trailing-toggle > ds-button-unfilled {\n  flex-shrink: 0;\n}\n\n.menu-item-row__actions,\n.menu-item-row__action {\n  display: inline-flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.menu-item-row__action > ds-button-unfilled {\n  flex-shrink: 0;\n}\n\n.menu-subsection-divider {\n  display: block;\n  flex-shrink: 0;\n  height: var(--dimension-stroke-width-012);\n  margin-inline: calc(\n    var(--ds-control-padding-inline, var(--dimension-space-075)) +\n      var(--ds-control-label-inset, var(--dimension-space-025))\n  );\n  background: var(--color-border-tertiary);\n}\n\n/* ── Prefix icon / reorder handle ────────────────────────────────────────── */\n\n.menu-item > .menu-item__handle {\n  pointer-events: auto;\n  cursor: grab;\n  touch-action: none;\n}\n\n.menu-item > .menu-item__handle--action-row {\n  --ds-menu-action-handle-size: calc(\n    var(--ds-control-height, var(--dimension-size-400)) - var(--dimension-space-050)\n  );\n\n  width: var(--ds-menu-action-handle-size);\n  height: var(--ds-menu-action-handle-size);\n  margin-inline: calc(\n    (var(--ds-control-icon, var(--dimension-iconography-md)) - var(--ds-menu-action-handle-size)) /\n      2\n  );\n  border-radius: var(--ds-control-radius, var(--dimension-radius-025));\n}\n\n.menu-item > .menu-item__handle--inactive {\n  color: var(--color-foreground-quaternary);\n  pointer-events: none;\n  cursor: default;\n  touch-action: auto;\n}\n\n.menu-item > .menu-item__handle:active,\n.menu-item--dragging > .menu-item__handle {\n  cursor: grabbing;\n}\n\n.menu-item--dragging {\n  opacity: var(--effect-opacity-medium);\n}\n\n.menu-item__drop-rail {\n  position: absolute;\n  z-index: var(--dimension-z-index-raised);\n  inset-inline: var(--dimension-space-050);\n  block-size: var(--dimension-stroke-width-025);\n  border-radius: var(--dimension-radius-half);\n  background: var(--color-border-bold-brand);\n  pointer-events: none;\n}\n\n.menu-item__drop-rail--before {\n  inset-block-start: calc(-1 * var(--dimension-space-025));\n  transform: translateY(-50%);\n}\n\n.menu-item__drop-rail--after {\n  inset-block-end: calc(-1 * var(--dimension-space-025));\n  transform: translateY(50%);\n}\n\n@media (forced-colors: active) {\n  .menu-item-row__divider {\n    background: var(--ds-forced-color-content);\n  }\n\n  .menu-subsection-divider {\n    background: var(--ds-forced-color-content);\n  }\n\n  .menu-item__drop-rail {\n    background: var(--ds-forced-color-selected);\n  }\n}\n\n.data-preferences-embedded {\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n  min-height: 0;\n  color: var(--color-foreground-secondary);\n}\n","import {\n  Component,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n  Listen,\n  h,\n  Host,\n} from '@stencil/core';\nimport {\n  choicePopupMinWidth,\n  CONTROL_SUPPORTING_TEXT_VARIANT,\n  CONTROL_TEXT_VARIANT,\n  resolveChoicePopupAlignOffset,\n  resolveCssLengthPx,\n  resolveMotionTimeMs,\n  TOKEN_CSS_LENGTHS,\n  TOKEN_DEFAULTS,\n  type ChoicePopupAnchorAlignment,\n  type ControlSize,\n} from '../../utils';\nimport { AnchoredPositionController } from '../../utils/anchored-position-controller';\nimport { ConnectionTasks } from '../../utils/connection-tasks';\nimport { AnchoredOverlayInteractionController } from '../../utils/anchored-overlay-interaction-controller';\nimport { resolveAnchoredOverlayBoundaryRect } from '../../utils/anchored-overlay-boundary';\nimport { computeAnchoredPosition, type AnchoredPositionInput } from '../../utils/anchored-position';\nimport type { MenuAlign, MenuSide } from './menu-position';\nimport {\n  isMenuPickerSection,\n  isMenuSwatchPickerSection,\n  type MenuItemData,\n  type MenuItemToggleDetail,\n  type MenuReorderDetail,\n  type MenuSection,\n} from './menu-types';\nimport { snapshotMenuSections } from './menu-sections';\nimport {\n  createMenuReorderDetail,\n  locateMenuItem,\n  menuReorderableRange,\n  moveReorderableMenuItemBefore,\n  moveReorderableMenuItemBy,\n} from './menu-reorder';\n\nexport type MenuSelectionMode = 'none' | 'single';\nexport type MenuSize = ControlSize;\nlet menuId = 0;\nconst MENU_ITEM_TAG_SIZE: Record<MenuSize, 'md' | 'sm' | 'xs'> = {\n  lg: 'md',\n  md: 'sm',\n  sm: 'xs',\n  xs: 'xs',\n};\n\n@Component({\n  tag: 'ds-menu',\n  styleUrl: 'Menu.css',\n  scoped: true,\n})\nexport class Menu {\n  @Element() el!: HTMLElement;\n\n  /** Render content inside a parent-owned surface; the parent owns dismissal and positioning. */\n  @Prop() embedded: boolean = false;\n  @Prop({ mutable: true }) open: boolean = false;\n  @Prop() items: MenuItemData[] = [];\n  /** Choice-row density. */\n  @Prop() size: MenuSize = 'md';\n  /** Give ordinary rows mutually-exclusive menu semantics using isSelected. */\n  @Prop() selectionMode: MenuSelectionMode = 'none';\n  @Prop() sections: MenuSection[] = [];\n  /** Preferred side; placement flips to the opposite side when that offers a better fit. */\n  @Prop() side: MenuSide = 'bottom';\n  @Prop() align: MenuAlign = 'start';\n  /** Align choice-row edges to the anchor by default; use `popup-frame` only for custom frame geometry. */\n  @Prop() anchorAlignment: ChoicePopupAnchorAlignment = 'choice-cell';\n  /** Gap between anchor and menu — number (px) or TokoMo length (`var(--dimension-space-050)`, etc.). */\n  @Prop() sideOffset: number | string = TOKEN_CSS_LENGTHS.space050;\n  /** Cross-axis offset — number (px) or TokoMo length. */\n  @Prop() alignOffset: number | string = 0;\n  @Prop() menuWidth: string | undefined;\n  @Prop() minWidth: string | undefined;\n  /** External trigger element to position against. Set via JS: menuEl.anchor = buttonEl */\n  @Prop() anchor: HTMLElement | undefined;\n  /** ID of the external trigger element for positioning */\n  @Prop() anchorId: string | undefined;\n  /** Explicit collision owner; otherwise the nearest data-ds-overlay-boundary ancestor is used. */\n  @Prop() boundary: HTMLElement | undefined;\n  /** Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven. */\n  @Prop() initialFocusVisible: boolean = false;\n  /** Accessible name for the popup menu. */\n  @Prop() menuLabel: string = 'Menu';\n  /** Informational message shown when there are no choices. Uses a non-modal dialog, not a fake menu item. */\n  @Prop() emptyMessage: string = '';\n\n  @State() private shouldRender: boolean = false;\n  @State() private closing: boolean = false;\n  @State() private pos: { x: number; y: number } = { x: 0, y: 0 };\n  @State() private focusedIndex: number = 0;\n  @State() private positionReady: boolean = false;\n  @State() private availableHeight: number | null = null;\n  @State() private focusRingVisible: boolean = false;\n  @State() private reorderFromFlat: number | null = null;\n  @State() private reorderInsertBefore: number | null = null;\n  @State() private reorderAnnouncement = '';\n\n  @Event() dsClose!: EventEmitter<void>;\n  /** Emitted after the popup's exit motion is complete and its rendered content is removed. */\n  @Event() dsAfterClose!: EventEmitter<void>;\n  @Event() dsSelect!: EventEmitter<MenuItemData>;\n  /** Emitted when a row's separate trailing toggle requests a controlled state change. */\n  @Event() dsItemToggle!: EventEmitter<MenuItemToggleDetail>;\n  /** Emitted when a generic `swatch-picker` section option is chosen. */\n  @Event() dsSwatchSelect!: EventEmitter<string>;\n  /** Emitted after a pointer drop or keyboard move; Menu never mutates item order. */\n  @Event() dsReorder!: EventEmitter<MenuReorderDetail>;\n\n  private closeTimer: ReturnType<typeof setTimeout> | null = null;\n  private loaded = false;\n  private readonly tasks = new ConnectionTasks(() => this.el.isConnected);\n  private positionReadyCallback: (() => void) | undefined;\n  private suppressItemClick = false;\n  private reorderPointer: {\n    pointerId: number;\n    sectionIndex: number;\n    fromIndex: number;\n  } | null = null;\n  /**\n   * Anchored placement. The choice-cell measurement stays here on purpose: the\n   * inner-cell align offset and the `--dimension-menu-width-xs` floor are Menu\n   * semantics, not shared geometry.\n   */\n  private readonly position = new AnchoredPositionController({\n    getAnchor: () => this.resolvedAnchor ?? null,\n    getPopup: () => this.el.querySelector<HTMLElement>('.menu-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    measure: (anchorEl, popup) => {\n      if (!this.open) return null;\n\n      const anchorRect = anchorEl.getBoundingClientRect();\n      const sectionInsetPx = this.viewportPadPx;\n      if (!this.minWidth) {\n        if (\n          this.anchorAlignment === 'choice-cell' &&\n          (this.side === 'top' || this.side === 'bottom')\n        ) {\n          popup.style.minWidth = `max(var(--dimension-menu-width-xs), ${choicePopupMinWidth(\n            anchorRect.width,\n            sectionInsetPx\n          )}px)`;\n        } else {\n          popup.style.removeProperty('min-width');\n        }\n      }\n\n      const viewportPadPx = this.viewportPadPx;\n      const list = popup.querySelector<HTMLElement>('.ds-choice-list');\n      const naturalPopupHeight = Math.min(\n        Math.max(popup.offsetHeight, list?.scrollHeight ?? 0),\n        window.innerHeight - viewportPadPx * 2\n      );\n      const input: AnchoredPositionInput = {\n        anchorRect,\n        popupWidth: popup.offsetWidth || this.popupFallbackWidthPx,\n        popupHeight: naturalPopupHeight || this.popupFallbackHeightPx,\n        side: this.side,\n        align: this.align,\n        sideOffsetPx: this.sideOffsetPx,\n        alignOffsetPx: resolveChoicePopupAlignOffset({\n          align: this.align,\n          alignOffsetPx: this.alignOffsetPx,\n          sectionInsetPx,\n          anchorAlignment: this.anchorAlignment,\n        }),\n        viewportPadPx,\n        viewportWidth: window.innerWidth,\n        viewportHeight: window.innerHeight,\n        collisionRect: resolveAnchoredOverlayBoundaryRect(anchorEl, this.boundary),\n      };\n      const unconstrained = computeAnchoredPosition(input);\n      return {\n        ...input,\n        popupHeight: Math.min(input.popupHeight, unconstrained.availableHeight),\n      };\n    },\n    apply: ({ x, y, availableHeight }) => {\n      this.pos = { x, y };\n      this.availableHeight = availableHeight;\n    },\n    onReady: () => {\n      this.positionReady = true;\n    },\n    liveUpdate: 'double-frame',\n    topLayer: true,\n    observeResize: true,\n    observeAnchorMotion: true,\n  });\n  private readonly interaction = new AnchoredOverlayInteractionController({\n    getAnchor: () => this.resolvedAnchor,\n    getPopup: () => this.el.querySelector<HTMLElement>('.menu-popup'),\n    getOwnerDocument: () => this.el.ownerDocument,\n    onOutsideActivation: () => this.close(),\n  });\n  /** Last content actually painted while open; retained unchanged through exit motion. */\n  private lastRenderedSections: MenuSection[] = [];\n  private closingSections: MenuSection[] | null = null;\n  private readonly emptyMessageId = `ds-menu-empty-${++menuId}`;\n  private lastRenderedEmptyMessage = '';\n\n  componentDidLoad() {\n    this.loaded = true;\n    if (this.open) this.onOpenChange(true);\n  }\n\n  connectedCallback() {\n    if (this.loaded && this.open) this.onOpenChange(true);\n  }\n\n  disconnectedCallback() {\n    this.cancelPositionRetry();\n    this.cancelLivePositionUpdate();\n    this.clearReorderPointer();\n    this.teardownListeners();\n    this.positionReadyCallback = undefined;\n    this.shouldRender = false;\n    this.closing = false;\n    this.positionReady = false;\n    this.closingSections = null;\n    this.lastRenderedSections = [];\n    this.suppressItemClick = false;\n    this.reorderAnnouncement = '';\n  }\n\n  @Watch('open')\n  onOpenChange(isOpen: boolean) {\n    if (this.embedded || !this.loaded || !this.el.isConnected) return;\n    if (isOpen) {\n      this.teardownListeners();\n      this.closingSections = null;\n      this.shouldRender = true;\n      this.closing = false;\n      this.positionReady = false;\n      this.availableHeight = null;\n      this.focusRingVisible = this.initialFocusVisible;\n      this.setupListeners();\n      this.schedulePositionUpdate(() => {\n        this.focusInitialItem();\n      });\n    } else if (this.shouldRender && !this.closing) {\n      this.positionReadyCallback = undefined;\n      this.cancelPositionRetry();\n      this.captureClosingSections();\n      this.closing = true;\n      this.teardownListeners();\n      const closeAnimationMs = this.closeAnimationMs;\n      if (closeAnimationMs <= 0) {\n        this.finishClose();\n        return;\n      }\n      this.closeTimer = setTimeout(() => {\n        this.closeTimer = null;\n        this.finishClose();\n      }, closeAnimationMs);\n    }\n  }\n\n  @Watch('anchor')\n  @Watch('anchorId')\n  @Watch('boundary')\n  onAnchorChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  @Watch('side')\n  @Watch('align')\n  @Watch('anchorAlignment')\n  @Watch('sideOffset')\n  @Watch('alignOffset')\n  onPositionPropsChange() {\n    if (this.open) this.schedulePositionUpdate();\n  }\n\n  private get viewportPadPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.space050, TOKEN_DEFAULTS.space050);\n  }\n\n  private get sideOffsetPx(): number {\n    return resolveCssLengthPx(this.sideOffset, TOKEN_DEFAULTS.space050);\n  }\n\n  private get alignOffsetPx(): number {\n    return resolveCssLengthPx(this.alignOffset, 0);\n  }\n\n  private get popupFallbackWidthPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuWidthXs, TOKEN_DEFAULTS.menuWidthXs);\n  }\n\n  private get popupFallbackHeightPx(): number {\n    return resolveCssLengthPx(TOKEN_DEFAULTS.menuFallbackHeight, TOKEN_DEFAULTS.menuFallbackHeight);\n  }\n\n  private get closeAnimationMs(): number {\n    return resolveMotionTimeMs(TOKEN_DEFAULTS.motionShort2, TOKEN_DEFAULTS.animationDurationShort3);\n  }\n\n  private finishClose() {\n    if (this.open || !this.closing || !this.el.isConnected) return;\n    const popup = this.el.querySelector<HTMLElement>('.menu-popup');\n    if (popup?.matches(':popover-open')) popup.hidePopover();\n    this.shouldRender = false;\n    this.closing = false;\n    this.lastRenderedSections = [];\n    this.closingSections = null;\n    this.clearReorderPointer();\n    this.reorderAnnouncement = '';\n    this.dsAfterClose.emit();\n  }\n\n  private captureClosingSections() {\n    if (this.closingSections) return;\n    const visibleSections = this.lastRenderedSections.length\n      ? this.lastRenderedSections\n      : this.activeSections;\n    this.closingSections = snapshotMenuSections(visibleSections);\n  }\n\n  private get resolvedAnchor(): HTMLElement | null {\n    if (this.anchor) return this.anchor;\n    if (this.anchorId) return document.getElementById(this.anchorId);\n    return null;\n  }\n\n  private compositeTabLeavesPopup(event: KeyboardEvent): boolean {\n    return this.interaction.tabLeavesPopup(event);\n  }\n\n  private get activeSections(): MenuSection[] {\n    if (this.sections.length > 0) return this.sections;\n    if (this.items.length > 0) return [{ items: this.items }];\n    return [];\n  }\n\n  private get flatItems(): MenuItemData[] {\n    return this.activeSections.flatMap(section =>\n      isMenuPickerSection(section) ? [] : section.items\n    );\n  }\n\n  /** Rich preference content is a non-modal dialog, not an ARIA action menu. */\n  private get hasCompositeSections(): boolean {\n    return this.sectionsHaveCompositeControls(this.activeSections);\n  }\n\n  private sectionsHaveCompositeControls(sections: MenuSection[]): boolean {\n    return sections.some(\n      section =>\n        isMenuPickerSection(section) ||\n        section.items.some(item => Boolean(item.trailingToggle || item.trailingActions?.length))\n    );\n  }\n\n  private sectionUsesInsetDivider(section: MenuSection | undefined): boolean {\n    return Boolean(section && !isMenuPickerSection(section) && section.insetDividerBefore);\n  }\n\n  private cancelPositionRetry() {\n    this.position.cancel();\n  }\n\n  private cancelLivePositionUpdate() {\n    this.position.cancel();\n  }\n\n  /** Reposition after the current scroll/layout frame without hiding the open popup. */\n  private scheduleLivePositionUpdate() {\n    this.position.scheduleLiveUpdate();\n  }\n\n  /** Retry until anchor + popup exist — do not reveal at 0,0 on a failed first pass. */\n  private schedulePositionUpdate(onReady?: () => void) {\n    if (!this.open || !this.el.isConnected) return;\n    this.positionReady = false;\n    // Opening often sets `open` and `anchorId` together. Each Watch reschedules\n    // placement; keep the open-path ready callback so initial focus is not dropped.\n    if (onReady) this.positionReadyCallback = onReady;\n    const callback = this.positionReadyCallback;\n    this.position.schedule(() => {\n      if (this.positionReadyCallback === callback) {\n        this.positionReadyCallback = undefined;\n      }\n      callback?.();\n    });\n  }\n\n  /** @returns `true` when anchor and popup were found and `pos` was updated. */\n  private calculatePosition(): boolean {\n    return this.position.update();\n  }\n\n  /** Focus the selected item when present, otherwise the first enabled item. */\n  private focusInitialItem() {\n    if (!this.hasCompositeSections && !this.flatItems.length && this.emptyMessage.trim()) {\n      this.tasks.frame(() => {\n        if (this.open) this.el.querySelector<HTMLElement>('.menu-popup')?.focus();\n      });\n      return;\n    }\n    if (this.hasCompositeSections) {\n      this.tasks.frame(() => {\n        this.el.querySelector<HTMLElement>('.menu-popup [tabindex=\"0\"]')?.focus();\n      });\n      return;\n    }\n\n    const flat = this.flatItems;\n    const selectedIdx = flat.findIndex(it => it.isSelected && !it.isInactive);\n    const firstEnabledIdx = flat.findIndex(it => !it.isInactive || !!it.reorderable);\n    this.focusedIndex = selectedIdx >= 0 ? selectedIdx : firstEnabledIdx >= 0 ? firstEnabledIdx : 0;\n\n    this.tasks.frame(() => {\n      const btns = this.el.querySelectorAll<HTMLElement>('.menu-item');\n      btns[this.focusedIndex]?.focus();\n    });\n  }\n\n  private setupListeners() {\n    this.interaction.connect();\n    this.position.observe();\n  }\n\n  private teardownListeners() {\n    this.tasks.cancel();\n    this.position.unobserve();\n    this.interaction.disconnect();\n    if (this.closeTimer) {\n      clearTimeout(this.closeTimer);\n      this.closeTimer = null;\n    }\n  }\n\n  private close(restoreFocus = true) {\n    this.captureClosingSections();\n    if (restoreFocus) this.interaction.focusAnchor();\n    this.dsClose.emit();\n    this.open = false;\n    this.onOpenChange(false);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.embedded && (e.key === 'Escape' || e.key === 'Tab')) return;\n    if ((!this.shouldRender && !this.embedded) || this.closing) return;\n\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      this.close();\n      return;\n    }\n\n    if (e.key === 'Tab') {\n      if (this.hasCompositeSections && !this.compositeTabLeavesPopup(e)) return;\n      e.preventDefault();\n      this.close(false);\n      this.interaction.moveFocusAfterTab(e.shiftKey);\n      return;\n    }\n\n    if (\n      (e.key === 'ArrowUp' || e.key === 'ArrowDown') &&\n      e.altKey &&\n      !e.ctrlKey &&\n      !e.shiftKey &&\n      (e.target as HTMLElement).closest('.menu-item')\n    ) {\n      this.handleReorderKey(e);\n      return;\n    }\n\n    if (this.hasCompositeSections) return;\n\n    const flat = this.flatItems;\n    const enabled = flat\n      .map((it, i) => ({ it, i }))\n      .filter(({ it }) => !it.isInactive || !!it.reorderable)\n      .map(({ i }) => i);\n    if (!enabled.length) return;\n\n    const cur = enabled.indexOf(this.focusedIndex);\n    const safe = cur < 0 ? 0 : cur;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe + 1) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[(safe - 1 + enabled.length) % enabled.length];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'Home':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[0];\n        this.focusItem(this.focusedIndex);\n        break;\n      case 'End':\n        e.preventDefault();\n        e.stopPropagation();\n        this.focusRingVisible = true;\n        this.focusedIndex = enabled[enabled.length - 1];\n        this.focusItem(this.focusedIndex);\n        break;\n    }\n  }\n\n  private focusItem(idx: number) {\n    const rows = this.el.querySelectorAll<HTMLElement>('.menu-item');\n    const row = rows[idx];\n    if (!row) return;\n    if (row.matches('button')) row.focus();\n    else row.querySelector<HTMLElement>('[tabindex=\"0\"]')?.focus();\n  }\n\n  private handleItemClick(item: MenuItemData) {\n    if (this.suppressItemClick) {\n      this.suppressItemClick = false;\n      return;\n    }\n    if (item.isInactive) return;\n    // Consumers commonly change the item source while handling selection.\n    // Capture first so the exit animation never paints the next menu context.\n    this.captureClosingSections();\n    this.dsSelect.emit(item);\n  }\n\n  private handleSwatchSelect(value: string) {\n    this.dsSwatchSelect.emit(value);\n  }\n\n  private handleReorderKey(event: KeyboardEvent): void {\n    const located = locateMenuItem(this.activeSections, this.focusedIndex);\n    if (!located || !located.items[located.itemIndex]?.reorderable) return;\n\n    const nextItems = moveReorderableMenuItemBy(\n      located.items,\n      located.itemIndex,\n      event.key === 'ArrowUp' ? -1 : 1\n    );\n    if (!nextItems) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.emitReorder(located.items, located.itemIndex, nextItems, located.sectionIndex);\n  }\n\n  private emitReorder(\n    items: MenuItemData[],\n    fromIndex: number,\n    nextItems: MenuItemData[],\n    sectionIndex: number\n  ): void {\n    const detail = createMenuReorderDetail(items, fromIndex, nextItems, sectionIndex);\n    if (!detail) return;\n    this.focusedIndex = this.flatIndexFor(sectionIndex, detail.toIndex);\n    this.announceReorder(detail);\n    this.dsReorder.emit(detail);\n  }\n\n  private flatIndexFor(sectionIndex: number, itemIndex: number): number {\n    let flat = 0;\n    for (let index = 0; index < this.activeSections.length; index += 1) {\n      const section = this.activeSections[index];\n      if (isMenuPickerSection(section)) continue;\n      if (index === sectionIndex) return flat + itemIndex;\n      flat += section.items.length;\n    }\n    return itemIndex;\n  }\n\n  private announceReorder(detail: MenuReorderDetail): void {\n    const range = menuReorderableRange(detail.items, detail.toIndex);\n    const count = range ? range.end - range.start + 1 : detail.items.length;\n    const position = range ? detail.toIndex - range.start + 1 : detail.toIndex + 1;\n    this.reorderAnnouncement = `${detail.item.label} moved to position ${position} of ${count}`;\n  }\n\n  private onReorderPointerDown(\n    event: PointerEvent,\n    sectionIndex: number,\n    itemIndex: number,\n    flatIndex: number\n  ): void {\n    if (event.button !== 0) return;\n    const section = this.activeSections[sectionIndex];\n    if (!section || isMenuPickerSection(section)) return;\n    if (!section.items[itemIndex]?.reorderable) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    this.suppressItemClick = true;\n    this.focusRingVisible = false;\n    this.focusedIndex = flatIndex;\n    this.focusItem(flatIndex);\n    this.reorderPointer = {\n      pointerId: event.pointerId,\n      sectionIndex,\n      fromIndex: itemIndex,\n    };\n    this.reorderFromFlat = flatIndex;\n    this.reorderInsertBefore = itemIndex;\n    window.addEventListener('pointermove', this.onReorderPointerMove);\n    window.addEventListener('pointerup', this.onReorderPointerUp);\n    window.addEventListener('pointercancel', this.onReorderPointerCancel);\n  }\n\n  private onReorderPointerMove = (event: PointerEvent) => {\n    const drag = this.reorderPointer;\n    if (!drag || event.pointerId !== drag.pointerId) return;\n    const section = this.activeSections[drag.sectionIndex];\n    if (!section || isMenuPickerSection(section)) return;\n\n    const insertBefore = this.resolveReorderInsertBefore(\n      event.clientY,\n      drag.sectionIndex,\n      drag.fromIndex,\n      section.items\n    );\n    if (insertBefore !== this.reorderInsertBefore) this.reorderInsertBefore = insertBefore;\n  };\n\n  private onReorderPointerUp = (event: PointerEvent) => {\n    const drag = this.reorderPointer;\n    if (!drag || event.pointerId !== drag.pointerId) return;\n\n    const section = this.activeSections[drag.sectionIndex];\n    const insertBefore = this.reorderInsertBefore;\n    this.clearReorderPointer();\n    this.tasks.microtask(() => {\n      this.suppressItemClick = false;\n    });\n    if (!section || isMenuPickerSection(section) || insertBefore === null) return;\n\n    const nextItems = moveReorderableMenuItemBefore(section.items, drag.fromIndex, insertBefore);\n    if (!nextItems) return;\n    this.emitReorder(section.items, drag.fromIndex, nextItems, drag.sectionIndex);\n  };\n\n  private onReorderPointerCancel = (event: PointerEvent) => {\n    if (!this.reorderPointer || event.pointerId !== this.reorderPointer.pointerId) return;\n    this.clearReorderPointer();\n    this.tasks.microtask(() => {\n      this.suppressItemClick = false;\n    });\n  };\n\n  private resolveReorderInsertBefore(\n    clientY: number,\n    sectionIndex: number,\n    fromIndex: number,\n    items: MenuItemData[]\n  ): number {\n    const range = menuReorderableRange(items, fromIndex);\n    if (!range) return fromIndex;\n\n    const buttons = [...this.el.querySelectorAll<HTMLElement>('.menu-item')];\n    const sectionStart = this.flatIndexFor(sectionIndex, 0);\n    let insertBefore = range.end + 1;\n    for (let itemIndex = range.start; itemIndex <= range.end; itemIndex += 1) {\n      const row = buttons[sectionStart + itemIndex];\n      if (!row) continue;\n      const rect = row.getBoundingClientRect();\n      if (clientY < rect.top + rect.height / 2) {\n        insertBefore = itemIndex;\n        break;\n      }\n    }\n    return Math.min(Math.max(insertBefore, range.start), range.end + 1);\n  }\n\n  private clearReorderPointer(): void {\n    if (this.reorderPointer) {\n      window.removeEventListener('pointermove', this.onReorderPointerMove);\n      window.removeEventListener('pointerup', this.onReorderPointerUp);\n      window.removeEventListener('pointercancel', this.onReorderPointerCancel);\n    }\n    this.reorderPointer = null;\n    this.reorderFromFlat = null;\n    this.reorderInsertBefore = null;\n  }\n\n  render() {\n    if (!this.shouldRender && !this.embedded) return <Host style={{ display: 'contents' }} />;\n\n    const sections = this.closing\n      ? (this.closingSections ?? this.lastRenderedSections)\n      : this.activeSections;\n    const hasCompositeSections = this.sectionsHaveCompositeControls(sections);\n    const emptyMessage = this.closing ? this.lastRenderedEmptyMessage : this.emptyMessage.trim();\n    const showEmpty =\n      Boolean(emptyMessage) &&\n      !hasCompositeSections &&\n      sections.every(section => !isMenuPickerSection(section) && section.items.length === 0);\n    if (!this.closing) {\n      this.lastRenderedEmptyMessage = emptyMessage;\n      this.lastRenderedSections = snapshotMenuSections(sections);\n      this.closingSections = null;\n    }\n    let flatIdx = 0;\n    const dragLocated =\n      this.reorderFromFlat === null ? null : locateMenuItem(sections, this.reorderFromFlat);\n    const dragRange = dragLocated\n      ? menuReorderableRange(dragLocated.items, dragLocated.itemIndex)\n      : null;\n\n    const popupStyle: Record<string, string> = {\n      position: 'fixed',\n      left: '0',\n      top: '0',\n      transform: `translate(${Math.round(this.pos.x)}px, ${Math.round(this.pos.y)}px)`,\n      zIndex: '9998',\n      visibility: this.positionReady ? 'visible' : 'hidden',\n    };\n\n    if (this.menuWidth) popupStyle['width'] = this.menuWidth;\n    if (this.minWidth) popupStyle['min-width'] = this.minWidth;\n    if (this.availableHeight !== null) {\n      popupStyle['max-height'] = `${Math.floor(this.availableHeight)}px`;\n    }\n\n    return (\n      <Host style={{ display: 'contents' }}>\n        <div\n          popover={this.embedded ? undefined : 'manual'}\n          class={{\n            'menu-popup': true,\n            'menu-popup--closing': this.closing,\n            'ds-choice-popup': !this.embedded,\n            'data-preferences-embedded': this.embedded,\n            'ds-choice-popup--closing': this.closing,\n            'ds-focus-ring': showEmpty,\n            'ds-focus-ring--visible': showEmpty && this.focusRingVisible,\n          }}\n          style={this.embedded ? undefined : popupStyle}\n          role={hasCompositeSections || showEmpty ? 'dialog' : 'menu'}\n          aria-label={this.menuLabel}\n          aria-orientation={hasCompositeSections || showEmpty ? undefined : 'vertical'}\n          aria-describedby={showEmpty ? this.emptyMessageId : undefined}\n          tabIndex={showEmpty ? -1 : undefined}\n        >\n          <div class=\"ds-choice-list\">\n            {showEmpty ? (\n              <ds-text\n                textId={this.emptyMessageId}\n                class=\"menu-empty\"\n                as=\"p\"\n                variant={CONTROL_TEXT_VARIANT[this.size]}\n                color=\"secondary\"\n              >\n                {emptyMessage}\n              </ds-text>\n            ) : (\n              sections.map((section, si) => (\n                <div\n                  key={si}\n                  class={{\n                    'menu-section': true,\n                    'menu-section--divided':\n                      si < sections.length - 1 && !this.sectionUsesInsetDivider(sections[si + 1]),\n                    'menu-section--swatch-picker': isMenuPickerSection(section),\n                    'ds-choice-section': true,\n                    'ds-chrome-column': true,\n                    'ds-chrome-space--sm': true,\n                    'ds-choice-section--divided':\n                      si < sections.length - 1 && !this.sectionUsesInsetDivider(sections[si + 1]),\n                    'ds-choice-section--headed-after-first':\n                      si > 0 &&\n                      !isMenuPickerSection(section) &&\n                      Boolean(section.header || section.subheader),\n                  }}\n                  role={\n                    section.header || (!isMenuPickerSection(section) && section.subheader)\n                      ? 'group'\n                      : undefined\n                  }\n                  aria-label={\n                    !isMenuPickerSection(section) && section.subheader\n                      ? section.subheader\n                      : section.header\n                  }\n                >\n                  {!isMenuPickerSection(section) && section.insetDividerBefore && (\n                    <span class=\"menu-subsection-divider\" aria-hidden=\"true\" />\n                  )}\n                  {section.header && (\n                    <ds-text\n                      class={`section-header ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n                      as=\"span\"\n                      variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                      emphasis\n                      color=\"primary\"\n                      aria-hidden=\"true\"\n                    >\n                      <span class=\"ds-choice-section__header-label\">{section.header}</span>\n                    </ds-text>\n                  )}\n                  {!isMenuSwatchPickerSection(section) && section.subheader && (\n                    <ds-text\n                      class={`section-subheader ds-choice-section__header ds-control-section-heading ds-control--${this.size}`}\n                      as=\"span\"\n                      variant=\"text-caption\"\n                      emphasis\n                      color=\"secondary\"\n                      aria-hidden=\"true\"\n                    >\n                      <span class=\"ds-choice-section__header-label\">{section.subheader}</span>\n                    </ds-text>\n                  )}\n                  {isMenuSwatchPickerSection(section) ? (\n                    <ds-swatch-picker\n                      value={section.value}\n                      groupLabel={section.groupLabel ?? section.header ?? 'Swatch options'}\n                      options={section.options ?? []}\n                      sections={section.sections ?? []}\n                      onDsChange={(e: CustomEvent<string>) => {\n                        e.stopPropagation();\n                        this.handleSwatchSelect(e.detail);\n                      }}\n                    />\n                  ) : (\n                    section.items.map((item, itemIndex) => {\n                      const idx = flatIdx++;\n                      const isFocused = this.focusedIndex === idx;\n                      const isSingleSelectionItem =\n                        !hasCompositeSections &&\n                        this.selectionMode === 'single' &&\n                        !item.showSwitch;\n                      const usesLeading = section.items.some(\n                        candidate =>\n                          candidate.reorderable ||\n                          candidate.reorderHandleInactive ||\n                          !!candidate.icon\n                      );\n                      const locked = !!item.isInactive && !item.reorderable;\n                      const dragging = this.reorderFromFlat === idx;\n                      const dropBefore =\n                        dragLocated?.sectionIndex === si &&\n                        dragRange !== null &&\n                        itemIndex <= dragRange.end &&\n                        this.reorderInsertBefore === itemIndex;\n                      const dropAfter =\n                        dragLocated?.sectionIndex === si &&\n                        dragRange !== null &&\n                        this.reorderInsertBefore === dragRange.end + 1 &&\n                        itemIndex === dragRange.end;\n                      if (item.trailingActions?.length) {\n                        return (\n                          <div\n                            key={item.value ?? `${si}-${item.label}`}\n                            class={{\n                              'menu-item-row': true,\n                              'menu-item-row--actions': true,\n                              'menu-item': true,\n                              'ds-choice-item': true,\n                              'ds-control-frame': true,\n                              [`ds-control--${this.size}`]: true,\n                              'menu-item--dragging': dragging,\n                            }}\n                            role=\"group\"\n                            aria-label={item.label}\n                            onMouseDown={() => {\n                              this.focusRingVisible = false;\n                            }}\n                            onFocusin={() => {\n                              this.focusedIndex = idx;\n                            }}\n                          >\n                            {(dropBefore || dropAfter) && (\n                              <span\n                                class={{\n                                  'menu-item__drop-rail': true,\n                                  'menu-item__drop-rail--before': dropBefore,\n                                  'menu-item__drop-rail--after': dropAfter,\n                                }}\n                                data-menu-drop-rail\n                                aria-hidden=\"true\"\n                              />\n                            )}\n                            {item.reorderable || item.reorderHandleInactive ? (\n                              <span\n                                class={{\n                                  'menu-item__handle': true,\n                                  'menu-item__handle--action-row': true,\n                                  'menu-item__handle--inactive': Boolean(\n                                    item.reorderHandleInactive\n                                  ),\n                                  'ds-interaction-fill': Boolean(item.reorderable),\n                                  'ds-choice-item__icon': true,\n                                  'ds-control-icon-box': true,\n                                }}\n                                data-menu-handle\n                                aria-hidden=\"true\"\n                                onPointerDown={\n                                  item.reorderable\n                                    ? event => this.onReorderPointerDown(event, si, itemIndex, idx)\n                                    : undefined\n                                }\n                              >\n                                <ds-icon\n                                  class=\"ds-interaction-fill__content\"\n                                  name=\"DragDots\"\n                                  size={this.size}\n                                  color=\"inherit\"\n                                />\n                              </span>\n                            ) : usesLeading && item.icon ? (\n                              <span\n                                class=\"menu-item__icon ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-icon name={item.icon} size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading ? (\n                              <span\n                                class=\"menu-item__icon-spacer ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              />\n                            ) : null}\n                            <div class=\"menu-item__content ds-choice-item__content\">\n                              <ds-text\n                                class=\"menu-item__label ds-choice-item__label ds-control-label-box\"\n                                as=\"span\"\n                                variant={CONTROL_TEXT_VARIANT[this.size]}\n                                color=\"secondary\"\n                              >\n                                {item.label}\n                              </ds-text>\n                              {item.subtext && (\n                                <ds-text\n                                  class=\"menu-item__subtext ds-choice-item__subtext ds-control-label-box\"\n                                  as=\"span\"\n                                  variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                                  color=\"secondary\"\n                                >\n                                  {item.subtext}\n                                </ds-text>\n                              )}\n                            </div>\n                            <span class=\"menu-item-row__actions\">\n                              {item.trailingActions.map((action, actionIndex) => (\n                                <span class=\"menu-item-row__action\" key={action.id}>\n                                  {actionIndex > 0 && (\n                                    <span class=\"menu-item-row__divider\" aria-hidden=\"true\" />\n                                  )}\n                                  <ds-button-unfilled\n                                    variant=\"icon\"\n                                    icon={action.icon}\n                                    size=\"md\"\n                                    ariaLabel={action.label}\n                                    hasBorder={false}\n                                    pressScale={false}\n                                    isInset\n                                    insetDepth=\"single\"\n                                    isInactive={action.isInactive ?? false}\n                                    focusTabIndex={0}\n                                    onDsClick={event => {\n                                      event.stopPropagation();\n                                      this.dsItemToggle.emit({ item, action, pressed: false });\n                                    }}\n                                  />\n                                </span>\n                              ))}\n                            </span>\n                          </div>\n                        );\n                      }\n                      return (\n                        <div\n                          key={item.value ?? `${si}-${item.label}`}\n                          class={{\n                            'menu-item-row': true,\n                            'menu-item-row--trailing-toggle': Boolean(item.trailingToggle),\n                          }}\n                        >\n                          <button\n                            type=\"button\"\n                            class={{\n                              'menu-item': true,\n                              'ds-choice-item': true,\n                              'ds-control-frame': true,\n                              [`ds-control--${this.size}`]: true,\n                              'ds-focus-ring-inset': true,\n                              'ds-focus-ring--visible': isFocused && this.focusRingVisible,\n                              'ds-interaction-fill': !locked,\n                              'ds-interaction-fill--selected': !!item.isSelected && !locked,\n                              'menu-item--selected': !!item.isSelected,\n                              'menu-item--switch': !!item.showSwitch,\n                              'ds-control-inactive': locked,\n                              'menu-item--destructive': !!item.isDestructive,\n                              'menu-item--focused': isFocused,\n                              'menu-item--dragging': dragging,\n                            }}\n                            role={\n                              hasCompositeSections\n                                ? undefined\n                                : item.showSwitch\n                                  ? 'menuitemcheckbox'\n                                  : isSingleSelectionItem\n                                    ? 'menuitemradio'\n                                    : 'menuitem'\n                            }\n                            aria-checked={\n                              !hasCompositeSections && item.showSwitch\n                                ? String(!!item.switchValue)\n                                : isSingleSelectionItem\n                                  ? String(!!item.isSelected)\n                                  : undefined\n                            }\n                            aria-pressed={\n                              hasCompositeSections\n                                ? String(item.showSwitch ? !!item.switchValue : !!item.isSelected)\n                                : undefined\n                            }\n                            aria-current={\n                              !hasCompositeSections &&\n                              !item.showSwitch &&\n                              !isSingleSelectionItem &&\n                              item.isSelected\n                                ? 'true'\n                                : undefined\n                            }\n                            aria-description={\n                              item.reorderable\n                                ? item.isInactive\n                                  ? 'Visibility cannot be changed. Alt + Arrow Up or Alt + Arrow Down moves this row.'\n                                  : 'Drag to reorder. Alt + Arrow Up or Alt + Arrow Down moves this row.'\n                                : undefined\n                            }\n                            aria-disabled={item.isInactive ? 'true' : undefined}\n                            disabled={locked}\n                            tabIndex={\n                              hasCompositeSections || (this.embedded && idx === 0)\n                                ? 0\n                                : isFocused\n                                  ? 0\n                                  : -1\n                            }\n                            onMouseDown={() => {\n                              this.focusRingVisible = false;\n                            }}\n                            onClick={() => this.handleItemClick(item)}\n                            onFocus={() => {\n                              this.focusedIndex = idx;\n                            }}\n                          >\n                            {(dropBefore || dropAfter) && (\n                              <span\n                                class={{\n                                  'menu-item__drop-rail': true,\n                                  'menu-item__drop-rail--before': dropBefore,\n                                  'menu-item__drop-rail--after': dropAfter,\n                                }}\n                                data-menu-drop-rail\n                                aria-hidden=\"true\"\n                              />\n                            )}\n                            {item.reorderable || item.reorderHandleInactive ? (\n                              <span\n                                class={{\n                                  'menu-item__handle': true,\n                                  'menu-item__handle--inactive': Boolean(\n                                    item.reorderHandleInactive\n                                  ),\n                                  'ds-choice-item__icon': true,\n                                  'ds-control-icon-box': true,\n                                  'ds-interaction-fill__content': true,\n                                }}\n                                data-menu-handle\n                                aria-hidden=\"true\"\n                                onPointerDown={\n                                  item.reorderable\n                                    ? event => this.onReorderPointerDown(event, si, itemIndex, idx)\n                                    : undefined\n                                }\n                                onClick={\n                                  item.reorderable\n                                    ? event => {\n                                        event.preventDefault();\n                                        event.stopPropagation();\n                                      }\n                                    : undefined\n                                }\n                              >\n                                <ds-icon name=\"DragDots\" size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading && item.icon ? (\n                              <span\n                                class=\"menu-item__icon ds-choice-item__icon ds-control-icon-box ds-interaction-fill__content\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-icon name={item.icon} size={this.size} color=\"inherit\" />\n                              </span>\n                            ) : usesLeading ? (\n                              <span\n                                class=\"menu-item__icon-spacer ds-choice-item__icon ds-control-icon-box\"\n                                aria-hidden=\"true\"\n                              />\n                            ) : null}\n                            <div class=\"menu-item__content ds-choice-item__content ds-interaction-fill__content\">\n                              <ds-text\n                                class=\"menu-item__label ds-choice-item__label ds-control-label-box\"\n                                as=\"span\"\n                                variant={CONTROL_TEXT_VARIANT[this.size]}\n                                color={item.isSelected ? 'primary' : 'secondary'}\n                              >\n                                {item.label}\n                              </ds-text>\n                              {item.subtext && (\n                                <ds-text\n                                  class=\"menu-item__subtext ds-choice-item__subtext ds-control-label-box\"\n                                  as=\"span\"\n                                  variant={CONTROL_SUPPORTING_TEXT_VARIANT[this.size]}\n                                  color=\"secondary\"\n                                >\n                                  {item.subtext}\n                                </ds-text>\n                              )}\n                            </div>\n                            {item.tag && (\n                              <ds-tag\n                                class=\"ds-choice-item__tag ds-interaction-fill__content\"\n                                label={item.tag.label}\n                                size={MENU_ITEM_TAG_SIZE[this.size]}\n                                intent={item.tag.intent ?? 'neutral'}\n                                contrast={item.tag.contrast ?? 'faint'}\n                                rounded={item.tag.rounded ?? false}\n                                isInset\n                              />\n                            )}\n                            {item.dot && (\n                              <span\n                                class=\"menu-item__dot-box ds-interaction-fill__content\"\n                                aria-hidden=\"true\"\n                              >\n                                <ds-badge\n                                  class=\"menu-item__dot\"\n                                  variant=\"dot\"\n                                  hasRing={false}\n                                  label=\"\"\n                                />\n                              </span>\n                            )}\n                            {item.showSwitch && (\n                              <ds-switch\n                                class=\"menu-item__switch ds-interaction-fill__content\"\n                                size={this.size}\n                                checked={!!item.switchValue}\n                                isInactive={!!item.isInactive}\n                                presentation\n                              />\n                            )}\n                          </button>\n                          {item.trailingToggle && (\n                            <span class=\"menu-item-row__trailing-toggle\">\n                              <span class=\"menu-item-row__divider\" aria-hidden=\"true\" />\n                              <ds-button-unfilled\n                                variant=\"icon\"\n                                icon={item.trailingToggle.icon}\n                                size={this.size}\n                                ariaLabel={item.trailingToggle.label}\n                                hasBorder={false}\n                                pressScale={false}\n                                pressed={item.trailingToggle.pressed}\n                                isInactive={item.trailingToggle.isInactive ?? false}\n                                onDsChange={event => {\n                                  event.stopPropagation();\n                                  this.dsItemToggle.emit({ item, pressed: event.detail });\n                                }}\n                              />\n                            </span>\n                          )}\n                        </div>\n                      );\n                    })\n                  )}\n                </div>\n              ))\n            )}\n          </div>\n        </div>\n        <div class=\"ds-visually-hidden\" role=\"status\" aria-live=\"polite\">\n          {this.reorderAnnouncement}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/{p-CwdRaJER.js → p-BWJb2rih.js}

@@ -1,2 +1,2 @@
-import{p as e,H as a,h as r,a as d,t as o}from"./index.js";import{d as n}from"./p-D8OWhnID.js";const t=()=>`.ds-visually-hidden.sc-ds-badge-h,.ds-visually-hidden.sc-ds-badge{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (forced-colors: active){.sc-ds-badge:root,.sc-ds-badge-h,.ds-forced-colors-scope.sc-ds-badge{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-badge-h{display:inline-flex;align-items:center;justify-content:center;container-name:ds-badge-gradient;pointer-events:none;vertical-align:middle;--_badge-bg:var(--color-background-bold-brand);--_badge-fg:var(--color-foreground-on-bold-background-primary);--_badge-ring:var(--color-background-secondary);--_badge-ring-width:var(--dimension-stroke-width-018);--_badge-gradient-context:var(--ds-shell-gradient-context, flat)}.badge--force-gradient-background.sc-ds-badge-h{--_badge-gradient-context:gradient}.badge--force-flat-background.sc-ds-badge-h{--_badge-gradient-context:flat}.badge__mark.sc-ds-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;color:var(--_badge-fg);background:var(--_badge-bg);box-shadow:0 0 0 var(--_badge-ring-width) var(--_badge-ring);white-space:nowrap}.badge--no-ring.sc-ds-badge-h{--_badge-ring-width:0}.badge--dot.sc-ds-badge-h .badge__mark.sc-ds-badge{width:var(--dimension-size-075);height:var(--dimension-size-075);border-radius:var(--dimension-radius-half)}.badge--counter.sc-ds-badge-h .badge__mark.sc-ds-badge{width:auto;min-width:var(--dimension-size-150);height:var(--dimension-size-150);padding:0 var(--dimension-space-025);border-radius:var(--dimension-radius-half)}@container ds-badge-gradient style(--_badge-gradient-context: gradient){.badge__mark.badge__mark{position:relative;z-index:0;box-shadow:none;isolation:isolate}.badge__mark::before,.badge__mark::after{content:'';position:absolute;inset:calc(-1 * var(--_badge-ring-width));border-radius:inherit;box-sizing:border-box;padding:var(--_badge-ring-width);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,       linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,       linear-gradient(#fff 0 0);mask-composite:exclude}.badge__mark::before{z-index:-2;background-color:var(--_badge-ring)}.badge__mark::after{z-index:-1;background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;opacity:var(--ds-shell-gradient-opacity, 1)}}@media (forced-colors: active){.badge__mark.sc-ds-badge{color:var(--ds-forced-color-on-selected);background:var(--ds-forced-color-selected);box-shadow:none;outline:var(--_badge-ring-width) solid var(--ds-forced-color-surface)}.badge__mark.sc-ds-badge::before,.badge__mark.sc-ds-badge::after{display:none}}`;const s={primary:"var(--color-background-primary)",secondary:"var(--color-background-secondary)",faint:"var(--color-background-faint-neutral)",medium:"var(--color-background-medium-neutral)",bold:"var(--color-background-bold-neutral)",strong:"var(--color-background-strong-neutral)",translucent:"var(--color-translucent-translucent)",inverted:"var(--color-inverted-background)",media:"var(--color-media-background)",navigation:"var(--color-navigation-background)","always-dark":"var(--color-always-dark-background)"};const i=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="counter";this.count=0;this.max=9;this.surface="primary";this.hasRing=true}render(){const e=this.variant==="dot";if(!e&&this.count<=0)return r(d,{style:{display:"none"}});const a=this.count>this.max?`${this.max}+`:String(this.count);const o=this.background??s[this.surface];return r(d,{class:{badge:true,"badge--counter":!e,"badge--dot":e,"badge--no-ring":!this.hasRing,"badge--force-gradient-background":this.gradientBackground===true,"badge--force-flat-background":this.gradientBackground===false},style:{"--_badge-ring":o}},r("span",{class:"badge__mark","aria-hidden":"true"},!e&&r("ds-text",{as:"span",variant:"text-caption",emphasis:true,color:"inherit"},a)),this.label&&r("span",{class:"badge__a11y ds-visually-hidden"},this.label))}static get style(){return t()}},[2,"ds-badge",{variant:[1],count:[2],max:[2],surface:[1],background:[1],hasRing:[4,"has-ring"],gradientBackground:[516,"gradient-background"],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-badge","ds-text"];e.forEach((e=>{switch(e){case"ds-badge":if(!customElements.get(o(e))){customElements.define(o(e),i)}break;case"ds-text":if(!customElements.get(o(e))){n()}break}}))}c();export{i as B,c as d};
-//# sourceMappingURL=p-CwdRaJER.js.map
+import{p as e,H as a,h as r,a as d,t as o}from"./index.js";import{d as n}from"./p-BbvAWFJA.js";const t=()=>`.ds-visually-hidden.sc-ds-badge-h,.ds-visually-hidden.sc-ds-badge{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media (forced-colors: active){.sc-ds-badge:root,.sc-ds-badge-h,.ds-forced-colors-scope.sc-ds-badge{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}.sc-ds-badge-h{display:inline-flex;align-items:center;justify-content:center;container-name:ds-badge-gradient;pointer-events:none;vertical-align:middle;--_badge-bg:var(--color-background-bold-brand);--_badge-fg:var(--color-foreground-on-bold-background-primary);--_badge-ring:var(--color-background-secondary);--_badge-ring-width:var(--dimension-stroke-width-018);--_badge-gradient-context:var(--ds-shell-gradient-context, flat)}.badge--force-gradient-background.sc-ds-badge-h{--_badge-gradient-context:gradient}.badge--force-flat-background.sc-ds-badge-h{--_badge-gradient-context:flat}.badge__mark.sc-ds-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;color:var(--_badge-fg);background:var(--_badge-bg);box-shadow:0 0 0 var(--_badge-ring-width) var(--_badge-ring);white-space:nowrap}.badge--no-ring.sc-ds-badge-h{--_badge-ring-width:0}.badge--dot.sc-ds-badge-h .badge__mark.sc-ds-badge{width:var(--dimension-size-075);height:var(--dimension-size-075);border-radius:var(--dimension-radius-half)}.badge--counter.sc-ds-badge-h .badge__mark.sc-ds-badge{width:auto;min-width:var(--dimension-size-150);height:var(--dimension-size-150);padding:0 var(--dimension-space-025);border-radius:var(--dimension-radius-half)}@container ds-badge-gradient style(--_badge-gradient-context: gradient){.badge__mark.badge__mark{position:relative;z-index:0;box-shadow:none;isolation:isolate}.badge__mark::before,.badge__mark::after{content:'';position:absolute;inset:calc(-1 * var(--_badge-ring-width));border-radius:inherit;box-sizing:border-box;padding:var(--_badge-ring-width);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) content-box,       linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,       linear-gradient(#fff 0 0);mask-composite:exclude}.badge__mark::before{z-index:-2;background-color:var(--_badge-ring)}.badge__mark::after{z-index:-1;background-image:var(--ds-shell-gradient-image, none);background-size:var(--ds-shell-gradient-size, auto);background-position:0 0;background-repeat:no-repeat;background-attachment:fixed;opacity:var(--ds-shell-gradient-opacity, 1)}}@media (forced-colors: active){.badge__mark.sc-ds-badge{color:var(--ds-forced-color-on-selected);background:var(--ds-forced-color-selected);box-shadow:none;outline:var(--_badge-ring-width) solid var(--ds-forced-color-surface)}.badge__mark.sc-ds-badge::before,.badge__mark.sc-ds-badge::after{display:none}}`;const s={primary:"var(--color-background-primary)",secondary:"var(--color-background-secondary)",faint:"var(--color-background-faint-neutral)",medium:"var(--color-background-medium-neutral)",bold:"var(--color-background-bold-neutral)",strong:"var(--color-background-strong-neutral)",translucent:"var(--color-translucent-translucent)",inverted:"var(--color-inverted-background)",media:"var(--color-media-background)",navigation:"var(--color-navigation-background)","always-dark":"var(--color-always-dark-background)"};const i=e(class e extends a{constructor(e){super();if(e!==false){this.__registerHost()}this.variant="counter";this.count=0;this.max=9;this.surface="primary";this.hasRing=true}render(){const e=this.variant==="dot";if(!e&&this.count<=0)return r(d,{style:{display:"none"}});const a=this.count>this.max?`${this.max}+`:String(this.count);const o=this.background??s[this.surface];return r(d,{class:{badge:true,"badge--counter":!e,"badge--dot":e,"badge--no-ring":!this.hasRing,"badge--force-gradient-background":this.gradientBackground===true,"badge--force-flat-background":this.gradientBackground===false},style:{"--_badge-ring":o}},r("span",{class:"badge__mark","aria-hidden":"true"},!e&&r("ds-text",{as:"span",variant:"text-caption",emphasis:true,color:"inherit"},a)),this.label&&r("span",{class:"badge__a11y ds-visually-hidden"},this.label))}static get style(){return t()}},[2,"ds-badge",{variant:[1],count:[2],max:[2],surface:[1],background:[1],hasRing:[4,"has-ring"],gradientBackground:[516,"gradient-background"],label:[1]}]);function c(){if(typeof customElements==="undefined"){return}const e=["ds-badge","ds-text"];e.forEach((e=>{switch(e){case"ds-badge":if(!customElements.get(o(e))){customElements.define(o(e),i)}break;case"ds-text":if(!customElements.get(o(e))){n()}break}}))}c();export{i as B,c as d};
+//# sourceMappingURL=p-BWJb2rih.js.map

package/dist/components/{p-D8OWhnID.js → p-BbvAWFJA.js}

@@ -1,2 +1,2 @@
-import{p as t,H as e,h as s,a as r,t as i}from"./index.js";function d(t){return`ds-text--${t.replace(/^text-/,"")}`}function a(t){return t==="span"||t==="label"?"ds-text--inline-box":"ds-text--block-box"}const o=()=>`.ds-text--display-medium.sc-ds-text-h,.ds-text--display-medium.sc-ds-text{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-text-h,.ds-text--display-small.sc-ds-text{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-text-h,.ds-text--title-large.sc-ds-text{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-text-h,.ds-text--title-medium.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-text-h,.ds-text--title-small.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-text-h,.ds-text--body-large.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-text-h,.ds-text--body-medium.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-text-h,.ds-text--body-small.sc-ds-text{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-text-h,.ds-text--caption.sc-ds-text{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--display-small.ds-text--emphasis.sc-ds-text-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-text,.ds-text--display-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-text-h,.ds-text--display-small.ds-text--regular.sc-ds-text-h,.ds-text--display-medium.ds-text--regular.sc-ds-text,.ds-text--display-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-text-h,.ds-text--title-large.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-text-h,.ds-text--title-large.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--title-small.ds-text--emphasis.sc-ds-text-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-text,.ds-text--title-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-text-h,.ds-text--title-small.ds-text--regular.sc-ds-text-h,.ds-text--title-medium.ds-text--regular.sc-ds-text,.ds-text--title-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-text-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--body-large.ds-text--emphasis.sc-ds-text,.ds-text--body-medium.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-text-h,.ds-text--body-medium.ds-text--regular.sc-ds-text-h,.ds-text--body-large.ds-text--regular.sc-ds-text,.ds-text--body-medium.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-text-h,.ds-text--body-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-text-h,.ds-text--body-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-text-h,.ds-text--caption.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-text-h,.ds-text--caption.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-text:root,.sc-ds-text-h,.ds-forced-colors-scope.sc-ds-text{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@keyframes ds-shimmer-text-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}@keyframes ds-shimmer-surface-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}.ds-shimmer-text.sc-ds-text{--ds-shimmer-base:currentColor;--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );background-color:var(--ds-shimmer-base);background-image:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ds-shimmer-text-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}.ds-shimmer-surface.sc-ds-text{--ds-shimmer-surface-base:var(--color-foreground-quaternary);--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );position:relative;overflow:hidden;background-color:var(--ds-shimmer-surface-base)}.ds-shimmer-surface.sc-ds-text::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;animation:ds-shimmer-surface-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}@media (prefers-reduced-motion: reduce){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}@media (forced-colors: active){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text{background-color:var(--ds-forced-color-disabled)}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}.sc-ds-text-h{box-sizing:border-box;max-width:100%;min-width:0;margin:0;padding:0;border:0;font-family:var(--typography-font-family-ui)}.sc-ds-text-h:where(.ds-text--inline-box){display:inline-block}.sc-ds-text-h:where(.ds-text--block-box){display:block;width:100%}.ds-text__element.sc-ds-text{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;text-align:inherit;text-decoration:inherit;text-underline-offset:inherit;font-style:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;-webkit-user-select:inherit;user-select:inherit;white-space:inherit;text-wrap:inherit;overflow-wrap:inherit;word-break:inherit;overflow:inherit;text-overflow:inherit}.ds-text--truncate-1.sc-ds-text-h{overflow:hidden}.ds-text--truncate-1.sc-ds-text-h .ds-text__element.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-text--truncate-2.sc-ds-text-h,.ds-text--truncate-3.sc-ds-text-h,.ds-text--truncate-4.sc-ds-text-h,.ds-text--truncate-5.sc-ds-text-h{overflow:hidden}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:2}.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:3}.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:4}.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:5}.ds-text--nowrap.sc-ds-text-h,.ds-text--nowrap.sc-ds-text-h .ds-text__element.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-text--balance.sc-ds-text-h,.ds-text--balance.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:balance}.ds-text--pretty.sc-ds-text-h,.ds-text--pretty.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:pretty}.ds-text--color-primary.sc-ds-text-h{color:var(--color-foreground-primary)}.ds-text--color-secondary.sc-ds-text-h{color:var(--color-foreground-secondary)}.ds-text--color-tertiary.sc-ds-text-h{color:var(--color-foreground-tertiary)}.ds-text--color-quaternary.sc-ds-text-h{color:var(--color-foreground-quaternary)}.ds-text--color-brand.sc-ds-text-h{color:var(--color-foreground-bold-brand)}.ds-text--color-negative.sc-ds-text-h{color:var(--color-foreground-bold-negative)}.ds-text--color-positive.sc-ds-text-h{color:var(--color-foreground-bold-positive)}.ds-text--color-warning.sc-ds-text-h{color:var(--color-foreground-bold-warning)}.ds-text--color-caution.sc-ds-text-h{color:var(--color-foreground-bold-caution)}.ds-text--color-ai.sc-ds-text-h{color:var(--color-foreground-bold-ai)}.ds-text--color-on-strong.sc-ds-text-h{color:var(--color-foreground-on-strong-background-primary)}.ds-text--color-on-bold.sc-ds-text-h{color:var(--color-foreground-on-bold-background-primary)}.ds-text--decoration-underline.sc-ds-text-h,.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text--decoration-underline.sc-ds-text-h{text-decoration-line:underline}.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-line:underline;text-decoration-style:dotted}.ds-text--italic.sc-ds-text-h{font-style:italic}.ds-text--font-feature-tabular-nums.sc-ds-text-h{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.ds-text--align-left.sc-ds-text-h{text-align:left}.ds-text--align-center.sc-ds-text-h{text-align:center}.ds-text--align-right.sc-ds-text-h{text-align:right}`;const n=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.emphasis=false;this.color="inherit";this.italic=false;this.shimmer=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const i=Number(this.lineTruncation);const o={"ds-text":true,[a(this.as)]:true,[d(this.variant)]:true,"ds-text--emphasis":this.emphasis,"ds-text--regular":!this.emphasis,"ds-text--nowrap":this.wrap==="nowrap","ds-text--balance":this.wrap==="balance","ds-text--pretty":this.wrap==="pretty","ds-text--truncate-1":i===1&&this.wrap!=="nowrap","ds-text--truncate-2":i===2&&this.wrap!=="nowrap","ds-text--truncate-3":i===3&&this.wrap!=="nowrap","ds-text--truncate-4":i===4&&this.wrap!=="nowrap","ds-text--truncate-5":i===5&&this.wrap!=="nowrap","ds-text--color-primary":this.color==="primary","ds-text--color-secondary":this.color==="secondary","ds-text--color-tertiary":this.color==="tertiary","ds-text--color-quaternary":this.color==="quaternary","ds-text--color-brand":this.color==="brand","ds-text--color-negative":this.color==="negative","ds-text--color-positive":this.color==="positive","ds-text--color-warning":this.color==="warning","ds-text--color-caution":this.color==="caution","ds-text--color-ai":this.color==="ai","ds-text--color-on-strong":this.color==="on-strong","ds-text--color-on-bold":this.color==="on-bold","ds-text--color-inherit":this.color==="inherit","ds-text--decoration-underline":this.decoration==="underline","ds-text--decoration-dotted-underline":this.decoration==="dotted-underline","ds-text--italic":this.italic,"ds-text--align-left":this.align==="left","ds-text--align-center":this.align==="center","ds-text--align-right":this.align==="right","ds-text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const n=this.color&&e(this.color)?{color:this.color}:undefined;const c={};if(this.as==="label"&&this.for)c["for"]=this.for;if(this.textId)c["id"]=this.textId;return s(r,{key:"a07a18c498da0a80513f38025781d071c9f65cb3",class:o,style:n},s(t,{key:"29b47cc1b9cd977a2312da0c2c74d1e25d1e54ad",class:{"ds-text__element":true,"ds-shimmer-text":this.shimmer},...c},s("slot",{key:"2f1fdc1648b3ff24901017063dad24bc3f736534"})))}static get style(){return o()}},[262,"ds-text",{variant:[1],emphasis:[4],color:[1],decoration:[1],italic:[4],shimmer:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1],textId:[1,"text-id"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(i(t))){customElements.define(i(t),n)}break}}))}c();export{n as T,c as d};
-//# sourceMappingURL=p-D8OWhnID.js.map
+import{p as t,H as e,h as s,a as r,t as i}from"./index.js";function d(t){return`ds-text--${t.replace(/^text-/,"")}`}function a(t){return t==="span"||t==="label"?"ds-text--inline-box":"ds-text--block-box"}const o=()=>`.ds-text--display-medium.sc-ds-text-h,.ds-text--display-medium.sc-ds-text{font-size:var(--typography-fontsize-3xl);line-height:var(--typography-lineheight-3xl)}.ds-text--display-small.sc-ds-text-h,.ds-text--display-small.sc-ds-text{font-size:var(--typography-fontsize-2xl);line-height:var(--typography-lineheight-2xl)}.ds-text--title-large.sc-ds-text-h,.ds-text--title-large.sc-ds-text{font-size:var(--typography-fontsize-xl);line-height:var(--typography-lineheight-xl)}.ds-text--title-medium.sc-ds-text-h,.ds-text--title-medium.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--title-small.sc-ds-text-h,.ds-text--title-small.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-large.sc-ds-text-h,.ds-text--body-large.sc-ds-text{font-size:var(--typography-fontsize-lg);line-height:var(--typography-lineheight-lg)}.ds-text--body-medium.sc-ds-text-h,.ds-text--body-medium.sc-ds-text{font-size:var(--typography-fontsize-md);line-height:var(--typography-lineheight-md)}.ds-text--body-small.sc-ds-text-h,.ds-text--body-small.sc-ds-text{font-size:var(--typography-fontsize-sm);line-height:var(--typography-lineheight-sm)}.ds-text--caption.sc-ds-text-h,.ds-text--caption.sc-ds-text{font-size:var(--typography-fontsize-xs);line-height:var(--typography-lineheight-xs);text-transform:uppercase}.ds-text--display-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--display-small.ds-text--emphasis.sc-ds-text-h,.ds-text--display-medium.ds-text--emphasis.sc-ds-text,.ds-text--display-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-bold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--display-medium.ds-text--regular.sc-ds-text-h,.ds-text--display-small.ds-text--regular.sc-ds-text-h,.ds-text--display-medium.ds-text--regular.sc-ds-text,.ds-text--display-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-large.ds-text--emphasis.sc-ds-text-h,.ds-text--title-large.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative-double)}.ds-text--title-large.ds-text--regular.sc-ds-text-h,.ds-text--title-large.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--title-small.ds-text--emphasis.sc-ds-text-h,.ds-text--title-medium.ds-text--emphasis.sc-ds-text,.ds-text--title-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--title-medium.ds-text--regular.sc-ds-text-h,.ds-text--title-small.ds-text--regular.sc-ds-text-h,.ds-text--title-medium.ds-text--regular.sc-ds-text,.ds-text--title-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-large.ds-text--emphasis.sc-ds-text-h,.ds-text--body-medium.ds-text--emphasis.sc-ds-text-h,.ds-text--body-large.ds-text--emphasis.sc-ds-text,.ds-text--body-medium.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative)}.ds-text--body-large.ds-text--regular.sc-ds-text-h,.ds-text--body-medium.ds-text--regular.sc-ds-text-h,.ds-text--body-large.ds-text--regular.sc-ds-text,.ds-text--body-medium.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--emphasis.sc-ds-text-h,.ds-text--body-small.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-negative-half)}.ds-text--body-small.ds-text--regular.sc-ds-text-h,.ds-text--body-small.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-regular);letter-spacing:var(--typography-letterspacing-none)}.ds-text--caption.ds-text--emphasis.sc-ds-text-h,.ds-text--caption.ds-text--emphasis.sc-ds-text{font-weight:var(--typography-weight-semibold);letter-spacing:var(--typography-letterspacing-positive)}.ds-text--caption.ds-text--regular.sc-ds-text-h,.ds-text--caption.ds-text--regular.sc-ds-text{font-weight:var(--typography-weight-medium);letter-spacing:var(--typography-letterspacing-positive)}@media (forced-colors: active){.sc-ds-text:root,.sc-ds-text-h,.ds-forced-colors-scope.sc-ds-text{--ds-forced-color-surface:Canvas;--ds-forced-color-content:CanvasText;--ds-forced-color-control-boundary:ButtonText;--ds-forced-color-selected:Highlight;--ds-forced-color-on-selected:HighlightText;--ds-forced-color-disabled:GrayText}}@keyframes ds-shimmer-text-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}@keyframes ds-shimmer-surface-motion{0%{background-position:100% 0}76.923%{background-position:0 0}100%{background-position:0 0}}.ds-shimmer-text.sc-ds-text{--ds-shimmer-base:currentColor;--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );background-color:var(--ds-shimmer-base);background-image:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:ds-shimmer-text-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}.ds-shimmer-surface.sc-ds-text{--ds-shimmer-surface-base:var(--color-foreground-quaternary);--ds-shimmer-duration:var(--effect-animation-duration-long-2);--ds-shimmer-repeat-delay:var(--effect-animation-delay-short-3);--ds-shimmer-cycle-duration:calc(var(--ds-shimmer-duration) + var(--ds-shimmer-repeat-delay));--ds-shimmer-easing:var(--effect-animation-easing-linear);--ds-shimmer-spread:var(--dimension-size-500);--ds-shimmer-travel:calc(     var(--dimension-size-800) + var(--dimension-size-500) + var(--dimension-size-200)   );position:relative;overflow:hidden;background-color:var(--ds-shimmer-surface-base)}.ds-shimmer-surface.sc-ds-text::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(     330deg,     transparent calc(50% - var(--ds-shimmer-spread)),     var(--ds-shimmer, var(--color-shimmer-shimmer)) 50%,     transparent calc(50% + var(--ds-shimmer-spread))   );background-repeat:no-repeat;background-position:100% 0;background-size:calc(200% + var(--ds-shimmer-spread) * 2 + var(--ds-shimmer-travel) * 2) 100%;animation:ds-shimmer-surface-motion var(--ds-shimmer-cycle-duration) var(--ds-shimmer-easing)     infinite}@media (prefers-reduced-motion: reduce){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}@media (forced-colors: active){.ds-shimmer-text.sc-ds-text{animation:none;background-image:none;-webkit-text-fill-color:currentColor}.ds-shimmer-surface.sc-ds-text{background-color:var(--ds-forced-color-disabled)}.ds-shimmer-surface.sc-ds-text::after{display:none;animation:none}}.sc-ds-text-h{box-sizing:border-box;max-width:100%;min-width:0;margin:0;padding:0;border:0;font-family:var(--typography-font-family-ui)}.sc-ds-text-h:where(.ds-text--inline-box){display:inline-block}.sc-ds-text-h:where(.ds-text--block-box){display:block;width:100%}.ds-text__element.sc-ds-text{display:block;box-sizing:border-box;width:100%;min-width:0;margin:0;padding:0;border:0;font:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-transform:inherit;text-align:inherit;text-decoration:inherit;text-underline-offset:inherit;font-style:inherit;font-variant-numeric:inherit;font-feature-settings:inherit;-webkit-user-select:inherit;user-select:inherit;white-space:inherit;text-wrap:inherit;overflow-wrap:inherit;word-break:inherit;overflow:inherit;text-overflow:inherit}.ds-text--truncate-1.sc-ds-text-h{overflow:hidden}.ds-text--truncate-1.sc-ds-text-h .ds-text__element.sc-ds-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-text--truncate-2.sc-ds-text-h,.ds-text--truncate-3.sc-ds-text-h,.ds-text--truncate-4.sc-ds-text-h,.ds-text--truncate-5.sc-ds-text-h{overflow:hidden}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text,.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.ds-text--truncate-2.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:2}.ds-text--truncate-3.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:3}.ds-text--truncate-4.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:4}.ds-text--truncate-5.sc-ds-text-h .ds-text__element.sc-ds-text{-webkit-line-clamp:5}.ds-text--nowrap.sc-ds-text-h,.ds-text--nowrap.sc-ds-text-h .ds-text__element.sc-ds-text{white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis;min-width:0}.ds-text--balance.sc-ds-text-h,.ds-text--balance.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:balance}.ds-text--pretty.sc-ds-text-h,.ds-text--pretty.sc-ds-text-h .ds-text__element.sc-ds-text{text-wrap:pretty}.ds-text--color-primary.sc-ds-text-h{color:var(--color-foreground-primary)}.ds-text--color-secondary.sc-ds-text-h{color:var(--color-foreground-secondary)}.ds-text--color-tertiary.sc-ds-text-h{color:var(--color-foreground-tertiary)}.ds-text--color-quaternary.sc-ds-text-h{color:var(--color-foreground-quaternary)}.ds-text--color-brand.sc-ds-text-h{color:var(--color-foreground-bold-brand)}.ds-text--color-negative.sc-ds-text-h{color:var(--color-foreground-bold-negative)}.ds-text--color-positive.sc-ds-text-h{color:var(--color-foreground-bold-positive)}.ds-text--color-warning.sc-ds-text-h{color:var(--color-foreground-bold-warning)}.ds-text--color-caution.sc-ds-text-h{color:var(--color-foreground-bold-caution)}.ds-text--color-ai.sc-ds-text-h{color:var(--color-foreground-bold-ai)}.ds-text--color-on-strong.sc-ds-text-h{color:var(--color-foreground-on-strong-background-primary)}.ds-text--color-on-bold.sc-ds-text-h{color:var(--color-foreground-on-bold-background-primary)}.ds-text--decoration-underline.sc-ds-text-h,.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-color:var(--ds-text-decoration-color, var(--color-foreground-tertiary));text-decoration-thickness:var(--ds-text-decoration-thickness, var(--dimension-stroke-width-012));text-underline-offset:var(--ds-text-decoration-offset, var(--dimension-space-025))}.ds-text--decoration-underline.sc-ds-text-h{text-decoration-line:underline}.ds-text--decoration-dotted-underline.sc-ds-text-h{text-decoration-line:underline;text-decoration-style:dotted}.ds-text--italic.sc-ds-text-h{font-style:italic}.ds-text--font-feature-tabular-nums.sc-ds-text-h{font-variant-numeric:tabular-nums;font-feature-settings:'tnum'}.ds-text--align-left.sc-ds-text-h{text-align:left}.ds-text--align-center.sc-ds-text-h{text-align:center}.ds-text--align-right.sc-ds-text-h{text-align:right}`;const n=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}this.variant="text-body-medium";this.emphasis=false;this.color="inherit";this.italic=false;this.shimmer=false;this.lineTruncation="none";this.fontFeature="normal";this.as="p"}render(){const t=this.as;const e=t=>typeof t==="string"&&t.startsWith("var(--");const i=Number(this.lineTruncation);const o={"ds-text":true,[a(this.as)]:true,[d(this.variant)]:true,"ds-text--emphasis":this.emphasis,"ds-text--regular":!this.emphasis,"ds-text--nowrap":this.wrap==="nowrap","ds-text--balance":this.wrap==="balance","ds-text--pretty":this.wrap==="pretty","ds-text--truncate-1":i===1&&this.wrap!=="nowrap","ds-text--truncate-2":i===2&&this.wrap!=="nowrap","ds-text--truncate-3":i===3&&this.wrap!=="nowrap","ds-text--truncate-4":i===4&&this.wrap!=="nowrap","ds-text--truncate-5":i===5&&this.wrap!=="nowrap","ds-text--color-primary":this.color==="primary","ds-text--color-secondary":this.color==="secondary","ds-text--color-tertiary":this.color==="tertiary","ds-text--color-quaternary":this.color==="quaternary","ds-text--color-brand":this.color==="brand","ds-text--color-negative":this.color==="negative","ds-text--color-positive":this.color==="positive","ds-text--color-warning":this.color==="warning","ds-text--color-caution":this.color==="caution","ds-text--color-ai":this.color==="ai","ds-text--color-on-strong":this.color==="on-strong","ds-text--color-on-bold":this.color==="on-bold","ds-text--color-inherit":this.color==="inherit","ds-text--decoration-underline":this.decoration==="underline","ds-text--decoration-dotted-underline":this.decoration==="dotted-underline","ds-text--italic":this.italic,"ds-text--align-left":this.align==="left","ds-text--align-center":this.align==="center","ds-text--align-right":this.align==="right","ds-text--font-feature-tabular-nums":this.fontFeature==="tabular-nums"};const n=this.color&&e(this.color)?{color:this.color}:undefined;const c={};if(this.as==="label"&&this.for)c["for"]=this.for;if(this.textId)c["id"]=this.textId;return s(r,{key:"9af1937e3a7403e3f0a7dadeed41e1302bba4ec7",class:o,style:n},s(t,{key:"d51533721d7fe127cd203154613956cd4b557664",class:{"ds-text__element":true,"ds-shimmer-text":this.shimmer},...c},s("slot",{key:"e212141cf42f3356b6e106528947ddeac3a756e1"})))}static get style(){return o()}},[262,"ds-text",{variant:[1],emphasis:[4],color:[1],decoration:[1],italic:[4],shimmer:[4],align:[1],lineTruncation:[8,"line-truncation"],wrap:[1],fontFeature:[1,"font-feature"],as:[1],for:[1],textId:[1,"text-id"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["ds-text"];t.forEach((t=>{switch(t){case"ds-text":if(!customElements.get(i(t))){customElements.define(i(t),n)}break}}))}c();export{n as T,c as d};
+//# sourceMappingURL=p-BbvAWFJA.js.map