@nvidia-elements/core 2.23.4 → 2.23.5

package/dist/notification/notification-group2.js

@@ -1,18 +1,18 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
 import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import { popoverStyles as r } from "../internal/styles/popover2.js";
-import i from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import a from "./notification-group.js";
-import { LitElement as o, html as s } from "lit";
-import { property as c } from "lit/decorators/property.js";
+import { popoverStyles as n } from "../internal/styles/popover2.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import i from "./notification-group.js";
+import { LitElement as a, html as o } from "lit";
+import { property as s } from "lit/decorators/property.js";
+import { useStyles as c } from "@nvidia-elements/foundations/internal/styles";
 // src/notification/notification-group.ts
-var l = class extends o {
+var l = class extends a {
 	constructor(...e) {
 		super(...e), this.anchor = globalThis.document?.body, this.typeNativePopoverController = new t(this);
 	}
 	static {
-		this.styles = n([r, a]);
+		this.styles = c([n, i]);
 	}
 	get popoverType() {
 		return "manual";
@@ -20,21 +20,21 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-notification-group",
-			version: "2.23.4",
+			version: "2.23.5",
 			children: ["nve-notification"]
 		};
 	}
 	render() {
-		return s`<div internal-host><slot @slotchange="${() => this.showPopover()}"></slot></div>`;
+		return o`<div internal-host><slot @slotchange="${() => this.showPopover()}"></slot></div>`;
 	}
 };
-i([c({ type: String })], l.prototype, "anchor", void 0), i([c({
+r([s({ type: String })], l.prototype, "anchor", void 0), r([s({
 	type: String,
 	reflect: !0
-})], l.prototype, "position", void 0), i([c({
+})], l.prototype, "position", void 0), r([s({
 	type: String,
 	reflect: !0
-})], l.prototype, "alignment", void 0), l = i([e()], l);
+})], l.prototype, "alignment", void 0), l = r([e()], l);
 export { l as NotificationGroup };
 
 //# sourceMappingURL=notification-group2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification-group2.js","names":["styles","_decorate","__decorate","notification_group_default","NotificationGroup","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","property","audit"],"sources":["../../src/notification/notification-group.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 type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { audit, popoverStyles, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './notification-group.css?inline';\n\n/**\n * @element nve-notification-group\n * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status.\n * @documentation https://nvidia.github.io/elements/docs/elements/notification/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/notification\n * @slot - default slot for `nve-notification`\n * @cssprop --box-shadow\n * @cssprop --animation-duration - Duration of notification group open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/\n */\n@audit()\nexport class NotificationGroup extends LitElement {\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * Sets the position of the popover relative to the anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition;\n\n  /**\n   * Sets the alignment of the popover relative to the anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  protected typeNativePopoverController = new TypeNativePopoverController<NotificationGroup>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return 'manual';\n  }\n\n  static readonly metadata = {\n    tag: 'nve-notification-group',\n    version: '0.0.0',\n    children: ['nve-notification']\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot @slotchange=${() => this.showPopover()}></slot>\n    </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;AAqBO,IAAMI,IAAN,cAAgCC,EAAW;;EAiBR,A,aAZmB,KAAA,SAAA,WAAW,UAAU,MAYxC,KAAA,8BAAA,IAAIE,EAA+C,IAAI;;;EAE/E,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;CAGjD,IAAI,cAA2B;EAC7B,OAAO;CACT;;EAE2B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,kBAAkB;EAC/B;;CAEA,SAAS;EACP,OAAO,CAAI,+CAEiB,KAAK,YAAY,EAAE;CAGjD;AACF;AAlCGC,EAAA,CAAAS,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAN,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzBH,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,aAAA,KAAA,CAAA,GAhB1C,IAAAH,EAAA,CAAAU,EAAM,CAAA,GAAAP,CAAA"}
+{"version":3,"file":"notification-group2.js","names":["styles","_decorate","__decorate","notification_group_default","NotificationGroup","LitElement","_args","TypeNativePopoverController","useStyles","popoverStyles","property","audit"],"sources":["../../src/notification/notification-group.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 type { PopoverAlign, PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { audit, popoverStyles, TypeNativePopoverController } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './notification-group.css?inline';\n\n/**\n * @element nve-notification-group\n * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status.\n * @documentation https://nvidia.github.io/elements/docs/elements/notification/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/notification\n * @slot - default slot for `nve-notification`\n * @cssprop --box-shadow\n * @cssprop --animation-duration - Duration of notification group open/close animations\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/\n */\n@audit()\nexport class NotificationGroup extends LitElement {\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * Sets the position of the popover relative to the anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition;\n\n  /**\n   * Sets the alignment of the popover relative to the anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  protected typeNativePopoverController = new TypeNativePopoverController<NotificationGroup>(this);\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return 'manual';\n  }\n\n  static readonly metadata = {\n    tag: 'nve-notification-group',\n    version: '0.0.0',\n    children: ['nve-notification']\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      <slot @slotchange=${() => this.showPopover()}></slot>\n    </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;AAsBO,IAAMI,IAAN,cAAgCC,EAAW;;EAiBR,A,aAZmB,KAAA,SAAA,WAAW,UAAU,MAYxC,KAAA,8BAAA,IAAIE,EAA+C,IAAI;;;EAE/E,KAAA,SAAAC,EAAU,CAACC,GAAeT,CAAM,CAAC;;CAGjD,IAAI,cAA2B;EAC7B,OAAO;CACT;;EAE2B,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,UAAU,CAAC,kBAAkB;EAC/B;;CAEA,SAAS;EACP,OAAO,CAAI,+CAEiB,KAAK,YAAY,EAAE;CAGjD;AACF;AAlCGC,EAAA,CAAAS,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAN,EAAA,WAAA,UAAA,KAAA,CAAA,GAKzBH,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCH,EAAA,CAAAS,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAN,EAAA,WAAA,aAAA,KAAA,CAAA,GAhB1C,IAAAH,EAAA,CAAAU,EAAM,CAAA,GAAAP,CAAA"}

package/dist/notification/notification2.js

@@ -1,16 +1,16 @@
-import { attachInternals as e } from "../internal/utils/a11y.js";
-import { TypeNativePopoverController as t } from "../internal/controllers/type-native-popover.controller.js";
-import { scopedRegistry as n } from "../internal/decorators/scoped-registry.js";
-import { useStyles as r } from "../internal/styles/index.js";
-import { popoverStyles as i } from "../internal/styles/popover2.js";
-import { statusIcons as a } from "../internal/types/index.js";
-import o from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import { Icon as s } from "../icon/icon2.js";
-import { IconButton as c } from "../icon-button/icon-button2.js";
-import l from "./notification.js";
-import { LitElement as u, html as d } from "lit";
-import { property as f } from "lit/decorators/property.js";
-import { I18nController as p } from "@nvidia-elements/foundations/internal/i18n";
+import { TypeNativePopoverController as e } from "../internal/controllers/type-native-popover.controller.js";
+import { popoverStyles as t } from "../internal/styles/popover2.js";
+import { statusIcons as n } from "../internal/types/index.js";
+import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { Icon as i } from "../icon/icon2.js";
+import { IconButton as a } from "../icon-button/icon-button2.js";
+import o from "./notification.js";
+import { attachInternals as s } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as c, html as l } from "lit";
+import { property as u } from "lit/decorators/property.js";
+import { I18nController as d } from "@nvidia-elements/foundations/internal/i18n";
+import { scopedRegistry as f } from "@nvidia-elements/foundations/internal/decorators";
+import { useStyles as p } from "@nvidia-elements/foundations/internal/styles";
 // src/notification/notification.ts
 var m = {
 	close: "close",
@@ -18,9 +18,9 @@ var m = {
 	information: "information",
 	success: "success",
 	warning: "warning"
-}, h = class extends u {
+}, h = class extends c {
 	constructor(...e) {
-		super(...e), this.anchor = globalThis.document?.body, this.closable = !1, this.closeTimeout = 0, this.#e = new p(this, m), this.i18n = this.#e.i18n, this.inline = !1;
+		super(...e), this.anchor = globalThis.document?.body, this.closable = !1, this.closeTimeout = 0, this.#e = new d(this, m), this.i18n = this.#e.i18n, this.inline = !1;
 	}
 	#e;
 	get popoverType() {
@@ -32,34 +32,34 @@ var m = {
 	#t;
 	#n;
 	get #r() {
-		return d`<slot name="icon"><nve-icon .name="${a[this.status]}" .ariaLabel="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information}" part="status-icon"></nve-icon></slot>${this.closable ? d`<nve-icon-button part="icon-button" @click="${this.hidePopover}" icon-name="cancel" size="sm" container="flat" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot></slot>`;
+		return l`<slot name="icon"><nve-icon .name="${n[this.status]}" .ariaLabel="${(this.status ? this.i18n[this.status] : void 0) ?? this.i18n.information}" part="status-icon"></nve-icon></slot>${this.closable ? l`<nve-icon-button part="icon-button" @click="${this.hidePopover}" icon-name="cancel" size="sm" container="flat" .ariaLabel="${this.i18n.close}"></nve-icon-button>` : ""}<slot></slot>`;
 	}
 	static {
-		this.styles = r([i, l]);
+		this.styles = p([t, o]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-notification",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
 		this.elementDefinitions = {
-			[s.metadata.tag]: s,
-			[c.metadata.tag]: c
+			[i.metadata.tag]: i,
+			[a.metadata.tag]: a
 		};
 	}
 	render() {
-		return d`<div internal-host>${this.#r}</div>`;
+		return l`<div internal-host>${this.#r}</div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this), this.#n = new MutationObserver(() => this.#i()), this.#n.observe(this, { attributeFilter: ["hidden"] }), this._internals.role = "alert", this.#i();
+		super.connectedCallback(), s(this), this.#n = new MutationObserver(() => this.#i()), this.#n.observe(this, { attributeFilter: ["hidden"] }), this._internals.role = "alert", this.#i();
 	}
 	disconnectedCallback() {
 		this.#a(), this.#n?.disconnect(), this.#n = void 0, super.disconnectedCallback();
 	}
-	async firstUpdated(e) {
-		super.firstUpdated(e), this.popoverInline ? this.setAttribute("nve-popover", "") : this.typeNativePopoverController = new t(this), this.#i();
+	async firstUpdated(t) {
+		super.firstUpdated(t), this.popoverInline ? this.setAttribute("nve-popover", "") : this.typeNativePopoverController = new e(this), this.#i();
 	}
 	updated(e) {
 		super.updated(e), (e.has("closeTimeout") || e.has("container") || e.has("inline")) && this.#i();
@@ -77,26 +77,26 @@ var m = {
 		this.#t !== void 0 && (clearTimeout(this.#t), this.#t = void 0);
 	}
 };
-o([f({ type: String })], h.prototype, "anchor", void 0), o([f({ type: String })], h.prototype, "trigger", void 0), o([f({
+r([u({ type: String })], h.prototype, "anchor", void 0), r([u({ type: String })], h.prototype, "trigger", void 0), r([u({
 	type: String,
 	reflect: !0
-})], h.prototype, "position", void 0), o([f({
+})], h.prototype, "position", void 0), r([u({
 	type: String,
 	reflect: !0
-})], h.prototype, "alignment", void 0), o([f({
+})], h.prototype, "alignment", void 0), r([u({
 	type: Boolean,
 	reflect: !0,
 	attribute: "behavior-trigger"
-})], h.prototype, "behaviorTrigger", void 0), o([f({ type: Boolean })], h.prototype, "closable", void 0), o([f({
+})], h.prototype, "behaviorTrigger", void 0), r([u({ type: Boolean })], h.prototype, "closable", void 0), r([u({
 	type: Number,
 	attribute: "close-timeout"
-})], h.prototype, "closeTimeout", void 0), o([f({
+})], h.prototype, "closeTimeout", void 0), r([u({
 	type: String,
 	reflect: !0
-})], h.prototype, "status", void 0), o([f({
+})], h.prototype, "status", void 0), r([u({
 	type: String,
 	reflect: !0
-})], h.prototype, "container", void 0), o([f({ type: Object })], h.prototype, "i18n", void 0), o([f({ type: Boolean })], h.prototype, "inline", void 0), h = o([n()], h);
+})], h.prototype, "container", void 0), r([u({ type: Object })], h.prototype, "i18n", void 0), r([u({ type: Boolean })], h.prototype, "inline", void 0), h = r([f()], h);
 export { h as Notification };
 
 //# sourceMappingURL=notification2.js.map

package/dist/notification/notification2.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification2.js","names":["styles","_decorate","__decorate","notification_default","i18nDefaults","Notification","LitElement","_args","#i18nController","I18nController","#popoverContent","statusIcons","useStyles","popoverStyles","Icon","IconButton","attachInternals","#hiddenAttributeObserver","#syncInlineCloseTimeout","#clearCloseTimeout","props","TypeNativePopoverController","#closeTimeout","property","scopedRegistry"],"sources":["../../src/notification/notification.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 { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverType, SupportStatus, PopoverPosition } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  popoverStyles,\n  statusIcons,\n  useStyles,\n  TypeNativePopoverController,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './notification.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-notification\n * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status.\n * @documentation https://nvidia.github.io/elements/docs/elements/notification/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/notification\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the notification opens.\n * @event close - Dispatched when the notification closes.\n * @slot - The message communicated by the notification.\n * @slot icon - content slot for the status icon\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --min-width\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --border\n * @cssprop --status-border\n * @cssprop --gap\n * @cssprop --status-color\n * @cssprop --animation-duration - Duration of notification open/close animations\n * @csspart status-icon - The status icon element\n * @csspart icon-button - The close icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/\n */\n@scopedRegistry()\nexport class Notification extends LitElement {\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition;\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within notification.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * A delayed `close` event will occur determined from the provided millisecond value.\n   */\n  @property({ type: Number, attribute: 'close-timeout' }) closeTimeout = 0;\n\n  /**\n   * Determines the visual status of the notification.\n   */\n  @property({ type: String, reflect: true }) status: SupportStatus;\n\n  /**\n   * Flat container option applies when embedding within another containing element such as a drawer.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean }) inline = false;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return 'manual';\n  }\n\n  /** @private */\n  get popoverInline() {\n    return this.parentElement?.localName === 'nve-notification-group' || this.inline || this.container === 'flat';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  protected typeNativePopoverController: TypeNativePopoverController<Notification>;\n\n  #closeTimeout?: ReturnType<typeof setTimeout>;\n\n  #hiddenAttributeObserver?: MutationObserver;\n\n  get #popoverContent() {\n    return html`\n    <slot name=\"icon\"><nve-icon .name=${statusIcons[this.status]} .ariaLabel=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information} part=\"status-icon\"></nve-icon></slot>\n    ${this.closable ? html`<nve-icon-button part=\"icon-button\" @click=${this.hidePopover} icon-name=\"cancel\" size=\"sm\" container=\"flat\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n    <slot></slot>`;\n  }\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-notification',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      ${this.#popoverContent}\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this.#hiddenAttributeObserver = new MutationObserver(() => this.#syncInlineCloseTimeout());\n    this.#hiddenAttributeObserver.observe(this, { attributeFilter: ['hidden'] });\n    this._internals.role = 'alert';\n    this.#syncInlineCloseTimeout();\n  }\n\n  disconnectedCallback() {\n    this.#clearCloseTimeout();\n    this.#hiddenAttributeObserver?.disconnect();\n    this.#hiddenAttributeObserver = undefined;\n    super.disconnectedCallback();\n  }\n\n  async firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    if (!this.popoverInline) {\n      this.typeNativePopoverController = new TypeNativePopoverController<Notification>(this);\n    } else {\n      this.setAttribute('nve-popover', '');\n    }\n\n    this.#syncInlineCloseTimeout();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    if (props.has('closeTimeout') || props.has('container') || props.has('inline')) {\n      this.#syncInlineCloseTimeout();\n    }\n  }\n\n  hidePopover(): void {\n    this.#clearCloseTimeout();\n\n    if (this.popoverInline) {\n      this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));\n    } else {\n      super.hidePopover();\n    }\n  }\n\n  /**\n   * The popover controller provides this functionality.\n   * But when the notification is in inline mode the\n   * controller does not run so this sets it up directly.\n   */\n  #syncInlineCloseTimeout() {\n    this.#clearCloseTimeout();\n\n    if (this.popoverInline && this.closeTimeout && !this.hidden) {\n      this.#closeTimeout = setTimeout(() => this.hidePopover(), this.closeTimeout);\n    }\n  }\n\n  #clearCloseTimeout() {\n    if (this.#closeTimeout !== undefined) {\n      clearTimeout(this.#closeTimeout);\n      this.#closeTimeout = undefined;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAMI,IAAe;CACnB,OAAO;CACP,QAAQ;CACR,aAAa;CACb,SAAS;CACT,SAAS;AACX,GAgCaC,IAAN,cAA2BC,EAAW;;EA4DL,A,aAvDqB,KAAA,SAAA,WAAW,UAAU,MA4BxC,KAAA,WAAA,IAK+B,KAAA,eAAA,GAY/B,KAAAE,KAAA,IAAIC,EAAqB,MAAML,CAAY,GAKhD,KAAA,OAAA,KAAKI,GAAgB,MAKlB,KAAA,SAAA;;CAVtC;CAaA,IAAI,cAA2B;EAC7B,OAAO;CACT;CAGA,IAAI,gBAAgB;EAClB,OAAO,KAAK,eAAe,cAAc,4BAA4B,KAAK,UAAU,KAAK,cAAc;CACzG;CAOA;CAEA;CAEA,IAAIE,KAAkB;EACpB,OAAO,CAAI,sCACyBC,EAAY,KAAK,QAAQ,iBAAe,KAAK,SAAU,KAAK,KAAgC,KAAK,UAAU,KAAA,MAAc,KAAK,KAAK,YAAY,yCACjL,KAAK,WAAW,CAAI,+CAA8C,KAAK,YAAY,8DAA4D,KAAK,KAAK,MAAM,wBAAuB,GAAG;CAE7L;;EAEgB,KAAA,SAAAC,EAAU,CAACC,GAAeb,CAAM,CAAC;;;EAEtB,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA;IACzBc,EAAK,SAAS,MAAMA;IACpBC,EAAW,SAAS,MAAMA;EAC7B;;CAEA,SAAS;EACP,OAAO,CAAI,sBAEP,KAAKL,GAAgB;CAG3B;CAEA,oBAAoB;EAMlB,AALA,MAAM,kBAAkB,GACxBM,EAAgB,IAAI,GACpB,KAAKC,KAA2B,IAAI,uBAAuB,KAAKC,GAAwB,CAAC,GACzF,KAAKD,GAAyB,QAAQ,MAAM,EAAE,iBAAiB,CAAC,QAAQ,EAAE,CAAC,GAC3E,KAAK,WAAW,OAAO,SACvB,KAAKC,GAAwB;CAC/B;CAEA,uBAAuB;EAIrB,AAHA,KAAKC,GAAmB,GACxB,KAAKF,IAA0B,WAAW,GAC1C,KAAKA,KAA2B,KAAA,GAChC,MAAM,qBAAqB;CAC7B;CAEA,MAAM,aAAa,GAA6B;EAS9C,AARA,MAAM,aAAaG,CAAK,GAEnB,KAAK,gBAGR,KAAK,aAAa,eAAe,EAAE,IAFnC,KAAK,8BAA8B,IAAIC,EAA0C,IAAI,GAKvF,KAAKH,GAAwB;CAC/B;CAEA,QAAQ,GAA6B;EAGnC,AAFA,MAAM,QAAQE,CAAK,IAEfA,EAAM,IAAI,cAAc,KAAKA,EAAM,IAAI,WAAW,KAAKA,EAAM,IAAI,QAAQ,MAC3E,KAAKF,GAAwB;CAEjC;CAEA,cAAoB;EAGlB,AAFA,KAAKC,GAAmB,GAEpB,KAAK,gBACP,KAAK,cAAc,IAAI,YAAY,SAAS;GAAE,SAAS;GAAM,UAAU;EAAK,CAAC,CAAC,IAE9E,MAAM,YAAY;CAEtB;CAOA,KAA0B;EAGxB,AAFA,KAAKA,GAAmB,GAEpB,KAAK,iBAAiB,KAAK,gBAAgB,CAAC,KAAK,WACnD,KAAKG,KAAgB,iBAAiB,KAAK,YAAY,GAAG,KAAK,YAAY;CAE/E;CAEA,KAAqB;EACnB,AAAI,KAAKA,OAAkB,KAAA,MACzB,aAAa,KAAKA,EAAa,GAC/B,KAAKA,KAAgB,KAAA;CAEzB;AACF;AAxKGrB,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAlB,EAAA,WAAA,UAAA,KAAA,CAAA,GAOzBJ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAlB,EAAA,WAAA,WAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAlB,EAAA,WAAA,YAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAlB,EAAA,WAAA,aAAA,KAAA,CAAA,GAMxCJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAmB,CAAC,CAAA,GAAAlB,EAAA,WAAA,mBAAA,KAAA,CAAA,GAKxEJ,EAAA,CAAAsB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAlB,EAAA,WAAA,YAAA,KAAA,CAAA,GAK1BJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAgB,CAAC,CAAA,GAAAlB,EAAA,WAAA,gBAAA,KAAA,CAAA,GAKrDJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAlB,EAAA,WAAA,UAAA,KAAA,CAAA,GAKxCJ,EAAA,CAAAsB,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAlB,EAAA,WAAA,aAAA,KAAA,CAAA,GAOxCJ,EAAA,CAAAsB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAAlB,EAAA,WAAA,QAAA,KAAA,CAAA,GAKzBJ,EAAA,CAAAsB,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,GAAAlB,EAAA,WAAA,UAAA,KAAA,CAAA,GA7D5B,IAAAJ,EAAA,CAAAuB,EAAe,CAAA,GAAAnB,CAAA"}
+{"version":3,"file":"notification2.js","names":["styles","_decorate","__decorate","notification_default","i18nDefaults","Notification","LitElement","_args","#i18nController","I18nController","#popoverContent","statusIcons","useStyles","popoverStyles","Icon","IconButton","attachInternals","#hiddenAttributeObserver","#syncInlineCloseTimeout","#clearCloseTimeout","props","TypeNativePopoverController","#closeTimeout","property","scopedRegistry"],"sources":["../../src/notification/notification.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 { Icon } from '@nvidia-elements/core/icon';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { PopoverAlign, PopoverType, SupportStatus, PopoverPosition } from '@nvidia-elements/core/internal';\nimport { popoverStyles, statusIcons, TypeNativePopoverController } from '@nvidia-elements/core/internal';\nimport { scopedRegistry } from '@nvidia-elements/foundations/internal/decorators';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport { I18nController, type I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';\nimport styles from './notification.css?inline';\n\nconst i18nDefaults = {\n  close: 'close',\n  danger: 'danger',\n  information: 'information',\n  success: 'success',\n  warning: 'warning'\n} satisfies I18nDefaults;\n\n/**\n * @element nve-notification\n * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status.\n * @documentation https://nvidia.github.io/elements/docs/elements/notification/\n * @since 0.6.0\n * @entrypoint \\@nvidia-elements/core/notification\n * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)\n * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)\n * @event open - Dispatched when the notification opens.\n * @event close - Dispatched when the notification closes.\n * @slot - The message communicated by the notification.\n * @slot icon - content slot for the status icon\n * @cssprop --border-radius\n * @cssprop --background\n * @cssprop --color\n * @cssprop --padding\n * @cssprop --box-shadow\n * @cssprop --min-width\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --border\n * @cssprop --status-border\n * @cssprop --gap\n * @cssprop --status-color\n * @cssprop --animation-duration - Duration of notification open/close animations\n * @csspart status-icon - The status icon element\n * @csspart icon-button - The close icon button element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/\n */\n@scopedRegistry()\nexport class Notification extends LitElement {\n  /**\n   * (optional) By default the popover will automatically anchor itself relative to the trigger element.\n   * Pass an optional custom anchor element as an idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) anchor: string | HTMLElement = globalThis.document?.body;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * The trigger defines what element triggers an `open` interaction event.\n   * A trigger can accept a idref string within the same render root or a HTMLElement DOM reference.\n   */\n  @property({ type: String }) trigger: string | HTMLElement;\n\n  /**\n   * Sets the side position of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) position: PopoverPosition;\n\n  /**\n   * Sets the alignment of the popover relative to the provided anchor element.\n   */\n  @property({ type: String, reflect: true }) alignment: PopoverAlign;\n\n  /**\n   * @deprecated Use the popover API instead.\n   * Determines if popover visibility behavior should be automatically controlled by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-trigger' }) behaviorTrigger: boolean;\n\n  /**\n   * Determines if a close button should render within notification.\n   */\n  @property({ type: Boolean }) closable = false;\n\n  /**\n   * A delayed `close` event will occur determined from the provided millisecond value.\n   */\n  @property({ type: Number, attribute: 'close-timeout' }) closeTimeout = 0;\n\n  /**\n   * Determines the visual status of the notification.\n   */\n  @property({ type: String, reflect: true }) status: SupportStatus;\n\n  /**\n   * Flat container option applies when embedding within another containing element such as a drawer.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat';\n\n  #i18nController: I18nController<this> = new I18nController<this>(this, i18nDefaults);\n\n  /**\n   * Enables updating internal string values for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean }) inline = false;\n\n  /** @private */\n  get popoverType(): PopoverType {\n    return 'manual';\n  }\n\n  /** @private */\n  get popoverInline() {\n    return this.parentElement?.localName === 'nve-notification-group' || this.inline || this.container === 'flat';\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  protected typeNativePopoverController: TypeNativePopoverController<Notification>;\n\n  #closeTimeout?: ReturnType<typeof setTimeout>;\n\n  #hiddenAttributeObserver?: MutationObserver;\n\n  get #popoverContent() {\n    return html`\n    <slot name=\"icon\"><nve-icon .name=${statusIcons[this.status]} .ariaLabel=${(this.status ? (this.i18n as Record<string, string>)[this.status] : undefined) ?? this.i18n.information} part=\"status-icon\"></nve-icon></slot>\n    ${this.closable ? html`<nve-icon-button part=\"icon-button\" @click=${this.hidePopover} icon-name=\"cancel\" size=\"sm\" container=\"flat\" .ariaLabel=${this.i18n.close}></nve-icon-button>` : ''}\n    <slot></slot>`;\n  }\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-notification',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [IconButton.metadata.tag]: IconButton\n  };\n\n  render() {\n    return html`\n    <div internal-host>\n      ${this.#popoverContent}\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this.#hiddenAttributeObserver = new MutationObserver(() => this.#syncInlineCloseTimeout());\n    this.#hiddenAttributeObserver.observe(this, { attributeFilter: ['hidden'] });\n    this._internals.role = 'alert';\n    this.#syncInlineCloseTimeout();\n  }\n\n  disconnectedCallback() {\n    this.#clearCloseTimeout();\n    this.#hiddenAttributeObserver?.disconnect();\n    this.#hiddenAttributeObserver = undefined;\n    super.disconnectedCallback();\n  }\n\n  async firstUpdated(props: PropertyValues<this>) {\n    super.firstUpdated(props);\n\n    if (!this.popoverInline) {\n      this.typeNativePopoverController = new TypeNativePopoverController<Notification>(this);\n    } else {\n      this.setAttribute('nve-popover', '');\n    }\n\n    this.#syncInlineCloseTimeout();\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n\n    if (props.has('closeTimeout') || props.has('container') || props.has('inline')) {\n      this.#syncInlineCloseTimeout();\n    }\n  }\n\n  hidePopover(): void {\n    this.#clearCloseTimeout();\n\n    if (this.popoverInline) {\n      this.dispatchEvent(new CustomEvent('close', { bubbles: true, composed: true }));\n    } else {\n      super.hidePopover();\n    }\n  }\n\n  /**\n   * The popover controller provides this functionality.\n   * But when the notification is in inline mode the\n   * controller does not run so this sets it up directly.\n   */\n  #syncInlineCloseTimeout() {\n    this.#clearCloseTimeout();\n\n    if (this.popoverInline && this.closeTimeout && !this.hidden) {\n      this.#closeTimeout = setTimeout(() => this.hidePopover(), this.closeTimeout);\n    }\n  }\n\n  #clearCloseTimeout() {\n    if (this.#closeTimeout !== undefined) {\n      clearTimeout(this.#closeTimeout);\n      this.#closeTimeout = undefined;\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/page/page-panel/page-panel-content2.js

@@ -1,19 +1,19 @@
-import { useStyles as e } from "../../internal/styles/index.js";
-import t from "./page-panel-content.js";
-import { LitElement as n, html as r } from "lit";
+import e from "./page-panel-content.js";
+import { LitElement as t, html as n } from "lit";
+import { useStyles as r } from "@nvidia-elements/foundations/internal/styles";
 // src/page/page-panel/page-panel-content.ts
-var i = class extends n {
+var i = class extends t {
 	static {
-		this.styles = e([t]);
+		this.styles = r([e]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-content",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return r`<div internal-host><slot></slot></div>`;
+		return n`<div internal-host><slot></slot></div>`;
 	}
 };
 export { i as PagePanelContent };

package/dist/page/page-panel/page-panel-content2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-content2.js","names":["styles","page_panel_content_default","PagePanelContent","LitElement","useStyles"],"sources":["../../../src/page/page-panel/page-panel-content.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 { useStyles } from '@nvidia-elements/core/internal';\nimport styles from './page-panel-content.css?inline';\n\n/**\n * @element nve-page-panel-content\n * @description Contains the scrollable main body content within a page panel region.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page-panel content\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;AAoBA,IAAaE,IAAb,cAAsCC,EAAW;;EAC/B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;AACF"}
+{"version":3,"file":"page-panel-content2.js","names":["styles","page_panel_content_default","PagePanelContent","LitElement","useStyles"],"sources":["../../../src/page/page-panel/page-panel-content.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 { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page-panel-content.css?inline';\n\n/**\n * @element nve-page-panel-content\n * @description Contains the scrollable main body content within a page panel region.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page-panel content\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelContent extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-content',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;AAoBA,IAAaE,IAAb,cAAsCC,EAAW;;EAC/B,KAAA,SAAAC,EAAU,CAACJ,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAKb;AACF"}

package/dist/page/page-panel/page-panel-footer2.js

@@ -1,27 +1,27 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.js";
-import { useStyles as t } from "../../internal/styles/index.js";
-import n from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./page-panel-footer.js";
-import { LitElement as i, html as a } from "lit";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./page-panel-footer.js";
+import { LitElement as r, html as i } from "lit";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/page/page-panel/page-panel-footer.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.slot = "footer";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = a([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-footer",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return a`<div internal-host><slot></slot></div>`;
+		return i`<div internal-host><slot></slot></div>`;
 	}
 };
-n([e()], o.prototype, "slot", void 0);
+t([e()], o.prototype, "slot", void 0);
 export { o as PagePanelFooter };
 
 //# sourceMappingURL=page-panel-footer2.js.map

package/dist/page/page-panel/page-panel-footer2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-footer2.js","names":["styles","_decorate","__decorate","page_panel_footer_default","PagePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/page/page-panel/page-panel-footer.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 { hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './page-panel-footer.css?inline';\n\n/**\n * @element nve-page-panel-footer\n * @description Provides a fixed action area at the bottom of a page panel for persistent controls or status information.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page-panel footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --min-height\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-footer',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAqBA,IAAaI,IAAb,cAAqCC,EAAW;;EAS3B,A,aAAA,KAAA,OAAA;;;EARH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"page-panel-footer2.js","names":["styles","_decorate","__decorate","page_panel_footer_default","PagePanelFooter","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/page/page-panel/page-panel-footer.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 { hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page-panel-footer.css?inline';\n\n/**\n * @element nve-page-panel-footer\n * @description Provides a fixed action area at the bottom of a page panel for persistent controls or status information.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page-panel footer\n * @cssprop --border-top\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --min-height\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelFooter extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-footer',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAsBA,IAAaI,IAAb,cAAqCC,EAAW;;EAS3B,A,aAAA,KAAA,OAAA;;;EARH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/page/page-panel/page-panel-header2.js

@@ -1,27 +1,27 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.js";
-import { useStyles as t } from "../../internal/styles/index.js";
-import n from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import r from "./page-panel-header.js";
-import { LitElement as i, html as a } from "lit";
+import t from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./page-panel-header.js";
+import { LitElement as r, html as i } from "lit";
+import { useStyles as a } from "@nvidia-elements/foundations/internal/styles";
 // src/page/page-panel/page-panel-header.ts
-var o = class extends i {
+var o = class extends r {
 	constructor(...e) {
 		super(...e), this.slot = "header";
 	}
 	static {
-		this.styles = t([r]);
+		this.styles = a([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return a`<div internal-host><slot></slot></div>`;
+		return i`<div internal-host><slot></slot></div>`;
 	}
 };
-n([e()], o.prototype, "slot", void 0);
+t([e()], o.prototype, "slot", void 0);
 export { o as PagePanelHeader };
 
 //# sourceMappingURL=page-panel-header2.js.map

package/dist/page/page-panel/page-panel-header2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel-header2.js","names":["styles","_decorate","__decorate","page_panel_header_default","PagePanelHeader","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/page/page-panel/page-panel-header.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 { hostAttr, useStyles } from '@nvidia-elements/core/internal';\nimport styles from './page-panel-header.css?inline';\n\n/**\n * @element nve-page-panel-header\n * @description Displays the title and contextual controls at the top of a page panel to identify its purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page panel header\n * @cssprop --border-bottom\n * @cssprop --min-height\n * @cssprop --padding\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-header',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAoBA,IAAaI,IAAb,cAAqCC,EAAW;;EAS3B,A,aAAA,KAAA,OAAA;;;EARH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"page-panel-header2.js","names":["styles","_decorate","__decorate","page_panel_header_default","PagePanelHeader","LitElement","_args","useStyles","hostAttr"],"sources":["../../../src/page/page-panel/page-panel-header.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 { hostAttr } from '@nvidia-elements/core/internal';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page-panel-header.css?inline';\n\n/**\n * @element nve-page-panel-header\n * @description Displays the title and contextual controls at the top of a page panel to identify its purpose.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - default slot for the page panel header\n * @cssprop --border-bottom\n * @cssprop --min-height\n * @cssprop --padding\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanelHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel-header',\n    version: '0.0.0'\n  };\n\n  /** @private */\n  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAqBA,IAAaI,IAAb,cAAqCC,EAAW;;EAS3B,A,aAAA,KAAA,OAAA;;;EARH,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;CAKA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;AATGC,EAAA,CAAAO,EAAS,CAAA,GAAAJ,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/page/page-panel/page-panel2.js

@@ -1,21 +1,21 @@
 import { appendRootNodeStyle as e } from "../../internal/utils/dom.js";
-import { attachInternals as t } from "../../internal/utils/a11y.js";
-import { TypeExpandableController as n } from "../../internal/controllers/type-expandable.controller.js";
-import { useStyles as r } from "../../internal/styles/index.js";
-import i from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import a from "./page-panel.js";
-import o from "./page-panel.global.js";
-import { LitElement as s, html as c } from "lit";
-import { property as l } from "lit/decorators/property.js";
+import { TypeExpandableController as t } from "../../internal/controllers/type-expandable.controller.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import r from "./page-panel.js";
+import i from "./page-panel.global.js";
+import { attachInternals as a } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as o, html as s } from "lit";
+import { property as c } from "lit/decorators/property.js";
+import { useStyles as l } from "@nvidia-elements/foundations/internal/styles";
 // src/page/page-panel/page-panel.ts
-var u = class extends s {
+var u = class extends o {
 	static {
-		this.styles = r([a]);
+		this.styles = l([r]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.23.4",
+			version: "2.23.5",
 			parents: ["nve-page"]
 		};
 	}
@@ -23,19 +23,19 @@ var u = class extends s {
 		return [...super.observedAttributes, "hidden"];
 	}
 	constructor() {
-		super(), new n(this, { useHidden: !0 });
+		super(), new t(this, { useHidden: !0 });
 	}
 	render() {
-		return c`<div internal-host><div part="_header"><slot name="header"></slot><slot name="actions"></slot></div><div class="content"><slot></slot></div><div><slot name="footer"></slot></div></div>`;
+		return s`<div internal-host><div part="_header"><slot name="header"></slot><slot name="actions"></slot></div><div class="content"><slot></slot></div><div><slot name="footer"></slot></div></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), this._internals.states.delete("reopened"), e(this, o), this._internals.role = "region";
+		super.connectedCallback(), a(this), this._internals.states.delete("reopened"), e(this, i), this._internals.role = "region";
 	}
 	attributeChangedCallback(e, t, n) {
 		super.attributeChangedCallback(e, t, n), e === "hidden" && t !== null && n === null && this.isConnected && this._internals.states.add("reopened");
 	}
 };
-i([l({
+n([c({
 	type: String,
 	reflect: !0
 })], u.prototype, "size", void 0);

package/dist/page/page-panel/page-panel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-panel2.js","names":["styles","globalStyles","_decorate","__decorate","page_panel_default","page_panel_global_default","PagePanel","LitElement","useStyles","TypeExpandableController","attachInternals","appendRootNodeStyle","name","oldValue","newValue","property"],"sources":["../../../src/page/page-panel/page-panel.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 type { Size } from '@nvidia-elements/core/internal';\nimport {\n  appendRootNodeStyle,\n  attachInternals,\n  TypeExpandableController,\n  useStyles\n} from '@nvidia-elements/core/internal';\nimport styles from './page-panel.css?inline';\nimport globalStyles from './page-panel.global.css?inline';\n\n/**\n * @element nve-page-panel\n * @description Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @event open - Dispatched after an invoker command removes `hidden` and opens the panel.\n * @event close - Dispatched after an invoker command sets `hidden` and closes the panel.\n * @slot - `nve-page-panel-content` elements that provide the panel body.\n * @slot actions - slot for action / dismiss buttons\n * @command --open - Removes `hidden` and dispatches `open`.\n * @command --close - Sets `hidden` and dispatches `close`.\n * @command --toggle - Toggles `hidden` and dispatches `open` or `close`.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --max-height\n * @cssprop --animation-duration - Duration of panel open/close animations\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanel extends LitElement {\n  /**\n   * Sets the max size of the panel.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel',\n    version: '0.0.0',\n    parents: ['nve-page']\n  };\n\n  static get observedAttributes() {\n    return [...super.observedAttributes, 'hidden'];\n  }\n\n  constructor() {\n    super();\n    new TypeExpandableController(this, { useHidden: true });\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <div part=\"_header\">\n        <slot name=\"header\"></slot>\n        <slot name=\"actions\"></slot>\n      </div>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n      <div>\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.states.delete('reopened');\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'region';\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    if (name === 'hidden' && oldValue !== null && newValue === null && this.isConnected) {\n      this._internals.states.add('reopened');\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;AAyCA,IAAaM,IAAb,cAA+BC,EAAW;;EAMxB,KAAA,SAAAC,EAAU,CAACR,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,WAAW,qBAAqB;EAC9B,OAAO,CAAC,GAAG,MAAM,oBAAoB,QAAQ;CAC/C;CAEA,cAAc;EAEZ,AADA,MAAM,GACN,IAAIS,EAAyB,MAAM,EAAE,WAAW,GAAK,CAAC;CACxD;CAKA,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,OAAO,UAAU,GACxCC,EAAoB,MAAMV,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;CAEA,yBAAyB,GAAc,GAAyB,GAAyB;EAEvF,AADA,MAAM,yBAAyBW,GAAMC,GAAUC,CAAQ,GACnDF,MAAS,YAAYC,MAAa,QAAQC,MAAa,QAAQ,KAAK,eACtE,KAAK,WAAW,OAAO,IAAI,UAAU;CAEzC;AACF;AArDGZ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"page-panel2.js","names":["styles","globalStyles","_decorate","__decorate","page_panel_default","page_panel_global_default","PagePanel","LitElement","useStyles","TypeExpandableController","attachInternals","appendRootNodeStyle","name","oldValue","newValue","property"],"sources":["../../../src/page/page-panel/page-panel.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 type { Size } from '@nvidia-elements/core/internal';\nimport { appendRootNodeStyle, TypeExpandableController } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page-panel.css?inline';\nimport globalStyles from './page-panel.global.css?inline';\n\n/**\n * @element nve-page-panel\n * @description Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @event open - Dispatched after an invoker command removes `hidden` and opens the panel.\n * @event close - Dispatched after an invoker command sets `hidden` and closes the panel.\n * @slot - `nve-page-panel-content` elements that provide the panel body.\n * @slot actions - slot for action / dismiss buttons\n * @command --open - Removes `hidden` and dispatches `open`.\n * @command --close - Sets `hidden` and dispatches `close`.\n * @command --toggle - Toggles `hidden` and dispatches `open` or `close`.\n * @cssprop --background\n * @cssprop --border\n * @cssprop --color\n * @cssprop --gap\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --width\n * @cssprop --max-width\n * @cssprop --max-height\n * @cssprop --animation-duration - Duration of panel open/close animations\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role\n *\n */\nexport class PagePanel extends LitElement {\n  /**\n   * Sets the max size of the panel.\n   */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-panel',\n    version: '0.0.0',\n    parents: ['nve-page']\n  };\n\n  static get observedAttributes() {\n    return [...super.observedAttributes, 'hidden'];\n  }\n\n  constructor() {\n    super();\n    new TypeExpandableController(this, { useHidden: true });\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n    <div internal-host>\n      <div part=\"_header\">\n        <slot name=\"header\"></slot>\n        <slot name=\"actions\"></slot>\n      </div>\n      <div class=\"content\">\n        <slot></slot>\n      </div>\n      <div>\n        <slot name=\"footer\"></slot>\n      </div>\n    </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.states.delete('reopened');\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'region';\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    super.attributeChangedCallback(name, oldValue, newValue);\n    if (name === 'hidden' && oldValue !== null && newValue === null && this.isConnected) {\n      this._internals.states.add('reopened');\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;AAsCA,IAAaM,IAAb,cAA+BC,EAAW;;EAMxB,KAAA,SAAAC,EAAU,CAACR,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,WAAW,qBAAqB;EAC9B,OAAO,CAAC,GAAG,MAAM,oBAAoB,QAAQ;CAC/C;CAEA,cAAc;EAEZ,AADA,MAAM,GACN,IAAIS,EAAyB,MAAM,EAAE,WAAW,GAAK,CAAC;CACxD;CAKA,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAKlB,AAJA,MAAM,kBAAkB,GACxBC,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO,OAAO,UAAU,GACxCC,EAAoB,MAAMV,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;CAEA,yBAAyB,GAAc,GAAyB,GAAyB;EAEvF,AADA,MAAM,yBAAyBW,GAAMC,GAAUC,CAAQ,GACnDF,MAAS,YAAYC,MAAa,QAAQC,MAAa,QAAQ,KAAK,eACtE,KAAK,WAAW,OAAO,IAAI,UAAU;CAEzC;AACF;AArDGZ,EAAA,CAAAa,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAAT,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/page/page2.js

@@ -1,39 +1,39 @@
 import { audit as e } from "../internal/controllers/audit.controller.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
-import i from "./page.js";
-import { LitElement as a, html as o } from "lit";
-import { property as s } from "lit/decorators/property.js";
+import t from "../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import n from "./page.js";
+import { attachInternals as r } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as i, html as a } from "lit";
+import { property as o } from "lit/decorators/property.js";
+import { useStyles as s } from "@nvidia-elements/foundations/internal/styles";
 // src/page/page.ts
-var c = class extends a {
+var c = class extends i {
 	constructor(...e) {
 		super(...e), this.documentScroll = !1;
 	}
 	static {
-		this.styles = n([i]);
+		this.styles = s([n]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	static {
 		this.elementDefinitions = {};
 	}
 	render() {
-		return o`<div internal-host><slot name="header"></slot><slot name="subheader"></slot><slot name="left-aside"></slot><slot name="left"></slot><slot></slot><slot name="bottom"></slot><slot name="right"></slot><slot name="right-aside"></slot><slot name="subfooter"></slot><slot name="footer"></slot></div>`;
+		return a`<div internal-host><slot name="header"></slot><slot name="subheader"></slot><slot name="left-aside"></slot><slot name="left"></slot><slot></slot><slot name="bottom"></slot><slot name="right"></slot><slot name="right-aside"></slot><slot name="subfooter"></slot><slot name="footer"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this);
+		super.connectedCallback(), r(this);
 	}
 };
-r([s({
+t([o({
 	type: Boolean,
 	reflect: !0,
 	attribute: "document-scroll"
-})], c.prototype, "documentScroll", void 0), c = r([e({ excessiveInstanceLimit: 1 })], c);
+})], c.prototype, "documentScroll", void 0), c = t([e({ excessiveInstanceLimit: 1 })], c);
 export { c as Page };
 
 //# sourceMappingURL=page2.js.map

package/dist/page/page2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page2.js","names":["styles","_decorate","__decorate","page_default","Page","LitElement","_args","useStyles","attachInternals","property","audit"],"sources":["../../src/page/page.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 { useStyles, attachInternals, audit } from '@nvidia-elements/core/internal';\nimport styles from './page.css?inline';\n\n/**\n * @element nve-page\n * @description Provide a consistent page structure across the applications, ensuring a seamless user experience.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - The central content area of the page, where the primary focus of the user's attention should be.\n * @slot header - The topmost section of the page, typically containing navigation, branding, or other global elements.\n * @slot subheader - A secondary section below the header, often used for breadcrumbs, filters, or other contextual information.\n * @slot left-aside - A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot left - The main content area on the left side of the page, typically containing primary navigation or features.\n * @slot bottom - A section for extra tooling outputs such as console outputs.\n * @slot right - The main content area on the right side of the page, typically containing secondary navigation or features.\n * @slot right-aside - A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot subfooter - A secondary section below the main content area, often used for more information or calls to action.\n * @slot footer - The bottommost section of the page, typically containing global elements, such as copyright information.\n * @cssprop --padding\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --gap - Vertical gap spacing between main content items\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n  excessiveInstanceLimit: 1\n})\nexport class Page extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Enables the page to use the document content scroll rather than its internal fixed scroll.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'document-scroll' }) documentScroll = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n        <slot name=\"subheader\"></slot>\n        <slot name=\"left-aside\"></slot>\n        <slot name=\"left\"></slot>\n        <slot></slot>\n        <slot name=\"bottom\"></slot>\n        <slot name=\"right\"></slot>\n        <slot name=\"right-aside\"></slot>\n        <slot name=\"subfooter\"></slot>\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n}\n"],"mappings":";;;;;;;;AAuCO,IAAMI,IAAN,cAAmBC,EAAW;;EAawD,A,aAAA,KAAA,iBAAA;;;EAZ3E,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;AACF;AA1BGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAAL,EAAA,WAAA,kBAAA,KAAA,CAAA,GAhBzE,IAAAH,EAAA,CAAAS,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAAN,CAAA"}
+{"version":3,"file":"page2.js","names":["styles","_decorate","__decorate","page_default","Page","LitElement","_args","useStyles","attachInternals","property","audit"],"sources":["../../src/page/page.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 { audit } from '@nvidia-elements/core/internal';\nimport { attachInternals } from '@nvidia-elements/foundations/internal/a11y';\nimport { useStyles } from '@nvidia-elements/foundations/internal/styles';\nimport styles from './page.css?inline';\n\n/**\n * @element nve-page\n * @description Provide a consistent page structure across the applications, ensuring a seamless user experience.\n * @documentation https://nvidia.github.io/elements/docs/elements/page/\n * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @slot - The central content area of the page, where the primary focus of the user's attention should be.\n * @slot header - The topmost section of the page, typically containing navigation, branding, or other global elements.\n * @slot subheader - A secondary section below the header, often used for breadcrumbs, filters, or other contextual information.\n * @slot left-aside - A narrow section on the left side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot left - The main content area on the left side of the page, typically containing primary navigation or features.\n * @slot bottom - A section for extra tooling outputs such as console outputs.\n * @slot right - The main content area on the right side of the page, typically containing secondary navigation or features.\n * @slot right-aside - A narrow section on the right side of the page, commonly used for navigation, filters, or other secondary content.\n * @slot subfooter - A secondary section below the main content area, often used for more information or calls to action.\n * @slot footer - The bottommost section of the page, typically containing global elements, such as copyright information.\n * @cssprop --padding\n * @cssprop --background\n * @cssprop --color\n * @cssprop --border\n * @cssprop --border-radius\n * @cssprop --box-shadow\n * @cssprop --min-height\n * @cssprop --gap - Vertical gap spacing between main content items\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n  excessiveInstanceLimit: 1\n})\nexport class Page extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {};\n\n  /**\n   * Enables the page to use the document content scroll rather than its internal fixed scroll.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'document-scroll' }) documentScroll = false;\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"header\"></slot>\n        <slot name=\"subheader\"></slot>\n        <slot name=\"left-aside\"></slot>\n        <slot name=\"left\"></slot>\n        <slot></slot>\n        <slot name=\"bottom\"></slot>\n        <slot name=\"right\"></slot>\n        <slot name=\"right-aside\"></slot>\n        <slot name=\"subfooter\"></slot>\n        <slot name=\"footer\"></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n  }\n}\n"],"mappings":";;;;;;;;AAyCO,IAAMI,IAAN,cAAmBC,EAAW;;EAawD,A,aAAA,KAAA,iBAAA;;;EAZ3E,KAAA,SAAAE,EAAU,CAACP,CAAM,CAAC;;;EAEP,KAAA,WAAA;GACzB,KAAK;GACL,SAAS;EACX;;;EAE4B,KAAA,qBAAA,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxBQ,EAAgB,IAAI;CACtB;AACF;AA1BGP,EAAA,CAAAQ,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAAL,EAAA,WAAA,kBAAA,KAAA,CAAA,GAhBzE,IAAAH,EAAA,CAAAS,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAAN,CAAA"}

package/dist/page-header/page-header2.js

@@ -1,25 +1,25 @@
 import { appendRootNodeStyle as e } from "../internal/utils/dom.js";
-import { attachInternals as t } from "../internal/utils/a11y.js";
-import { useStyles as n } from "../internal/styles/index.js";
-import r from "./page-header.js";
-import i from "./page-header.global.js";
-import { LitElement as a, html as o } from "lit";
+import t from "./page-header.js";
+import n from "./page-header.global.js";
+import { attachInternals as r } from "@nvidia-elements/foundations/internal/a11y";
+import { LitElement as i, html as a } from "lit";
+import { useStyles as o } from "@nvidia-elements/foundations/internal/styles";
 // src/page-header/page-header.ts
-var s = class extends a {
+var s = class extends i {
 	static {
-		this.styles = n([r]);
+		this.styles = o([t]);
 	}
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.23.4"
+			version: "2.23.5"
 		};
 	}
 	render() {
-		return o`<div internal-host><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
+		return a`<div internal-host><slot name="prefix"></slot><slot></slot><slot name="suffix"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), e(this, i), t(this), this._internals.role = "navigation";
+		super.connectedCallback(), e(this, n), r(this), this._internals.role = "navigation";
 	}
 };
 export { s as PageHeader };