@nvidia-elements/core 2.1.6 → 2.2.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+## <small>2.2.1 (2026-07-28)</small>
+
+* fix(cli): update mcp deps ([a7d5f7c](https://github.com/NVIDIA/elements/commit/a7d5f7c))
+* fix(core): improve api custom elements schema ([6b299e3](https://github.com/NVIDIA/elements/commit/6b299e3))
+* fix(styles): default line heights ([d13ea94](https://github.com/NVIDIA/elements/commit/d13ea94))
+* chore(ci): update hugo starter to use mise defined binary ([29211a7](https://github.com/NVIDIA/elements/commit/29211a7))
+* chore(docs): feed title ([e7f3717](https://github.com/NVIDIA/elements/commit/e7f3717))
+* chore(docs): whats new page and skill ([9c6f1b2](https://github.com/NVIDIA/elements/commit/9c6f1b2))
+* chore(release): @nvidia-elements/lint-v2.2.0 [skip ci] ([0a6b54e](https://github.com/NVIDIA/elements/commit/0a6b54e))
+* chore(release): @nvidia-elements/styles-v2.1.1 [skip ci] ([d6ce1a6](https://github.com/NVIDIA/elements/commit/d6ce1a6))
+* feat(lint): add rule to limit excessive primary actions ([e67fa69](https://github.com/NVIDIA/elements/commit/e67fa69))
+
+## 2.2.0 (2026-07-24)
+
+* chore(ci): enforce html custom data package contracts ([39ba85c](https://github.com/NVIDIA/elements/commit/39ba85c))
+* chore(ci): update lighthouse ([73584d2](https://github.com/NVIDIA/elements/commit/73584d2))
+* chore(release): @nvidia-elements/forms-v2.0.5 [skip ci] ([c0e8291](https://github.com/NVIDIA/elements/commit/c0e8291))
+* chore(release): @nvidia-elements/lint-v2.1.3 [skip ci] ([2c2320d](https://github.com/NVIDIA/elements/commit/2c2320d))
+* chore(release): @nvidia-elements/markdown-v2.0.3 [skip ci] ([287e6c3](https://github.com/NVIDIA/elements/commit/287e6c3))
+* feat(core): add media i18n values ([371692a](https://github.com/NVIDIA/elements/commit/371692a))
+* fix(forms): remove stale html custom data contribution ([c64f40d](https://github.com/NVIDIA/elements/commit/c64f40d))
+* fix(markdown): export html custom data ([090c9c3](https://github.com/NVIDIA/elements/commit/090c9c3))
+* fix(media): remove stale html custom data contribution ([baedd39](https://github.com/NVIDIA/elements/commit/baedd39))
+
 ## <small>2.1.6 (2026-07-22)</small>
 
 * fix(core): clipping descenders on toolbar typography ([7965c3c](https://github.com/NVIDIA/elements/commit/7965c3c))

package/dist/accordion/accordion.d.ts

@@ -8,7 +8,7 @@ import { IconButton } from '@nvidia-elements/core/icon-button';
  * @documentation https://nvidia.github.io/elements/docs/elements/accordion/
  * @since 0.12.0
  * @entrypoint \@nvidia-elements/core/accordion
- * @slot - default content slot
+ * @slot - Heading text and supporting content that labels the accordion section.
  * @slot prefix - slot for prefix content
  * @slot suffix - slot for suffix content
  * @cssprop --cursor
@@ -23,6 +23,7 @@ export declare class AccordionHeader extends LitElement {
     /** @private */
     _internals: ElementInternals;
     render(): import("lit").TemplateResult<1>;
+    /** @private */
     slot: string;
     connectedCallback(): void;
 }
@@ -53,14 +54,13 @@ export declare class AccordionContent extends LitElement {
  * @command --open - use to open the accordion
  * @command --close - use to close the accordion
  * @command --toggle - use to toggle the accordion
- * @slot - This is a default/unnamed slot for accordion content
+ * @slot - Content displayed in the collapsible region, typically an `nve-accordion-content` element.
  * @slot icon-button - icon elements to display for expand/collapse
  * @slot header - header element (Use `accordion-header` or custom content)
- * @slot content - content element (Use `accordion-content` or custom content)
  * @cssprop --background
  * @cssprop --color
  * @cssprop --border-radius
- * @cssprop --header-padding
+ * @cssprop --header-padding - Padding around the header content.
  * @cssprop --cursor
  * @cssprop --transition
  * @csspart icon-button - The toggle icon button element
@@ -127,7 +127,9 @@ export declare class AccordionGroup extends LitElement {
      * Determines whether the accordion should opt-in to stateful expansion of a single accordion at a time
      */
     behaviorExpandSingle: boolean;
-    /** flat (Borderless, container-less accordions), full (default), or inset (Rounded corner, contained accordion) */
+    /**
+     * Controls the container style applied to child accordions. `flat` removes the visual container, `inset` adds rounded containment, and omission uses the default divided presentation.
+     */
     container?: Extract<Container, 'flat' | 'inset'>;
     static readonly metadata: {
         tag: string;

package/dist/accordion/accordion2.js

@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	render() {
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "2.1.6",
+			version: "2.2.1",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -120,7 +120,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "2.1.6",
+			version: "2.2.1",
 			children: [S.metadata.tag]
 		};
 	}

package/dist/accordion/accordion2.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion2.js","names":["#i18nController","#header","#typeExpandableController","#toggle","#updateChildAttributes","#onOpen"],"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  I18nController,\n  TypeExpandableController,\n  useStyles,\n  attachInternals,\n  generateId,\n  isFocusable,\n  hostAttr,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\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\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 - default content slot\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  @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 - This is a default/unnamed slot for accordion content\n * @slot icon-button - icon elements to display for expand/collapse\n * @slot header - header element (Use `accordion-header` or custom content)\n * @slot content - content element (Use `accordion-content` or custom content)\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --header-padding\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);\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  /** flat (Borderless, container-less accordions), full (default), or inset (Rounded corner, contained accordion) */\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":["#i18nController","#header","#typeExpandableController","#toggle","#updateChildAttributes","#onOpen"],"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  I18nController,\n  TypeExpandableController,\n  useStyles,\n  attachInternals,\n  generateId,\n  isFocusable,\n  hostAttr,\n  audit,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\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\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);\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

@@ -19,7 +19,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "2.1.6",
+			version: "2.2.1",
 			children: [o.metadata.tag]
 		};
 	}

package/dist/alert/alert2.js

@@ -28,7 +28,7 @@ var v = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	static {

package/dist/avatar/avatar-group.d.ts

@@ -4,7 +4,7 @@ import { LitElement } from 'lit';
  * @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.
  * @since 1.20.0
  * @entrypoint \@nvidia-elements/core/avatar
- * @slot - default slot for content
+ * @slot - `nve-avatar` elements that represent the group members.
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
  *
  */

package/dist/avatar/avatar-group2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	render() {

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

@@ -1 +1 @@
-{"version":3,"file":"avatar-group2.js","names":[],"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 - default slot for content\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,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"avatar-group2.js","names":[],"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,IAAa,IAAb,cAAiC,EAAW;;gBAC1B,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}

package/dist/avatar/avatar.d.ts

@@ -6,7 +6,7 @@ import type { Size, Color } from '@nvidia-elements/core/internal';
  * @documentation https://nvidia.github.io/elements/docs/elements/avatar/
  * @since 1.20.0
  * @entrypoint \@nvidia-elements/core/avatar
- * @slot - default slot for content
+ * @slot - Initials, an image, or other content that identifies the represented user or bot.
  * @cssprop --background
  * @cssprop --color
  * @cssprop --border-radius

package/dist/avatar/avatar2.js

@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	render() {

package/dist/avatar/avatar2.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar2.js","names":[],"sources":["../../src/avatar/avatar.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 { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @documentation https://nvidia.github.io/elements/docs/elements/avatar/\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - default slot for content\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar',\n    version: '0.0.0'\n  };\n\n  /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** Sets the color of the avatar component. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAQA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAZG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA"}
+{"version":3,"file":"avatar2.js","names":[],"sources":["../../src/avatar/avatar.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 { property } from 'lit/decorators/property.js';\nimport type { Size, Color } from '@nvidia-elements/core/internal';\nimport { colorStateStyles } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './avatar.css?inline';\n\n/**\n * @element nve-avatar\n * @description Avatar represents a user/bot within a UI. Typically with text or image content.\n * @documentation https://nvidia.github.io/elements/docs/elements/avatar/\n * @since 1.20.0\n * @entrypoint \\@nvidia-elements/core/avatar\n * @slot - Initials, an image, or other content that identifies the represented user or bot.\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --height\n * @cssprop --width\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --border\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/\n *\n */\nexport class Avatar extends LitElement {\n  static styles = useStyles([styles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-avatar',\n    version: '0.0.0'\n  };\n\n  /** Sets size of the avatar component. Update size through the `width + height` css props as an alternative. */\n  @property({ type: String, reflect: true }) size?: Size | 'xs';\n\n  /** Sets the color of the avatar component. */\n  @property({ type: String, reflect: true }) color: Color;\n\n  render() {\n    return html`\n    <div internal-host>\n        <slot></slot>\n    </div>\n  `;\n  }\n}\n"],"mappings":";;;;;;AA4BA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,GAAQ,CAAgB,CAAC;;;kBAEzB;GACzB,KAAK;GACL,SAAS;EACX;;CAQA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GAZG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA"}

package/dist/badge/badge.d.ts

@@ -8,7 +8,7 @@ import type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-eleme
  * @documentation https://nvidia.github.io/elements/docs/elements/badge/
  * @since 0.11.0
  * @entrypoint \@nvidia-elements/core/badge
- * @slot - default slot for content
+ * @slot - Short text that communicates the badge status.
  * @slot prefix-icon - slot for prefix icon
  * @slot suffix-icon - slot for suffix icon
  * @cssprop --background

package/dist/badge/badge2.js

@@ -25,7 +25,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	static {

package/dist/badge/badge2.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  I18nController,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - default slot for content\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BACvJ,KAAKC,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GA9EG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"badge2.js","names":["#i18nController","#size","#slotChange","#assignAriaLabel","#assignDefaultIcon"],"sources":["../../src/badge/badge.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, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { TaskStatus, SupportStatus, Color, Prominence } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  statusIcons,\n  statusStateStyles,\n  supportStateStyles,\n  colorStateStyles,\n  attachInternals,\n  I18nController,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './badge.css?inline';\n\n/**\n * @element nve-badge\n * @description A visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n * @documentation https://nvidia.github.io/elements/docs/elements/badge/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/badge\n * @slot - Short text that communicates the badge status.\n * @slot prefix-icon - slot for prefix icon\n * @slot suffix-icon - slot for suffix icon\n * @cssprop --background\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --font-size\n * @cssprop --icon-color\n * @cssprop --padding\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --font-weight\n * @cssprop --text-transform\n * @cssprop --width\n * @cssprop --height\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img\n */\n@typeSSR()\n@scopedRegistry()\nexport class Badge extends LitElement {\n  /**\n   * Visual treatment to represent a ongoing task, support status.\n   */\n  @property({ type: String, reflect: true }) status: TaskStatus | SupportStatus;\n\n  /**\n   * Highlights content to draw attention and convey simple messages.\n   */\n  @property({ type: String, reflect: true }) color: Color;\n\n  /**\n   * Determines the container styles of component. Flat suits nesting within other containers.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  /** Determines the visual prominence or weight */\n  @property({ type: String, reflect: true }) prominence?: Extract<Prominence, 'emphasis'>;\n\n  static styles = useStyles([styles, statusStateStyles, supportStateStyles, colorStateStyles]);\n\n  static readonly metadata = {\n    tag: 'nve-badge',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  get #size() {\n    return this.status && statusIcons[this.status] === 'dot' ? 'sm' : 'md';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix-icon\">${this.status ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status] ?? ''} .size=${this.#size} aria-hidden=\"true\"></nve-icon>` : nothing}</slot>\n        <slot @slotchange=${this.#slotChange}></slot>\n        <slot name=\"suffix-icon\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'status';\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#assignAriaLabel();\n  }\n\n  #slotChange() {\n    this.#assignAriaLabel();\n    this.#assignDefaultIcon();\n  }\n\n  #assignAriaLabel() {\n    this._internals.ariaLabel = this.textContent;\n  }\n\n  #assignDefaultIcon() {\n    const unassignedIcon = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!\n      .assignedElements()\n      .find(i => i.matches('nve-icon') && !i.slot);\n    if (unassignedIcon) {\n      unassignedIcon.slot = 'prefix-icon';\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;EAAgB,CAAC;;;kBAEhE;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAK,SAAS,MAAM,EACvB;;CAEA,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;CACpE;CAKA;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,SAAS,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BACvJ,KAAKC,GAAY;CAI3C;CAEA,oBAAoB;EAGlB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;CAEA,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,CAAK,GACnB,KAAKC,GAAiB;CACxB;CAEA,KAAc;EAEZ,AADA,KAAKA,GAAiB,GACtB,KAAKC,GAAmB;CAC1B;CAEA,KAAmB;EACjB,KAAK,WAAW,YAAY,KAAK;CACnC;CAEA,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,kBAAkB,CAAC,CACvF,iBAAiB,CAAC,CAClB,MAAK,MAAK,EAAE,QAAQ,UAAU,KAAK,CAAC,EAAE,IAAI;EAC7C,AAAI,MACF,EAAe,OAAO;CAE1B;AACF;GA9EG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAKxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,aAAA,KAAA,CAAA,MAGxC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,cAAA,KAAA,CAAA,MAyBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UA5C3B,EAAQ,GACR,EAAe,CAAA,GAAA,CAAA"}

package/dist/breadcrumb/breadcrumb2.js

@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "2.1.6"
+			version: "2.2.1"
 		};
 	}
 	static {