@nvidia-elements/core 2.23.4 → 2.23.5

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [2.23.5](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.23.4...@nvidia-elements/core-v2.23.5) (2026-11-10)
+
+### Bug Fixes
+
+* **core:** refactor to use foundations internals ([6405764](https://github.com/NVIDIA/elements/commit/6405764abcd16224406fdc57a811cd745ec54971))
+* **foundations:** add shared decorator ([fa642a4](https://github.com/NVIDIA/elements/commit/fa642a4c81c7e0ec2f00d646452bcd7d595b1e34))
+* **markdown:** update to use foundations internals ([33f1490](https://github.com/NVIDIA/elements/commit/33f149046c791aad70e35b439869fd4d05efe6ed))
+* **media:** update to use foundations internals ([24d2296](https://github.com/NVIDIA/elements/commit/24d2296596c18955cfe8723f0e1c67ccc53cbfeb))
+* **viewport:** update to use foundations internals ([a5510ec](https://github.com/NVIDIA/elements/commit/a5510ec63d0933d0d8b245c6160e0b3bf2e1f1bc))
+
 ## [2.23.4](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.23.3...@nvidia-elements/core-v2.23.4) (2026-11-10)
 
 ### Bug Fixes

package/dist/accordion/accordion2.js

@@ -1,80 +1,80 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { isFocusable as t } from "../internal/utils/focus.js";
 import { generateId as n } from "../internal/utils/dom.js";
-import { attachInternals as r } from "../internal/utils/a11y.js";
-import { stateExpanded as i } from "../internal/controllers/state-expanded.controller.js";
-import { TypeExpandableController as a } from "../internal/controllers/type-expandable.controller.js";
-import { hostAttr as o } from "../internal/decorators/host-attr.js";
-import { scopedRegistry as s } from "../internal/decorators/scoped-registry.js";
-import { useStyles as c } from "../internal/styles/index.js";
-import l from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { IconButton as u } from "../icon-button/icon-button2.js";
-import d from "./accordion.js";
-import f from "./accordion-header.js";
-import p from "./accordion-content.js";
-import m from "./accordion-group.js";
-import { LitElement as h, html as g } from "lit";
-import { property as _ } from "lit/decorators/property.js";
-import { I18nController as v } from "@nvidia-elements/foundations/internal/i18n";
+import { stateExpanded as r } from "../internal/controllers/state-expanded.controller.js";
+import { TypeExpandableController as i } from "../internal/controllers/type-expandable.controller.js";
+import { hostAttr as a } from "../internal/decorators/host-attr.js";
+import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { IconButton as s } from "../icon-button/icon-button2.js";
+import c from "./accordion.js";
+import l from "./accordion-header.js";
+import u from "./accordion-content.js";
+import d from "./accordion-group.js";
+import { attachInternals as f } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as p, html as m } from "lit";
+import { property as h } from "lit/decorators/property.js";
+import { I18nController as g } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as _ } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as v } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as y } from "lit/decorators/query-assigned-elements.js";
 // src/accordion/accordion.ts
 var b = {
 	close: "close",
 	expand: "expand"
-}, x = class extends h {
+}, x = class extends p {
 	constructor(...e) {
 		super(...e), this.slot = "header";
 	}
 	static {
-		this.styles = c([f]);
+		this.styles = v([l]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return g`<div internal-host><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
+		return m`<div internal-host><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "heading", this._internals.ariaLevel = "2";
+		super.connectedCallback(), f(this), this._internals.role = "heading", this._internals.ariaLevel = "2";
 	}
 };
-l([o()], x.prototype, "slot", void 0);
-var S = class extends h {
+o([a()], x.prototype, "slot", void 0);
+var S = class extends p {
 	static {
-		this.styles = c([p]);
+		this.styles = v([u]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return g`<slot></slot>`;
+		return m`<slot></slot>`;
 	}
-}, C = class extends h {
+}, C = class extends p {
 	constructor(...e) {
-		super(...e), this.#e = new v(this, b), this.#t = new a(this), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
+		super(...e), this.#e = new g(this, b), this.#t = new i(this), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
 	}
 	static {
-		this.styles = c([d]);
+		this.styles = v([c]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "2.23.4",
+			version: "2.23.5",
 			children: [
 				x.metadata.tag,
 				S.metadata.tag,
-				u.metadata.tag
+				s.metadata.tag
 			]
 		};
 	}
 	static {
-		this.elementDefinitions = { [u.metadata.tag]: u };
+		this.elementDefinitions = { [s.metadata.tag]: s };
 	}
 	#e;
 	#t;
@@ -85,53 +85,53 @@ var S = class extends h {
 		this.disabled || t(e) && e.id !== "internal-trigger" || this.#t.toggle();
 	}
 	render() {
-		return g`<div internal-host><div id="header" @click="${(e) => this.#r(e.target)}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}" .ariaControls="${"content"}"><slot name="header"></slot><slot name="icon-button"><nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" id="internal-trigger" container="inline" icon-name="caret" direction="${this.expanded ? "up" : "down"}" ?disabled="${this.disabled}" ?pressed="${this.expanded}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}"></nve-icon-button></slot></div><div id="content" .ariaHidden="${!this.expanded}"><slot></slot></div></div>`;
+		return m`<div internal-host><div id="header" @click="${(e) => this.#r(e.target)}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}" .ariaControls="${"content"}"><slot name="header"></slot><slot name="icon-button"><nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" id="internal-trigger" container="inline" icon-name="caret" direction="${this.expanded ? "up" : "down"}" ?disabled="${this.disabled}" ?pressed="${this.expanded}" .expanded="${this.expanded}" .ariaLabel="${this.expanded ? this.i18n.close : this.i18n.expand}"></nve-icon-button></slot></div><div id="content" .ariaHidden="${!this.expanded}"><slot></slot></div></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "region";
+		super.connectedCallback(), f(this), this._internals.role = "region";
 	}
 	async firstUpdated(e) {
 		super.firstUpdated(e), this.#n && (this.#n.id ||= n(), this.setAttribute("aria-labelledby", this.#n.id));
 	}
 };
-l([_({ type: Object })], C.prototype, "i18n", void 0), l([_({
+o([h({ type: Object })], C.prototype, "i18n", void 0), o([h({
 	type: String,
 	reflect: !0
-})], C.prototype, "container", void 0), l([_({
+})], C.prototype, "container", void 0), o([h({
 	type: Boolean,
 	reflect: !0
-})], C.prototype, "expanded", void 0), l([_({
+})], C.prototype, "expanded", void 0), o([h({
 	type: Boolean,
 	reflect: !0
-})], C.prototype, "disabled", void 0), l([_({
+})], C.prototype, "disabled", void 0), o([h({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], C.prototype, "behaviorExpand", void 0), C = l([
+})], C.prototype, "behaviorExpand", void 0), C = o([
 	e(),
-	s(),
-	i()
+	_(),
+	r()
 ], C);
-var w = class extends h {
+var w = class extends p {
 	constructor(...e) {
 		super(...e), this.behaviorExpand = !1, this.behaviorExpandSingle = !1, this.#e = (e) => {
 			this.behaviorExpandSingle && this.accordions.find((t) => t === e.target) && this.accordions.filter((t) => t !== e.target).forEach((e) => e.expanded = !1);
 		};
 	}
 	static {
-		this.styles = c([m]);
+		this.styles = v([d]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "2.23.4",
+			version: "2.23.5",
 			children: [C.metadata.tag]
 		};
 	}
 	render() {
-		return g`<div internal-host><slot @slotchange="${() => this.#t()}"></slot></div>`;
+		return m`<div internal-host><slot @slotchange="${() => this.#t()}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), r(this), this._internals.role = "group", this.addEventListener("open", this.#e);
+		super.connectedCallback(), f(this), this._internals.role = "group", this.addEventListener("open", this.#e);
 	}
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("open", this.#e);
@@ -144,16 +144,16 @@ var w = class extends h {
 		this.accordions.forEach((e) => e.container = this.container), this.accordions.forEach((e) => e.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle);
 	}
 };
-l([_({
+o([h({
 	type: Boolean,
 	attribute: "behavior-expand"
-})], w.prototype, "behaviorExpand", void 0), l([_({
+})], w.prototype, "behaviorExpand", void 0), o([h({
 	type: Boolean,
 	attribute: "behavior-expand-single"
-})], w.prototype, "behaviorExpandSingle", void 0), l([_({
+})], w.prototype, "behaviorExpandSingle", void 0), o([h({
 	type: String,
 	reflect: !0
-})], w.prototype, "container", void 0), l([y()], w.prototype, "accordions", void 0), w = l([e()], w);
+})], w.prototype, "container", void 0), o([y()], w.prototype, "accordions", void 0), w = o([e()], w);
 export { C as Accordion, S as AccordionContent, w as AccordionGroup, x as AccordionHeader };
 
 //# sourceMappingURL=accordion2.js.map

package/dist/accordion/accordion2.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion2.js","names":["accordionHeaderStyleSheet","_decorate","accordionContentStyleSheet","accordionStyleSheet","accordionGroupStyleSheet","__decorate","accordion_default","accordion_header_default","accordion_content_default","accordion_group_default","i18nDefaults","AccordionHeader","LitElement","_args","useStyles","attachInternals","hostAttr","AccordionContent","Accordion","_args2","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","IconButton","#header","isFocusable","element","#toggle","props","generateId","property","audit","scopedRegistry","stateExpanded","AccordionGroup","_args3","#onOpen","accordion","#updateChildAttributes","queryAssignedElements"],"sources":["../../src/accordion/accordion.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement, Container } from '@nvidia-elements/core/internal';\nimport {\n  stateExpanded,\n  TypeExpandableController,\n  useStyles,\n  attachInternals,\n  generateId,\n  isFocusable,\n  hostAttr,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport accordionStyleSheet from './accordion.css?inline';\nimport accordionHeaderStyleSheet from './accordion-header.css?inline';\nimport accordionContentStyleSheet from './accordion-content.css?inline';\nimport accordionGroupStyleSheet from './accordion-group.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-accordion-header\n * @description Provides the clickable heading region of an accordion that toggles the visibility of associated content.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - Heading text and supporting content that labels the accordion section.\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --cursor\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionHeader extends LitElement {\n  static styles = useStyles([accordionHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion-header',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    attachInternals(this);\n    this._internals.role = 'heading';\n    this._internals.ariaLevel = '2';\n  }\n}\n\n/**\n * @element nve-accordion-content\n * @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionContent extends LitElement {\n  static styles = useStyles([accordionContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-accordion\n * @description An accordion is a vertical stack of interactive headings used to toggle the display of further information.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @command --open - use to open the accordion\n * @command --close - use to close the accordion\n * @command --toggle - use to toggle the accordion\n * @slot - Content displayed in the collapsible region, typically an `nve-accordion-content` element.\n * @slot icon-button - icon elements to display for expand/collapse\n * @slot header - header element (Use `accordion-header` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --header-padding - Padding around the header content.\n * @cssprop --cursor\n * @cssprop --transition\n * @csspart icon-button - The toggle icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\n@scopedRegistry()\n@stateExpanded<Accordion>()\nexport class Accordion extends LitElement implements ContainerElement {\n  static styles = useStyles([accordionStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion',\n    version: '0.0.0',\n    children: [AccordionHeader.metadata.tag, AccordionContent.metadata.tag, IconButton.metadata.tag]\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n  #typeExpandableController = new TypeExpandableController(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n  /**\n   * Determines whether the accordion expands to display its contents.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether the accordion is expandable\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  get #header() {\n    return this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=header]')?.assignedElements()[0];\n  }\n\n  #toggle(element: HTMLElement) {\n    if (!this.disabled && (!isFocusable(element) || element.id === 'internal-trigger')) {\n      this.#typeExpandableController.toggle();\n    }\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <div id=\"header\"\n          @click=${(e: Event) => this.#toggle(e.target as HTMLElement)}\n          .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n          .ariaControls=${'content'}\n          >\n          <slot name=\"header\"></slot>\n\n          <slot name=\"icon-button\">\n            <nve-icon-button part=\"icon-button\"\n            exportparts=\"icon:icon-button-icon\"\n              id=\"internal-trigger\"\n              container=\"inline\"\n              icon-name=\"caret\"\n              direction=${this.expanded ? 'up' : 'down'}\n              ?disabled=${this.disabled}\n              ?pressed=${this.expanded}\n              .expanded=${this.expanded}\n              .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n            ></nve-icon-button>\n          </slot>\n        </div>\n\n        <div id=\"content\" .ariaHidden=${!this.expanded}>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'region';\n  }\n\n  async firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    if (this.#header) {\n      this.#header.id ||= generateId();\n      this.setAttribute('aria-labelledby', this.#header.id);\n    }\n  }\n}\n\n/**\n * @element nve-accordion-group\n * @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @cssprop --padding\n * @slot - This is a default slot for accordions within the group\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\nexport class AccordionGroup extends LitElement {\n  declare _internals: ElementInternals;\n  static styles = useStyles([accordionGroupStyleSheet]);\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand-single' }) behaviorExpandSingle = false;\n\n  /**\n   * Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n  static readonly metadata = {\n    tag: 'nve-accordion-group',\n    version: '0.0.0',\n    children: [Accordion.metadata.tag]\n  };\n\n  @queryAssignedElements() private accordions!: Accordion[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateChildAttributes()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n    this.addEventListener('open', this.#onOpen);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('open', this.#onOpen);\n  }\n\n  #onOpen = (e: Event) => {\n    if (this.behaviorExpandSingle && this.accordions.find(accordion => accordion === e.target)) {\n      this.accordions.filter(accordion => accordion !== e.target).forEach(accordion => (accordion.expanded = false));\n    }\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateChildAttributes();\n  }\n\n  #updateChildAttributes() {\n    this.accordions.forEach(accordion => (accordion.container = this.container));\n    this.accordions.forEach(accordion => (accordion.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle));\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"accordion2.js","names":["accordionHeaderStyleSheet","_decorate","accordionContentStyleSheet","accordionStyleSheet","accordionGroupStyleSheet","__decorate","accordion_default","accordion_header_default","accordion_content_default","accordion_group_default","i18nDefaults","AccordionHeader","LitElement","_args","useStyles","attachInternals","hostAttr","AccordionContent","Accordion","_args2","#i18nController","I18nController","#typeExpandableController","TypeExpandableController","IconButton","#header","isFocusable","element","#toggle","props","generateId","property","audit","scopedRegistry","stateExpanded","AccordionGroup","_args3","#onOpen","accordion","#updateChildAttributes","queryAssignedElements"],"sources":["../../src/accordion/accordion.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { ContainerElement, Container } from '@nvidia-elements/core/internal';\nimport {\n  stateExpanded,\n  TypeExpandableController,\n  generateId,\n  isFocusable,\n  hostAttr,\n  audit\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport accordionStyleSheet from './accordion.css?inline';\nimport accordionHeaderStyleSheet from './accordion-header.css?inline';\nimport accordionContentStyleSheet from './accordion-content.css?inline';\nimport accordionGroupStyleSheet from './accordion-group.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  expand: 'expand'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-accordion-header\n * @description Provides the clickable heading region of an accordion that toggles the visibility of associated content.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - Heading text and supporting content that labels the accordion section.\n * @slot prefix - slot for prefix content\n * @slot suffix - slot for suffix content\n * @cssprop --cursor\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionHeader extends LitElement {\n  static styles = useStyles([accordionHeaderStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion-header',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  connectedCallback() {\n    super.connectedCallback(); // Do not override connectedCallback w/out supering\n    attachInternals(this);\n    this._internals.role = 'heading';\n    this._internals.ariaLevel = '2';\n  }\n}\n\n/**\n * @element nve-accordion-content\n * @description Contains the collapsible body content that reveals or hides when the parent accordion expands or collapses.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @slot - This is a default/unnamed slot for accordion content\n * @cssprop --padding\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\nexport class AccordionContent extends LitElement {\n  static styles = useStyles([accordionContentStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <slot></slot>\n    `;\n  }\n}\n\n/**\n * @element nve-accordion\n * @description An accordion is a vertical stack of interactive headings used to toggle the display of further information.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @command --open - use to open the accordion\n * @command --close - use to close the accordion\n * @command --toggle - use to toggle the accordion\n * @slot - Content displayed in the collapsible region, typically an `nve-accordion-content` element.\n * @slot icon-button - icon elements to display for expand/collapse\n * @slot header - header element (Use `accordion-header` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --header-padding - Padding around the header content.\n * @cssprop --cursor\n * @cssprop --transition\n * @csspart icon-button - The toggle icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\n@scopedRegistry()\n@stateExpanded<Accordion>()\nexport class Accordion extends LitElement implements ContainerElement {\n  static styles = useStyles([accordionStyleSheet]);\n\n  static readonly metadata = {\n    tag: 'nve-accordion',\n    version: '0.0.0',\n    children: [AccordionHeader.metadata.tag, AccordionContent.metadata.tag, IconButton.metadata.tag]\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n  #typeExpandableController = new TypeExpandableController(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting accordions within other containers. Inset suits more complex accordions where content needs distinct separation.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n  /**\n   * Determines whether the accordion expands to display its contents.\n   */\n  @property({ type: Boolean, reflect: true }) expanded = false;\n\n  /**\n   * Determines whether the accordion is expandable\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  get #header() {\n    return this.shadowRoot?.querySelector<HTMLSlotElement>('slot[name=header]')?.assignedElements()[0];\n  }\n\n  #toggle(element: HTMLElement) {\n    if (!this.disabled && (!isFocusable(element) || element.id === 'internal-trigger')) {\n      this.#typeExpandableController.toggle();\n    }\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <div id=\"header\"\n          @click=${(e: Event) => this.#toggle(e.target as HTMLElement)}\n          .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n          .ariaControls=${'content'}\n          >\n          <slot name=\"header\"></slot>\n\n          <slot name=\"icon-button\">\n            <nve-icon-button part=\"icon-button\"\n            exportparts=\"icon:icon-button-icon\"\n              id=\"internal-trigger\"\n              container=\"inline\"\n              icon-name=\"caret\"\n              direction=${this.expanded ? 'up' : 'down'}\n              ?disabled=${this.disabled}\n              ?pressed=${this.expanded}\n              .expanded=${this.expanded}\n              .ariaLabel=${this.expanded ? this.i18n.close : this.i18n.expand}\n            ></nve-icon-button>\n          </slot>\n        </div>\n\n        <div id=\"content\" .ariaHidden=${!this.expanded}>\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'region';\n  }\n\n  async firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    if (this.#header) {\n      this.#header.id ||= generateId();\n      this.setAttribute('aria-labelledby', this.#header.id);\n    }\n  }\n}\n\n/**\n * @element nve-accordion-group\n * @description Organizes many accordions into a cohesive group, enabling coordinated expand/collapse behavior such as single-item expansion.\n * @documentation https://nvidia.github.io/elements/docs/elements/accordion/\n * @since 0.12.0\n * @entrypoint \\@nvidia-elements/core/accordion\n * @cssprop --padding\n * @slot - This is a default slot for accordions within the group\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/\n */\n@audit()\nexport class AccordionGroup extends LitElement {\n  declare _internals: ElementInternals;\n  static styles = useStyles([accordionGroupStyleSheet]);\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion behavior (defaults to stateless)\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand' }) behaviorExpand = false;\n\n  /**\n   * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time\n   */\n  @property({ type: Boolean, attribute: 'behavior-expand-single' }) behaviorExpandSingle = false;\n\n  /**\n   * Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation.\n   */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'flat' | 'inset'>;\n\n  static readonly metadata = {\n    tag: 'nve-accordion-group',\n    version: '0.0.0',\n    children: [Accordion.metadata.tag]\n  };\n\n  @queryAssignedElements() private accordions!: Accordion[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateChildAttributes()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n    this.addEventListener('open', this.#onOpen);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('open', this.#onOpen);\n  }\n\n  #onOpen = (e: Event) => {\n    if (this.behaviorExpandSingle && this.accordions.find(accordion => accordion === e.target)) {\n      this.accordions.filter(accordion => accordion !== e.target).forEach(accordion => (accordion.expanded = false));\n    }\n  };\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateChildAttributes();\n  }\n\n  #updateChildAttributes() {\n    this.accordions.forEach(accordion => (accordion.container = this.container));\n    this.accordions.forEach(accordion => (accordion.behaviorExpand = this.behaviorExpand || this.behaviorExpandSingle));\n  }\n}\n"],"mappings":"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"}

package/dist/alert/alert-group2.js

@@ -1,33 +1,34 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { colorStateStyles as n, supportStateStyles as r, useStyles as i } from "../internal/styles/index.js";
-import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Alert as o } from "./alert2.js";
-import s from "./alert-group.js";
-import { LitElement as c, html as l } from "lit";
-import { property as u } from "lit/decorators/property.js";
+import { colorStateStyles as t, supportStateStyles as n } from "../internal/styles/index.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Alert as i } from "./alert2.js";
+import a from "./alert-group.js";
+import { attachInternals as o } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as s, html as c } from "lit";
+import { property as l } from "lit/decorators/property.js";
+import { useStyles as u } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as d } from "lit/decorators/query-assigned-elements.js";
 // src/alert/alert-group.ts
-var f = class extends c {
+var f = class extends s {
 	static {
-		this.styles = i([
-			s,
-			r,
-			n
+		this.styles = u([
+			a,
+			n,
+			t
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "2.23.4",
-			children: [o.metadata.tag]
+			version: "2.23.5",
+			children: [i.metadata.tag]
 		};
 	}
 	render() {
-		return l`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
+		return c`<div internal-host><slot @slotchange="${() => this.#e()}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.role = "group";
+		super.connectedCallback(), o(this), this._internals.role = "group";
 	}
 	updated(e) {
 		super.updated(e), this.#e();
@@ -36,19 +37,19 @@ var f = class extends c {
 		this.alerts.forEach((e) => e.status = this.status);
 	}
 };
-a([u({
+r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "status", void 0), a([u({
+})], f.prototype, "status", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "prominence", void 0), a([u({
+})], f.prototype, "prominence", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "color", void 0), a([u({
+})], f.prototype, "color", void 0), r([l({
 	type: String,
 	reflect: !0
-})], f.prototype, "container", void 0), a([d()], f.prototype, "alerts", void 0), f = a([e()], f);
+})], f.prototype, "container", void 0), r([d()], f.prototype, "alerts", void 0), f = r([e()], f);
 export { f as AlertGroup };
 
 //# sourceMappingURL=alert-group2.js.map

package/dist/alert/alert-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert-group2.js","names":["styles","_decorate","__decorate","alert_group_default","AlertGroup","LitElement","useStyles","supportStateStyles","colorStateStyles","Alert","#updateStatus","attachInternals","props","property","queryAssignedElements","audit"],"sources":["../../src/alert/alert-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  useStyles,\n  supportStateStyles,\n  audit,\n  colorStateStyles\n} from '@nvidia-elements/core/internal';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n  static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert-group',\n    version: '0.0.0',\n    children: [Alert.metadata.tag]\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus;\n\n  /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Determines the container bounds of the element */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private alerts!: Alert[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateStatus()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateStatus();\n  }\n\n  #updateStatus() {\n    this.alerts.forEach(alert => (alert.status = this.status));\n  }\n}\n"],"mappings":";;;;;;;;;;AAmCO,IAAMI,IAAN,cAAyBC,EAAW;;EACzB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAoBC;EAAgB,CAAC;;;EAE7C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAACC,EAAM,SAAS,GAAG;EAC/B;;CAmBA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAc,EAAE;CAGrD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQC,CAAK,GACnB,KAAKF,GAAc;CACrB;CAEA,KAAgB;EACd,KAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,MAAO;CAC3D;AACF;AAtCGT,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,cAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAa,EAAsB,CAAA,GAAAV,EAAA,WAAA,UAAA,KAAA,CAAA,GAzBxB,IAAAH,EAAA,CAAAc,EAAM,CAAA,GAAAX,CAAA"}
+{"version":3,"file":"alert-group2.js","names":["styles","_decorate","__decorate","alert_group_default","AlertGroup","LitElement","useStyles","supportStateStyles","colorStateStyles","Alert","#updateStatus","attachInternals","props","property","queryAssignedElements","audit"],"sources":["../../src/alert/alert-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { property } from 'lit/decorators/property.js';\nimport type { Color, Container, Prominence, SupportStatus } from '@nvidia-elements/core/internal';\nimport { supportStateStyles, audit, colorStateStyles } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { Alert } from './alert.js';\nimport styles from './alert-group.css?inline';\n\n/**\n * @element nve-alert-group\n * @description An alert group is an element that displays a group of related and important messages in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --color\n * @cssprop --background\n * @slot - default slot for nve-alert\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@audit()\nexport class AlertGroup extends LitElement {\n  static styles = useStyles([styles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert-group',\n    version: '0.0.0',\n    children: [Alert.metadata.tag]\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus;\n\n  /** Determines the visual prominence or weight, emphasis applies banner style alerts */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  /** Allows colors not defined by semantic status definitions for non-status instances, such as callouts for tutorials or tips on a documentation site. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /** Determines the container bounds of the element */\n  @property({ type: String, reflect: true }) container?: Extract<Container, 'full'>;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements() private alerts!: Alert[];\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${() => this.#updateStatus()}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#updateStatus();\n  }\n\n  #updateStatus() {\n    this.alerts.forEach(alert => (alert.status = this.status));\n  }\n}\n"],"mappings":";;;;;;;;;;;AA+BO,IAAMI,IAAN,cAAyBC,EAAW;;EACzB,KAAA,SAAAC,EAAU;GAACN;GAAQO;GAAoBC;EAAgB,CAAC;;;EAE7C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAACC,EAAM,SAAS,GAAG;EAC/B;;CAmBA,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKC,GAAc,EAAE;CAGrD;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQC,CAAK,GACnB,KAAKF,GAAc;CACrB;CAEA,KAAgB;EACd,KAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,MAAO;CAC3D;AACF;AAtCGT,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,cAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,SAAA,KAAA,CAAA,GAGxCH,EAAA,CAAAY,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,aAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAa,EAAsB,CAAA,GAAAV,EAAA,WAAA,UAAA,KAAA,CAAA,GAzBxB,IAAAH,EAAA,CAAAc,EAAM,CAAA,GAAAX,CAAA"}

package/dist/alert/alert2.js

@@ -1,17 +1,18 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { TypeClosableController as n } from "../internal/controllers/type-closable.controller.js";
-import { scopedRegistry as r } from "../internal/decorators/scoped-registry.js";
-import { statusStateStyles as i, supportStateStyles as a, useStyles as o } from "../internal/styles/index.js";
-import { statusIcons as s } from "../internal/types/index.js";
-import c from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as l } from "../icon/icon2.js";
-import { IconButton as u } from "../icon-button/icon-button2.js";
-import d from "./alert.global.js";
-import f from "./alert.js";
-import { LitElement as p, html as m } from "lit";
-import { property as h } from "lit/decorators/property.js";
-import { I18nController as g } from "@nvidia-elements/foundations/internal/i18n";
+import { TypeClosableController as t } from "../internal/controllers/type-closable.controller.js";
+import { statusStateStyles as n, supportStateStyles as r } from "../internal/styles/index.js";
+import { statusIcons as i } from "../internal/types/index.js";
+import a from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as o } from "../icon/icon2.js";
+import { IconButton as s } from "../icon-button/icon-button2.js";
+import c from "./alert.global.js";
+import l from "./alert.js";
+import { attachInternals as u } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as d, html as f } from "lit";
+import { property as p } from "lit/decorators/property.js";
+import { I18nController as m } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as h } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as g } from "@nvidia-elements/foundations/internal/styles";
 import { queryAssignedElements as _ } from "lit/decorators/query-assigned-elements.js";
 // src/alert/alert.ts
 var v = {
@@ -20,48 +21,48 @@ var v = {
 	information: "information",
 	success: "success",
 	warning: "warning"
-}, y = class extends p {
+}, y = class extends d {
 	constructor(...e) {
-		super(...e), this.closable = !1, this.#e = new n(this), this.#t = new g(this, v), this.i18n = this.#t.i18n;
+		super(...e), this.closable = !1, this.#e = new t(this), this.#t = new m(this, v), this.i18n = this.#t.i18n;
 	}
 	static {
-		this.styles = o([
-			f,
-			i,
-			a
+		this.styles = g([
+			l,
+			n,
+			r
 		]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[l.metadata.tag]: l,
-			[u.metadata.tag]: u
+			[o.metadata.tag]: o,
+			[s.metadata.tag]: s
 		};
 	}
 	#e;
 	#t;
 	render() {
-		return m`<div internal-host @slotchange="${() => this.requestUpdate()}"><slot name="icon"><nve-icon part="icon" role="img" .name="${s[this.status] ?? s[""]}" aria-label="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information ?? "information"}"></nve-icon></slot><slot name="prefix" ?hidden="${!this.prefixItems.length}"></slot><slot></slot><slot name="actions" ?hidden="${!this.actionItems.length}"></slot>${this.closable ? m`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#e.close()}" container="flat" icon-name="cancel" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}</div><slot name="content" part="_content"></slot>`;
+		return f`<div internal-host @slotchange="${() => this.requestUpdate()}"><slot name="icon"><nve-icon part="icon" role="img" .name="${i[this.status] ?? i[""]}" aria-label="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information ?? "information"}"></nve-icon></slot><slot name="prefix" ?hidden="${!this.prefixItems.length}"></slot><slot></slot><slot name="actions" ?hidden="${!this.actionItems.length}"></slot>${this.closable ? f`<nve-icon-button part="icon-button" exportparts="icon:icon-button-icon" @click="${() => this.#e.close()}" container="flat" icon-name="cancel" size="sm" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}</div><slot name="content" part="_content"></slot>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), e(this, d), this._internals.role = "alert";
+		super.connectedCallback(), u(this), e(this, c), this._internals.role = "alert";
 	}
 };
-c([h({
+a([p({
 	type: String,
 	reflect: !0
-})], y.prototype, "status", void 0), c([h({ type: Boolean })], y.prototype, "closable", void 0), c([h({ type: Object })], y.prototype, "i18n", void 0), c([_({
+})], y.prototype, "status", void 0), a([p({ type: Boolean })], y.prototype, "closable", void 0), a([p({ type: Object })], y.prototype, "i18n", void 0), a([_({
 	slot: "prefix",
 	flatten: !0
-})], y.prototype, "prefixItems", void 0), c([_({
+})], y.prototype, "prefixItems", void 0), a([_({
 	slot: "actions",
 	flatten: !0
-})], y.prototype, "actionItems", void 0), y = c([r()], y);
+})], y.prototype, "actionItems", void 0), y = a([h()], y);
 export { y as Alert };
 
 //# sourceMappingURL=alert2.js.map

package/dist/alert/alert2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","names":["styles","globalStyles","_decorate","__decorate","alert_global_default","alert_default","i18nDefaults","Alert","LitElement","_args","#typeClosableController","TypeClosableController","#i18nController","I18nController","useStyles","statusStateStyles","supportStateStyles","Icon","IconButton","statusIcons","attachInternals","appendRootNodeStyle","property","queryAssignedElements","scopedRegistry"],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  statusIcons,\n  TypeClosableController,\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n  /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n  @property({ type: Boolean }) closable = false;\n\n  #typeClosableController = new TypeClosableController(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @queryAssignedElements({ slot: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${() => this.requestUpdate()}>\n        <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n        <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n        <slot></slot>\n        <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      </div>\n      <slot name=\"content\" part=\"_content\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAMM,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA8BaC,IAAN,cAAoBC,EAAW;;EAwBD,A,aAPK,KAAA,WAAA,IAEd,KAAAE,KAAA,IAAIC,EAAuB,IAAI,GAEjB,KAAAC,KAAA,IAAIC,EAAqB,MAAMP,CAAY,GAGhD,KAAA,OAAA,KAAKM,GAAgB;;;EAvBxC,KAAA,SAAAE,EAAU;GAACd;GAAQe;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBC,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAQA;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,cAAc,EAAE,8DACCC,EAAY,KAAK,WAAqBA,EAAY,IAAI,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,eAAe,cAAc,mDAC1N,CAAC,KAAK,YAAY,OAAO,sDAExB,CAAC,KAAK,YAAY,OAAO,WACtD,KAAK,WAAW,CAAI,yFAAwF,KAAKT,GAAwB,MAAM,EAAE,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAI/P;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpBC,EAAoB,MAAMpB,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;AAtCGC,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAf,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCL,EAAA,CAAAoB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAf,EAAA,WAAA,YAAA,KAAA,CAAA,GAO1BL,EAAA,CAAAoB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAf,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzBL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAU,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GAEvDL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAW,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GA7B1D,IAAAL,EAAA,CAAAsB,EAAe,CAAA,GAAAjB,CAAA"}
+{"version":3,"file":"alert2.js","names":["styles","globalStyles","_decorate","__decorate","alert_global_default","alert_default","i18nDefaults","Alert","LitElement","_args","#typeClosableController","TypeClosableController","#i18nController","I18nController","useStyles","statusStateStyles","supportStateStyles","Icon","IconButton","statusIcons","attachInternals","appendRootNodeStyle","property","queryAssignedElements","scopedRegistry"],"sources":["../../src/alert/alert.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { SupportStatus, TaskStatus } from '@nvidia-elements/core/internal';\nimport {\n  statusIcons,\n  TypeClosableController,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle\n} from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-alert\n * @description Alert is an element that displays a brief, important message in a way that attracts the user's attention without interrupting the user's task.\n * @documentation https://nvidia.github.io/elements/docs/elements/alert/\n * @since 0.3.0\n * @entrypoint \\@nvidia-elements/core/alert\n * @event close - Dispatched when the alert closes within an alert group.\n * @command --close - Use to set the alert closed/hidden state.\n * @slot icon - Icon slot renders on the left side of the alert. Icons typically represent the alert's status.\n * @slot prefix - Prefix slot renders between the icon and the content. Prefixes typically represent the alert's status.\n * @slot actions - Actions render on the right side of the alert. Actions are typically buttons, but can also be links. Use actions for steps the user can take to resolve the alert.\n * @slot content - Content for large overflow text.\n * @slot - Default content placed inside of the alert.\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --color\n * @cssprop --icon-color\n * @cssprop --icon-size\n * @cssprop --font-weight\n * @cssprop --justify-content\n * @cssprop --align-items\n * @cssprop --min-height\n * @cssprop --text-transform\n * @cssprop --height\n * @cssprop --width\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n */\n@scopedRegistry()\nexport class Alert extends LitElement {\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-alert',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  /** Defines visual treatment to represent a ongoing task or support status. */\n  @property({ type: String, reflect: true }) status?: SupportStatus | TaskStatus | 'muted';\n\n  /** When used in an `alert-group` the `closable` property enables dismissing alerts within the same group. */\n  @property({ type: Boolean }) closable = false;\n\n  #typeClosableController = new TypeClosableController(this);\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /** Enables updating internal string values for internationalization. */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  @queryAssignedElements({ slot: 'prefix', flatten: true }) private prefixItems!: HTMLElement[];\n\n  @queryAssignedElements({ slot: 'actions', flatten: true }) private actionItems!: HTMLElement[];\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host @slotchange=${() => this.requestUpdate()}>\n        <slot name=\"icon\"><nve-icon part=\"icon\" role=\"img\" .name=${statusIcons[this.status as string] ?? statusIcons['']} aria-label=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information ?? 'information'}></nve-icon></slot>\n        <slot name=\"prefix\" ?hidden=${!this.prefixItems.length}></slot>\n        <slot></slot>\n        <slot name=\"actions\" ?hidden=${!this.actionItems.length}></slot>\n        ${this.closable ? html`<nve-icon-button part=\"icon-button\" exportparts=\"icon:icon-button-icon\" @click=${() => this.#typeClosableController.close()} container=\"flat\" icon-name=\"cancel\" size=\"sm\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n      </div>\n      <slot name=\"content\" part=\"_content\"></slot>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'alert';\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,IAAMM,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GA8BaC,IAAN,cAAoBC,EAAW;;EAwBD,A,aAPK,KAAA,WAAA,IAEd,KAAAE,KAAA,IAAIC,EAAuB,IAAI,GAEjB,KAAAC,KAAA,IAAIC,EAAqB,MAAMP,CAAY,GAGhD,KAAA,OAAA,KAAKM,GAAgB;;;EAvBxC,KAAA,SAAAE,EAAU;GAACd;GAAQe;GAAmBC;EAAkB,CAAC;;;EAE9C,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBC,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAQA;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,cAAc,EAAE,8DACCC,EAAY,KAAK,WAAqBA,EAAY,IAAI,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,eAAe,cAAc,mDAC1N,CAAC,KAAK,YAAY,OAAO,sDAExB,CAAC,KAAK,YAAY,OAAO,WACtD,KAAK,WAAW,CAAI,yFAAwF,KAAKT,GAAwB,MAAM,EAAE,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAI/P;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxBU,EAAgB,IAAI,GACpBC,EAAoB,MAAMpB,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;AAtCGC,EAAA,CAAAoB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAf,EAAA,WAAA,UAAA,KAAA,CAAA,GAGxCL,EAAA,CAAAoB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAf,EAAA,WAAA,YAAA,KAAA,CAAA,GAO1BL,EAAA,CAAAoB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAf,EAAA,WAAA,QAAA,KAAA,CAAA,GAEzBL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAU,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GAEvDL,EAAA,CAAAqB,EAAsB;CAAE,MAAM;CAAW,SAAS;AAAK,CAAC,CAAA,GAAAhB,EAAA,WAAA,eAAA,KAAA,CAAA,GA7B1D,IAAAL,EAAA,CAAAsB,EAAe,CAAA,GAAAjB,CAAA"}

package/dist/avatar/avatar-group2.js

@@ -1,23 +1,23 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { useStyles as t } from "../internal/styles/index.js";
-import n from "./avatar-group.js";
-import { LitElement as r, html as i } from "lit";
+import e from "./avatar-group.js";
+import { attachInternals as t } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as n, html as r } from "lit";
+import { useStyles as i } from "@nvidia-elements/foundations/internal/styles";
 // src/avatar/avatar-group.ts
-var a = class extends r {
+var a = class extends n {
 	static {
-		this.styles = t([n]);
+		this.styles = i([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return i`<div internal-host><slot></slot></div>`;
+		return r`<div internal-host><slot></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this._internals.role = "group";
+		super.connectedCallback(), t(this), this._internals.role = "group";
 	}
 };
 export { a as AvatarGroup };

package/dist/avatar/avatar-group2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar-group2.js","names":["styles","avatar_group_default","AvatarGroup","LitElement","useStyles","attachInternals"],"sources":["../../src/avatar/avatar-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './avatar-group.css?inline';\n\n/**\n * @element nve-avatar-group\n * @description An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - `nve-avatar` elements that represent the group members.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class AvatarGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar-group',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n}\n"],"mappings":";;;;;AAgBA,IAAaE,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBK,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"avatar-group2.js","names":["styles","avatar_group_default","AvatarGroup","LitElement","useStyles","attachInternals"],"sources":["../../src/avatar/avatar-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { LitElement, html } from 'lit';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './avatar-group.css?inline';\n\n/**\n * @element nve-avatar-group\n * @description An avatar group displays a collection of user avatars in a compact and organized layout, showcasing many participants or contributors in a space-efficient way.\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - `nve-avatar` elements that represent the group members.\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class AvatarGroup extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar-group',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'group';\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAaE,IAAb,cAAiCC,EAAW;;EAC1B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxBK,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}