@nvidia-elements/core 2.23.6 → 2.24.0

package/dist/button/button2.js

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

package/dist/button-group/button-group2.js

@@ -26,7 +26,7 @@ var f = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.23.6",
+			version: "2.24.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.23.6",
+			version: "2.24.0",
 			parents: ["nve-card"]
 		};
 	}
@@ -70,7 +70,7 @@ var p = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.23.6",
+			version: "2.24.0",
 			parents: ["nve-card"]
 		};
 	}

package/dist/chat-message/chat-message2.js

@@ -14,7 +14,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox2.js

@@ -15,7 +15,7 @@ var o = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.23.6",
+			version: "2.24.0",
 			children: [
 				"label",
 				"input",

package/dist/color/color2.js

@@ -24,7 +24,7 @@ var f = { expand: "expand" }, p = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -39,7 +39,7 @@ var S = {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.23.6"
+			version: "2.24.0"
 		};
 	}
 	static {

package/dist/copy-button/copy-button2.js

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

package/dist/custom-elements-jsx.d.ts

@@ -684,6 +684,68 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForEl
   interestForElement?: HTMLElement | null;
 };
 
+export type DashboardProps = {
+  /** 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. */
+  autosettle?: boolean;
+  /** Localized labels and placement announcements. Grid placement placeholders are column, row, columnSpan, and rowSpan. */
+  i18n?: string;
+  /** 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" | undefined;
+  /** 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. */
+  autoSettle?: 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. */
+  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. */
+  flow?: "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. */
+  tracks?: number;
+  /** 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. */
+  onchange?: (e: CustomEvent<Event>) => void;
+  /** Arrangement or fullscreen command availability may have changed. */
+  oncommandavailabilitychange?: (e: CustomEvent<Event>) => void;
+};
+
+export type DashboardPanelContentProps = {};
+
+export type DashboardPanelFooterProps = {};
+
+export type DashboardPanelHeaderProps = {};
+
+export type DashboardPanelProps = {
+  /** Smallest width in columns. */
+  "min-column-span"?: number;
+  /** Smallest height in rows. */
+  "min-row-span"?: number;
+  /** Largest width in columns. */
+  "max-column-span"?: number;
+  /** Largest height in rows. */
+  "max-row-span"?: number;
+  /** Disables direct movement. Collision displacement remains available. */
+  "move-disabled"?: boolean;
+  /** Disables direct resizing. */
+  "resize-disabled"?: boolean;
+  /** 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;
+};
+
 export type DateProps = {
   /** Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) */
   "fit-text"?: boolean;
@@ -4331,7 +4393,7 @@ export type WorkspaceProps = {
   resizePolicy?: "stop" | "propagate";
   /** Selects panel content framing. */
   container?: "inset" | "flat" | "full" | undefined;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
+  /** Versioned JSON arrangement. Assignment restores without emitting change. */
   value?: string;
   /** Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. */
   onchange?: (e: CustomEvent<Event>) => void;
@@ -4834,6 +4896,110 @@ export type CustomElements = {
    */
   "nve-copy-button": Partial<CopyButtonProps & BaseProps & BaseEvents>;
 
+  /**
+   * A dashboard arranges application panels on a resizable grid with a restorable layout.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **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.
+   * - **commandavailabilitychange** - Arrangement or fullscreen command availability may have changed.
+   *
+   * ### **Methods:**
+   *  - **place(id: _string_, placement: _DashboardGridPlacement_): _boolean_** - 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.
+   * - **isCommandAvailable(command: _string_, context: _DashboardCommandContext_): _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.
+   *
+   * ### **Slots:**
+   *  - _default_ - 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.
+   *
+   * ### **CSS Properties:**
+   *  - **--column-size** - Single-cell outer column length in fixed sizing or horizontal flow. Defaults to 160px. _(default: undefined)_
+   * - **--row-size** - Single-cell outer row length in fixed sizing or vertical flow. Defaults to 120px. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--guide-color** - Color of the circular cell-center guides. Defaults to the muted border color. _(default: undefined)_
+   * - **--guide-size** - Nonnegative CSS length for the guide circle diameter. Defaults to 8px. Include units, including 0px to hide the circles. _(default: undefined)_
+   * - **--height** - Default viewport height. Defaults to 400px; horizontal fit needs a definite height. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--animation-easing** - Easing of panel and destination ghost geometry transitions. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **ghost** - Inert placement preview shown during pointer arrangement.
+   */
+  "nve-dashboard": Partial<DashboardProps & BaseProps & BaseEvents>;
+
+  /**
+   * Provides padding for dashboard panel content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-content": Partial<DashboardPanelContentProps & BaseProps & BaseEvents>;
+
+  /**
+   * Provides dashboard panel status and actions outside the scrolling body.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Status and supporting content in a bounded scrolling area.
+   * - **suffix** - Application actions in a bounded scrolling area before the reserved resize control.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--suffix-padding** - Padding around application actions. Defaults to 4px. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-footer": Partial<DashboardPanelFooterProps & BaseProps & BaseEvents>;
+
+  /**
+   * Supplies the required dashboard panel title and application controls.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.
+   * - **prefix** - Title decoration.
+   * - **suffix** - Application controls.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--suffix-padding** - Padding around application actions. Defaults to 4px. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   * - **--min-height** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-header": Partial<DashboardPanelHeaderProps & BaseProps & BaseEvents>;
+
+  /**
+   * A stable application surface identified by a durable panel ID.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content in the scrolling body. Content, data, and native hidden state remain application owned.
+   * - **header** - Required panel header with a title and optional application controls.
+   * - **footer** - Optional status and actions outside the body.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--border-radius** - undefined _(default: undefined)_
+   * - **--control-width** - Width shared by the move and resize controls. Defaults to 36px. _(default: undefined)_
+   * - **--control-height** - Height shared by the move and resize controls. Defaults to 48px. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--box-shadow** - undefined _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **drag-handle** - Movement control.
+   * - **resize-button** - Resize control.
+   * - **fullscreen-button** - Panel fullscreen control.
+   */
+  "nve-dashboard-panel": Partial<DashboardPanelProps & BaseProps & BaseEvents>;
+
   /**
    * A date picker is a control that enables users to choose a date value.
    * ---

package/dist/custom-elements-vue.d.ts

@@ -587,6 +587,62 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForEl
   interestForElement?: HTMLElement | null;
 };
 
+type DashboardProps = {
+  /** Localized labels and placement announcements. Grid placement placeholders are column, row, columnSpan, and rowSpan. */
+  i18n?: string;
+  /** 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" | undefined;
+  /** 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. */
+  autoSettle?: 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. */
+  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. */
+  flow?: "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. */
+  tracks?: number;
+  /** 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. */
+  onchange?: (e: CustomEvent<Event>) => void;
+  /** Arrangement or fullscreen command availability may have changed. */
+  oncommandavailabilitychange?: (e: CustomEvent<Event>) => void;
+};
+
+type DashboardPanelContentProps = {};
+
+type DashboardPanelFooterProps = {};
+
+type DashboardPanelHeaderProps = {};
+
+type DashboardPanelProps = {
+  /** Smallest width in columns. */
+  "min-column-span"?: number;
+  /** Smallest height in rows. */
+  "min-row-span"?: number;
+  /** Largest width in columns. */
+  "max-column-span"?: number;
+  /** Largest height in rows. */
+  "max-row-span"?: number;
+  /** 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;
+};
+
 type DateProps = {
   /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
 Use when embedding within another container such as a toolbar. */
@@ -4078,7 +4134,7 @@ type WorkspaceProps = {
   resizePolicy?: "stop" | "propagate";
   /** Selects panel content framing. */
   container?: "inset" | "flat" | "full" | undefined;
-  /** Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value) */
+  /** Versioned JSON arrangement. Assignment restores without emitting change. */
   value?: string;
   /** Announces a committed arrangement value after interaction, commands, or reconciliation of newly supplied panels. Read value on the workspace. */
   onchange?: (e: CustomEvent<Event>) => void;
@@ -4581,6 +4637,110 @@ export type CustomElements = {
    */
   "nve-copy-button": DefineComponent<CopyButtonProps>;
 
+  /**
+   * A dashboard arranges application panels on a resizable grid with a restorable layout.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **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.
+   * - **commandavailabilitychange** - Arrangement or fullscreen command availability may have changed.
+   *
+   * ### **Methods:**
+   *  - **place(id: _string_, placement: _DashboardGridPlacement_): _boolean_** - 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.
+   * - **isCommandAvailable(command: _string_, context: _DashboardCommandContext_): _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.
+   *
+   * ### **Slots:**
+   *  - _default_ - 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.
+   *
+   * ### **CSS Properties:**
+   *  - **--column-size** - Single-cell outer column length in fixed sizing or horizontal flow. Defaults to 160px. _(default: undefined)_
+   * - **--row-size** - Single-cell outer row length in fixed sizing or vertical flow. Defaults to 120px. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--guide-color** - Color of the circular cell-center guides. Defaults to the muted border color. _(default: undefined)_
+   * - **--guide-size** - Nonnegative CSS length for the guide circle diameter. Defaults to 8px. Include units, including 0px to hide the circles. _(default: undefined)_
+   * - **--height** - Default viewport height. Defaults to 400px; horizontal fit needs a definite height. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--animation-easing** - Easing of panel and destination ghost geometry transitions. _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **ghost** - Inert placement preview shown during pointer arrangement.
+   */
+  "nve-dashboard": DefineComponent<DashboardProps>;
+
+  /**
+   * Provides padding for dashboard panel content.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-content": DefineComponent<DashboardPanelContentProps>;
+
+  /**
+   * Provides dashboard panel status and actions outside the scrolling body.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Status and supporting content in a bounded scrolling area.
+   * - **suffix** - Application actions in a bounded scrolling area before the reserved resize control.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--suffix-padding** - Padding around application actions. Defaults to 4px. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-footer": DefineComponent<DashboardPanelFooterProps>;
+
+  /**
+   * Supplies the required dashboard panel title and application controls.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Noninteractive title used as the default accessible panel name. Heading semantics remain application owned.
+   * - **prefix** - Title decoration.
+   * - **suffix** - Application controls.
+   *
+   * ### **CSS Properties:**
+   *  - **--padding** - undefined _(default: undefined)_
+   * - **--suffix-padding** - Padding around application actions. Defaults to 4px. _(default: undefined)_
+   * - **--gap** - undefined _(default: undefined)_
+   * - **--min-height** - undefined _(default: undefined)_
+   */
+  "nve-dashboard-panel-header": DefineComponent<DashboardPanelHeaderProps>;
+
+  /**
+   * A stable application surface identified by a durable panel ID.
+   * ---
+   *
+   *
+   * ### **Slots:**
+   *  - _default_ - Application content in the scrolling body. Content, data, and native hidden state remain application owned.
+   * - **header** - Required panel header with a title and optional application controls.
+   * - **footer** - Optional status and actions outside the body.
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - undefined _(default: undefined)_
+   * - **--border** - undefined _(default: undefined)_
+   * - **--border-radius** - undefined _(default: undefined)_
+   * - **--control-width** - Width shared by the move and resize controls. Defaults to 36px. _(default: undefined)_
+   * - **--control-height** - Height shared by the move and resize controls. Defaults to 48px. _(default: undefined)_
+   * - **--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. _(default: undefined)_
+   * - **--box-shadow** - undefined _(default: undefined)_
+   *
+   * ### **CSS Parts:**
+   *  - **drag-handle** - Movement control.
+   * - **resize-button** - Resize control.
+   * - **fullscreen-button** - Panel fullscreen control.
+   */
+  "nve-dashboard-panel": DefineComponent<DashboardPanelProps>;
+
   /**
    * A date picker is a control that enables users to choose a date value.
    * ---