@nvidia-elements/core 2.0.4 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"page-panel-footer2.js","names":[],"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 * @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  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAoBA,IAAa,IAAb,cAAqC,EAAW;;2BAQ3B;;;gBAPH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GATG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"page-panel-footer2.js","names":[],"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  @hostAttr() slot = 'footer';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAqBA,IAAa,IAAb,cAAqC,EAAW;;2BAQ3B;;;gBAPH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GATG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/page/page-panel/page-panel-header.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 /**
  * @element nve-page-panel-header
  * @description Displays the title and contextual controls at the top of a page panel to identify its purpose.
+ * @documentation https://nvidia.github.io/elements/docs/elements/page/
  * @entrypoint \@nvidia-elements/core/page
  * @since 1.15.0
  * @slot - default slot for the page panel header
@@ -12,11 +13,11 @@ import { LitElement } from 'lit';
  *
  */
 export declare class PagePanelHeader extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
     slot: string;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

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

@@ -1,6 +1,6 @@
 import { hostAttr as e } from "../../internal/decorators/host-attr.js";
 import { useStyles as t } from "../../internal/styles/index.js";
-import { __decorate as n } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import n from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import r from "./page-panel-header.js";
 import { LitElement as i, html as a } from "lit";
 //#region src/page/page-panel/page-panel-header.ts
@@ -14,7 +14,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel-header",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	render() {

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

@@ -1 +1 @@
-{"version":3,"file":"page-panel-header2.js","names":[],"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 * @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  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAmBA,IAAa,IAAb,cAAqC,EAAW;;2BAQ3B;;;gBAPH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GATG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA"}
+{"version":3,"file":"page-panel-header2.js","names":[],"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  @hostAttr() slot = 'header';\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;AAoBA,IAAa,IAAb,cAAqC,EAAW;;2BAQ3B;;;gBAPH,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAIA,SAAS;EACP,OAAO,CAAI;CAKb;AACF;GATG,EAAS,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA"}

package/dist/page/page-panel/page-panel.d.ts

@@ -1,8 +1,9 @@
 import { LitElement } from 'lit';
-import { Size } from '../../internal';
+import type { Size } from '@nvidia-elements/core/internal';
 /**
  * @element nve-page-panel
  * @description Child panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.
+ * @documentation https://nvidia.github.io/elements/docs/elements/page/
  * @entrypoint \@nvidia-elements/core/page
  * @since 1.15.0
  * @event open
@@ -34,10 +35,10 @@ export declare class PagePanel extends LitElement {
     /**
      * Enables updating internal string values for internationalization.
      */
-    i18n: Partial<import('../../internal').I18nStrings & {
+    i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
         __set: boolean;
     }>;
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -46,6 +47,6 @@ export declare class PagePanel extends LitElement {
     constructor();
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

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

@@ -4,7 +4,7 @@ import { appendRootNodeStyle as n } from "../../internal/utils/dom.js";
 import { attachInternals as r } from "../../internal/utils/a11y.js";
 import { TypeExpandableController as i } from "../../internal/controllers/type-expandable.controller.js";
 import { useStyles as a } from "../../internal/styles/index.js";
-import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import o from "../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import s from "./page-panel.js";
 import c from "./page-panel.global.js";
 import { LitElement as l, html as u } from "lit";
@@ -18,7 +18,7 @@ var f = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-page-panel",
-			version: "2.0.4",
+			version: "2.1.1",
 			parents: ["nve-page"]
 		};
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"page-panel2.js","names":["#i18nController"],"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  audit,\n  I18nController,\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 * @entrypoint \\@nvidia-elements/core/page\n * @since 1.15.0\n * @event open\n * @event close\n * @slot - default content slot\n * @slot actions - slot for action / dismiss buttons\n * @command --open - use to open the panel\n * @command --close - use to close the panel\n * @command --toggle - use to toggle the panel\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 */\n@audit()\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  #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  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  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    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'region';\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA2CO,IAAA,IAAA,cAAwB,EAAW;CAMxC;;gBAOgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,cAAc;EAEZ,AADA,MAAM,aAhBgC,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB,MAYtD,IAAI,EAAyB,MAAM,EAAE,WAAW,GAAK,CAAC;CACxD;CAKA,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,EAAoB,MAAM,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;GAhDG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAOxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAZ3B,EAAM,CAAA,GAAA,CAAA"}
+{"version":3,"file":"page-panel2.js","names":["#i18nController"],"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  audit,\n  I18nController,\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\n * @event close\n * @slot - default content slot\n * @slot actions - slot for action / dismiss buttons\n * @command --open - use to open the panel\n * @command --close - use to close the panel\n * @command --toggle - use to toggle the panel\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 */\n@audit()\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  #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  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  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    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'region';\n  }\n}\n"],"mappings":";;;;;;;;;;;;AA4CO,IAAA,IAAA,cAAwB,EAAW;CAMxC;;gBAOgB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;GACT,SAAS,CAAC,UAAU;EACtB;;CAEA,cAAc;EAEZ,AADA,MAAM,aAhBgC,IAAI,EAAqB,IAAI,eAKlC,KAAKA,GAAgB,MAYtD,IAAI,EAAyB,MAAM,EAAE,WAAW,GAAK,CAAC;CACxD;CAKA,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAIlB,AAHA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,EAAoB,MAAM,CAAY,GACtC,KAAK,WAAW,OAAO;CACzB;AACF;GAhDG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAOxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAZ3B,EAAM,CAAA,GAAA,CAAA"}

package/dist/page/page.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 /**
  * @element nve-page
  * @description Provide a consistent page structure across the applications, ensuring a seamless user experience.
+ * @documentation https://nvidia.github.io/elements/docs/elements/page/
  * @entrypoint \@nvidia-elements/core/page
  * @since 1.15.0
  * @slot - The central content area of the page, where the primary focus of the user's attention should be.
@@ -26,7 +27,7 @@ import { LitElement } from 'lit';
  *
  */
 export declare class Page extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -38,6 +39,6 @@ export declare class Page extends LitElement {
     documentScroll: boolean;
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/page/page2.js

@@ -1,7 +1,7 @@
 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 { __decorate as r } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import r from "../_virtual/_@oxc-project_runtime@0.139.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";
@@ -16,7 +16,7 @@ var c = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-page",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	static {

package/dist/page/page2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page2.js","names":[],"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 * @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 * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n  excessiveInstanceLimit: 0\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":";;;;;;;;AAqCO,IAAA,IAAA,cAAmB,EAAW;;qCAawD;;;gBAZ3E,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAgB,IAAI;CACtB;AACF;GA1BG,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,UAhBzE,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAA,CAAA"}
+{"version":3,"file":"page2.js","names":[],"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 * @aria https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/\n * @responsive false\n *\n */\n@audit({\n  excessiveInstanceLimit: 0\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":";;;;;;;;AAsCO,IAAA,IAAA,cAAmB,EAAW;;qCAawD;;;gBAZ3E,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,CAAC;;CAU7B,SAAS;EACP,OAAO,CAAI;CAcb;CAEA,oBAAoB;EAElB,AADA,MAAM,kBAAkB,GACxB,EAAgB,IAAI;CACtB;AACF;GA1BG,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAkB,CAAC,CAAA,GAAA,EAAA,WAAA,kBAAA,KAAA,CAAA,UAhBzE,EAAM,EACL,wBAAwB,EAC1B,CAAC,CAAA,GAAA,CAAA"}

package/dist/page-header/define.d.ts

@@ -1,4 +1,4 @@
-import { PageHeader } from '.';
+import { PageHeader } from '@nvidia-elements/core/page-header';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-page-header': PageHeader;

package/dist/page-header/page-header.d.ts

@@ -2,6 +2,7 @@ import { LitElement } from 'lit';
 /**
  * @element nve-page-header
  * @description An element that appears across the top of all pages containing the application name and primary navigation.
+ * @documentation https://nvidia.github.io/elements/docs/elements/page-header/
  * @entrypoint \@nvidia-elements/core/page-header
  * @since 1.15.0
  * @slot - The default content slot
@@ -17,12 +18,12 @@ import { LitElement } from 'lit';
  *
  */
 export declare class PageHeader extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     /** @private */
     _internals: ElementInternals;
     connectedCallback(): void;

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

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-page-header",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	render() {

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

@@ -1 +1 @@
-{"version":3,"file":"page-header2.js","names":[],"sources":["../../src/page-header/page-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 { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './page-header.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;AAwBA,IAAa,IAAb,cAAgC,EAAW;;gBACzB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAGxB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}
+{"version":3,"file":"page-header2.js","names":[],"sources":["../../src/page-header/page-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 { useStyles, attachInternals } from '@nvidia-elements/core/internal';\nimport styles from './page-header.css?inline';\n\n/**\n * @element nve-page-header\n * @description An element that appears across the top of all pages containing the application name and primary navigation.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-header/\n * @entrypoint \\@nvidia-elements/core/page-header\n * @since 1.15.0\n * @slot - The default content slot\n * @slot prefix - Content displayed at the start of the header\n * @slot suffix - Content displayed at the end of the header\n * @cssprop --background - Background color of the header\n * @cssprop --padding - Padding inside the header\n * @cssprop --border-bottom - Border below the header\n * @cssprop --gap - Gap between the prefix, default, and suffix slots\n * @cssprop --margin-inline - left and right margin applied to the default content slot\n\n * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav\n *\n */\nexport class PageHeader extends LitElement {\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-header',\n    version: '0.0.0'\n  };\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot name=\"prefix\"></slot>\n        <slot></slot>\n        <slot name=\"suffix\"></slot>\n      </div>\n    `;\n  }\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'navigation';\n  }\n}\n"],"mappings":";;;;;AAyBA,IAAa,IAAb,cAAgC,EAAW;;gBACzB,EAAU,CAAC,CAAM,CAAC;;;kBAEP;GACzB,KAAK;GACL,SAAS;EACX;;CAEA,SAAS;EACP,OAAO,CAAI;CAOb;CAKA,oBAA0B;EAGxB,AAFA,MAAM,kBAAkB,GACxB,EAAgB,IAAI,GACpB,KAAK,WAAW,OAAO;CACzB;AACF"}

package/dist/page-loader/define.d.ts

@@ -1,4 +1,4 @@
-import { PageLoader } from '.';
+import { PageLoader } from '@nvidia-elements/core/page-loader';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-page-loader': PageLoader;

package/dist/page-loader/page-loader.d.ts

@@ -1,9 +1,11 @@
 import { LitElement } from 'lit';
-import { PopoverPosition, PopoverType, TypeNativePopoverController } from '../internal';
-import { ProgressRing } from '../progress-ring';
+import type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';
+import { TypeNativePopoverController } from '@nvidia-elements/core/internal';
+import { ProgressRing } from '@nvidia-elements/core/progress-ring';
 /**
  * @element nve-page-loader
  * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.
+ * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/
  * @since 0.19.0
  * @entrypoint \@nvidia-elements/core/page-loader
  * @slot - default slot for content
@@ -23,7 +25,7 @@ export declare class PageLoader extends LitElement {
      * @private
      */
     anchor: HTMLElement;
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -33,5 +35,5 @@ export declare class PageLoader extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }

package/dist/page-loader/page-loader2.js

@@ -2,7 +2,7 @@ import { TypeNativePopoverController as e } from "../internal/controllers/type-n
 import { scopedRegistry as t } from "../internal/decorators/scoped-registry.js";
 import { useStyles as n } from "../internal/styles/index.js";
 import { popoverStyles as r } from "../internal/styles/popover2.js";
-import { __decorate as i } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import i from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { ProgressRing as a } from "../progress-ring/progress-ring2.js";
 import o from "./page-loader.js";
 import { LitElement as s, html as c } from "lit";
@@ -18,7 +18,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-page-loader",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	static {

package/dist/page-loader/page-loader2.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-loader2.js","names":[],"sources":["../../src/page-loader/page-loader.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 { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, scopedRegistry, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - default slot for content\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAsBO,IAAA,IAAA,cAAyB,EAAW;;+BAEJ,6BAGD,6CAGI,IAAI,EAAwC,IAAI,iBAKtE,WAAW,UAAU;;;gBAEvB,EAAU,CAAC,GAAe,CAAM,CAAC;;;kBAEtB;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAa,SAAS,MAAM,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;GAxBG,EAAM,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,UAdR,EAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"page-loader2.js","names":[],"sources":["../../src/page-loader/page-loader.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 { state } from 'lit/decorators/state.js';\nimport type { PopoverPosition, PopoverType } from '@nvidia-elements/core/internal';\nimport { popoverStyles, scopedRegistry, TypeNativePopoverController, useStyles } from '@nvidia-elements/core/internal';\nimport { ProgressRing } from '@nvidia-elements/core/progress-ring';\nimport styles from './page-loader.css?inline';\n\n/**\n * @element nve-page-loader\n * @description Page Loader is a full-screen version of the `progress-ring` component, for use when the page should remain unusable as the loader displays.\n * @documentation https://nvidia.github.io/elements/docs/elements/page-loader/\n * @since 0.19.0\n * @entrypoint \\@nvidia-elements/core/page-loader\n * @slot - default slot for content\n * @cssprop --gap\n * @cssprop --animation-duration - Duration of page loader open/close animations\n * @csspart progress-ring - The progress ring element\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role\n */\n@scopedRegistry()\nexport class PageLoader extends LitElement {\n  /** @private */\n  readonly position: PopoverPosition = 'center';\n\n  /** @private */\n  readonly popoverType: PopoverType = 'manual';\n\n  /** @private */\n  protected typeNativePopoverController = new TypeNativePopoverController<PageLoader>(this);\n\n  /**\n   * @private\n   */\n  @state() anchor = globalThis.document?.body;\n\n  static styles = useStyles([popoverStyles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-page-loader',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [ProgressRing.metadata.tag]: ProgressRing\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  render() {\n    return html`\n      <div internal-host>\n        <nve-progress-ring part=\"progress-ring\" status=\"accent\" size=\"xl\"></nve-progress-ring>\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"],"mappings":";;;;;;;;;;AAuBO,IAAA,IAAA,cAAyB,EAAW;;+BAEJ,6BAGD,6CAGI,IAAI,EAAwC,IAAI,iBAKtE,WAAW,UAAU;;;gBAEvB,EAAU,CAAC,GAAe,CAAM,CAAC;;;kBAEtB;GACzB,KAAK;GACL,SAAS;EACX;;;4BAE4B,GACzB,EAAa,SAAS,MAAM,EAC/B;;CAKA,SAAS;EACP,OAAO,CAAI;CAMb;AACF;GAxBG,EAAM,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,UAdR,EAAe,CAAA,GAAA,CAAA"}

package/dist/pagination/define.d.ts

@@ -1,4 +1,4 @@
-import { Pagination } from '.';
+import { Pagination } from '@nvidia-elements/core/pagination';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-pagination': Pagination;

package/dist/pagination/pagination.d.ts

@@ -1,11 +1,12 @@
 import { LitElement } from 'lit';
-import { KeynavListConfig } from '../internal';
-import { IconButton } from '../icon-button';
-import { Select } from '../select';
-declare const Pagination_base: import('@nvidia-elements/forms/mixins').FormControlMixinReturn<typeof LitElement, number>;
+import type { KeynavListConfig } from '@nvidia-elements/core/internal';
+import { IconButton } from '@nvidia-elements/core/icon-button';
+import { Select } from '@nvidia-elements/core/select';
+declare const Pagination_base: import("@nvidia-elements/forms/mixins").FormControlMixinReturn<typeof LitElement, number>;
 /**
  * @element nve-pagination
  * @description Pagination is a control that enables users to navigate through pages of content.
+ * @documentation https://nvidia.github.io/elements/docs/elements/pagination/
  * @since 0.11.0
  * @entrypoint \@nvidia-elements/core/pagination
  * @event input - Dispatched when the value (page) has changed
@@ -55,15 +56,15 @@ export declare class Pagination extends Pagination_base {
     /**
      * Enables updating internal string values for internationalization.
      */
-    i18n: Partial<import('../internal').I18nStrings & {
+    i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
         __set: boolean;
     }>;
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
         valueSchema: {
-            type: "number";
+            type: 'number';
         };
     };
     static elementDefinitions: {
@@ -72,7 +73,7 @@ export declare class Pagination extends Pagination_base {
     };
     /** @private */
     get keynavListConfig(): KeynavListConfig;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;

package/dist/pagination/pagination2.js

@@ -5,7 +5,7 @@ import { attachInternals as r } from "../internal/utils/a11y.js";
 import { typeSSR as i } from "../internal/controllers/type-ssr.controller.js";
 import { scopedRegistry as a } from "../internal/decorators/scoped-registry.js";
 import { useStyles as o } from "../internal/styles/index.js";
-import { __decorate as s } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import s from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { IconButton as c } from "../icon-button/icon-button2.js";
 import { Select as l } from "../select/select2.js";
 import u from "./pagination.js";
@@ -21,7 +21,7 @@ var g = class extends h(d) {
 	static {
 		this.metadata = {
 			tag: "nve-pagination",
-			version: "2.0.4",
+			version: "2.1.1",
 			valueSchema: { type: "number" }
 		};
 	}

package/dist/pagination/pagination2.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination2.js","names":["#currentPage","#isLastPage","#isFirstPage","#selectLabel","#label","#previousButton","#setValue","#nextButton","#startButton","#endButton","#select","#setStep","#i18nController","#setupLabelWidth","#resizeObserver"],"sources":["../../src/pagination/pagination.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 { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  I18nController,\n  formatStandardNumber,\n  keyNavigationList,\n  typeSSR,\n  useStyles,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { Select } from '@nvidia-elements/core/select';\nimport styles from './pagination.css?inline';\n\n/* eslint-disable jsdoc/no-types */\n// explicit jsdoc annotation due to inheritance context lost with CEM generator\n\n/**\n * @element nve-pagination\n * @description Pagination is a control that enables users to navigate through pages of content.\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/pagination\n * @event input - Dispatched when the value (page) has changed\n * @event change - Dispatched when the value (page) has changed\n * @event first-page - Dispatched when the first page is active\n * @event last-page - Dispatched when the last page is active\n * @slot - default slot for content\n * @slot suffix-label - slot for overriding the \"n of total\" label when total is an approximation\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --width\n * @csspart icon-button - Base part applied to all icon button elements\n * @csspart previous-icon-button - The previous page icon button\n * @csspart next-icon-button - The next page icon button\n * @csspart start-icon-button - The first page icon button\n * @csspart end-icon-button - The last page icon button\n * @csspart select - The page size select element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n * @property {number} value - value the current page number\n */\n@typeSSR()\n@keyNavigationList<Pagination>()\n@scopedRegistry()\nexport class Pagination extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * The number of items per page.\n   */\n  @property({ type: Number }) step = 10;\n  /**\n   * The array of custom step-size.\n   */\n  @property({ type: Array }) stepSizes = [10, 20, 50, 100];\n\n  /**\n   * The total number of items.\n   */\n  @property({ type: Number }) items: number;\n\n  /**\n   * Whether the pagination is skippable to start/end.\n   */\n  @property({ type: Boolean }) skippable: boolean;\n\n  /**\n   * Whether the step selector has a disabled state.\n   */\n  @property({ type: Boolean, attribute: 'disable-step' }) disableStep: boolean;\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\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  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pagination',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Select.metadata.tag]: Select\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.shadowRoot!.querySelectorAll<HTMLElement>(`${IconButton.metadata.tag}, input, select`),\n      layout: 'horizontal'\n    };\n  }\n\n  get #currentPage() {\n    return (this.value! - 1) * this.step + this.step;\n  }\n\n  get #isLastPage() {\n    return this.items / this.value! === this.step;\n  }\n\n  get #isFirstPage() {\n    return this.value === 1;\n  }\n\n  get #selectLabel() {\n    const start = (this.value! - 1) * this.step + 1;\n    const end = Math.min(this.value! * this.step, this.items || Infinity);\n    return `${formatStandardNumber(start)}-${formatStandardNumber(end)}`;\n  }\n\n  get #label() {\n    return this.items\n      ? html`<label><slot name=\"suffix-label\">${this.i18n.of} ${formatStandardNumber(this.items)}</slot></label>`\n      : nothing;\n  }\n\n  get #previousButton() {\n    return html`<nve-icon-button part=\"icon-button previous-icon-button\"\n      @click=${() => this.#setValue(this.value! - 1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.previous}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #nextButton() {\n    return html`<nve-icon-button part=\"icon-button next-icon-button\"\n      @click=${() => this.#setValue(this.value! + 1)}\n      .disabled=${this.disabled || this.#currentPage >= this.items}\n      .ariaLabel=${this.i18n.next}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  get #startButton() {\n    return html`<nve-icon-button part=\"icon-button start-icon-button\"\n      @click=${() => this.#setValue(1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.start}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #endButton() {\n    return html`<nve-icon-button part=\"icon-button end-icon-button\"\n      @click=${() => this.#setValue(this.items / this.step)}\n      .disabled=${this.disabled || (this.value! - 1) * this.step + this.step >= this.items}\n      .ariaLabel=${this.i18n.end}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  #resizeObserver: ResizeObserver;\n\n  get #select() {\n    return this.disableStep\n      ? html`<label>${this.#selectLabel}&nbsp;</label>`\n      : html`\n          <nve-select part=\"select\" .container=${this.container}>\n            <select\n              .ariaLabel=${this.i18n.currentPage}\n              @change=${(e: Event) => this.#setStep(parseInt((e.target as HTMLSelectElement).value, 10))}\n              value=${this.step}\n              .disabled=${this.disabled || this.disableStep}\n            >\n            ${this.stepSizes.map(i => html`<option ?selected=${this.step === i} value=${i}>${i}</option>`)}\n            </select>\n            <div class=\"select-label\">${this.#selectLabel}</div>\n          </nve-select>\n        `;\n  }\n\n  render() {\n    return html`\n      <div internal-host role=\"presentation\">\n        ${\n          this.skippable && this.items\n            ? html`\n              ${this.#startButton} ${this.#previousButton} ${this.#select} ${this.#label} ${this.#nextButton}\n              ${this.#endButton}\n            `\n            : html` ${this.#select} ${this.#label} ${this.#previousButton} ${this.#nextButton} `\n        }\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = 1;\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    await this.updateComplete;\n    this.#setupLabelWidth();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.unobserve(this);\n  }\n\n  #setupLabelWidth() {\n    const label = this.shadowRoot!.querySelector('.select-label');\n    const select = this.shadowRoot!.querySelector('select');\n    if (label && select) {\n      this.#resizeObserver = new ResizeObserver(\n        entries => (select!.style.minWidth = `${entries[0]!.contentRect.width + 36}px`)\n      );\n      this.#resizeObserver.observe(label);\n    }\n  }\n\n  #setStep(value: number) {\n    /* eslint-disable-next-line */\n    this.step = value; // stateful due to internalized select element\n    this.dispatchEvent(new CustomEvent('step-change', { detail: this.step, bubbles: true, composed: true }));\n    this.#setValue(this.value!);\n  }\n\n  #setValue(value: number) {\n    if (this.value !== value) {\n      this.value = value;\n      this.dispatchInputEvent();\n      this.dispatchChangeEvent();\n    }\n\n    if (this.#isLastPage) {\n      this.dispatchEvent(new CustomEvent('last-page', { bubbles: true, composed: true }));\n    }\n\n    if (this.#isFirstPage) {\n      this.dispatchEvent(new CustomEvent('first-page', { bubbles: true, composed: true }));\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"pagination2.js","names":["#currentPage","#isLastPage","#isFirstPage","#selectLabel","#label","#previousButton","#setValue","#nextButton","#startButton","#endButton","#select","#setStep","#i18nController","#setupLabelWidth","#resizeObserver"],"sources":["../../src/pagination/pagination.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 { property } from 'lit/decorators/property.js';\nimport { FormControlMixin } from '@nvidia-elements/forms/mixins';\nimport type { KeynavListConfig } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  I18nController,\n  formatStandardNumber,\n  keyNavigationList,\n  typeSSR,\n  useStyles,\n  scopedRegistry\n} from '@nvidia-elements/core/internal';\nimport { IconButton } from '@nvidia-elements/core/icon-button';\nimport { Select } from '@nvidia-elements/core/select';\nimport styles from './pagination.css?inline';\n\n/* eslint-disable jsdoc/no-types */\n// explicit jsdoc annotation due to inheritance context lost with CEM generator\n\n/**\n * @element nve-pagination\n * @description Pagination is a control that enables users to navigate through pages of content.\n * @documentation https://nvidia.github.io/elements/docs/elements/pagination/\n * @since 0.11.0\n * @entrypoint \\@nvidia-elements/core/pagination\n * @event input - Dispatched when the value (page) has changed\n * @event change - Dispatched when the value (page) has changed\n * @event first-page - Dispatched when the first page is active\n * @event last-page - Dispatched when the last page is active\n * @slot - default slot for content\n * @slot suffix-label - slot for overriding the \"n of total\" label when total is an approximation\n * @cssprop --background\n * @cssprop --font-size\n * @cssprop --width\n * @csspart icon-button - Base part applied to all icon button elements\n * @csspart previous-icon-button - The previous page icon button\n * @csspart next-icon-button - The next page icon button\n * @csspart start-icon-button - The first page icon button\n * @csspart end-icon-button - The last page icon button\n * @csspart select - The page size select element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/\n * @property {number} value - value the current page number\n */\n@typeSSR()\n@keyNavigationList<Pagination>()\n@scopedRegistry()\nexport class Pagination extends FormControlMixin<typeof LitElement, number>(LitElement) {\n  /**\n   * The number of items per page.\n   */\n  @property({ type: Number }) step = 10;\n  /**\n   * The array of custom step-size.\n   */\n  @property({ type: Array }) stepSizes = [10, 20, 50, 100];\n\n  /**\n   * The total number of items.\n   */\n  @property({ type: Number }) items: number;\n\n  /**\n   * Whether the pagination is skippable to start/end.\n   */\n  @property({ type: Boolean }) skippable: boolean;\n\n  /**\n   * Whether the step selector has a disabled state.\n   */\n  @property({ type: Boolean, attribute: 'disable-step' }) disableStep: boolean;\n\n  /**\n   * Determines the container styles of component. Flat applies when nesting within other containers. Inline applies when placing within other inline content.\n   */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'inline';\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  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-pagination',\n    version: '0.0.0',\n    valueSchema: {\n      type: 'number' as const\n    }\n  };\n\n  static elementDefinitions = {\n    [IconButton.metadata.tag]: IconButton,\n    [Select.metadata.tag]: Select\n  };\n\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.shadowRoot!.querySelectorAll<HTMLElement>(`${IconButton.metadata.tag}, input, select`),\n      layout: 'horizontal'\n    };\n  }\n\n  get #currentPage() {\n    return (this.value! - 1) * this.step + this.step;\n  }\n\n  get #isLastPage() {\n    return this.items / this.value! === this.step;\n  }\n\n  get #isFirstPage() {\n    return this.value === 1;\n  }\n\n  get #selectLabel() {\n    const start = (this.value! - 1) * this.step + 1;\n    const end = Math.min(this.value! * this.step, this.items || Infinity);\n    return `${formatStandardNumber(start)}-${formatStandardNumber(end)}`;\n  }\n\n  get #label() {\n    return this.items\n      ? html`<label><slot name=\"suffix-label\">${this.i18n.of} ${formatStandardNumber(this.items)}</slot></label>`\n      : nothing;\n  }\n\n  get #previousButton() {\n    return html`<nve-icon-button part=\"icon-button previous-icon-button\"\n      @click=${() => this.#setValue(this.value! - 1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.previous}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #nextButton() {\n    return html`<nve-icon-button part=\"icon-button next-icon-button\"\n      @click=${() => this.#setValue(this.value! + 1)}\n      .disabled=${this.disabled || this.#currentPage >= this.items}\n      .ariaLabel=${this.i18n.next}\n      container=\"inline\"\n      icon-name=\"chevron\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  get #startButton() {\n    return html`<nve-icon-button part=\"icon-button start-icon-button\"\n      @click=${() => this.#setValue(1)}\n      .disabled=${this.disabled || this.#currentPage <= this.step}\n      .ariaLabel=${this.i18n.start}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"left\"\n    ></nve-icon-button>`;\n  }\n\n  get #endButton() {\n    return html`<nve-icon-button part=\"icon-button end-icon-button\"\n      @click=${() => this.#setValue(this.items / this.step)}\n      .disabled=${this.disabled || (this.value! - 1) * this.step + this.step >= this.items}\n      .ariaLabel=${this.i18n.end}\n      container=\"inline\"\n      icon-name=\"arrow-stop\"\n      direction=\"right\"\n    ></nve-icon-button>`;\n  }\n\n  #resizeObserver: ResizeObserver;\n\n  get #select() {\n    return this.disableStep\n      ? html`<label>${this.#selectLabel}&nbsp;</label>`\n      : html`\n          <nve-select part=\"select\" .container=${this.container}>\n            <select\n              .ariaLabel=${this.i18n.currentPage}\n              @change=${(e: Event) => this.#setStep(parseInt((e.target as HTMLSelectElement).value, 10))}\n              value=${this.step}\n              .disabled=${this.disabled || this.disableStep}\n            >\n            ${this.stepSizes.map(i => html`<option ?selected=${this.step === i} value=${i}>${i}</option>`)}\n            </select>\n            <div class=\"select-label\">${this.#selectLabel}</div>\n          </nve-select>\n        `;\n  }\n\n  render() {\n    return html`\n      <div internal-host role=\"presentation\">\n        ${\n          this.skippable && this.items\n            ? html`\n              ${this.#startButton} ${this.#previousButton} ${this.#select} ${this.#label} ${this.#nextButton}\n              ${this.#endButton}\n            `\n            : html` ${this.#select} ${this.#label} ${this.#previousButton} ${this.#nextButton} `\n        }\n      </div>\n    `;\n  }\n\n  constructor() {\n    super();\n    this.value = 1;\n  }\n\n  async connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    this._internals.role = 'toolbar';\n    await this.updateComplete;\n    this.#setupLabelWidth();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.#resizeObserver?.unobserve(this);\n  }\n\n  #setupLabelWidth() {\n    const label = this.shadowRoot!.querySelector('.select-label');\n    const select = this.shadowRoot!.querySelector('select');\n    if (label && select) {\n      this.#resizeObserver = new ResizeObserver(\n        entries => (select!.style.minWidth = `${entries[0]!.contentRect.width + 36}px`)\n      );\n      this.#resizeObserver.observe(label);\n    }\n  }\n\n  #setStep(value: number) {\n    /* eslint-disable-next-line */\n    this.step = value; // stateful due to internalized select element\n    this.dispatchEvent(new CustomEvent('step-change', { detail: this.step, bubbles: true, composed: true }));\n    this.#setValue(this.value!);\n  }\n\n  #setValue(value: number) {\n    if (this.value !== value) {\n      this.value = value;\n      this.dispatchInputEvent();\n      this.dispatchChangeEvent();\n    }\n\n    if (this.#isLastPage) {\n      this.dispatchEvent(new CustomEvent('last-page', { bubbles: true, composed: true }));\n    }\n\n    if (this.#isFirstPage) {\n      this.dispatchEvent(new CustomEvent('first-page', { bubbles: true, composed: true }));\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/panel/define.d.ts

@@ -1,4 +1,4 @@
-import { Panel, PanelHeader, PanelContent, PanelFooter } from '.';
+import { Panel, PanelHeader, PanelContent, PanelFooter } from '@nvidia-elements/core/panel';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-panel': Panel;

package/dist/panel/panel.d.ts

@@ -1,8 +1,9 @@
 import { LitElement } from 'lit';
-import { IconButton } from '../icon-button';
+import { IconButton } from '@nvidia-elements/core/icon-button';
 /**
  * @element nve-panel-header
  * @description Displays the title, subtitle, and optional action controls at the top of a panel.
+ * @documentation https://nvidia.github.io/elements/docs/elements/panel/
  * @since 0.10.0
  * @entrypoint \@nvidia-elements/core/panel
  * @slot - default content slot
@@ -15,17 +16,18 @@ import { IconButton } from '../icon-button';
  * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead
  */
 export declare class PanelHeader extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }
 /**
  * @element nve-panel-content
  * @description Contains the main body content within a panel, providing a structured region for detailed information.
+ * @documentation https://nvidia.github.io/elements/docs/elements/panel/
  * @since 0.10.0
  * @entrypoint \@nvidia-elements/core/panel
  * @slot - This is a default/unnamed slot for panel content
@@ -34,16 +36,17 @@ export declare class PanelHeader extends LitElement {
  * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead
  */
 export declare class PanelContent extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
 }
 /**
  * @element nve-panel-footer
  * @description Provides a designated area at the bottom of a panel for actions or supplementary controls.
+ * @documentation https://nvidia.github.io/elements/docs/elements/panel/
  * @since 0.10.0
  * @entrypoint \@nvidia-elements/core/panel
  * @slot - This is a default/unnamed slot for panel footer content
@@ -54,17 +57,18 @@ export declare class PanelContent extends LitElement {
  * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead
  */
 export declare class PanelFooter extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }
 /**
  * @element nve-panel
  * @description Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).
+ * @documentation https://nvidia.github.io/elements/docs/elements/panel/
  * @since 0.10.0
  * @entrypoint \@nvidia-elements/core/panel
  * @event open - Dispatched when the panel opens.
@@ -99,7 +103,7 @@ export declare class Panel extends LitElement {
      * Sets the proper collapse icon and collapse animation, based on which side of the page the panel occupies.
      */
     side: 'left' | 'right';
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -112,9 +116,9 @@ export declare class Panel extends LitElement {
     /**
      * Enables updating internal string values for internationalization.
      */
-    i18n: Partial<import('../internal').I18nStrings & {
+    i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
         __set: boolean;
     }>;
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/panel/panel2.js

@@ -4,7 +4,7 @@ import { stateExpanded as n } from "../internal/controllers/state-expanded.contr
 import { TypeExpandableController as r } from "../internal/controllers/type-expandable.controller.js";
 import { scopedRegistry as i } from "../internal/decorators/scoped-registry.js";
 import { useStyles as a } from "../internal/styles/index.js";
-import { __decorate as o } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import o from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { IconButton as s } from "../icon-button/icon-button2.js";
 import c from "./panel.js";
 import l from "./panel-header.js";
@@ -21,7 +21,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-header",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-content",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	render() {
@@ -50,7 +50,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel-footer",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	render() {
@@ -69,7 +69,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-panel",
-			version: "2.0.4"
+			version: "2.1.1"
 		};
 	}
 	static {