@nvidia-elements/core 2.23.6 → 2.24.0

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## [2.24.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.23.6...@nvidia-elements/core-v2.24.0) (2026-11-13)
+
+### Features
+
+* **core:** add dashboard ([83e5ced](https://github.com/NVIDIA/elements/commit/83e5ced893821ab74cad106473c92ecb04443949))
+* **foundations:** add placement translation keys ([a3d4d53](https://github.com/NVIDIA/elements/commit/a3d4d5386df3c71e3d273c1175b140fab04efc9d))
+* **styles:** add text shimmer support ([c96b621](https://github.com/NVIDIA/elements/commit/c96b6215099331152632805a18d9638230cb3da6))
+
+### Bug Fixes
+
+* **lint:** add new nve-text values ([80c106e](https://github.com/NVIDIA/elements/commit/80c106e33b4d057d2f5907882b490b4a46890742))
+* **pi:** update typebox to 1.4.6 ([e2635d1](https://github.com/NVIDIA/elements/commit/e2635d17980a706b044d9a3d814334de489aa72a))
+
 ## [2.23.6](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.23.5...@nvidia-elements/core-v2.23.6) (2026-11-10)
 
 ### Bug Fixes

package/dist/accordion/accordion-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-group.js","names":["accordion_group_default"],"sources":["../../src/accordion/accordion-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --padding: var(--nve-ref-size-400) var(--nve-ref-size-500) var(--nve-ref-size-500);\n  width: 100%; /* fallback safari */\n  width: stretch;\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: column;\n}\n\n:host([container='flat']) [internal-host] {\n  gap: var(--nve-ref-space-xxxs);\n}\n\n:host([container='inset']) [internal-host] {\n  gap: var(--nve-ref-space-md);\n}\n\n:host(:not([container])) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='full']) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}
+{"version":3,"file":"accordion-group.js","names":["accordion_group_default"],"sources":["../../src/accordion/accordion-group.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --padding: var(--nve-ref-size-400) var(--nve-ref-size-500) var(--nve-ref-size-500);\n  width: 100%; /* fallback for firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1789477 */\n  width: stretch;\n}\n\n[internal-host] {\n  display: flex;\n  flex-direction: column;\n}\n\n:host([container='flat']) [internal-host] {\n  gap: var(--nve-ref-space-xxxs);\n}\n\n:host([container='inset']) [internal-host] {\n  gap: var(--nve-ref-space-md);\n}\n\n:host(:not([container])) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n\n:host([container='full']) ::slotted(nve-accordion:not(:last-child)) {\n  border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n}\n"],"mappings":""}

package/dist/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":["accordion_default"],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback safari */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n  --header-padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n}\n\n:host([container='flat']) ::slotted(nve-accordion-content) {\n  --padding: var(--nve-ref-size-50) var(--nve-ref-size-400) var(--nve-ref-size-300) var(--nve-ref-size-400);\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.js","names":["accordion_default"],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback for firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1789477 */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n  --header-padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n}\n\n:host([container='flat']) ::slotted(nve-accordion-content) {\n  --padding: var(--nve-ref-size-50) var(--nve-ref-size-400) var(--nve-ref-size-300) var(--nve-ref-size-400);\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}

package/dist/accordion/accordion2.js

@@ -31,7 +31,7 @@ var b = {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	render() {
@@ -49,7 +49,7 @@ var S = class extends p {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	render() {
@@ -65,7 +65,7 @@ var S = class extends p {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [
 				x.metadata.tag,
 				S.metadata.tag,
@@ -123,7 +123,7 @@ var w = class extends p {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [C.metadata.tag]
 		};
 	}

package/dist/alert/alert-group2.js

@@ -20,7 +20,7 @@ var f = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [i.metadata.tag]
 		};
 	}

package/dist/alert/alert2.js

@@ -35,7 +35,7 @@ var v = {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	static {

package/dist/avatar/avatar-group2.js

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

package/dist/avatar/avatar2.js

@@ -12,7 +12,7 @@ var s = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	render() {

package/dist/badge/badge2.js

@@ -22,7 +22,7 @@ var h = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	static {

package/dist/breadcrumb/breadcrumb2.js

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

package/dist/bundle.d.ts

@@ -13,6 +13,7 @@ import '@nvidia-elements/core/combobox/define.js';
 import '@nvidia-elements/core/copy-button/define.js';
 import '@nvidia-elements/core/date/define.js';
 import '@nvidia-elements/core/datetime/define.js';
+import '@nvidia-elements/core/dashboard/define.js';
 import '@nvidia-elements/core/dialog/define.js';
 import '@nvidia-elements/core/divider/define.js';
 import '@nvidia-elements/core/dot/define.js';
@@ -89,6 +90,7 @@ export * from '@nvidia-elements/core/combobox';
 export * from '@nvidia-elements/core/copy-button';
 export * from '@nvidia-elements/core/date';
 export * from '@nvidia-elements/core/datetime';
+export * from '@nvidia-elements/core/dashboard';
 export * from '@nvidia-elements/core/dialog';
 export * from '@nvidia-elements/core/divider';
 export * from '@nvidia-elements/core/dot';

package/dist/bundles/index.d.ts

@@ -149,6 +149,8 @@ export interface I18nStrings {
 	seekToStart: string;
 	unmuteMedia: string;
 	volume: string;
+	placementUnavailable: string;
+	gridPlacement: string;
 	joystickPosition: string;
 	joystickNoPosition: string;
 	joystickInstructions: string;
@@ -2586,6 +2588,327 @@ export declare class Datetime extends Control implements ContainerElement {
 	};
 	protected get suffixContent(): TemplateResult<1>;
 }
+/**
+ * @element nve-ghost
+ * @description An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.
+ * @documentation https://nvidia.github.io/elements/docs/elements/ghost/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/ghost
+ * @slot - Presentation content for the preview.
+ * @cssprop --background
+ * @cssprop --border
+ * @cssprop --border-radius
+ * @cssprop --color
+ * @cssprop --stack-offset-x - Nonnegative horizontal distance between layers. Defaults to 4px.
+ * @cssprop --stack-offset-y - Nonnegative vertical distance between layers. Defaults to 4px.
+ * @cssprop --padding
+ */
+export declare class Ghost extends LitElement {
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+	};
+	/** Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one. */
+	layers: number;
+	render(): TemplateResult<1>;
+}
+/** Zero-based grid placement. Columns count from inline start (right in RTL); rows count from the top. Spans are positive cell counts. */
+export interface DashboardGridPlacement {
+	readonly column: number;
+	readonly row: number;
+	readonly columnSpan: number;
+	readonly rowSpan: number;
+}
+export interface DashboardItem extends DashboardGridPlacement {
+	readonly id: string;
+}
+/** Grid and placements of the currently owned panels. */
+export interface DashboardLayout {
+	readonly version: 1;
+	readonly grid: {
+		readonly flow: "vertical" | "horizontal";
+		readonly tracks: number;
+	};
+	readonly items: readonly DashboardItem[];
+}
+/** Allowed panel spans in columns and rows, independent of pixel sizing. */
+export interface DashboardSpanConstraints {
+	readonly id: string;
+	readonly minColumnSpan: number;
+	readonly minRowSpan: number;
+	readonly maxColumnSpan: number;
+	readonly maxRowSpan: number;
+}
+export interface DashboardCommandContext {
+	/** Panel ID when a command targets the containing dashboard. */
+	readonly value?: string;
+	/** Integer grid placement for --place; --move-to-start uses only its bounded-axis coordinate. */
+	readonly placement?: DashboardGridPlacement;
+}
+/**
+ * @element nve-dashboard
+ * @description A dashboard arranges application panels on a resizable grid with a restorable layout.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @command --enter-fullscreen - Present the invoking panel in native fullscreen.
+ * @command --exit-fullscreen - Exit native fullscreen.
+ * @command --toggle-fullscreen - Toggle native fullscreen for the invoking panel.
+ * @command --place - Apply the invoking control's integer grid placement without pointer target snapping. Target a panel directly or identify it with value when targeting the dashboard. Anchored span changes require resizing; other position changes require movement.
+ * @command --move-left - Move left through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --move-right - Move right through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --move-up - Move up through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --move-down - Move down through the same contact-aware movement step as a movement-handle arrow key. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --move-to-start - Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip.
+ * @command --increase-width - Increase width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --decrease-width - Decrease width by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --increase-height - Increase height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @command --decrease-height - Decrease height by one cell, subject to panel constraints. Target a panel directly or identify it with value on an invoker targeting the dashboard.
+ * @slot - Direct dashboard panels with unique durable IDs, required headers, and application dropdown groups. DOM order remains application authored. Native reading order follows committed placement where supported; previews preserve that order.
+ * @event change - Announces one committed arrangement after interaction, commands, or panel membership and span-constraint reconciliation. Read value on the dashboard; authored content events still bubble normally.
+ * @event {Event} commandavailabilitychange - Arrangement or fullscreen command availability may have changed.
+ * @cssprop --column-size - Single-cell outer column length in fixed sizing or horizontal flow. Defaults to 160px.
+ * @cssprop --row-size - Single-cell outer row length in fixed sizing or vertical flow. Defaults to 120px.
+ * @cssprop --gap - Nonnegative CSS length between cells. Include units, including 0px for no gap. At zero, uniform used border widths overlap; unequal widths keep independent geometry. Shared seams assume square panels with solid opaque borders.
+ * @cssprop --guide-color - Color of the circular cell-center guides. Defaults to the muted border color.
+ * @cssprop --guide-size - Nonnegative CSS length for the guide circle diameter. Defaults to 8px. Include units, including 0px to hide the circles.
+ * @cssprop --height - Default viewport height. Defaults to 400px; horizontal fit needs a definite height.
+ * @cssprop --animation-duration - Duration of panel geometry, destination ghost geometry, and arrangement control transitions. Defaults to 150ms; reduced motion uses 0ms. Panel geometry follows external container resizing immediately; explicit arrangement and sizing changes use transitions. Animation never delays logical placement commits.
+ * @cssprop --animation-easing - Easing of panel and destination ghost geometry transitions.
+ * @csspart ghost - Inert placement preview shown during pointer arrangement.
+ */
+export declare class Dashboard extends LitElement {
+	#private;
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+		children: string[];
+	};
+	static elementDefinitions: {
+		[Ghost.metadata.tag]: typeof Ghost;
+	};
+	/** Localized labels and placement announcements. Grid placement placeholders are column, row, columnSpan, and rowSpan. */
+	i18n: Partial<I18nStrings & {
+		__set: boolean;
+	}>;
+	/** Enables moving and resizing panels through controls and placement commands. */
+	rearrangeable: boolean;
+	/** Enables native fullscreen commands and a header control for each panel. Turning this off preserves an accepted session and its exit control. Fullscreen does not change the saved arrangement. */
+	fullscreenable: boolean;
+	/** Selects panel content framing. */
+	container?: "inset" | "flat" | "full";
+	/** Cell sizing, defaulting to fit. Fit sizing fits bounded tracks to the viewport and scrolls along the growth axis. Fixed sizing uses the configured --column-size and --row-size dimensions and may scroll on both axes. Does not change value. */
+	sizing: "fit" | "fixed";
+	/** Guide visibility: auto shows circular cell-center guides during pointer arrangement, visible always shows them, and hidden hides them while keeping the destination preview. Attribute keywords ignore case; missing, empty, or unrecognized values use auto. Does not change value or interaction permissions. */
+	guides: "auto" | "visible" | "hidden";
+	/** Closes growth-axis gaps toward top in vertical flow or inline start in horizontal flow, preserving bounded-axis positions and spans. Defaults to false. Enabling silently canonicalizes the current arrangement; disabling keeps current coordinates. This policy is independent of value. */
+	get autoSettle(): boolean;
+	set autoSettle(value: boolean);
+	/** Version 1 JSON with grid {flow, tracks} and items {id, column, row, columnSpan, rowSpan}. Positions are zero-based cells from inline start and top; column zero is at the right in RTL. Spans count columns and rows. Defaults to an empty string, which seeds one-cell panels in DOM order. Assignment validates the saved model immediately and normalizes panels once their upgrades and unique nonempty IDs are ready; restoration is silent. Intentional gaps remain when autoSettle is false. After successful reconciliation, only direct default-slot panel children remain in the value, including hidden children. Removed panels lose their placement. Applications own content data, persistence, and any saved placement history. */
+	get value(): string;
+	set value(value: string);
+	/** Growth direction, defaulting to vertical with bounded columns. Horizontal flow bounds rows. Changing flow does not transpose panel coordinates or spans. Assignment updates the arrangement silently; changes that conflict with panel constraints throw before changing the arrangement. */
+	get flow(): "vertical" | "horizontal";
+	set flow(value: "vertical" | "horizontal");
+	/** Bounded-axis track count, defaulting to 12. Valid integers range from 1 through 1000000. Assignment updates the arrangement silently and rejects changes that conflict with panel constraints. */
+	get tracks(): number;
+	set tracks(value: number);
+	private announcement;
+	protected firstUpdated(): void;
+	protected willUpdate(changed: PropertyValues<this>): void;
+	protected updated(): void;
+	/** Requests an integer placement without gesture target snapping. Anchored span changes use resizing permission, including left and top edges that change the origin; other position changes require movement. Directional collisions and optional growth-axis settling determine the final arrangement. Returns false for unavailable, invalid, or unchanged normalized placement. Successful placement emits one change. */
+	place(id: string, placement: DashboardGridPlacement): boolean;
+	/** Queries arrangement and fullscreen commands using a panel ID. A placement supplies the full grid placement for --place, or the desired bounded-axis coordinate for --move-to-start. Availability compares the complete normalized proposal with the current arrangement. Directional movement derives from grid placement and panel permissions without requiring rendered controls. Native fullscreen admission remains subject to browser permission. */
+	isCommandAvailable(command: string, context?: DashboardCommandContext): boolean;
+	render(): TemplateResult<1>;
+}
+declare const DragHandle_base: ButtonFormControlMixinReturn<typeof LitElement>;
+/**
+ * @element nve-drag-handle
+ * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.
+ * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/drag-handle
+ * @cssprop --cursor - The cursor over the handle.
+ * @cssprop --color - The grip color.
+ * @cssprop --width - The horizontal size of the pointer target.
+ * @cssprop --height - The vertical size of the pointer target.
+ * @cssprop --border-radius - The handle corner radius.
+ * @csspart icon - The fixed grip icon.
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+export declare class DragHandle extends DragHandle_base {
+	#private;
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+	};
+	static elementDefinitions: {
+		[Icon.metadata.tag]: typeof Icon;
+	};
+	constructor();
+	render(): TemplateResult<1>;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+}
+export interface DashboardPanelPresentation {
+	readonly placed: boolean;
+	readonly movable: boolean;
+	readonly resizable: boolean;
+	readonly mode?: "move" | "resize";
+	readonly carried?: boolean;
+	readonly lifted?: boolean;
+	readonly fullscreen?: "selected" | "excluded";
+	readonly fullscreenControl?: "enter" | "exit" | "unavailable";
+	readonly labels: Readonly<Record<string, string>>;
+}
+/**
+ * @element nve-dashboard-panel
+ * @description A stable application surface identified by a durable panel ID.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @command --enter-fullscreen - Present this panel in native fullscreen.
+ * @command --exit-fullscreen - Exit native fullscreen.
+ * @command --toggle-fullscreen - Toggle native fullscreen for this panel.
+ * @command --place - Apply the invoking control's integer grid placement without pointer target snapping. Anchored span changes require resizing; other position changes require movement.
+ * @command --move-left - Move left through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.
+ * @command --move-right - Move right through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.
+ * @command --move-up - Move up through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.
+ * @command --move-down - Move down through the same contact-aware movement step as a movement-handle arrow key. The containing dashboard applies its capabilities and layout policy.
+ * @command --move-to-start - Place at the growth-axis start, using available space before making room. Keep the bounded-axis coordinate unless placement supplies another. Uses the same operation as Home on the movement grip.
+ * @command --increase-width - Increase width by one cell, subject to panel constraints and the containing dashboard capabilities.
+ * @command --decrease-width - Decrease width by one cell, subject to panel constraints and the containing dashboard capabilities.
+ * @command --increase-height - Increase height by one cell, subject to panel constraints and the containing dashboard capabilities.
+ * @command --decrease-height - Decrease height by one cell, subject to panel constraints and the containing dashboard capabilities.
+ * @slot - Application content in the scrolling body. Content, data, and native hidden state remain application owned.
+ * @slot header - Required panel header with a title and optional application controls.
+ * @slot footer - Optional status and actions outside the body.
+ * @cssprop --background
+ * @cssprop --border
+ * @cssprop --border-radius
+ * @cssprop --control-width - Width shared by the move and resize controls. Defaults to 36px.
+ * @cssprop --control-height - Height shared by the move and resize controls. Defaults to 48px.
+ * @cssprop --resize-target-size - Extra pointer resize reach on each side of the panel edge. Defaults to 3px; outward reach stops halfway across the cell gap. Configure on the panel. Inward reach covers application content at the edge, including on hybrid touch devices.
+ * @cssprop --box-shadow
+ * @csspart drag-handle - Movement control.
+ * @csspart resize-button - Resize control.
+ * @csspart fullscreen-button - Panel fullscreen control.
+ */
+export declare class DashboardPanel extends LitElement {
+	#private;
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+		parents: string[];
+		children: string[];
+	};
+	static elementDefinitions: {
+		[DragHandle.metadata.tag]: typeof DragHandle;
+		[IconButton.metadata.tag]: typeof IconButton;
+	};
+	/** Smallest width in columns. */
+	minColumnSpan: number;
+	/** Smallest height in rows. */
+	minRowSpan: number;
+	/** Largest width in columns. */
+	maxColumnSpan: number;
+	/** Largest height in rows. */
+	maxRowSpan: number;
+	/** Disables direct movement. Collision displacement remains available. */
+	moveDisabled: boolean;
+	/** Disables direct resizing. */
+	resizeDisabled: boolean;
+	private presentation?;
+	/** @internal */
+	_internals: ElementInternals;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+	/** @internal */
+	_getSpanConstraints(): DashboardSpanConstraints;
+	/** @internal */
+	_configure(presentation: DashboardPanelPresentation): void;
+	/** @internal */
+	_getLabel(): string;
+	render(): TemplateResult<1>;
+}
+/**
+ * @element nve-dashboard-panel-header
+ * @description Supplies the required dashboard panel title and application controls.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.
+ * @slot prefix - Title decoration.
+ * @slot suffix - Application controls.
+ * @cssprop --padding
+ * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.
+ * @cssprop --gap
+ * @cssprop --min-height
+ */
+export declare class DashboardPanelHeader extends LitElement {
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+		parents: string[];
+	};
+	/** @private */
+	slot: string;
+	render(): TemplateResult<1>;
+}
+/**
+ * @element nve-dashboard-panel-content
+ * @description Provides padding for dashboard panel content.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Application content.
+ * @cssprop --padding
+ */
+export declare class DashboardPanelContent extends LitElement {
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+		parents: string[];
+	};
+	render(): TemplateResult<1>;
+}
+/**
+ * @element nve-dashboard-panel-footer
+ * @description Provides dashboard panel status and actions outside the scrolling body.
+ * @documentation https://nvidia.github.io/elements/docs/elements/dashboard/
+ * @since 0.0.0
+ * @stable false
+ * @entrypoint \@nvidia-elements/core/dashboard
+ * @slot - Status and supporting content in a bounded scrolling area.
+ * @slot suffix - Application actions in a bounded scrolling area before the reserved resize control.
+ * @cssprop --padding
+ * @cssprop --suffix-padding - Padding around application actions. Defaults to 4px.
+ * @cssprop --gap
+ */
+export declare class DashboardPanelFooter extends LitElement {
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+		parents: string[];
+	};
+	/** @private */
+	slot: string;
+	render(): TemplateResult<1>;
+}
 /**
  * @element nve-dialog
  * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.
@@ -2782,36 +3105,6 @@ export declare class Dot extends LitElement {
 	render(): TemplateResult<1>;
 	connectedCallback(): void;
 }
-declare const DragHandle_base: ButtonFormControlMixinReturn<typeof LitElement>;
-/**
- * @element nve-drag-handle
- * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.
- * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/
- * @since 0.0.0
- * @entrypoint \@nvidia-elements/core/drag-handle
- * @cssprop --cursor - The cursor over the handle.
- * @cssprop --color - The grip color.
- * @cssprop --width - The horizontal size of the pointer target.
- * @cssprop --height - The vertical size of the pointer target.
- * @cssprop --border-radius - The handle corner radius.
- * @csspart icon - The fixed grip icon.
- * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
- */
-export declare class DragHandle extends DragHandle_base {
-	#private;
-	static styles: CSSResult[];
-	static readonly metadata: {
-		tag: string;
-		version: string;
-	};
-	static elementDefinitions: {
-		[Icon.metadata.tag]: typeof Icon;
-	};
-	constructor();
-	render(): TemplateResult<1>;
-	connectedCallback(): void;
-	disconnectedCallback(): void;
-}
 /**
  * @element nve-drawer
  * @description A drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.
@@ -3439,32 +3732,6 @@ export declare class Gauge extends LitElement {
 	willUpdate(props: PropertyValues<this>): void;
 	updated(props: PropertyValues<this>): void;
 }
-/**
- * @element nve-ghost
- * @description An inert visual preview of content or its prospective placement. Applications control its geometry, movement, and accessible feedback.
- * @documentation https://nvidia.github.io/elements/docs/elements/ghost/
- * @since 0.0.0
- * @stable false
- * @entrypoint \@nvidia-elements/core/ghost
- * @slot - Presentation content for the preview.
- * @cssprop --background
- * @cssprop --border
- * @cssprop --border-radius
- * @cssprop --color
- * @cssprop --stack-offset-x - Nonnegative horizontal distance between layers. Defaults to 4px.
- * @cssprop --stack-offset-y - Nonnegative vertical distance between layers. Defaults to 4px.
- * @cssprop --padding
- */
-export declare class Ghost extends LitElement {
-	static styles: CSSResult[];
-	static readonly metadata: {
-		tag: string;
-		version: string;
-	};
-	/** Number of visual surfaces. Rendering truncates fractions and clamps to one through three; nonfinite values use one. */
-	layers: number;
-	render(): TemplateResult<1>;
-}
 /**
  * @element nve-grid-column
  * @description Defines a column header within a grid, specifying the column's label, width, and alignment for all cells beneath it.