@nvidia-elements/core 0.0.0 → 0.0.1

package/dist/internal/controllers/keynav-list.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"keynav-list.controller.js","names":["#config","#keynavDisabled","#initializeTabIndex","#clickItem","#focusItem","#getActiveItem","#setActiveItem"],"sources":["../../../src/internal/controllers/keynav-list.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { focusElement, initializeKeyListItems, setActiveKeyListItem } from '../utils/focus.js';\nimport { KeynavCode, validKeyNavigationCode } from '../utils/dom.js';\n\nexport interface KeynavListConfig {\n  items: NodeListOf<HTMLElement> | HTMLElement[];\n  layout?: 'both' | 'horizontal' | 'vertical';\n  manageFocus?: boolean;\n  manageTabindex?: boolean;\n  loop?: boolean;\n  dir?: string | null;\n}\n\nexport interface KeynavListElement {\n  keynavListConfig: KeynavListConfig;\n}\n\n/** https://webaim.org/techniques/keyboard/ */\nexport function keyNavigationList<T extends ReactiveElement & KeynavListElement>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new KeyNavigationListController(instance));\n}\n\nexport class KeyNavigationListController<T extends ReactiveElement & KeynavListElement> implements ReactiveController {\n  get #config(): KeynavListConfig & { items: HTMLElement[] } {\n    return {\n      layout: 'horizontal',\n      manageFocus: true,\n      manageTabindex: true,\n      loop: false,\n      dir: this.host.getAttribute('rtl'),\n      ...this.host.keynavListConfig,\n      items: Array.from(this.host.keynavListConfig.items).filter(\n        (i: HTMLElement & { disabled?: boolean }) => !i.disabled\n      )\n    };\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  /** @private attr nve-keynav-disabled is an internal API for advanced use cases only */\n  get #keynavDisabled() {\n    return this.host.hasAttribute('nve-keynav-disabled');\n  }\n\n  async hostConnected() {\n    await this.host.updateComplete;\n    this.#initializeTabIndex();\n    this.host.addEventListener('pointerup', (e: PointerEvent) => this.#clickItem(e));\n    this.host.addEventListener('keydown', (e: KeyboardEvent) => this.#focusItem(e));\n  }\n\n  #initializeTabIndex() {\n    const { manageFocus, manageTabindex, items } = this.#config;\n    if (manageFocus && manageTabindex && !this.#keynavDisabled) {\n      initializeKeyListItems(items);\n    }\n  }\n\n  #clickItem(e: PointerEvent) {\n    const item = this.#getActiveItem(e, this.#config.items);\n    if (item) {\n      this.#setActiveItem(e, item);\n    }\n  }\n\n  #focusItem(e: KeyboardEvent) {\n    if (validKeyNavigationCode(e) && !this.#keynavDisabled) {\n      const { loop, layout, dir, items } = this.#config;\n      const activeItem = this.#getActiveItem(e, items);\n      if (activeItem) {\n        const { next, previous } = getNextKeyListItem(activeItem, Array.from(items), {\n          loop,\n          layout,\n          dir,\n          code: e.code as KeynavCode\n        });\n\n        if (next !== previous) {\n          this.#setActiveItem(e, items[next]!, items[previous]);\n        }\n      }\n    }\n  }\n\n  #getActiveItem(e: Event, items: HTMLElement[]) {\n    const focusedElement = e.composedPath()[0] as HTMLElement;\n    return items.find(i => i === focusedElement) ? focusedElement : null;\n  }\n\n  #setActiveItem(e: KeyboardEvent | PointerEvent, activeItem: HTMLElement, previousItem?: HTMLElement) {\n    const { manageFocus, manageTabindex, items } = this.#config;\n    if (manageFocus) {\n      if (manageTabindex) {\n        setActiveKeyListItem(items, activeItem);\n      }\n\n      focusElement(activeItem);\n      e.preventDefault();\n    }\n\n    const detail = {\n      activeItem,\n      previousItem,\n      code: e instanceof KeyboardEvent ? e.code : null,\n      metaKey: e.ctrlKey || e.metaKey,\n      items\n    };\n    activeItem.dispatchEvent(new CustomEvent('nve-key-change', { bubbles: true, composed: true, detail }));\n  }\n}\n\ninterface KeyListConfig {\n  code: KeynavCode;\n  loop?: boolean;\n  layout?: 'horizontal' | 'vertical' | 'both';\n  dir: string | null | undefined;\n}\n\nfunction resolveArrowDirection(config: KeyListConfig): 'backward' | 'forward' | null {\n  const { code, layout, dir } = config;\n  const start = dir === 'rtl' ? KeynavCode.ArrowRight : KeynavCode.ArrowLeft;\n  const end = dir === 'rtl' ? KeynavCode.ArrowLeft : KeynavCode.ArrowRight;\n\n  if (layout !== 'horizontal') {\n    if (code === KeynavCode.ArrowUp) return 'backward';\n    if (code === KeynavCode.ArrowDown) return 'forward';\n  }\n\n  if (layout !== 'vertical') {\n    if (code === start) return 'backward';\n    if (code === end) return 'forward';\n  }\n\n  return null;\n}\n\nfunction resolveSpecialKey(code: KeynavCode): 'home' | 'end' | 'pageup' | 'pagedown' | null {\n  if (code === KeynavCode.End) return 'end';\n  if (code === KeynavCode.Home) return 'home';\n  if (code === KeynavCode.PageUp) return 'pageup';\n  if (code === KeynavCode.PageDown) return 'pagedown';\n  return null;\n}\n\nfunction navigateWithLoop(current: number, limit: number, step: number, loop: boolean | undefined) {\n  const next = current + step;\n  if (next >= 0 && next <= limit) return next;\n  return loop ? (step < 0 ? limit : 0) : current;\n}\n\nexport function getNextKeyListItem(item: HTMLElement, items: HTMLElement[], config: KeyListConfig) {\n  let next = items.indexOf(item);\n  const previous = next;\n  const itemCount = items.length - 1;\n  const direction = resolveArrowDirection(config);\n\n  switch (direction ?? resolveSpecialKey(config.code)) {\n    case 'backward':\n      next = navigateWithLoop(next, itemCount, -1, config.loop);\n      break;\n    case 'forward':\n      next = navigateWithLoop(next, itemCount, 1, config.loop);\n      break;\n    case 'end':\n      next = itemCount;\n      break;\n    case 'home':\n      next = 0;\n      break;\n    case 'pageup':\n      next = Math.max(0, next - 4);\n      break;\n    case 'pagedown':\n      next = Math.min(itemCount, next + 4);\n      break;\n    case null:\n      break;\n  }\n\n  return { next, previous };\n}\n"],"mappings":";;;AAsBA,SAAgB,IAAmF;AACjG,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAA4B,EAAS,CAAC;;AAGtF,IAAa,IAAb,MAAsH;CACpH,KAAA,IAA2D;AACzD,SAAO;GACL,QAAQ;GACR,aAAa;GACb,gBAAgB;GAChB,MAAM;GACN,KAAK,KAAK,KAAK,aAAa,MAAM;GAClC,GAAG,KAAK,KAAK;GACb,OAAO,MAAM,KAAK,KAAK,KAAK,iBAAiB,MAAM,CAAC,QACjD,MAA4C,CAAC,EAAE,SACjD;GACF;;CAGH,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAI/B,KAAA,IAAsB;AACpB,SAAO,KAAK,KAAK,aAAa,sBAAsB;;CAGtD,MAAM,gBAAgB;AAIpB,EAHA,MAAM,KAAK,KAAK,gBAChB,MAAA,GAA0B,EAC1B,KAAK,KAAK,iBAAiB,cAAc,MAAoB,MAAA,EAAgB,EAAE,CAAC,EAChF,KAAK,KAAK,iBAAiB,YAAY,MAAqB,MAAA,EAAgB,EAAE,CAAC;;CAGjF,KAAsB;EACpB,IAAM,EAAE,gBAAa,mBAAgB,aAAU,MAAA;AAC/C,EAAI,KAAe,KAAkB,CAAC,MAAA,KACpC,EAAuB,EAAM;;CAIjC,GAAW,GAAiB;EAC1B,IAAM,IAAO,MAAA,EAAoB,GAAG,MAAA,EAAa,MAAM;AACvD,EAAI,KACF,MAAA,EAAoB,GAAG,EAAK;;CAIhC,GAAW,GAAkB;AAC3B,MAAI,EAAuB,EAAE,IAAI,CAAC,MAAA,GAAsB;GACtD,IAAM,EAAE,SAAM,WAAQ,QAAK,aAAU,MAAA,GAC/B,IAAa,MAAA,EAAoB,GAAG,EAAM;AAChD,OAAI,GAAY;IACd,IAAM,EAAE,SAAM,gBAAa,EAAmB,GAAY,MAAM,KAAK,EAAM,EAAE;KAC3E;KACA;KACA;KACA,MAAM,EAAE;KACT,CAAC;AAEF,IAAI,MAAS,KACX,MAAA,EAAoB,GAAG,EAAM,IAAQ,EAAM,GAAU;;;;CAM7D,GAAe,GAAU,GAAsB;EAC7C,IAAM,IAAiB,EAAE,cAAc,CAAC;AACxC,SAAO,EAAM,MAAK,MAAK,MAAM,EAAe,GAAG,IAAiB;;CAGlE,GAAe,GAAiC,GAAyB,GAA4B;EACnG,IAAM,EAAE,gBAAa,mBAAgB,aAAU,MAAA;AAC/C,EAAI,MACE,KACF,EAAqB,GAAO,EAAW,EAGzC,EAAa,EAAW,EACxB,EAAE,gBAAgB;EAGpB,IAAM,IAAS;GACb;GACA;GACA,MAAM,aAAa,gBAAgB,EAAE,OAAO;GAC5C,SAAS,EAAE,WAAW,EAAE;GACxB;GACD;AACD,IAAW,cAAc,IAAI,YAAY,kBAAkB;GAAE,SAAS;GAAM,UAAU;GAAM;GAAQ,CAAC,CAAC;;;AAW1G,SAAS,EAAsB,GAAsD;CACnF,IAAM,EAAE,SAAM,WAAQ,WAAQ,GACxB,IAAQ,MAAQ,QAAQ,EAAW,aAAa,EAAW,WAC3D,IAAM,MAAQ,QAAQ,EAAW,YAAY,EAAW;AAE9D,KAAI,MAAW,cAAc;AAC3B,MAAI,MAAS,EAAW,QAAS,QAAO;AACxC,MAAI,MAAS,EAAW,UAAW,QAAO;;AAG5C,KAAI,MAAW,YAAY;AACzB,MAAI,MAAS,EAAO,QAAO;AAC3B,MAAI,MAAS,EAAK,QAAO;;AAG3B,QAAO;;AAGT,SAAS,EAAkB,GAAiE;AAK1F,QAJI,MAAS,EAAW,MAAY,QAChC,MAAS,EAAW,OAAa,SACjC,MAAS,EAAW,SAAe,WACnC,MAAS,EAAW,WAAiB,aAClC;;AAGT,SAAS,EAAiB,GAAiB,GAAe,GAAc,GAA2B;CACjG,IAAM,IAAO,IAAU;AAEvB,QADI,KAAQ,KAAK,KAAQ,IAAc,IAChC,IAAQ,IAAO,IAAI,IAAQ,IAAK;;AAGzC,SAAgB,EAAmB,GAAmB,GAAsB,GAAuB;CACjG,IAAI,IAAO,EAAM,QAAQ,EAAK,EACxB,IAAW,GACX,IAAY,EAAM,SAAS;AAGjC,SAFkB,EAAsB,EAAO,IAE1B,EAAkB,EAAO,KAAK,EAAnD;EACE,KAAK;AACH,OAAO,EAAiB,GAAM,GAAW,IAAI,EAAO,KAAK;AACzD;EACF,KAAK;AACH,OAAO,EAAiB,GAAM,GAAW,GAAG,EAAO,KAAK;AACxD;EACF,KAAK;AACH,OAAO;AACP;EACF,KAAK;AACH,OAAO;AACP;EACF,KAAK;AACH,OAAO,KAAK,IAAI,GAAG,IAAO,EAAE;AAC5B;EACF,KAAK;AACH,OAAO,KAAK,IAAI,GAAW,IAAO,EAAE;AACpC;EACF,KAAK,KACH;;AAGJ,QAAO;EAAE;EAAM;EAAU"}

package/dist/internal/controllers/popover.examples.js

@@ -1,6 +0,0 @@
-//#region src/internal/controllers/popover.examples.ts
-var e = "";
-//#endregion
-export { e as default };
-
-//# sourceMappingURL=popover.examples.js.map

package/dist/internal/controllers/popover.examples.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover.examples.js","names":[],"sources":["../../../src/internal/controllers/popover.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/forms/define.js';\nimport '@nvidia-elements/core/button/define.js';\nimport '@nvidia-elements/core/icon-button/define.js';\nimport '@nvidia-elements/core/search/define.js';\nimport '@nvidia-elements/core/dialog/define.js';\nimport '@nvidia-elements/core/tooltip/define.js';\nimport '@nvidia-elements/core/toast/define.js';\nimport '@nvidia-elements/core/drawer/define.js';\nimport '@nvidia-elements/core/dropdown/define.js';\nimport '@nvidia-elements/core/notification/define.js';\nimport '@nvidia-elements/core/toggletip/define.js';\n\nexport default {\n  title: 'Elements/Popovers',\n  parameters: {\n    layout: 'centered'\n  }\n}\n\n/* eslint-disable @nvidia-elements/lint/no-missing-popover-trigger */\n\n/**\n * @summary Anchor-based positioning where popovers anchor to specific elements rather than their triggers.\n * @tags test-case\n */\nexport const Anchor = {\n  render: () => html`\n    <nve-tooltip id=\"popover-1\" anchor=\"btn-2\">tooltip 1</nve-tooltip>\n    <nve-tooltip id=\"popover-2\" anchor=\"btn-1\">tooltip 2</nve-tooltip>\n    <div nve-layout=\"row gap:xs align:center\">\n      <nve-button id=\"btn-1\" popovertarget=\"popover-1\">button 1</nve-button>\n      <nve-button id=\"btn-2\" popovertarget=\"popover-2\">button 2</nve-button>\n    </div>\n  `\n}\n\n/**\n * @summary Nested popovers within dialogs and notifications, with proper layering and stacking order.\n * @tags test-case\n */\nexport const Nested = {\n  render: () => html`\n<style>\n  #root-inner { height: 2000px;}\n</style>\n<nve-dialog closable modal>\n  <h3 nve-text=\"heading\">Dialog</h3>\n  <p nve-text=\"body\" style=\"margin-bottom: 48px\">hello there</p>\n\n  <nve-button id=\"dropdown-btn\">search</nve-button>\n  <nve-dropdown anchor=\"dropdown-btn\" closable position=\"bottom\" alignment=\"start\">\n    <nve-search rounded>\n      <label>search dataset</label>\n      <nve-icon-button id=\"tooltip-btn\" icon-name=\"information-circle-stroke\" container=\"flat\" aria-label=\"more details\" slot=\"label\"></nve-icon-button>\n      <input type=\"search\" placeholder=\"search\" />\n    </nve-search>\n    <nve-tooltip anchor=\"tooltip-btn\" position=\"top\">hello there</nve-tooltip>\n  </nve-dropdown>\n</nve-dialog>\n\n<nve-notification closable position=\"bottom\" alignment=\"end\">\n  <h3 nve-text=\"label\">notification</h3>\n  <p nve-text=\"body\">some text content in a notification</p>  \n</nve-notification>\n  `\n}\n\n/**\n * @summary Programmatic popover control with async operations before showing the popover.\n * @tags test-case\n */\nexport const ProgrammaticTrigger = {\n  render: () => html`\n<nve-toast hidden close-timeout=\"3000\">hello there</nve-toast>\n<nve-button>open after 2s</nve-button>\n\n<script type=\"module\">\n  const toast = document.querySelector('nve-toast');\n  const button = document.querySelector('nve-button');\n\n  button.addEventListener('click', async () => {\n    await new Promise(r => setTimeout(r, 2000)); // do an async task then open the popover\n    toast.showPopover();\n  });\n</script>`\n}\n\n/**\n * @summary Interactive showcase of all popover types (tooltip, toast, drawer, dropdown, dialog, notification) using modern popovertarget API.\n */\nexport const Interactive = {\n  render: () => html`\n    <div nve-layout=\"row align:center gap:xl\" style=\"height: 300px\">\n      <nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n      <nve-button popovertarget=\"tooltip\">tooltip</nve-button>\n\n      <nve-toast id=\"toast\" close-timeout=\"1500\">copied!</nve-toast>\n      <nve-button popovertarget=\"toast\">toast</nve-button>\n\n      <nve-drawer id=\"drawer\" closable modal>\n        <nve-drawer-header>\n          <h3 nve-text=\"heading semibold sm\">Title</h3>\n        </nve-drawer-header>\n        <p nve-text=\"body\">some text content in a drawer</p>\n      </nve-drawer>\n      <nve-button popovertarget=\"drawer\">drawer</nve-button>\n\n      <nve-dropdown id=\"dropdown\" closable>\n        <h3 nve-text=\"heading\">Title</h3>\n        <p nve-text=\"body\">some text content in a dropdown</p>\n      </nve-dropdown>\n      <nve-button popovertarget=\"dropdown\">dropdown</nve-button>\n\n      <nve-dialog id=\"dialog\" closable modal>\n        <h3 nve-text=\"heading\">Title</h3>\n        <p nve-text=\"body\">some text content in a closable dialog</p>\n      </nve-dialog>\n      <nve-button popovertarget=\"dialog\">dialog</nve-button>\n\n      <nve-notification id=\"notification\" closable position=\"bottom\" alignment=\"end\" close-timeout=\"2000\">\n        <h3 nve-text=\"label\">notification</h3>\n        <p nve-text=\"body\">some text content in a notification</p>  \n      </nve-notification>\n      <nve-button popovertarget=\"notification\">notification snackbar</nve-button>\n    </div>\n  `\n}\n\n/* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n\n/**\n * @deprecated\n * @summary Legacy implementation showing all popover types using the older trigger/behavior-trigger API for backward compatibility.\n * @tags test-case\n */\nexport const LegacyInteractive = {\n  render: () => html`\n    <div nve-layout=\"row align:center gap:xl\" style=\"height: 300px\">\n      <nve-tooltip trigger=\"tooltip-btn\" behavior-trigger position=\"top\" hidden>hello there</nve-tooltip>\n      <nve-button id=\"tooltip-btn\">tooltip</nve-button>\n\n      <nve-button id=\"toast-btn\">toast</nve-button>\n      <nve-toast trigger=\"toast-btn\" behavior-trigger position=\"top\" close-timeout=\"1500\" hidden>copied!</nve-toast>\n\n      <nve-button id=\"drawer-btn\" size=\"sm\">drawer</nve-button>\n      <nve-drawer trigger=\"drawer-btn\" behavior-trigger hidden closable modal>\n        <nve-drawer-header>\n          <h3 nve-text=\"heading semibold sm\">Title</h3>\n        </nve-drawer-header>\n        <p nve-text=\"body\">some text content in a drawer</p>\n      </nve-drawer>\n\n      <nve-button id=\"dropdown-btn\">dropdown</nve-button>\n      <nve-dropdown trigger=\"dropdown-btn\" behavior-trigger closable hidden>\n        <h3 nve-text=\"heading\">Title</h3>\n        <p nve-text=\"body\">some text content in a dropdown</p>\n      </nve-dropdown>\n\n      <nve-button id=\"dialog-btn\">dialog</nve-button>\n      <nve-dialog trigger=\"dialog-btn\" behavior-trigger closable modal hidden>\n        <h3 nve-text=\"heading\">Title</h3>\n        <p nve-text=\"body\">some text content in a closable dialog</p>\n      </nve-dialog>\n\n      <nve-button id=\"notification-btn\">notification snackbar</nve-button>\n      <nve-notification trigger=\"notification-btn\" behavior-trigger hidden closable position=\"bottom\" alignment=\"end\" close-timeout=\"2000\">\n        <h3 nve-text=\"label\">notification</h3>\n        <p nve-text=\"body\">some text content in a notification</p>  \n      </nve-notification>\n    </div>\n  `\n}\n\n/**\n * @summary Simple modal dialog with keyboard accessibility, including escape key to close functionality.\n * @tags test-case\n */\nexport const Closable = {\n  render: () => html`\n    <nve-button popovertarget=\"popover\">open dialog</nve-button>\n    <nve-dialog id=\"popover\" modal>\n      <p nve-text=\"body\">Press \"escape\" key to close.</p>\n    </nve-dialog>\n  `\n}\n\n/**\n * @summary example of declarative popovers using the Invoker Commands API\n */\nexport const InvokerCommand = {\n  render: () => html`\n    <nve-button commandfor=\"popover\" command=\"toggle-popover\">toggle-popover</nve-button>\n    <nve-button commandfor=\"popover\" command=\"show-popover\">show-popover</nve-button>\n    <nve-toggletip id=\"popover\">\n      toggletip\n      <nve-button commandfor=\"popover\" command=\"hide-popover\">hide-popover</nve-button>\n    </nve-toggletip>\n  `\n};\n\n/**\n * @summary Custom events like many standard DOM events bubble. When listening\n * to larger DOM trees, check which element dispatched the source event.\n */\nexport const EventBubbling = {\n  render: () => html`\n    <div style=\"width: 100vw; height: 100vh;\">\n      <p nve-text=\"body\" id=\"event-example\">event:</p>\n      <nve-button popovertarget=\"event-example-dialog\">open</nve-button>\n\n      <nve-dialog id=\"event-example-dialog\" closable modal (close)=\"close($event)\" (open)=\"open($event)\">\n        <nve-dialog-header>Header</nve-dialog-header>\n        <div>\n          <nve-button popovertarget=\"event-example-dropdown\">show dropdown</nve-button>\n        </div>\n        <nve-dropdown id=\"event-example-dropdown\">\n          dropdown content\n        </nve-dropdown>\n      </nve-dialog>\n    </div>\n\n    <script type=\"module\">\n      const dialog = document.querySelector('#event-example-dialog');\n      const eventLabel = document.querySelector('#event-example');\n\n      // Custom events like many standard DOM events bubble. By listening to\n      // larger DOM trees check which element dispatched the source event\n      dialog.addEventListener('open', e => {\n        eventLabel.innerText = 'open: ' + e.target.localName;\n      });\n\n      dialog.addEventListener('close', e => {\n        eventLabel.innerText = 'close: ' + e.target.localName;\n      });\n    </script>\n  `\n}\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/internal/controllers/popover.examples.json

@@ -1,88 +0,0 @@
-{
-  "entrypoint": "@nvidia-elements/core/internal/controllers/popover.examples.json",
-  "items": [
-    {
-      "id": "core-internal-controllers-popover_anchor",
-      "name": "Anchor",
-      "template": "<nve-tooltip id=\"popover-1\" anchor=\"btn-2\">tooltip 1</nve-tooltip>\n<nve-tooltip id=\"popover-2\" anchor=\"btn-1\">tooltip 2</nve-tooltip>\n<div nve-layout=\"row gap:xs align:center\">\n  <nve-button id=\"btn-1\" popovertarget=\"popover-1\">button 1</nve-button>\n  <nve-button id=\"btn-2\" popovertarget=\"popover-2\">button 2</nve-button>\n</div>\n",
-      "summary": "Anchor-based positioning where popovers anchor to specific elements rather than their triggers.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-internal-controllers-popover_nested",
-      "name": "Nested",
-      "template": "<style>\n  #root-inner {\n    height: 2000px;\n  }\n</style>\n<nve-dialog closable modal>\n  <h3 nve-text=\"heading\">Dialog</h3>\n  <p nve-text=\"body\" style=\"margin-bottom: 48px\">hello there</p>\n  <nve-button id=\"dropdown-btn\">search</nve-button>\n  <nve-dropdown anchor=\"dropdown-btn\" closable position=\"bottom\" alignment=\"start\">\n    <nve-search rounded>\n      <label>search dataset</label>\n      <nve-icon-button\n        id=\"tooltip-btn\"\n        icon-name=\"information-circle-stroke\"\n        container=\"flat\"\n        aria-label=\"more details\"\n        slot=\"label\"\n      ></nve-icon-button>\n      <input type=\"search\" placeholder=\"search\" />\n    </nve-search>\n    <nve-tooltip anchor=\"tooltip-btn\" position=\"top\">hello there</nve-tooltip>\n  </nve-dropdown>\n</nve-dialog>\n<nve-notification closable position=\"bottom\" alignment=\"end\">\n  <h3 nve-text=\"label\">notification</h3>\n  <p nve-text=\"body\">some text content in a notification</p>\n</nve-notification>\n",
-      "summary": "Nested popovers within dialogs and notifications, with proper layering and stacking order.",
-      "description": "",
-      "composition": true,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-internal-controllers-popover_programmatic-trigger",
-      "name": "ProgrammaticTrigger",
-      "template": "<nve-toast hidden close-timeout=\"3000\">hello there</nve-toast>\n<nve-button>open after 2s</nve-button>\n<script type=\"module\">\n  const toast = document.querySelector(\"nve-toast\");\n  const button = document.querySelector(\"nve-button\");\n  button.addEventListener(\"click\", async () => {\n    await new Promise((r) => setTimeout(r, 2000)); // do an async task then open the popover\n    toast.showPopover();\n  });\n</script>\n",
-      "summary": "Programmatic popover control with async operations before showing the popover.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-internal-controllers-popover_interactive",
-      "name": "Interactive",
-      "template": "<div nve-layout=\"row align:center gap:xl\" style=\"height: 300px\">\n  <nve-tooltip id=\"tooltip\">hello there</nve-tooltip>\n  <nve-button popovertarget=\"tooltip\">tooltip</nve-button>\n  <nve-toast id=\"toast\" close-timeout=\"1500\">copied!</nve-toast>\n  <nve-button popovertarget=\"toast\">toast</nve-button>\n  <nve-drawer id=\"drawer\" closable modal>\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Title</h3>\n    </nve-drawer-header>\n    <p nve-text=\"body\">some text content in a drawer</p>\n  </nve-drawer>\n  <nve-button popovertarget=\"drawer\">drawer</nve-button>\n  <nve-dropdown id=\"dropdown\" closable>\n    <h3 nve-text=\"heading\">Title</h3>\n    <p nve-text=\"body\">some text content in a dropdown</p>\n  </nve-dropdown>\n  <nve-button popovertarget=\"dropdown\">dropdown</nve-button>\n  <nve-dialog id=\"dialog\" closable modal>\n    <h3 nve-text=\"heading\">Title</h3>\n    <p nve-text=\"body\">some text content in a closable dialog</p>\n  </nve-dialog>\n  <nve-button popovertarget=\"dialog\">dialog</nve-button>\n  <nve-notification id=\"notification\" closable position=\"bottom\" alignment=\"end\" close-timeout=\"2000\">\n    <h3 nve-text=\"label\">notification</h3>\n    <p nve-text=\"body\">some text content in a notification</p>\n  </nve-notification>\n  <nve-button popovertarget=\"notification\">notification snackbar</nve-button>\n</div>\n",
-      "summary": "Interactive showcase of all popover types (tooltip, toast, drawer, dropdown, dialog, notification) using modern popovertarget API.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    },
-    {
-      "id": "core-internal-controllers-popover_legacy-interactive",
-      "name": "LegacyInteractive",
-      "template": "<div nve-layout=\"row align:center gap:xl\" style=\"height: 300px\">\n  <nve-tooltip trigger=\"tooltip-btn\" behavior-trigger position=\"top\" hidden>hello there</nve-tooltip>\n  <nve-button id=\"tooltip-btn\">tooltip</nve-button>\n  <nve-button id=\"toast-btn\">toast</nve-button>\n  <nve-toast trigger=\"toast-btn\" behavior-trigger position=\"top\" close-timeout=\"1500\" hidden>copied!</nve-toast>\n  <nve-button id=\"drawer-btn\" size=\"sm\">drawer</nve-button>\n  <nve-drawer trigger=\"drawer-btn\" behavior-trigger hidden closable modal>\n    <nve-drawer-header>\n      <h3 nve-text=\"heading semibold sm\">Title</h3>\n    </nve-drawer-header>\n    <p nve-text=\"body\">some text content in a drawer</p>\n  </nve-drawer>\n  <nve-button id=\"dropdown-btn\">dropdown</nve-button>\n  <nve-dropdown trigger=\"dropdown-btn\" behavior-trigger closable hidden>\n    <h3 nve-text=\"heading\">Title</h3>\n    <p nve-text=\"body\">some text content in a dropdown</p>\n  </nve-dropdown>\n  <nve-button id=\"dialog-btn\">dialog</nve-button>\n  <nve-dialog trigger=\"dialog-btn\" behavior-trigger closable modal hidden>\n    <h3 nve-text=\"heading\">Title</h3>\n    <p nve-text=\"body\">some text content in a closable dialog</p>\n  </nve-dialog>\n  <nve-button id=\"notification-btn\">notification snackbar</nve-button>\n  <nve-notification\n    trigger=\"notification-btn\"\n    behavior-trigger\n    hidden\n    closable\n    position=\"bottom\"\n    alignment=\"end\"\n    close-timeout=\"2000\"\n  >\n    <h3 nve-text=\"label\">notification</h3>\n    <p nve-text=\"body\">some text content in a notification</p>\n  </nve-notification>\n</div>\n",
-      "summary": "Legacy implementation showing all popover types using the older trigger/behavior-trigger API for backward compatibility.",
-      "description": "",
-      "deprecated": true,
-      "composition": true,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-internal-controllers-popover_closable",
-      "name": "Closable",
-      "template": "<nve-button popovertarget=\"popover\">open dialog</nve-button>\n<nve-dialog id=\"popover\" modal>\n  <p nve-text=\"body\">Press \"escape\" key to close.</p>\n</nve-dialog>\n",
-      "summary": "Simple modal dialog with keyboard accessibility, including escape key to close functionality.",
-      "description": "",
-      "composition": false,
-      "tags": [
-        "test-case"
-      ]
-    },
-    {
-      "id": "core-internal-controllers-popover_invoker-command",
-      "name": "InvokerCommand",
-      "template": "<nve-button commandfor=\"popover\" command=\"toggle-popover\">toggle-popover</nve-button>\n<nve-button commandfor=\"popover\" command=\"show-popover\">show-popover</nve-button>\n<nve-toggletip id=\"popover\">\n  toggletip\n  <nve-button commandfor=\"popover\" command=\"hide-popover\">hide-popover</nve-button>\n</nve-toggletip>\n",
-      "summary": "example of declarative popovers using the Invoker Commands API",
-      "description": "",
-      "composition": false,
-      "tags": []
-    },
-    {
-      "id": "core-internal-controllers-popover_event-bubbling",
-      "name": "EventBubbling",
-      "template": "<div style=\"width: 100vw; height: 100vh\">\n  <p nve-text=\"body\" id=\"event-example\">event:</p>\n  <nve-button popovertarget=\"event-example-dialog\">open</nve-button>\n  <nve-dialog id=\"event-example-dialog\" closable modal (close)=\"close($event)\" (open)=\"open($event)\">\n    <nve-dialog-header>Header</nve-dialog-header>\n    <div>\n      <nve-button popovertarget=\"event-example-dropdown\">show dropdown</nve-button>\n    </div>\n    <nve-dropdown id=\"event-example-dropdown\"> dropdown content </nve-dropdown>\n  </nve-dialog>\n</div>\n<script type=\"module\">\n  const dialog = document.querySelector(\"#event-example-dialog\");\n  const eventLabel = document.querySelector(\"#event-example\");\n  // Custom events like many standard DOM events bubble. By listening to\n  // larger DOM trees check which element dispatched the source event\n  dialog.addEventListener(\"open\", (e) => {\n    eventLabel.innerText = \"open: \" + e.target.localName;\n  });\n  dialog.addEventListener(\"close\", (e) => {\n    eventLabel.innerText = \"close: \" + e.target.localName;\n  });\n</script>\n",
-      "summary": "Custom events like many standard DOM events bubble. When listening to larger DOM trees, check which element dispatched the source event.",
-      "description": "",
-      "composition": true,
-      "tags": []
-    }
-  ]
-}

package/dist/internal/controllers/state-active.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds CSS State psuedo-selector :state(active) behavior for keydown space/enter for custom elements
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- */
-export declare function stateActive<T extends Active>(): ClassDecorator;
-type Active = ReactiveElement & {
-    disabled: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateActiveController<T extends Active> implements ReactiveController {
-    #private;
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostDisconnected(): void;
-}
-export {};

package/dist/internal/controllers/state-active.controller.js

@@ -1,29 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-active.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host), this.host.addEventListener("keypress", this.#e), this.host.addEventListener("mousedown", this.#e), this.host.addEventListener("keyup", this.#t), this.host.addEventListener("blur", this.#t), this.host.addEventListener("mouseup", this.#t);
-	}
-	hostDisconnected() {
-		this.host.removeEventListener("keypress", this.#e), this.host.removeEventListener("mousedown", this.#e), this.host.removeEventListener("keyup", this.#t), this.host.removeEventListener("blur", this.#t), this.host.removeEventListener("mouseup", this.#t);
-	}
-	#e = (e) => {
-		!this.host.disabled && this.#n(e) && this.host._internals.states.add("active"), e instanceof KeyboardEvent && e.code === "Space" && e.target === this.host && e.preventDefault();
-	};
-	#t = () => {
-		this.host._internals.states.delete("active");
-	};
-	#n(e) {
-		return e instanceof KeyboardEvent ? e.code === "Space" || e.code === "Enter" : !0;
-	}
-};
-//#endregion
-export { n as StateActiveController, t as stateActive };
-
-//# sourceMappingURL=state-active.controller.js.map

package/dist/internal/controllers/state-active.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-active.controller.js","names":["#emulateActive","#emulateInactive","#isValidKeyEvent"],"sources":["../../../src/internal/controllers/state-active.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds CSS State psuedo-selector :state(active) behavior for keydown space/enter for custom elements\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n */\nexport function stateActive<T extends Active>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateActiveController(instance));\n}\n\ntype Active = ReactiveElement & { disabled: boolean; _internals?: ElementInternals };\n\nexport class StateActiveController<T extends Active> implements ReactiveController {\n  #initialized = false;\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n    this.host.addEventListener('keypress', this.#emulateActive as EventListener);\n    this.host.addEventListener('mousedown', this.#emulateActive as EventListener);\n    this.host.addEventListener('keyup', this.#emulateInactive);\n    this.host.addEventListener('blur', this.#emulateInactive);\n    this.host.addEventListener('mouseup', this.#emulateInactive);\n  }\n\n  hostDisconnected() {\n    this.host.removeEventListener('keypress', this.#emulateActive as EventListener);\n    this.host.removeEventListener('mousedown', this.#emulateActive as EventListener);\n    this.host.removeEventListener('keyup', this.#emulateInactive);\n    this.host.removeEventListener('blur', this.#emulateInactive);\n    this.host.removeEventListener('mouseup', this.#emulateInactive);\n  }\n\n  #emulateActive = (e: KeyboardEvent | PointerEvent) => {\n    if (!this.host.disabled && this.#isValidKeyEvent(e)) {\n      this.host._internals!.states.add('active');\n    }\n\n    if (e instanceof KeyboardEvent && e.code === 'Space' && e.target === this.host) {\n      e.preventDefault(); // prevent space bar scroll with standard button behavior\n    }\n  };\n\n  #emulateInactive = () => {\n    this.host._internals!.states.delete('active');\n  };\n\n  #isValidKeyEvent(e: KeyboardEvent | PointerEvent) {\n    return e instanceof KeyboardEvent ? e.code === 'Space' || e.code === 'Enter' : true;\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAAgD;AAC9D,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAsB,EAAS,CAAC;;AAKhF,IAAa,IAAb,MAAmF;CAEjF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AAMd,EALA,EAAgB,KAAK,KAAK,EAC1B,KAAK,KAAK,iBAAiB,YAAY,MAAA,EAAqC,EAC5E,KAAK,KAAK,iBAAiB,aAAa,MAAA,EAAqC,EAC7E,KAAK,KAAK,iBAAiB,SAAS,MAAA,EAAsB,EAC1D,KAAK,KAAK,iBAAiB,QAAQ,MAAA,EAAsB,EACzD,KAAK,KAAK,iBAAiB,WAAW,MAAA,EAAsB;;CAG9D,mBAAmB;AAKjB,EAJA,KAAK,KAAK,oBAAoB,YAAY,MAAA,EAAqC,EAC/E,KAAK,KAAK,oBAAoB,aAAa,MAAA,EAAqC,EAChF,KAAK,KAAK,oBAAoB,SAAS,MAAA,EAAsB,EAC7D,KAAK,KAAK,oBAAoB,QAAQ,MAAA,EAAsB,EAC5D,KAAK,KAAK,oBAAoB,WAAW,MAAA,EAAsB;;CAGjE,MAAkB,MAAoC;AAKpD,EAJI,CAAC,KAAK,KAAK,YAAY,MAAA,EAAsB,EAAE,IACjD,KAAK,KAAK,WAAY,OAAO,IAAI,SAAS,EAGxC,aAAa,iBAAiB,EAAE,SAAS,WAAW,EAAE,WAAW,KAAK,QACxE,EAAE,gBAAgB;;CAItB,WAAyB;AACvB,OAAK,KAAK,WAAY,OAAO,OAAO,SAAS;;CAG/C,GAAiB,GAAiC;AAChD,SAAO,aAAa,gBAAgB,EAAE,SAAS,WAAW,EAAE,SAAS,UAAU"}

package/dist/internal/controllers/state-current.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds current support for interactive custom elements including CSS State psuedo-selector :state(current) and aria-current.
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
- */
-export declare function stateCurrent<T extends Current>(): ClassDecorator;
-type Current = ReactiveElement & {
-    current: 'page' | 'step';
-    readonly?: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateCurrentController<T extends Current> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}
-export {};

package/dist/internal/controllers/state-current.controller.js

@@ -1,28 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-current.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		if (this.host.readonly) {
-			this.host._internals.ariaCurrent = null, this.host._internals.states.delete("current");
-			return;
-		}
-		if (this.host._internals?.states.has("anchor") && this.host.current) {
-			this.host._internals.ariaCurrent = null, this.host._internals.states.add("current"), this.host.querySelector("a")?.setAttribute("aria-current", "page");
-			return;
-		}
-		this.host.current !== null && this.host.current !== void 0 && (this.host._internals.ariaCurrent = `${this.host.current}`), this.host.current ? this.host._internals.states.add("current") : this.host._internals.states.delete("current");
-	}
-};
-//#endregion
-export { n as StateCurrentController, t as stateCurrent };
-
-//# sourceMappingURL=state-current.controller.js.map

package/dist/internal/controllers/state-current.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-current.controller.js","names":[],"sources":["../../../src/internal/controllers/state-current.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds current support for interactive custom elements including CSS State psuedo-selector :state(current) and aria-current.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current\n */\nexport function stateCurrent<T extends Current>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateCurrentController(instance));\n}\n\ntype Current = ReactiveElement & { current: 'page' | 'step'; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateCurrentController<T extends Current> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.readonly) {\n      this.host._internals!.ariaCurrent = null;\n      this.host._internals!.states.delete('current');\n      return;\n    }\n\n    if (this.host._internals?.states.has('anchor') && this.host.current) {\n      this.host._internals!.ariaCurrent = null;\n      this.host._internals!.states.add('current');\n      this.host.querySelector('a')?.setAttribute('aria-current', 'page');\n      return;\n    }\n\n    if (this.host.current !== null && this.host.current !== undefined) {\n      this.host._internals!.ariaCurrent = `${this.host.current}`;\n    }\n\n    if (this.host.current) {\n      this.host._internals!.states.add('current');\n    } else {\n      this.host._internals!.states.delete('current');\n    }\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAAkD;AAChE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAuB,EAAS,CAAC;;AAKjF,IAAa,IAAb,MAAqF;CACnF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,MAAI,KAAK,KAAK,UAAU;AAEtB,GADA,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU;AAC9C;;AAGF,MAAI,KAAK,KAAK,YAAY,OAAO,IAAI,SAAS,IAAI,KAAK,KAAK,SAAS;AAGnE,GAFA,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,EAC3C,KAAK,KAAK,cAAc,IAAI,EAAE,aAAa,gBAAgB,OAAO;AAClE;;AAOF,EAJI,KAAK,KAAK,YAAY,QAAQ,KAAK,KAAK,YAAY,KAAA,MACtD,KAAK,KAAK,WAAY,cAAc,GAAG,KAAK,KAAK,YAG/C,KAAK,KAAK,UACZ,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,GAE3C,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU"}

package/dist/internal/controllers/state-disabled.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds disabled support for interactive custom elements including CSS State psuedo-selector :state(disabled) and aria-disabled.
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled
- */
-export declare function stateDisabled<T extends Disabled>(): ClassDecorator;
-export type Disabled = ReactiveElement & {
-    disabled: boolean;
-    readonly?: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateDisabledController<T extends Disabled> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}

package/dist/internal/controllers/state-disabled.controller.js

@@ -1,20 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-disabled.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		this.host.disabled !== null && this.host.disabled !== void 0 ? this.host._internals.ariaDisabled = `${this.host.disabled}` : this.host._internals.ariaDisabled = null, this.host.disabled ? this.host._internals.states.add("disabled") : this.host._internals.states.delete("disabled"), this.host.readonly && (this.host._internals.ariaDisabled = null);
-	}
-};
-//#endregion
-export { n as StateDisabledController, t as stateDisabled };
-
-//# sourceMappingURL=state-disabled.controller.js.map

package/dist/internal/controllers/state-disabled.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-disabled.controller.js","names":[],"sources":["../../../src/internal/controllers/state-disabled.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds disabled support for interactive custom elements including CSS State psuedo-selector :state(disabled) and aria-disabled.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled\n */\nexport function stateDisabled<T extends Disabled>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateDisabledController(instance));\n}\n\nexport type Disabled = ReactiveElement & { disabled: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateDisabledController<T extends Disabled> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.disabled !== null && this.host.disabled !== undefined) {\n      this.host._internals!.ariaDisabled = `${this.host.disabled}`;\n    } else {\n      this.host._internals!.ariaDisabled = null;\n    }\n\n    if (this.host.disabled) {\n      this.host._internals!.states.add('disabled');\n    } else {\n      this.host._internals!.states.delete('disabled');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaDisabled = null;\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAaZ,EAZI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,IACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAElD,KAAK,KAAK,WAAY,eAAe,MAGnC,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW,EAG7C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,eAAe"}

package/dist/internal/controllers/state-expanded.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds expanded support for interactive custom elements including CSS State psuedo-selector :state(expanded) and aria-expanded.
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded
- */
-export declare function stateExpanded<T extends Expanded>(): ClassDecorator;
-export type Expanded = ReactiveElement & {
-    expanded: boolean;
-    readonly?: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateExpandedController<T extends Expanded> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}

package/dist/internal/controllers/state-expanded.controller.js

@@ -1,20 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-expanded.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		this.host.expanded !== null && this.host.expanded !== void 0 && (this.host._internals.ariaExpanded = `${this.host.expanded}`), this.host.expanded ? this.host._internals.states.add("expanded") : this.host._internals.states.delete("expanded"), this.host.readonly && (this.host._internals.ariaExpanded = null, this.host._internals.states.delete("expanded"));
-	}
-};
-//#endregion
-export { n as StateExpandedController, t as stateExpanded };
-
-//# sourceMappingURL=state-expanded.controller.js.map

package/dist/internal/controllers/state-expanded.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-expanded.controller.js","names":[],"sources":["../../../src/internal/controllers/state-expanded.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds expanded support for interactive custom elements including CSS State psuedo-selector :state(expanded) and aria-expanded.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded\n */\nexport function stateExpanded<T extends Expanded>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateExpandedController(instance));\n}\n\nexport type Expanded = ReactiveElement & { expanded: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateExpandedController<T extends Expanded> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.expanded !== null && this.host.expanded !== undefined) {\n      this.host._internals!.ariaExpanded = `${this.host.expanded}`;\n    }\n\n    if (this.host.expanded) {\n      this.host._internals!.states.add('expanded');\n    } else {\n      this.host._internals!.states.delete('expanded');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaExpanded = null;\n      this.host._internals!.states.delete('expanded');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAWZ,EAVI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,MACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAGhD,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW,EAG7C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW"}

package/dist/internal/controllers/state-highlighted.controller.d.ts

@@ -1,16 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds highlighted support for interactive custom elements including CSS State psuedo-selector :state(highlighted).
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- */
-export declare function stateHighlighted<T extends Highlighted>(): ClassDecorator;
-export type Highlighted = ReactiveElement & {
-    highlighted: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateHighlightedController<T extends Highlighted> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}

package/dist/internal/controllers/state-highlighted.controller.js

@@ -1,20 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-highlighted.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		this.host.highlighted ? this.host._internals.states.add("highlighted") : this.host._internals.states.delete("highlighted");
-	}
-};
-//#endregion
-export { n as StateHighlightedController, t as stateHighlighted };
-
-//# sourceMappingURL=state-highlighted.controller.js.map

package/dist/internal/controllers/state-highlighted.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-highlighted.controller.js","names":[],"sources":["../../../src/internal/controllers/state-highlighted.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds highlighted support for interactive custom elements including CSS State psuedo-selector :state(highlighted).\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n */\nexport function stateHighlighted<T extends Highlighted>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateHighlightedController(instance));\n}\n\nexport type Highlighted = ReactiveElement & { highlighted: boolean; _internals?: ElementInternals };\n\nexport class StateHighlightedController<T extends Highlighted> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.highlighted) {\n      this.host._internals!.states.add('highlighted');\n    } else {\n      this.host._internals!.states.delete('highlighted');\n    }\n  }\n}\n"],"mappings":";;AAWA,SAAgB,IAA0D;AACxE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAA2B,EAAS,CAAC;;AAKrF,IAAa,IAAb,MAA6F;CAC3F,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,EAAI,KAAK,KAAK,cACZ,KAAK,KAAK,WAAY,OAAO,IAAI,cAAc,GAE/C,KAAK,KAAK,WAAY,OAAO,OAAO,cAAc"}

package/dist/internal/controllers/state-pressed.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds pressed support for interactive custom elements including CSS State psuedo-selector :state(pressed) and aria-pressed.
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed
- */
-export declare function statePressed<T extends Pressed>(): ClassDecorator;
-export type Pressed = ReactiveElement & {
-    pressed: boolean;
-    readonly?: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StatePressedController<T extends Pressed> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}

package/dist/internal/controllers/state-pressed.controller.js

@@ -1,20 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-pressed.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		this.host.pressed !== null && this.host.pressed !== void 0 && (this.host._internals.ariaPressed = `${this.host.pressed}`), this.host.pressed ? this.host._internals.states.add("pressed") : this.host._internals.states.delete("pressed"), this.host.readonly && (this.host._internals.ariaPressed = null, this.host._internals.states.delete("pressed"));
-	}
-};
-//#endregion
-export { n as StatePressedController, t as statePressed };
-
-//# sourceMappingURL=state-pressed.controller.js.map

package/dist/internal/controllers/state-pressed.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-pressed.controller.js","names":[],"sources":["../../../src/internal/controllers/state-pressed.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds pressed support for interactive custom elements including CSS State psuedo-selector :state(pressed) and aria-pressed.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed\n */\nexport function statePressed<T extends Pressed>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StatePressedController(instance));\n}\n\nexport type Pressed = ReactiveElement & { pressed: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StatePressedController<T extends Pressed> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.pressed !== null && this.host.pressed !== undefined) {\n      this.host._internals!.ariaPressed = `${this.host.pressed}`;\n    }\n\n    if (this.host.pressed) {\n      this.host._internals!.states.add('pressed');\n    } else {\n      this.host._internals!.states.delete('pressed');\n    }\n\n    if (this.host.readonly) {\n      this.host._internals!.ariaPressed = null;\n      this.host._internals!.states.delete('pressed');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAkD;AAChE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAuB,EAAS,CAAC;;AAKjF,IAAa,IAAb,MAAqF;CACnF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AAWZ,EAVI,KAAK,KAAK,YAAY,QAAQ,KAAK,KAAK,YAAY,KAAA,MACtD,KAAK,KAAK,WAAY,cAAc,GAAG,KAAK,KAAK,YAG/C,KAAK,KAAK,UACZ,KAAK,KAAK,WAAY,OAAO,IAAI,UAAU,GAE3C,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU,EAG5C,KAAK,KAAK,aACZ,KAAK,KAAK,WAAY,cAAc,MACpC,KAAK,KAAK,WAAY,OAAO,OAAO,UAAU"}

package/dist/internal/controllers/state-scroll.controller.d.ts

@@ -1,20 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds active scroll state detection
- */
-export declare function stateScroll<T extends Scroll>(): ClassDecorator;
-export interface StateScrollConfig {
-    target?: HTMLElement;
-    scrollOffset?: number;
-}
-export type Scroll = ReactiveElement & {
-    _internals?: ElementInternals;
-    stateScrollConfig?: StateScrollConfig;
-};
-export declare class StateScrollController<T extends Scroll> implements ReactiveController {
-    #private;
-    private host;
-    constructor(host: T);
-    hostConnected(): Promise<void>;
-    hostDisconnected(): void;
-}

package/dist/internal/controllers/state-scroll.controller.js

@@ -1,33 +0,0 @@
-import { endOfScrollBox as e } from "../utils/dom.js";
-import { attachInternals as t } from "../utils/a11y.js";
-//#region src/internal/controllers/state-scroll.controller.ts
-function n() {
-	return (e) => e.addInitializer((e) => new r(e));
-}
-var r = class {
-	get #e() {
-		return this.host.stateScrollConfig?.target || this.host;
-	}
-	get #t() {
-		return this.host.stateScrollConfig?.scrollOffset ?? 0;
-	}
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	async hostConnected() {
-		await this.host.updateComplete, t(this.host), this.#r(), this.#e.addEventListener("scrollend", this.#n);
-	}
-	hostDisconnected() {
-		this.#e.removeEventListener("scrollend", this.#n);
-	}
-	#n = () => {
-		this.host._internals.states.delete("scrolling"), e(this.#e, this.#t) && this.host.dispatchEvent(new CustomEvent("scrollboxend")), this.#r();
-	};
-	#r() {
-		this.#e.addEventListener("scroll", () => this.host._internals.states.add("scrolling"), { once: !0 });
-	}
-};
-//#endregion
-export { r as StateScrollController, n as stateScroll };
-
-//# sourceMappingURL=state-scroll.controller.js.map

package/dist/internal/controllers/state-scroll.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-scroll.controller.js","names":["#target","#offset","#startScroll","#onScrollEnd"],"sources":["../../../src/internal/controllers/state-scroll.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals, endOfScrollBox } from '@nvidia-elements/core/internal';\n\n/**\n * Adds active scroll state detection\n */\nexport function stateScroll<T extends Scroll>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateScrollController(instance));\n}\n\nexport interface StateScrollConfig {\n  target?: HTMLElement;\n  scrollOffset?: number;\n}\n\nexport type Scroll = ReactiveElement & {\n  _internals?: ElementInternals;\n  stateScrollConfig?: StateScrollConfig;\n};\n\nexport class StateScrollController<T extends Scroll> implements ReactiveController {\n  get #target() {\n    const target = this.host.stateScrollConfig?.target;\n    return target ? target : this.host;\n  }\n\n  get #offset() {\n    return this.host.stateScrollConfig?.scrollOffset ?? 0;\n  }\n\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  async hostConnected() {\n    await this.host.updateComplete;\n    attachInternals(this.host);\n\n    this.#startScroll();\n    this.#target.addEventListener('scrollend', this.#onScrollEnd);\n  }\n\n  hostDisconnected() {\n    this.#target.removeEventListener('scrollend', this.#onScrollEnd);\n  }\n\n  #onScrollEnd = () => {\n    this.host._internals!.states.delete('scrolling');\n\n    if (endOfScrollBox(this.#target, this.#offset)) {\n      this.host.dispatchEvent(new CustomEvent('scrollboxend'));\n    }\n\n    this.#startScroll();\n  };\n\n  #startScroll() {\n    this.#target.addEventListener('scroll', () => this.host._internals!.states.add('scrolling'), { once: true });\n  }\n}\n"],"mappings":";;;AAUA,SAAgB,IAAgD;AAC9D,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAsB,EAAS,CAAC;;AAahF,IAAa,IAAb,MAAmF;CACjF,KAAA,IAAc;AAEZ,SADe,KAAK,KAAK,mBAAmB,UACnB,KAAK;;CAGhC,KAAA,IAAc;AACZ,SAAO,KAAK,KAAK,mBAAmB,gBAAgB;;CAGtD,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,MAAM,gBAAgB;AAKpB,EAJA,MAAM,KAAK,KAAK,gBAChB,EAAgB,KAAK,KAAK,EAE1B,MAAA,GAAmB,EACnB,MAAA,EAAa,iBAAiB,aAAa,MAAA,EAAkB;;CAG/D,mBAAmB;AACjB,QAAA,EAAa,oBAAoB,aAAa,MAAA,EAAkB;;CAGlE,WAAqB;AAOnB,EANA,KAAK,KAAK,WAAY,OAAO,OAAO,YAAY,EAE5C,EAAe,MAAA,GAAc,MAAA,EAAa,IAC5C,KAAK,KAAK,cAAc,IAAI,YAAY,eAAe,CAAC,EAG1D,MAAA,GAAmB;;CAGrB,KAAe;AACb,QAAA,EAAa,iBAAiB,gBAAgB,KAAK,KAAK,WAAY,OAAO,IAAI,YAAY,EAAE,EAAE,MAAM,IAAM,CAAC"}

package/dist/internal/controllers/state-selected.controller.d.ts

@@ -1,18 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds selected support for interactive custom elements including CSS State psuedo-selector :state(selected) and aria-selected.
- * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected
- */
-export declare function stateSelected<T extends Selected>(): ClassDecorator;
-export type Selected = ReactiveElement & {
-    selected: boolean;
-    readonly?: boolean;
-    _internals?: ElementInternals;
-};
-export declare class StateSelectedController<T extends Selected> implements ReactiveController {
-    private host;
-    constructor(host: T);
-    hostConnected(): void;
-    hostUpdated(): void;
-}

package/dist/internal/controllers/state-selected.controller.js

@@ -1,28 +0,0 @@
-import { attachInternals as e } from "../utils/a11y.js";
-//#region src/internal/controllers/state-selected.controller.ts
-function t() {
-	return (e) => e.addInitializer((e) => new n(e));
-}
-var n = class {
-	constructor(e) {
-		this.host = e, this.host.addController(this);
-	}
-	hostConnected() {
-		e(this.host);
-	}
-	hostUpdated() {
-		if (this.host.readonly) {
-			this.host._internals.ariaSelected = null, this.host._internals.states.delete("selected");
-			return;
-		}
-		if (this.host._internals?.states.has("anchor") && this.host.selected) {
-			this.host._internals.ariaSelected = null, this.host._internals.states.add("selected"), this.host.querySelector("a")?.setAttribute("aria-current", "page");
-			return;
-		}
-		this.host.selected !== null && this.host.selected !== void 0 && (this.host._internals.ariaSelected = `${this.host.selected}`), this.host.selected ? this.host._internals.states.add("selected") : this.host._internals.states.delete("selected");
-	}
-};
-//#endregion
-export { n as StateSelectedController, t as stateSelected };
-
-//# sourceMappingURL=state-selected.controller.js.map

package/dist/internal/controllers/state-selected.controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state-selected.controller.js","names":[],"sources":["../../../src/internal/controllers/state-selected.controller.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { ReactiveController, ReactiveElement } from 'lit';\nimport type { LegacyDecoratorTarget } from '../types/index.js';\nimport { attachInternals } from '../utils/a11y.js';\n\n/**\n * Adds selected support for interactive custom elements including CSS State psuedo-selector :state(selected) and aria-selected.\n * https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected\n */\nexport function stateSelected<T extends Selected>(): ClassDecorator {\n  return (target: LegacyDecoratorTarget) =>\n    target.addInitializer!((instance: T) => new StateSelectedController(instance));\n}\n\nexport type Selected = ReactiveElement & { selected: boolean; readonly?: boolean; _internals?: ElementInternals };\n\nexport class StateSelectedController<T extends Selected> implements ReactiveController {\n  constructor(private host: T) {\n    this.host.addController(this);\n  }\n\n  hostConnected() {\n    attachInternals(this.host);\n  }\n\n  hostUpdated() {\n    if (this.host.readonly) {\n      this.host._internals!.ariaSelected = null;\n      this.host._internals!.states.delete('selected');\n      return;\n    }\n\n    if (this.host._internals?.states.has('anchor') && this.host.selected) {\n      this.host._internals!.ariaSelected = null;\n      this.host._internals!.states.add('selected');\n      this.host.querySelector('a')?.setAttribute('aria-current', 'page');\n      return;\n    }\n\n    if (this.host.selected !== null && this.host.selected !== undefined) {\n      this.host._internals!.ariaSelected = `${this.host.selected}`;\n    }\n\n    if (this.host.selected) {\n      this.host._internals!.states.add('selected');\n    } else {\n      this.host._internals!.states.delete('selected');\n    }\n  }\n}\n"],"mappings":";;AAYA,SAAgB,IAAoD;AAClE,SAAQ,MACN,EAAO,gBAAiB,MAAgB,IAAI,EAAwB,EAAS,CAAC;;AAKlF,IAAa,IAAb,MAAuF;CACrF,YAAY,GAAiB;AAC3B,EADkB,KAAA,OAAA,GAClB,KAAK,KAAK,cAAc,KAAK;;CAG/B,gBAAgB;AACd,IAAgB,KAAK,KAAK;;CAG5B,cAAc;AACZ,MAAI,KAAK,KAAK,UAAU;AAEtB,GADA,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW;AAC/C;;AAGF,MAAI,KAAK,KAAK,YAAY,OAAO,IAAI,SAAS,IAAI,KAAK,KAAK,UAAU;AAGpE,GAFA,KAAK,KAAK,WAAY,eAAe,MACrC,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,EAC5C,KAAK,KAAK,cAAc,IAAI,EAAE,aAAa,gBAAgB,OAAO;AAClE;;AAOF,EAJI,KAAK,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,KAAA,MACxD,KAAK,KAAK,WAAY,eAAe,GAAG,KAAK,KAAK,aAGhD,KAAK,KAAK,WACZ,KAAK,KAAK,WAAY,OAAO,IAAI,WAAW,GAE5C,KAAK,KAAK,WAAY,OAAO,OAAO,WAAW"}

package/dist/internal/controllers/type-anchor.controller.d.ts

@@ -1,16 +0,0 @@
-import { ReactiveController, ReactiveElement } from 'lit';
-/**
- * Adds anchor/link support for interactive custom elements.
- */
-export declare function typeAnchor<T extends Anchor>(): ClassDecorator;
-export interface Anchor extends ReactiveElement {
-    disabled: boolean;
-    readonly: boolean;
-    _internals: ElementInternals;
-}
-export declare class TypeAnchorController<T extends Anchor> implements ReactiveController {
-    #private;
-    private host;
-    constructor(host: T);
-    hostConnected(): Promise<void>;
-}