@nvidia-elements/core 2.9.0 → 2.11.0

package/dist/data.html.json

@@ -1468,7 +1468,7 @@
     },
     {
       "name": "nve-dropzone",
-      "description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - Custom messaging that replaces the default upload instructions.\n- **icon** - Custom icon that replaces the default upload icon.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
+      "description": "A dropzone form control that enables users to drag and drop files onto it.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the value has changed (files located in event.target)\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset(): _void_** - Resets the control value to its initial value.\n\n### **Slots:**\n - _default_ - Custom messaging that replaces the default upload instructions.\n- **icon** - Custom icon that replaces the default upload icon.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon** - The upload icon element",
       "attributes": [
         {
           "name": "accept",
@@ -3189,9 +3189,40 @@
         }
       ]
     },
+    {
+      "name": "nve-menu-group",
+      "description": "Organizes related menu items under a disclosure header that can show or hide one child menu.\n---\n\n\n### **Events:**\n - **open** - Dispatched when the user requests that the menu group open.\n- **close** - Dispatched when the user requests that the menu group close.\n\n### **Slots:**\n - _default_ - Label content for the disclosure header.\n- **prefix** - Non-interactive content before the header label, such as an icon or avatar.\n- **suffix** - Non-interactive content after the header label, such as a badge or count.\n- **menu** - One `nve-menu` containing the grouped menu items. Direct menus use this slot automatically in browsers; server-rendered menus must set `slot=\"menu\"` explicitly.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "expanded",
+          "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)\n- `true` The element has a disabled state and does not accept interaction.\n\n- `false` The element has an enabled state and accepts interaction.",
+          "values": []
+        },
+        {
+          "name": "behavior-expand",
+          "description": "Determines whether user activation automatically updates the expanded state.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "WAI-ARIA Reference",
+          "url": "https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/"
+        },
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/menu/"
+        }
+      ]
+    },
     {
       "name": "nve-menu-item",
-      "description": "Represents a selectable option within a menu, providing an interactive button for navigation or actions.\n---\n\n\n### **Slots:**\n - _default_ - Label and supporting content for the menu option.\n- **suffix** - slot for suffix icon\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--border-background** -  _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--line-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_\n- **--opacity** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) _(default: undefined)_\n- **--text-transform** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) _(default: undefined)_",
+      "description": "Represents a selectable option within a menu, providing an interactive button for navigation or actions.\n---\n\n\n### **Slots:**\n - _default_ - Label and supporting content for the menu option.\n- **prefix** - slot for prefix icon\n- **suffix** - slot for suffix icon\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--border-background** -  _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--line-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height) _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_\n- **--opacity** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) _(default: undefined)_\n- **--text-transform** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform) _(default: undefined)_",
       "attributes": [
         {
           "name": "status",
@@ -3296,7 +3327,13 @@
     {
       "name": "nve-menu",
       "description": "A menu offers a list of choices to the user, such as a set of actions or functions. Choosing an item in a menu typically opens a sub menu, or invokes a command.\n---\n\n\n### **Events:**\n - **scroll** - Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.\n\n### **Slots:**\n - _default_ - default slot for `nve-menu-item`\n\n### **CSS Properties:**\n - **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--max-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-width) _(default: undefined)_\n- **--min-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) _(default: undefined)_\n- **--max-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/max-height) _(default: undefined)_",
-      "attributes": [],
+      "attributes": [
+        {
+          "name": "density",
+          "description": "Determines if the menu is in a compact layout. This hides all menu item content except the prefix icon slot.\n- `compact` Reduces visual weight and spacing for dense layouts or secondary elements with less visual prominence.\n\n- `default` Standard size that works well in most contexts and provides balanced visibility.",
+          "values": [{ "name": "compact" }, { "name": "default" }]
+        }
+      ],
       "references": [
         {
           "name": "WAI-ARIA Reference",
@@ -3606,7 +3643,7 @@
     },
     {
       "name": "nve-pagination",
-      "description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change** - Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries.\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **Slots:**\n - **suffix-label** - Overrides the \"of total\" label when the total is an approximation.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
+      "description": "Pagination is a control that enables users to navigate through pages of content.\n---\n\n\n### **Events:**\n - **step-change** - Dispatched after the page size changes with the current page size in `detail`. The event bubbles and crosses shadow boundaries.\n- **last-page** - Dispatched when the last page is active\n- **first-page** - Dispatched when the first page is active\n- **input** - Dispatched when the value (page) has changed\n- **change** - Dispatched when the value (page) has changed\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset(): _void_** - Resets the control value to its initial value.\n\n### **Slots:**\n - **suffix-label** - Overrides the \"of total\" label when the total is an approximation.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - Base part applied to all icon button elements\n- **previous-icon-button** - The previous page icon button\n- **next-icon-button** - The next page icon button\n- **start-icon-button** - The first page icon button\n- **end-icon-button** - The last page icon button\n- **select** - The page size select element",
       "attributes": [
         {
           "name": "step-sizes",
@@ -3860,7 +3897,7 @@
     },
     {
       "name": "nve-preferences-input",
-      "description": "A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
+      "description": "A preferences input is a widget for controlling apperance. Stylesheets register to the preferences input by including a css-property, see Standard for an example.\n---\n\n\n### **Events:**\n - **input** - Dispatched when the value has changed\n- **change** - Dispatched when the value has changed\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset(): _void_** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **control** - The control wrapper elements that contain the labels and menus\n- **menu** - The menu elements that display color scheme and scale options\n- **menu-item** - The individual menu item elements for each selectable option\n- **icon** - The icon element displayed next to color scheme options\n- **divider** - The divider elements that separate preference sections\n- **switch** - The switch element for the reduced motion toggle",
       "attributes": [
         {
           "name": "value",
@@ -4229,7 +4266,7 @@
     },
     {
       "name": "nve-resize-handle",
-      "description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **Methods:**\n - **reportValidity()** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity()** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity()** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset()** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** -  _(default: undefined)_\n- **--target-size** -  _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
+      "description": "A resize-handle slider is a control that enables users to resize views or panels vertically or horizontally.\n---\n\n\n### **Events:**\n - **toggle** - Dispatched when the resize handle is double clicked.\n\n### **Methods:**\n - **reportValidity(): _boolean_** - Reports whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/reportValidity\n- **checkValidity(): _boolean_** - Checks whether the control satisfies its constraints.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/checkValidity\n- **setCustomValidity(message: _string_): _void_** - Sets a custom validation message.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setCustomValidity\n- **reset(): _void_** - Resets the control value to its initial value.\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--line-width** -  _(default: undefined)_\n- **--target-size** -  _(default: undefined)_\n- **--cursor** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/cursor) _(default: undefined)_",
       "attributes": [
         {
           "name": "orientation",
@@ -5750,9 +5787,20 @@
         }
       ]
     },
+    {
+      "name": "nve-viewport-minimap",
+      "description": "Provides a simplified overview and direct navigation for its parent viewport.\n---\n\n\n### **Methods:**\n - **refresh(): _void_** - Remeasures content bounds after preview or viewport roots move without resizing.\n\n### **Slots:**\n - **preview** - Optional simplified content drawn in viewport content coordinates. Replaces automatic root rectangles.\n\n### **CSS Properties:**\n - **--background** - Color of the surface behind preview geometry. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - Color of automatically drawn root rectangles. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--indicator-color** - Color of the current visible-region indicator. _(default: undefined)_\n- **--border-radius** - Corner radius of the minimap. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--recenter-cursor** - Cursor for clicking the background to center the viewport. _(default: undefined)_\n- **--pan-cursor** - Cursor over a draggable visible region. _(default: undefined)_\n- **--panning-cursor** - Cursor during a visible-region drag. _(default: undefined)_",
+      "attributes": [],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://nvidia.github.io/elements/docs/elements/viewport/"
+        }
+      ]
+    },
     {
       "name": "nve-viewport",
-      "description": "A viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.\n---\n\n\n### **Events:**\n - **viewportchange** - Dispatched once after a render that commits one or more viewport transform changes.\n- **type**\n- **panstart** - Dispatched when pointer movement crosses the pan threshold. Cancel to disable built-in pointer panning for the sequence.\n- **pan** - Dispatched when pointer, wheel, keyboard, or command input requests a pan. Cancel to skip the proposed transform mutation.\n- **panend** - Dispatched when a pointer pan ends, including its terminal reason.\n- **zoom** - Dispatched when wheel, pinch, or command input requests a scale change. Cancel to skip the proposed transform mutation.\n\n### **Methods:**\n - **toViewportCoords(contentX: _number_, contentY: _number_): _ViewportPoint_** - Converts a content-space point to viewport CSS pixels.\n- **toContentCoords(viewportX: _number_, viewportY: _number_): _ViewportPoint_** - Converts a viewport CSS-pixel point to content space.\n- **getTransform(): _ViewportTransform_** - Returns the current content-space origin and CSS-pixel scale.\n- **getVisibleRect(): _ViewportRect_** - Returns the visible content-space rectangle.\n- **animateTo(target: _Partial<ViewportTransform>_, options: _ViewportAnimationOptions_): _void_** - Animates the viewport to the requested partial transform.\n- **reveal(region: _{ x: number; y: number; width?: number; height?: number }_, options: _ViewportRevealOptions_): _void_** - Centers or fits a content-space region within the viewport.\n- **fitContents(options: _ViewportRevealOptions_): _void_** - Fits the union of direct default-slot element boxes within the viewport.\n\n### **Slots:**\n - _default_ - Content positioned in the viewport's infinite content space.\n- **background** - Custom content rendered behind viewport content and excluded from content fitting\n\n### **CSS Properties:**\n - **--background** - Background color of the fixed viewport area. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--pan-cursor** - Cursor shown over a background eligible for primary-pointer panning. _(default: undefined)_\n- **--panning-cursor** - Cursor shown while a pointer pan is active. _(default: undefined)_",
+      "description": "A viewport provides a spatial surface for arbitrary content, with optional pan and zoom navigation.\n---\n\n\n### **Events:**\n - **capabilitieschange** - Dispatched after effective user-input pan or zoom admission changes.\n- **viewportchange** - Dispatched once after a render that commits one or more viewport transform changes.\n- **type**\n- **panstart** - Dispatched when a sustained pointer or control pan begins. Cancel to suppress the default for its session.\n- **pan** - Dispatched for admitted user pan proposals. Cancel to skip the proposed transform mutation.\n- **panend** - Dispatched once when a sustained pan ends, including its terminal reason.\n- **zoom** - Dispatched for admitted user zoom proposals. Cancel to skip the proposed transform mutation.\n\n### **Methods:**\n - **toViewportCoords(contentX: _number_, contentY: _number_): _ViewportPoint_** - Converts a content-space point to viewport CSS pixels.\n- **toContentCoords(viewportX: _number_, viewportY: _number_): _ViewportPoint_** - Converts a viewport CSS-pixel point to content space.\n- **getTransform(): _ViewportTransform_** - Returns the current content-space origin and CSS-pixel scale.\n- **getVisibleRect(): _ViewportRect_** - Returns the visible content-space rectangle.\n- **requestPan(proposal: _ViewportPanProposal_): _boolean_** - Requests one discrete user-originated pan. When pannable, the viewport dispatches\na cancelable `pan` and applies the default transform if no listener cancels the event.\nReturns true only when that default changes the transform.\n- **requestZoom(proposal: _ViewportZoomProposal_, options: _ViewportZoomRequestOptions_): _boolean_** - Requests one discrete user-originated zoom. When zoomable, the viewport dispatches\na cancelable `zoom` and applies the default transform if no listener cancels the event.\nSet `options.animated` to animate the uncanceled default; the option is absent from the `zoom` detail.\nReturns true when the default changes or schedules a change to the transform.\n- **startPan(proposal: _ViewportPanProposal_): _ViewportPanSession | undefined_** - Starts a sustained semantic pan after the caller crosses its activation threshold.\nDispatches `panstart`, performs the initial `pan` update, and returns a session for later updates\nand one terminal `panend`. Returns undefined when pannable is false.\n- **animateTo(target: _Partial<ViewportTransform>_, options: _ViewportAnimationOptions_): _void_** - Animates the viewport to the requested partial transform.\n- **reveal(region: _{ x: number; y: number; width?: number; height?: number }_, options: _ViewportRevealOptions_): _void_** - Centers or fits a content-space region within the viewport.\n- **fitContents(options: _ViewportRevealOptions_): _void_** - Fits the union of direct default-slot element boxes within the viewport.\n\n### **Slots:**\n - _default_ - Content positioned in the viewport's infinite content space.\n- **background** - Custom content rendered behind viewport content and excluded from content fitting\n- **overlay** - Interactive content fixed above the transformed plane and excluded from content fitting\n\n### **CSS Properties:**\n - **--background** - Background color of the fixed viewport area. [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--pan-cursor** - Cursor shown over a background eligible for primary-pointer panning. _(default: undefined)_\n- **--panning-cursor** - Cursor shown while a pointer pan is active. _(default: undefined)_",
       "attributes": [
         {
           "name": "x",

package/dist/data.snippets.json

@@ -71,6 +71,24 @@
     "description": "Basic inline search",
     "body": "<nve-search>\n  <input type=\"search\" aria-label=\"${2:search}\" placeholder=\"${3:search}\">\n</nve-search>\n"
   },
+  "Page Header": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
+  },
+  "Page Header with Links": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header-with-links"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout with links.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
+  },
   "Page": {
     "srcFile": "page.snippets.html",
     "prefix": [
@@ -116,24 +134,6 @@
     "description": "Basic page subheader using toolbar.",
     "body": "<nve-toolbar slot=\"subheader\">\n  <h2 nve-text=\"emphasis heading sm\">${1:Subheader}</h2>\n</nve-toolbar>\n"
   },
-  "Page Header": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
-  },
-  "Page Header with Links": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header-with-links"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout with links.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
-  },
   "Input Group": {
     "srcFile": "input.snippets.html",
     "prefix": [
@@ -251,33 +251,6 @@
     "description": "Simple vertical button group with three icon buttons.",
     "body": "<nve-button-group orientation=\"vertical\">\n  <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
   },
-  "Accordion": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion"
-    ],
-    "type": "pattern",
-    "description": "Basic accordion with title and content slot.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accordion with Actions": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-actions"
-    ],
-    "type": "pattern",
-    "description": "Accordion with action buttons in header.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accorion Group": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-group"
-    ],
-    "type": "pattern",
-    "description": "Accordion group with two accordion children.",
-    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
-  },
   "Alert Group": {
     "srcFile": "alert.snippets.html",
     "prefix": [
@@ -304,5 +277,32 @@
     "type": "pattern",
     "description": "Alert text and preformatted code output.",
     "body": "<nve-alert-group status=\"danger\">\n  <nve-alert>\n    Session Paused:\n    <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n      <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n      <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n      <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n          </pre>\n    </div>\n  </nve-alert>\n</nve-alert-group>\n$0\n"
+  },
+  "Accordion": {
+    "srcFile": "accordion.snippets.html",
+    "prefix": [
+      "accordion"
+    ],
+    "type": "pattern",
+    "description": "Basic accordion with title and content slot.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
+  },
+  "Accordion with Actions": {
+    "srcFile": "accordion.snippets.html",
+    "prefix": [
+      "accordion-actions"
+    ],
+    "type": "pattern",
+    "description": "Accordion with action buttons in header.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
+  },
+  "Accorion Group": {
+    "srcFile": "accordion.snippets.html",
+    "prefix": [
+      "accordion-group"
+    ],
+    "type": "pattern",
+    "description": "Accordion group with two accordion children.",
+    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
   }
 }

package/dist/date/date.d.ts

@@ -37,5 +37,5 @@ export declare class Date 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>;
 }

package/dist/date/date2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/datetime/datetime.d.ts

@@ -37,5 +37,5 @@ export declare class Datetime 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>;
 }

package/dist/datetime/datetime2.js

@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/dialog/dialog-footer.d.ts

@@ -18,6 +18,6 @@ export declare class DialogFooter extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dialog/dialog-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-dialog"]
 		};
 	}

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

@@ -17,6 +17,6 @@ export declare class DialogHeader extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dialog/dialog-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog.d.ts

@@ -90,6 +90,6 @@ export declare class Dialog extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/divider/divider.d.ts

@@ -24,7 +24,7 @@ export declare class Divider extends LitElement {
     };
     /** @private */
     _internals: ElementInternals;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     updated(props: PropertyValues<this>): void;
 }

package/dist/divider/divider2.js

@@ -15,7 +15,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-divider",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	render() {

package/dist/dot/dot.d.ts

@@ -31,6 +31,6 @@ export declare class Dot extends LitElement {
         version: string;
     };
     _internals: ElementInternals;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dot/dot2.js

@@ -16,7 +16,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-dot",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	render() {

package/dist/drawer/drawer-content.d.ts

@@ -17,5 +17,5 @@ export declare class DrawerContent extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/drawer/drawer-content2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer.d.ts

@@ -19,6 +19,6 @@ export declare class DrawerFooter extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/drawer/drawer-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-drawer"]
 		};
 	}

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

@@ -18,6 +18,6 @@ export declare class DrawerHeader extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/drawer/drawer-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer.d.ts

@@ -86,7 +86,7 @@ export declare class Drawer extends LitElement {
     static elementDefinitions: {
         [IconButton.metadata.tag]: typeof IconButton;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer.d.ts

@@ -18,6 +18,6 @@ export declare class DropdownFooter extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dropdown/dropdown-footer2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-dropdown"]
 		};
 	}

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

@@ -17,6 +17,6 @@ export declare class DropdownHeader extends LitElement {
         version: string;
         parents: string[];
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
 }

package/dist/dropdown/dropdown-header2.js

@@ -11,7 +11,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.9.0",
+			version: "2.11.0",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown.d.ts

@@ -86,5 +86,5 @@ export declare class Dropdown extends LitElement {
     i18n: Partial<import("@nvidia-elements/core/internal").I18nStrings & {
         __set: boolean;
     }>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	static {

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

@@ -21,7 +21,7 @@ export declare class DropdownGroup extends LitElement {
         children: string[];
     };
     protected dropdowns: Dropdown[];
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     connectedCallback(): void;
     disconnectedCallback(): void;
     /** Closes every descendant dropdown in the group. */

package/dist/dropdown-group/dropdown-group.js

@@ -14,7 +14,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-group",
-			version: "2.9.0",
+			version: "2.11.0",
 			children: ["nve-dropdown"]
 		};
 	}

package/dist/dropzone/dropzone.d.ts

@@ -65,6 +65,6 @@ export declare class Dropzone extends Dropzone_base {
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/dropzone/dropzone2.js

@@ -20,7 +20,7 @@ var g = class extends m(d) {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.9.0",
+			version: "2.11.0",
 			validators: [l, c],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-file",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	connectedCallback() {

package/dist/format-bytes/format-bytes.d.ts

@@ -49,5 +49,5 @@ export declare class FormatBytes extends LitElement {
      * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.
      */
     maximumFractionDigits?: number;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist/format-bytes/format-bytes2.js

@@ -95,7 +95,7 @@ var g = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.9.0"
+			version: "2.11.0"
 		};
 	}
 	get #e() {