@nvidia-elements/core 2.8.1 → 2.10.0

package/dist/button/button.d.ts

@@ -44,6 +44,6 @@ export declare class Button extends Button_base {
      * The Interaction type provides a way to show the intended use case for a button or other interactive element. This can help users quickly understand what each interaction will do and reduce the potential for confusion or errors.
      */
     interaction: Interaction;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/button/button2.js

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

package/dist/button-group/button-group.d.ts

@@ -42,7 +42,7 @@ export declare class ButtonGroup extends LitElement {
     private dividers;
     private iconButtons;
     private buttons;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(props: PropertyValues<this>): void;

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

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

package/dist/card/card.d.ts

@@ -22,7 +22,7 @@ export declare class Card extends LitElement implements ContainerElement {
         tag: string;
         version: string;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 /**
  * @element nve-card-header
@@ -46,7 +46,7 @@ export declare class CardHeader extends LitElement {
     };
     /** @private */
     slot: string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 /**
  * @element nve-card-content
@@ -65,7 +65,7 @@ export declare class CardContent extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 /**
  * @element nve-card-footer
@@ -87,5 +87,5 @@ export declare class CardFooter extends LitElement {
     };
     /** @private */
     slot: string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/card/card2.js

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

package/dist/chat-message/chat-message.d.ts

@@ -31,6 +31,6 @@ export declare class ChatMessage extends LitElement {
     color: Color;
     /** Removes the border radius from the selected message corner to indicate the speaker direction. */
     arrowPosition: 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

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

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.8.1"
+			version: "2.10.0"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

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

package/dist/checkbox/checkbox2.js

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

package/dist/color/color.d.ts

@@ -26,6 +26,6 @@ export declare class Color extends Control implements ContainerElement {
     static elementDefinitions: {
         [IconButton.metadata.tag]: typeof IconButton;
     };
-    protected get suffixContent(): import("lit").TemplateResult<1>;
+    protected get suffixContent(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.8.1"
+			version: "2.10.0"
 		};
 	}
 	static {

package/dist/combobox/combobox.d.ts

@@ -66,8 +66,8 @@ export declare class Combobox extends Control implements ContainerElement {
         [Tag.metadata.tag]: typeof Tag;
     };
     protected _associateDatalist: boolean;
-    protected get prefixContent(): import("lit").TemplateResult<1>;
-    protected get suffixContent(): typeof nothing | import("lit").TemplateResult<1>;
+    protected get prefixContent(): import("lit-html").TemplateResult<1>;
+    protected get suffixContent(): typeof nothing | import("lit-html").TemplateResult<1>;
     firstUpdated(props: PropertyValues<this>): Promise<void>;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/combobox/combobox2.js

@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.8.1"
+			version: "2.10.0"
 		};
 	}
 	static {

package/dist/copy-button/copy-button.d.ts

@@ -53,7 +53,7 @@ export declare class CopyButton extends Button {
         [Toast.metadata.tag]: typeof Toast;
         [Tooltip.metadata.tag]: typeof Tooltip;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

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

@@ -32,7 +32,7 @@ var p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.8.1"
+			version: "2.10.0"
 		};
 	}
 	static {

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

@@ -4004,6 +4004,70 @@ export type TreeProps = {
   onselect?: (e: CustomEvent<never>) => void;
 };
 
+export type ViewportGridlinesProps = {
+  /** Content-space x coordinate of the grid origin. */
+  "origin-x"?: number;
+  /** Content-space y coordinate of the grid origin. */
+  "origin-y"?: number;
+  /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
+  "target-spacing"?: number;
+  /** Smallest gridline interval in content-space units. */
+  step?: number;
+  /** Content-space x coordinate of the grid origin. */
+  originX?: number;
+  /** Content-space y coordinate of the grid origin. */
+  originY?: number;
+  /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
+  targetSpacing?: number;
+};
+
+export type ViewportProps = {
+  /** Inclusive lower scale limit. */
+  "min-scale"?: number;
+  /** Inclusive upper scale limit. */
+  "max-scale"?: number;
+  /** Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space. */
+  "behavior-pan"?: boolean | "space";
+  /** Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands. */
+  "behavior-zoom"?: boolean;
+  /** Default uniform CSS-pixel inset reserved around bounds when fitting content. */
+  "fit-inset"?: number;
+  /** CSS-pixel pointer movement required before a pointer pan begins. */
+  "drag-threshold"?: number;
+  /** Horizontal content-space coordinate at the viewport origin. */
+  x?: number;
+  /** Vertical content-space coordinate at the viewport origin. */
+  y?: number;
+  /** Content-to-viewport CSS-pixel scale. */
+  scale?: number;
+  /** Inclusive lower scale limit. */
+  minScale?: number;
+  /** Inclusive upper scale limit. */
+  maxScale?: number;
+  /** Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space. */
+  behaviorPan?: boolean | "space";
+  /** Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands. */
+  behaviorZoom?: boolean;
+  /** Fits measurable direct default-slot content once after initial layout. */
+  autoFit?: boolean;
+  /** Default uniform CSS-pixel inset reserved around bounds when fitting content. */
+  fitInset?: number;
+  /** CSS-pixel pointer movement required before a pointer pan begins. */
+  dragThreshold?: number;
+  /** Dispatched once after a render that commits one or more viewport transform changes. */
+  onviewportchange?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  ontype?: (e: CustomEvent<CustomEvent>) => void;
+  /** Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence. */
+  onpanstart?: (e: CustomEvent<never>) => void;
+  /** Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation. */
+  onpan?: (e: CustomEvent<never>) => void;
+  /** Dispatched when a pointer pan ends, including its terminal reason. */
+  onpanend?: (e: CustomEvent<never>) => void;
+  /** Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation. */
+  onzoom?: (e: CustomEvent<never>) => void;
+};
+
 export type WeekProps = {
   /** 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;
@@ -4878,13 +4942,13 @@ export type CustomElements = {
    *  - **change** - Dispatched when the value has changed (files located in event.target)
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **Slots:**
    *  - _default_ - Custom messaging that replaces the default upload instructions.
@@ -5624,13 +5688,13 @@ export type CustomElements = {
    * - **change** - Dispatched when the value (page) has changed
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **Slots:**
    *  - **suffix-label** - Overrides the "of total" label when the total is an approximation.
@@ -5776,13 +5840,13 @@ export type CustomElements = {
    * - **change** - Dispatched when the value has changed
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_
@@ -5974,13 +6038,13 @@ export type CustomElements = {
    *  - **toggle** - Dispatched when the resize handle is double clicked.
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -6633,6 +6697,51 @@ export type CustomElements = {
    */
   "nve-tree": Partial<TreeProps & BaseProps & BaseEvents>;
 
+  /**
+   * Renders origin-stable, zoom-adaptive gridlines behind viewport content.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--color** - Sets the gridline stroke color. _(default: undefined)_
+   * - **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_
+   */
+  "nve-viewport-gridlines": Partial<ViewportGridlinesProps & BaseProps & BaseEvents>;
+
+  /**
+   * A viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **viewportchange** - Dispatched once after a render that commits one or more viewport transform changes.
+   * - **type**
+   * - **panstart** - Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence.
+   * - **pan** - Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation.
+   * - **panend** - Dispatched when a pointer pan ends, including its terminal reason.
+   * - **zoom** - Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation.
+   *
+   * ### **Methods:**
+   *  - **toViewportCoords(contentX: _number_, contentY: _number_): _ViewportPoint_** - Converts a content-space point to viewport CSS pixels.
+   * - **toContentCoords(viewportX: _number_, viewportY: _number_): _ViewportPoint_** - Converts a viewport CSS-pixel point to content space.
+   * - **getTransform(): _ViewportTransform_** - Returns the current content-space origin and CSS-pixel scale.
+   * - **getVisibleRect(): _ViewportRect_** - Returns the visible content-space rectangle.
+   * - **animateTo(target: _Partial<ViewportTransform>_, options: _ViewportAnimationOptions_): _void_** - Animates the viewport to the requested partial transform.
+   * - **reveal(region: _{ x: number; y: number; width?: number; height?: number }_, options: _ViewportRevealOptions_): _void_** - Centers or fits a content-space region within the viewport.
+   * - **fitContents(options: _ViewportRevealOptions_): _void_** - Fits the union of direct default-slot element boxes within the viewport.
+   *
+   * ### **Slots:**
+   *  - _default_ - Content positioned in the viewport's infinite content space.
+   * - **background** - Custom content rendered behind viewport content and excluded from content fitting
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - Background color of the fixed viewport area. _(default: undefined)_
+   * - **--min-height** - undefined _(default: undefined)_
+   * - **--pan-cursor** - Cursor shown over a background eligible for primary-pointer panning. _(default: undefined)_
+   * - **--panning-cursor** - Cursor shown while a pointer pan is active. _(default: undefined)_
+   */
+  "nve-viewport": Partial<ViewportProps & BaseProps & BaseEvents>;
+
   /**
    * A week picker is a control that enables users to choose a week value.
    * ---

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

@@ -3766,6 +3766,68 @@ type TreeProps = {
   onselect?: (e: CustomEvent<never>) => void;
 };
 
+type ViewportGridlinesProps = {
+  /** Content-space x coordinate of the grid origin. */
+  "origin-x"?: number;
+  /** Content-space y coordinate of the grid origin. */
+  "origin-y"?: number;
+  /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
+  "target-spacing"?: number;
+  /** Smallest gridline interval in content-space units. */
+  step?: number;
+  /** Content-space x coordinate of the grid origin. */
+  originX?: number;
+  /** Content-space y coordinate of the grid origin. */
+  originY?: number;
+  /** Target on-screen separation used to choose the adaptive gridline interval, in CSS pixels. */
+  targetSpacing?: number;
+};
+
+type ViewportProps = {
+  /** Inclusive lower scale limit. */
+  "min-scale"?: number;
+  /** Inclusive upper scale limit. */
+  "max-scale"?: number;
+  /** Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space. */
+  "behavior-pan"?: boolean | "space";
+  /** Default uniform CSS-pixel inset reserved around bounds when fitting content. */
+  "fit-inset"?: number;
+  /** CSS-pixel pointer movement required before a pointer pan begins. */
+  "drag-threshold"?: number;
+  /** Horizontal content-space coordinate at the viewport origin. */
+  x?: number;
+  /** Vertical content-space coordinate at the viewport origin. */
+  y?: number;
+  /** Content-to-viewport CSS-pixel scale. */
+  scale?: number;
+  /** Inclusive lower scale limit. */
+  minScale?: number;
+  /** Inclusive upper scale limit. */
+  maxScale?: number;
+  /** Enables panning by pointer, focused wheel, focused keyboard, and Invoker commands; requires Space for primary-pointer dragging when set to space. */
+  behaviorPan?: boolean | "space";
+  /** Enables zooming by pinch, focused modified wheel, focused keyboard, and Invoker commands. */
+  behaviorZoom?: boolean;
+  /** Fits measurable direct default-slot content once after initial layout. */
+  autoFit?: boolean;
+  /** Default uniform CSS-pixel inset reserved around bounds when fitting content. */
+  fitInset?: number;
+  /** CSS-pixel pointer movement required before a pointer pan begins. */
+  dragThreshold?: number;
+  /** Dispatched once after a render that commits one or more viewport transform changes. */
+  onviewportchange?: (e: CustomEvent<CustomEvent>) => void;
+  /**  */
+  ontype?: (e: CustomEvent<CustomEvent>) => void;
+  /** Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence. */
+  onpanstart?: (e: CustomEvent<never>) => void;
+  /** Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation. */
+  onpan?: (e: CustomEvent<never>) => void;
+  /** Dispatched when a pointer pan ends, including its terminal reason. */
+  onpanend?: (e: CustomEvent<never>) => void;
+  /** Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation. */
+  onzoom?: (e: CustomEvent<never>) => void;
+};
+
 type WeekProps = {
   /** Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
 Use when embedding within another container such as a toolbar. */
@@ -4636,13 +4698,13 @@ export type CustomElements = {
    *  - **change** - Dispatched when the value has changed (files located in event.target)
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **Slots:**
    *  - _default_ - Custom messaging that replaces the default upload instructions.
@@ -5382,13 +5444,13 @@ export type CustomElements = {
    * - **change** - Dispatched when the value (page) has changed
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **Slots:**
    *  - **suffix-label** - Overrides the "of total" label when the total is an approximation.
@@ -5534,13 +5596,13 @@ export type CustomElements = {
    * - **change** - Dispatched when the value has changed
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **CSS Properties:**
    *  - **--color** - undefined _(default: undefined)_
@@ -5732,13 +5794,13 @@ export type CustomElements = {
    *  - **toggle** - Dispatched when the resize handle is double clicked.
    *
    * ### **Methods:**
-   *  - **reportValidity()** - Reports whether the control satisfies its constraints.
+   *  - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity
-   * - **checkValidity()** - Checks whether the control satisfies its constraints.
+   * - **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity
-   * - **setCustomValidity()** - Sets a custom validation message.
+   * - **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.
    * https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity
-   * - **reset()** - Resets the control value to its initial value.
+   * - **reset(): _void_** - Resets the control value to its initial value.
    *
    * ### **CSS Properties:**
    *  - **--background** - undefined _(default: undefined)_
@@ -6391,6 +6453,51 @@ export type CustomElements = {
    */
   "nve-tree": DefineComponent<TreeProps>;
 
+  /**
+   * Renders origin-stable, zoom-adaptive gridlines behind viewport content.
+   * ---
+   *
+   *
+   * ### **CSS Properties:**
+   *  - **--color** - Sets the gridline stroke color. _(default: undefined)_
+   * - **--line-width** - Sets the approximate stroke width in CSS pixels. _(default: undefined)_
+   */
+  "nve-viewport-gridlines": DefineComponent<ViewportGridlinesProps>;
+
+  /**
+   * A viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.
+   * ---
+   *
+   *
+   * ### **Events:**
+   *  - **viewportchange** - Dispatched once after a render that commits one or more viewport transform changes.
+   * - **type**
+   * - **panstart** - Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence.
+   * - **pan** - Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation.
+   * - **panend** - Dispatched when a pointer pan ends, including its terminal reason.
+   * - **zoom** - Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation.
+   *
+   * ### **Methods:**
+   *  - **toViewportCoords(contentX: _number_, contentY: _number_): _ViewportPoint_** - Converts a content-space point to viewport CSS pixels.
+   * - **toContentCoords(viewportX: _number_, viewportY: _number_): _ViewportPoint_** - Converts a viewport CSS-pixel point to content space.
+   * - **getTransform(): _ViewportTransform_** - Returns the current content-space origin and CSS-pixel scale.
+   * - **getVisibleRect(): _ViewportRect_** - Returns the visible content-space rectangle.
+   * - **animateTo(target: _Partial<ViewportTransform>_, options: _ViewportAnimationOptions_): _void_** - Animates the viewport to the requested partial transform.
+   * - **reveal(region: _{ x: number; y: number; width?: number; height?: number }_, options: _ViewportRevealOptions_): _void_** - Centers or fits a content-space region within the viewport.
+   * - **fitContents(options: _ViewportRevealOptions_): _void_** - Fits the union of direct default-slot element boxes within the viewport.
+   *
+   * ### **Slots:**
+   *  - _default_ - Content positioned in the viewport's infinite content space.
+   * - **background** - Custom content rendered behind viewport content and excluded from content fitting
+   *
+   * ### **CSS Properties:**
+   *  - **--background** - Background color of the fixed viewport area. _(default: undefined)_
+   * - **--min-height** - undefined _(default: undefined)_
+   * - **--pan-cursor** - Cursor shown over a background eligible for primary-pointer panning. _(default: undefined)_
+   * - **--panning-cursor** - Cursor shown while a pointer pan is active. _(default: undefined)_
+   */
+  "nve-viewport": DefineComponent<ViewportProps>;
+
   /**
    * A week picker is a control that enables users to choose a week value.
    * ---