@nvidia-elements/core 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## <small>0.1.1 (2026-05-13)</small>
+
+* chore(ci): add knip configuration for unused dep linting ([1d039cd](https://github.com/NVIDIA/elements/commit/1d039cd))
+* chore(ci): improve codex support ([38c429f](https://github.com/NVIDIA/elements/commit/38c429f))
+* chore(ci): update pnpm and node ([26aba55](https://github.com/NVIDIA/elements/commit/26aba55))
+* chore(media): package metadata ([a7b3b7a](https://github.com/NVIDIA/elements/commit/a7b3b7a))
+* chore(release): @nvidia-elements/cli-v0.0.11 [skip ci] ([1e61870](https://github.com/NVIDIA/elements/commit/1e61870))
+* chore(release): @nvidia-elements/forms-v0.0.8 [skip ci] ([2d04bfd](https://github.com/NVIDIA/elements/commit/2d04bfd))
+* chore(release): @nvidia-elements/styles-v0.0.9 [skip ci] ([bd4ec9f](https://github.com/NVIDIA/elements/commit/bd4ec9f))
+* chore(release): @nvidia-elements/themes-v0.0.10 [skip ci] ([3a402bc](https://github.com/NVIDIA/elements/commit/3a402bc))
+* chore(starters): package metadata ([7dff9c9](https://github.com/NVIDIA/elements/commit/7dff9c9))
+* fix(cli): improve context ([7ca3fa6](https://github.com/NVIDIA/elements/commit/7ca3fa6))
+* fix(cli): package metadata ([2ebfca5](https://github.com/NVIDIA/elements/commit/2ebfca5))
+* fix(code): package metadata ([ffb19c5](https://github.com/NVIDIA/elements/commit/ffb19c5))
+* fix(core): package metadata ([bbd8b8c](https://github.com/NVIDIA/elements/commit/bbd8b8c))
+* fix(create): package metadata ([0cbaadc](https://github.com/NVIDIA/elements/commit/0cbaadc))
+* fix(forms): package metadata ([1182721](https://github.com/NVIDIA/elements/commit/1182721))
+* fix(lint): package metadata ([b5785fb](https://github.com/NVIDIA/elements/commit/b5785fb))
+* fix(markdown): package metadata ([c322cd5](https://github.com/NVIDIA/elements/commit/c322cd5))
+* fix(monaco): package metadata ([ebe24ce](https://github.com/NVIDIA/elements/commit/ebe24ce))
+* fix(styles): package metadata ([16675f2](https://github.com/NVIDIA/elements/commit/16675f2))
+* fix(themes): package metadata ([83b2273](https://github.com/NVIDIA/elements/commit/83b2273))
+
 ## 0.1.0 (2026-05-05)
 
 * feat(core): add nve-format-number component ([d49ec24](https://github.com/NVIDIA/elements/commit/d49ec24))

package/dist/_virtual/{_@oxc-project_runtime@0.123.0 → _@oxc-project_runtime@0.128.0}/helpers/decorate.js

@@ -1,4 +1,4 @@
-//#region \0@oxc-project+runtime@0.123.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.128.0/helpers/decorate.js
 function e(e, t, n, r) {
 	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
 	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);

package/dist/accordion/accordion2.js

@@ -2,7 +2,7 @@ import { isFocusable as e } from "../internal/utils/focus.js";
 import { generateId as t } from "../internal/utils/dom.js";
 import { attachInternals as n } from "../internal/utils/a11y.js";
 import { stateExpanded as r } from "../internal/controllers/state-expanded.controller.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { audit as a } from "../internal/controllers/audit.controller.js";
 import { I18nController as o } from "../internal/controllers/i18n.controller.js";
 import { TypeExpandableController as s } from "../internal/controllers/type-expandable.controller.js";
@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "0.1.0"
+			version: "0.1.1"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "0.1.0"
+			version: "0.1.1"
 		};
 	}
 	render() {
@@ -54,7 +54,7 @@ var x = class extends g {
 	}
 }, S = class extends g {
 	constructor(...e) {
-		super(...e), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
+		super(...e), this.#e = new o(this), this.#t = new s(this), this.i18n = this.#e.i18n, this.expanded = !1, this.disabled = !1, this.behaviorExpand = !1;
 	}
 	static {
 		this.styles = u([f]);
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "0.1.0",
+			version: "0.1.1",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -73,8 +73,8 @@ var x = class extends g {
 	static {
 		this.elementDefinitions = { [d.metadata.tag]: d };
 	}
-	#e = new o(this);
-	#t = new s(this);
+	#e;
+	#t;
 	get #n() {
 		return !!(this?.querySelectorAll ? Array.from(this?.querySelectorAll("[slot=\"actions\"]")) : []).length;
 	}
@@ -113,7 +113,9 @@ i([v({ type: Object })], S.prototype, "i18n", void 0), i([v({
 ], S);
 var C = class extends g {
 	constructor(...e) {
-		super(...e), this.behaviorExpand = !1, this.behaviorExpandSingle = !1;
+		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 = u([h]);
@@ -121,7 +123,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "0.1.0",
+			version: "0.1.1",
 			children: [S.metadata.tag]
 		};
 	}
@@ -134,9 +136,7 @@ var C = class extends g {
 	disconnectedCallback() {
 		super.disconnectedCallback(), this.removeEventListener("open", this.#e);
 	}
-	#e = (e) => {
-		this.behaviorExpandSingle && this.accordions.find((t) => t === e.target) && this.accordions.filter((t) => t !== e.target).forEach((e) => e.expanded = !1);
-	};
+	#e;
 	updated(e) {
 		super.updated(e), this.#t();
 	}

package/dist/accordion/accordion2.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion2.js","names":["#i18nController","#hasAction","#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 * @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 * @slot title - (deprecated)\n * @slot subtitle - (deprecated)\n * @slot actions - (deprecated)\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        <div id=\"titles\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n        <div id=\"actions\">\n          <slot name=\"actions\"></slot>\n        </div>\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 * @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 * @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 #hasAction(): boolean {\n    return !!(this?.querySelectorAll ? Array.from(this?.querySelectorAll<HTMLSlotElement>('[slot=\"actions\"]')) : [])\n      .length;\n  }\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 class=${this.#hasAction ? 'has-action' : ''}>\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 ? (this.#hasAction ? 'down' : 'up') : this.#hasAction ? 'right' : '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 * @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","#hasAction","#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 * @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 * @slot title - (deprecated)\n * @slot subtitle - (deprecated)\n * @slot actions - (deprecated)\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        <div id=\"titles\">\n          <slot name=\"title\"></slot>\n          <slot name=\"subtitle\"></slot>\n        </div>\n        <slot></slot>\n        <div id=\"actions\">\n          <slot name=\"actions\"></slot>\n        </div>\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 * @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 * @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 #hasAction(): boolean {\n    return !!(this?.querySelectorAll ? Array.from(this?.querySelectorAll<HTMLSlotElement>('[slot=\"actions\"]')) : [])\n      .length;\n  }\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 class=${this.#hasAction ? 'has-action' : ''}>\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 ? (this.#hasAction ? 'down' : 'up') : this.#hasAction ? 'right' : '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 * @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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"}

package/dist/alert/alert-group2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { audit as n } from "../internal/controllers/audit.controller.js";
 import { colorStateStyles as r, supportStateStyles as i, useStyles as a } from "../internal/styles/index.js";
 import { Alert as o } from "./alert2.js";
@@ -19,7 +19,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "0.1.0",
+			version: "0.1.1",
 			children: [o.metadata.tag]
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"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 * @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":";;;;;;;;;;AAkCO,IAAA,IAAA,cAAyB,EAAW;;gBACzB,EAAU;GAAC;GAAQ;GAAoB;GAAiB,CAAC;;;kBAE9C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,EAAM,SAAS,IAAA;GAC3B;;CAmBD,SAAS;AACP,SAAO,CAAI,+CAEmB,MAAA,GAAoB,CAAC;;CAKrD,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAoB;;CAGtB,KAAgB;AACd,OAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,OAAQ;;;GApC3D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,GAAuB,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAzBzB,GAAO,CAAA,EAAA,EAAA"}
+{"version":3,"file":"alert-group2.js","names":["#updateStatus"],"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 * @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":";;;;;;;;;;AAkCO,IAAA,IAAA,cAAyB,EAAW;;gBACzB,EAAU;GAAC;GAAQ;GAAoB;GAAiB,CAAC;;;kBAE9C;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,EAAM,SAAS,IAAA;GAC3B;;CAmBD,SAAS;EACP,OAAO,CAAI,+CAEmB,KAAKA,IAAe,CAAC;;CAKrD,oBAAoB;EAGlB,AAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,EAAM,EACpB,KAAKA,IAAe;;CAGtB,KAAgB;EACd,KAAK,OAAO,SAAQ,MAAU,EAAM,SAAS,KAAK,OAAQ;;;GApC3D,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAKzC,GAAuB,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,SAzBzB,GAAO,CAAA,EAAA,EAAA"}

package/dist/alert/alert2.js

@@ -1,6 +1,6 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
 import { attachInternals as t } from "../internal/utils/a11y.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { I18nController as r } from "../internal/controllers/i18n.controller.js";
 import { TypeClosableController as i } from "../internal/controllers/type-closable.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
@@ -16,7 +16,7 @@ import { queryAssignedElements as _ } from "lit/decorators/query-assigned-elemen
 //#region src/alert/alert.ts
 var v = class extends m {
 	constructor(...e) {
-		super(...e), this.closable = !1, this.i18n = this.#t.i18n;
+		super(...e), this.closable = !1, this.#e = new i(this), this.#t = new r(this), this.i18n = this.#t.i18n;
 	}
 	static {
 		this.styles = c([
@@ -28,7 +28,7 @@ var v = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "0.1.0"
+			version: "0.1.1"
 		};
 	}
 	static {
@@ -37,8 +37,8 @@ var v = class extends m {
 			[d.metadata.tag]: d
 		};
 	}
-	#e = new i(this);
-	#t = new r(this);
+	#e;
+	#t;
 	render() {
 		return h`<div internal-host @slotchange="${() => this.requestUpdate()}"><slot name="icon"><nve-icon part="icon" role="img" .name="${l[this.status] ?? l[""]}" 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 ? h`<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>`;
 	}

package/dist/alert/alert2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","names":["#i18nController","#typeClosableController"],"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  I18nController,\n  statusIcons,\n  TypeClosableController,\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\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 * @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);\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":";;;;;;;;;;;;;;;;AAkDO,IAAA,IAAA,cAAoB,EAAW;;+BAiBI,gBAOL,MAAA,EAAqB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAmB,CAAC;;;kBAE/C;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;GAC5B;;CAQD,KAA0B,IAAI,EAAuB,KAAK;CAE1D,KAAwC,IAAI,EAAqB,KAAK;CAYtE,SAAS;AACP,SAAO,CAAI,yCAC8B,KAAK,eAAe,CAAC,8DACC,EAAY,KAAK,WAAqB,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,MAAA,EAA6B,OAAO,CAAC,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;;CAM/P,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,EAAoB,MAAM,EAAa,EACvC,KAAK,WAAW,OAAO;;;GApCxB,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAO3B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,EAAsB;CAAE,MAAM;CAAU,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAExD,EAAsB;CAAE,MAAM;CAAW,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,SA7B3D,GAAgB,CAAA,EAAA,EAAA"}
+{"version":3,"file":"alert2.js","names":["#i18nController","#typeClosableController"],"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  I18nController,\n  statusIcons,\n  TypeClosableController,\n  useStyles,\n  statusStateStyles,\n  supportStateStyles,\n  appendRootNodeStyle,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport globalStyles from './alert.global.css?inline';\nimport styles from './alert.css?inline';\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 * @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);\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":";;;;;;;;;;;;;;;;AAkDO,IAAA,IAAA,cAAoB,EAAW;;+BAiBI,cAEd,IAAI,EAAuB,KAAK,YAElB,IAAI,EAAqB,KAAK,cAGnC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAmB,CAAC;;;kBAE/C;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAK,SAAS,MAAM;IACpB,EAAW,SAAS,MAAM;GAC5B;;CAQD;CAEA;CAYA,SAAS;EACP,OAAO,CAAI,yCAC8B,KAAK,eAAe,CAAC,8DACC,EAAY,KAAK,WAAqB,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,KAAKC,GAAwB,OAAO,CAAC,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;;CAM/P,oBAAoB;EAIlB,AAHA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,EAAoB,MAAM,EAAa,EACvC,KAAK,WAAW,OAAO;;;GApCxB,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAGzC,EAAS,EAAE,MAAM,SAAS,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAO3B,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAE1B,EAAsB;CAAE,MAAM;CAAU,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAExD,EAAsB;CAAE,MAAM;CAAW,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,SA7B3D,GAAgB,CAAA,EAAA,EAAA"}

package/dist/avatar/avatar-group2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "0.1.0"
+			version: "0.1.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,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;CAKD,SAAS;AACP,SAAO,CAAI;;CAOb,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO"}
+{"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,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;CAKD,SAAS;EACP,OAAO,CAAI;;CAOb,oBAAoB;EAGlB,AAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO"}

package/dist/avatar/avatar2.js

@@ -1,4 +1,4 @@
-import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as e } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { colorStateStyles as t, useStyles as n } from "../internal/styles/index.js";
 import r from "./avatar.js";
 import { LitElement as i, html as a } from "lit";
@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "0.1.0"
+			version: "0.1.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 * @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":";;;;;;AA2BA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,GAAQ,EAAiB,CAAC;;;kBAE1B;GACzB,KAAK;GACL,SAAS;GACV;;CAQD,SAAS;AACP,SAAO,CAAI;;;GANZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA"}
+{"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 * @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":";;;;;;AA2BA,IAAa,IAAb,cAA4B,EAAW;;gBACrB,EAAU,CAAC,GAAQ,EAAiB,CAAC;;;kBAE1B;GACzB,KAAK;GACL,SAAS;GACV;;CAQD,SAAS;EACP,OAAO,CAAI;;;GANZ,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA"}

package/dist/badge/badge2.js

@@ -1,5 +1,5 @@
 import { attachInternals as e } from "../internal/utils/a11y.js";
-import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as t } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { I18nController as n } from "../internal/controllers/i18n.controller.js";
 import { typeSSR as r } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
@@ -12,7 +12,7 @@ import { property as h } from "lit/decorators/property.js";
 //#region src/badge/badge.ts
 var g = class extends f {
 	constructor(...e) {
-		super(...e), this.i18n = this.#t.i18n;
+		super(...e), this.#t = new n(this), this.i18n = this.#t.i18n;
 	}
 	static {
 		this.styles = c([
@@ -25,7 +25,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "0.1.0"
+			version: "0.1.1"
 		};
 	}
 	static {
@@ -34,7 +34,7 @@ var g = class extends f {
 	get #e() {
 		return this.status && l[this.status] === "dot" ? "sm" : "md";
 	}
-	#t = new n(this);
+	#t;
 	render() {
 		return p`<div internal-host><slot name="prefix-icon">${this.status && !this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${l[this.status] ?? ""}" .size="${this.#e}" aria-hidden="true"></nve-icon>` : m}</slot><slot @slotchange="${this.#n}"></slot><slot name="suffix-icon">${this.status?.includes("trend") ? p`<nve-icon part="_icon" .name="${l[this.status]}" aria-hidden="true"></nve-icon>` : m}</slot></div>`;
 	}

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, TrendStatus, 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 * @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 | TrendStatus;\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 && !this.status?.includes('trend') ? 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\">\n          ${this.status?.includes('trend') ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status]} aria-hidden=\"true\"></nve-icon>` : nothing}\n        </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    const trend = this.status?.includes('trend')\n      ? ` ${this.i18n.trend} ${(this.i18n as Record<string, string>)[this.status!.split('-')[1]!]}`\n      : '';\n    this._internals.ariaLabel = this.textContent + trend;\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":";;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoB,EAAW;;2BA0CD,MAAA,EAAqB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;GAAiB,CAAC;;;kBAEjE;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAED,KAAA,IAAY;AACV,SAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;;CAMpE,KAAwC,IAAI,EAAqB,KAAK;CAOtE,SAAS;AACP,SAAO,CAAI,+CAEoB,KAAK,UAAU,CAAC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,MAAA,EAAW,oCAAmC,EAAQ,4BAC1L,MAAA,EAAiB,oCAEjC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,QAAQ,oCAAmC,EAAQ;;CAMnJ,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAuB;;CAGzB,KAAc;AAEZ,EADA,MAAA,GAAuB,EACvB,MAAA,GAAyB;;CAG3B,KAAmB;EACjB,IAAM,IAAQ,KAAK,QAAQ,SAAS,QAAQ,GACxC,IAAI,KAAK,KAAK,MAAM,GAAI,KAAK,KAAgC,KAAK,OAAQ,MAAM,IAAI,CAAC,QACrF;AACJ,OAAK,WAAW,YAAY,KAAK,cAAc;;CAGjD,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,mBAAmB,CACvF,kBAAkB,CAClB,MAAK,MAAK,EAAE,QAAQ,WAAW,IAAI,CAAC,EAAE,KAAK;AAC9C,EAAI,MACF,EAAe,OAAO;;;GAhFzB,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAyBzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SA5C5B,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}
+{"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, TrendStatus, 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 * @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 | TrendStatus;\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 && !this.status?.includes('trend') ? 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\">\n          ${this.status?.includes('trend') ? html`<nve-icon part=\"_icon\" .name=${statusIcons[this.status]} aria-hidden=\"true\"></nve-icon>` : nothing}\n        </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    const trend = this.status?.includes('trend')\n      ? ` ${this.i18n.trend} ${(this.i18n as Record<string, string>)[this.status!.split('-')[1]!]}`\n      : '';\n    this._internals.ariaLabel = this.textContent + trend;\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":";;;;;;;;;;;;AA6CO,IAAA,IAAA,cAAoB,EAAW;;yBAqCI,IAAI,EAAqB,KAAK,cAKnC,KAAKA,GAAgB;;;gBAvBxC,EAAU;GAAC;GAAQ;GAAmB;GAAoB;GAAiB,CAAC;;;kBAEjE;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAED,IAAIC,KAAQ;EACV,OAAO,KAAK,UAAU,EAAY,KAAK,YAAY,QAAQ,OAAO;;CAMpE;CAOA,SAAS;EACP,OAAO,CAAI,+CAEoB,KAAK,UAAU,CAAC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,WAAW,GAAG,WAAS,KAAKA,GAAM,oCAAmC,EAAQ,4BAC1L,KAAKC,GAAY,oCAEjC,KAAK,QAAQ,SAAS,QAAQ,GAAG,CAAI,iCAAgC,EAAY,KAAK,QAAQ,oCAAmC,EAAQ;;CAMnJ,oBAAoB;EAGlB,AAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,QAAQ,GAA6B;EAEnC,AADA,MAAM,QAAQ,EAAM,EACpB,KAAKC,IAAkB;;CAGzB,KAAc;EAEZ,AADA,KAAKA,IAAkB,EACvB,KAAKC,IAAoB;;CAG3B,KAAmB;EACjB,IAAM,IAAQ,KAAK,QAAQ,SAAS,QAAQ,GACxC,IAAI,KAAK,KAAK,MAAM,GAAI,KAAK,KAAgC,KAAK,OAAQ,MAAM,IAAI,CAAC,QACrF;EACJ,KAAK,WAAW,YAAY,KAAK,cAAc;;CAGjD,KAAqB;EACnB,IAAM,IAAiB,KAAK,WAAY,cAA+B,mBAAmB,CACvF,kBAAkB,CAClB,MAAK,MAAK,EAAE,QAAQ,WAAW,IAAI,CAAC,EAAE,KAAK;EAC9C,AAAI,MACF,EAAe,OAAO;;;GAhFzB,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,KAKzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,cAAA,KAAA,EAAA,KAyBzC,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,SA5C5B,GAAS,EACT,GAAgB,CAAA,EAAA,EAAA"}

package/dist/breadcrumb/breadcrumb2.js

@@ -1,7 +1,7 @@
 import { isFocusable as e } from "../internal/utils/focus.js";
 import { generateId as t } from "../internal/utils/dom.js";
 import { attachInternals as n } from "../internal/utils/a11y.js";
-import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.123.0/helpers/decorate.js";
+import { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.128.0/helpers/decorate.js";
 import { keyNavigationList as i } from "../internal/controllers/keynav-list.controller.js";
 import { typeSSR as a } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as o } from "../internal/decorators/scoped-registry.js";
@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "0.1.0"
+			version: "0.1.1"
 		};
 	}
 	static {

package/dist/breadcrumb/breadcrumb2.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @cssprop --breadcrumb-height - deprecated\n * @cssprop --item-text-size - deprecated\n * @cssprop --item-color - deprecated\n * @cssprop --item-active-color - deprecated\n * @cssprop --item-active-font-weight - deprecated\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,EAAE;;CAtBhD,IAAI,mBAAqC;AACvC,SAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CACzD,SAAQ,MAAQ,EAAK,kBAAkB,CAAC,CACxC,QAAO,MAAK,EAAY,EAAE,CAAC,EAC/B;;;gBAMa,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAID,SAAS;AAEP,SAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,MAAA,EAAiB,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,OAGvK,CAAC,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,MAAA,EAAkB;;CAGrF,oBAAoB;AAGlB,EAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,GAAY,GAAU;AACpB,EAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,MAAA,GAAkB;;CAItB,GAAa,GAAU;AACrB,MAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;AACvE,SAAA,GAAkB;GAClB,IAAM,IAAQ,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB;AAKrG,GAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,uCAAuC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC1G,EACG,QAAO,MAAK,EAAE,QAAQ,8BAA8B,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,SAAU,EAChE,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;;;CAIvD,KAAc;AACZ,QAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GA7C/B,GAAO,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA;CA1BT,GAAS;CACT,GAAgB;CAChB,GAAA"}
+{"version":3,"file":"breadcrumb2.js","names":["#removeItem","#createItems","#resetItems"],"sources":["../../src/breadcrumb/breadcrumb.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, LitElement, nothing } from 'lit';\nimport { state } from 'lit/decorators/state.js';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  useStyles,\n  keyNavigationList,\n  attachInternals,\n  generateId,\n  isFocusable,\n  typeSSR,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport styles from './breadcrumb.css?inline';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport type { Button } from '@nvidia-elements/core/button';\n\n/**\n * @element nve-breadcrumb\n * @description Breadcrumb is a component that can help users establish their location while navigating a website with complex URLs and navigation paths.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/breadcrumb\n * @cssprop --gap\n * @cssprop --height\n * @cssprop --font-size\n * @cssprop --font-weight\n * @cssprop --color\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --width\n * @cssprop --icon-width\n * @cssprop --icon-height\n * @cssprop --text-decoration\n * @cssprop --breadcrumb-height - deprecated\n * @cssprop --item-text-size - deprecated\n * @cssprop --item-color - deprecated\n * @cssprop --item-active-color - deprecated\n * @cssprop --item-active-font-weight - deprecated\n * @slot - default slot for `nve-button` and anchor elements\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/navigation_role\n */\n@typeSSR()\n@scopedRegistry()\n@keyNavigationList<Breadcrumb>()\nexport class Breadcrumb extends LitElement {\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: Array.from(this.shadowRoot!.querySelectorAll('slot'))\n        .flatMap(slot => slot.assignedElements())\n        .filter(e => isFocusable(e)) as HTMLElement[]\n    };\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-breadcrumb',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon\n  };\n\n  @state() private breadcrumbItems: Element[] = [];\n\n  render() {\n    /* eslint-disable @nvidia-elements/lint/no-unstyled-typography */\n    return html`\n    <ol internal-host>\n      ${this.breadcrumbItems.map(\n        (el, idx) => html`\n        <li>\n          <slot name=${el.slot} @slotchange=${this.#removeItem}></slot>\n          ${idx < this.breadcrumbItems.length - 1 ? html`<nve-icon part=\"icon\" separator aria-hidden=\"true\" name=\"chevron\" direction=\"right\" size=\"sm\"></nve-icon>` : nothing}\n        </li>\n      `\n      )}\n    </ol>\n    <slot ?hidden-slot=${!this.breadcrumbItems.length} @slotchange=${this.#createItems}></slot>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n\n  #removeItem(e: Event) {\n    if (!(e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n    }\n  }\n\n  #createItems(e: Event) {\n    if (e.target && (e.target as HTMLSlotElement).assignedElements().length) {\n      this.#resetItems();\n      const items = this.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!.assignedElements();\n      items.filter(i => i.matches('nve-button, nve-icon-button, span, a')).forEach(i => (i.slot = generateId()));\n      items\n        .filter(i => i.matches('nve-button, nve-icon-button'))\n        .forEach((i: Element) => ((i as Button).container = 'inline'));\n      this.breadcrumbItems = items.length ? items : this.breadcrumbItems;\n    }\n  }\n\n  #resetItems() {\n    Array.from(this.shadowRoot!.querySelectorAll('slot'))\n      .flatMap(i => i.assignedElements())\n      .forEach(i => (i.slot = ''));\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA8CO,IAAA,IAAA,cAAyB,EAAW;;sCAuBK,EAAE;;CAtBhD,IAAI,mBAAqC;EACvC,OAAO,EACL,OAAO,MAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CACzD,SAAQ,MAAQ,EAAK,kBAAkB,CAAC,CACxC,QAAO,MAAK,EAAY,EAAE,CAAC,EAC/B;;;gBAMa,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B,GACzB,EAAK,SAAS,MAAM,GACtB;;CAID,SAAS;EAEP,OAAO,CAAI,qBAEP,KAAK,gBAAgB,KACpB,GAAI,MAAQ,CAAI,mBAEF,EAAG,KAAK,iBAAe,KAAKA,GAAY,WACnD,IAAM,KAAK,gBAAgB,SAAS,IAAI,CAAI,8GAA8G,EAAQ,OAGvK,CAAC,2BAEiB,CAAC,KAAK,gBAAgB,OAAO,iBAAe,KAAKC,GAAa;;CAGrF,oBAAoB;EAGlB,AAFA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,KAAK,WAAW,OAAO;;CAGzB,GAAY,GAAU;EACpB,AAAM,EAAE,OAA2B,kBAAkB,CAAC,UACpD,KAAKC,IAAa;;CAItB,GAAa,GAAU;EACrB,IAAI,EAAE,UAAW,EAAE,OAA2B,kBAAkB,CAAC,QAAQ;GACvE,KAAKA,IAAa;GAClB,IAAM,IAAQ,KAAK,WAAY,cAA+B,mBAAmB,CAAE,kBAAkB;GAKrG,AAJA,EAAM,QAAO,MAAK,EAAE,QAAQ,uCAAuC,CAAC,CAAC,SAAQ,MAAM,EAAE,OAAO,GAAY,CAAE,EAC1G,EACG,QAAO,MAAK,EAAE,QAAQ,8BAA8B,CAAC,CACrD,SAAS,MAAgB,EAAc,YAAY,SAAU,EAChE,KAAK,kBAAkB,EAAM,SAAS,IAAQ,KAAK;;;CAIvD,KAAc;EACZ,MAAM,KAAK,KAAK,WAAY,iBAAiB,OAAO,CAAC,CAClD,SAAQ,MAAK,EAAE,kBAAkB,CAAC,CAClC,SAAQ,MAAM,EAAE,OAAO,GAAI;;;GA7C/B,GAAO,CAAA,EAAA,EAAA,WAAA,mBAAA,KAAA,EAAA;CA1BT,GAAS;CACT,GAAgB;CAChB,GAAA"}