@nvidia-elements/core 2.0.1 → 2.0.3

package/dist/custom-elements.json

@@ -5034,7 +5034,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -5043,7 +5043,7 @@
             "example": "<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>",
             "package": true,
             "since": "1.25.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "feedback",
             "markdown": "## nve-chat-message\n\nA chat message component displays a text message within a conversation, sent between users or bots\n\n### Example\n\n```html\n<nve-chat-message> Your deployment completed successfully. All services are running as expected. </nve-chat-message>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/chat-message/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n| prefix | `string` | for avatar/img content |\n| suffix | `string` | for avatar/img content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| container | `'flat'` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| arrowPosition (arrow-position) | `\\| 'top-start'\n    \\| 'top-end'\n    \\| 'bottom-start'\n    \\| 'bottom-end'` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --line-height | `string` | [MDN](https://mdn.dev/CSS/line-height) |\n| --overflow | `string` | [MDN](https://mdn.dev/CSS/overflow) |\n| --top-offset | `string` | Vertical offset for aligning message with avatar |"
           }
@@ -11159,7 +11159,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -11168,7 +11168,7 @@
             "example": "<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>",
             "package": true,
             "since": "1.30.1",
-            "status": "beta",
+            "status": "stable",
             "behavior": "navigation",
             "markdown": "## nve-dropdown-group\n\nA Dropdown Group streamlines the management of linked dropdowns and supports nested dropdowns for a more organized and intuitive user experience\n\n### Example\n\n```html\n<nve-button popovertarget=\"menu-1\">menu</nve-button>\n<nve-dropdown-group>\n  <nve-dropdown id=\"menu-1\">\n    <nve-menu>\n      <nve-menu-item popovertarget=\"menu-2\">\n        item 1-1 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 1-2</nve-menu-item>\n      <nve-menu-item>item 1-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-2\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 2-1</nve-menu-item>\n      <nve-menu-item popovertarget=\"menu-3\">\n        item 2-2 <nve-icon name=\"caret\" direction=\"right\" size=\"sm\" slot=\"suffix\"></nve-icon>\n      </nve-menu-item>\n      <nve-menu-item>item 2-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n  <nve-dropdown id=\"menu-3\" position=\"right\">\n    <nve-menu>\n      <nve-menu-item>item 3-1</nve-menu-item>\n      <nve-menu-item>item 3-2</nve-menu-item>\n      <nve-menu-item>item 3-3</nve-menu-item>\n    </nve-menu>\n  </nve-dropdown>\n</nve-dropdown-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropdown-group/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for dropdown content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| dropdowns | `Dropdown[]` |  |\n| close |  |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when a dropdown in the group opens |\n| close | `CustomEvent` | Dispatched when a dropdown in the group closes |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --nve-dropdown-group-spacing | `string` |  |\n| --nve-dropdown-group-transition | `string` |  |\n| --arrow-transform | `string` | Transform applied to the popover arrow |"
           }
@@ -12754,7 +12754,7 @@
             "unitTests": true,
             "apiReview": true,
             "performance": true,
-            "stable": false,
+            "stable": true,
             "vqa": true,
             "responsive": true,
             "themes": true,
@@ -12763,7 +12763,7 @@
             "example": "<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>",
             "package": true,
             "since": "1.29.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "form",
             "markdown": "## nve-dropzone\n\nA dropzone form control that enables users to drag and drop files onto it.\n\n### Example\n\n```html\n<nve-dropzone name=\"files\" style=\"--min-height: 200px\"></nve-dropzone>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/dropzone/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | use only when custom messaging requires it |\n| icon | `string` | default slot for icon |\n| content | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| accept | `string` |  |\n| maxFileSize (max-file-size) | `number` |  |\n| i18n |  | Enables updating internal string values for internationalization. |\n| formResetCallback |  |  |\n| value | `array` | 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://mdn.dev/HTML/Element/input#value) |\n| defaultValue | `string` | The initial value used when the parent form resets. |\n| readOnly (readonly) | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| required | `boolean` | Requires a value before the parent form can submit. https://mdn.dev/HTML/Attributes/required |\n| pattern | `string` | Defines the pattern that text values must match. https://mdn.dev/HTML/Attributes/pattern |\n| min | `number \\| null` | Defines the minimum numeric value. https://mdn.dev/HTML/Attributes/min |\n| max | `number \\| null` | Defines the maximum numeric value. https://mdn.dev/HTML/Attributes/max |\n| step | `number \\| null` | Defines the value granularity for numeric inputs. https://mdn.dev/HTML/Attributes/step |\n| minLength (minlength) | `number` | Defines the minimum text length. https://mdn.dev/HTML/Attributes/minlength |\n| maxLength (maxlength) | `number` | Defines the maximum text length. https://mdn.dev/HTML/Attributes/maxlength |\n| name | `string` | The name submitted with the control value as part of the form data. https://mdn.dev/HTML/Attributes/name |\n| noValidate (novalidate) | `boolean` | Disables constraint validation for this control. https://mdn.dev/HTML/Attributes/novalidate |\n| form | `HTMLFormElement \\| null` | The form associated with the control. https://mdn.dev/ElementInternals/form |\n| willValidate | `boolean` | Indicates whether the control participates in constraint validation. https://mdn.dev/ElementInternals/willValidate |\n| validity | `ValidityState` | The control validity state. https://mdn.dev/ElementInternals/validity |\n| validationMessage | `string` | The validation message shown when the control is invalid. https://mdn.dev/ElementInternals/validationMessage |\n| valueAsString | `string` | The current value serialized as a string. |\n| valueAsNumber | `number` | The current value parsed as a number. |\n| type | `string` | The control type. |\n| labels | `NodeList` | Labels associated with the control. https://mdn.dev/ElementInternals/labels |\n| composedLabel | `string` | Text content from labels associated with the control. |\n| reportValidity | `() => boolean` | Reports whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/reportValidity |\n| checkValidity | `() => boolean` | Checks whether the control satisfies its constraints. https://mdn.dev/HTMLInputElement/checkValidity |\n| setCustomValidity | `(message: string) => void` | Sets a custom validation message. https://mdn.dev/HTMLInputElement/setCustomValidity |\n| reset | `() => void` | Resets the control value to its initial value. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| change | `CustomEvent` | Dispatched when the value has changed (files located in event.target) |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |"
           }
@@ -14038,12 +14038,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time",
             "entrypoint": "@nvidia-elements/core/format-datetime",
             "example": "<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-datetime\n\nFormats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.\nGranular options (weekday, year, month, day, hour, minute, second) mirror the Intl.DateTimeFormat API. 'numeric' omits zero-padding, '2-digit' zero-pads.\n\n### Example\n\n```html\n<nve-format-datetime date-style=\"long\">2023-07-28T04:20:17.434Z</nve-format-datetime>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-datetime/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| \"default\"` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| weekday | `'long' \\| 'short' \\| 'narrow' \\| \"default\"` | Weekday representation: 'long' \\| 'short' \\| 'narrow'. |\n| year | `'numeric' \\| '2-digit' \\| \"default\"` | Year representation: 'numeric' \\| '2-digit'. |\n| month | `'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow' \\| \"default\"` | Month representation: 'numeric' \\| '2-digit' \\| 'long' \\| 'short' \\| 'narrow'. |\n| day | `'numeric' \\| '2-digit' \\| \"default\"` | Day representation: 'numeric' \\| '2-digit'. |\n| hour | `'numeric' \\| '2-digit' \\| \"default\"` | Hour representation: 'numeric' \\| '2-digit'. |\n| minute | `'numeric' \\| '2-digit' \\| \"default\"` | Minute representation: 'numeric' \\| '2-digit'. |\n| second | `'numeric' \\| '2-digit' \\| \"default\"` | Second representation: 'numeric' \\| '2-digit'. |\n| dateStyle (date-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| \"default\"` | Preset date formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeStyle (time-style) | `'full' \\| 'long' \\| 'medium' \\| 'short' \\| \"default\"` | Preset time formatting style: 'full' \\| 'long' \\| 'medium' \\| 'short'. Preset styles take precedence over granular date and time part options. |\n| timeZoneName (time-zone-name) | `'long' \\| 'short' \\| \"default\"` | Time zone name display: 'long' \\| 'short'. Use it with granular options only; preset styles ignore it. |\n| timeZone (time-zone) | `string \\| \"default\"` | IANA time zone identifier (such as 'America/New_York', 'UTC'). |"
           }
@@ -14800,12 +14800,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data",
             "entrypoint": "@nvidia-elements/core/format-number",
             "example": "<nve-format-number>1234567.89</nve-format-number>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-number\n\nA localized number formatter for currencies, percentages, units, and compact notation, backed by Intl.NumberFormat.\nProvide a `currency` attribute when `formatStyle` is `currency`, and a `unit` attribute when `formatStyle` is `unit`.\n\n### Example\n\n```html\n<nve-format-number>1234567.89</nve-format-number>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-number/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| number | `string \\| \"default\"` | Optional numeric string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| formatStyle (format-style) | `'decimal' \\| 'currency' \\| 'percent' \\| 'unit'` | Formatting style: 'decimal' \\| 'currency' \\| 'percent' \\| 'unit'. |\n| currency | `string \\| \"default\"` | ISO 4217 currency code (such as USD or EUR). Required when formatStyle is currency. |\n| currencySign (currency-sign) | `'standard' \\| 'accounting' \\| \"default\"` | Currency sign style: 'standard' \\| 'accounting'. |\n| currencyDisplay (currency-display) | `'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol' \\| \"default\"` | Currency display style: 'symbol' \\| 'code' \\| 'name' \\| 'narrowSymbol'. |\n| unit | `string \\| \"default\"` | Unit identifier (such as kilometer or byte). Required when formatStyle is unit. |\n| unitDisplay (unit-display) | `'short' \\| 'long' \\| 'narrow' \\| \"default\"` | Unit display style: 'short' \\| 'long' \\| 'narrow'. |\n| notation | `'standard' \\| 'scientific' \\| 'engineering' \\| 'compact' \\| \"default\"` | Number notation: 'standard' \\| 'scientific' \\| 'engineering' \\| 'compact'. |\n| compactDisplay (compact-display) | `'short' \\| 'long' \\| \"default\"` | Compact notation display: 'short' \\| 'long'. Only applies when notation is compact. |\n| signDisplay (sign-display) | `'auto' \\| 'never' \\| 'always' \\| 'exceptZero' \\| \"default\"` | Sign display: 'auto' \\| 'never' \\| 'always' \\| 'exceptZero'. |\n| useGrouping (use-grouping) | `string \\| \"default\"` | Grouping separators: 'auto' \\| 'always' \\| 'min2' \\| 'true' \\| 'false'. |\n| minimumFractionDigits (minimum-fraction-digits) | `number \\| \"default\"` | Pad fraction output to at least this many digits (0-20). |\n| maximumFractionDigits (maximum-fraction-digits) | `number \\| \"default\"` | Round fraction output to at most this many digits (0-20). |\n| minimumIntegerDigits (minimum-integer-digits) | `number \\| \"default\"` | Pad integer output to at least this many digits (1-21). |"
           }
@@ -15173,12 +15173,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time",
             "entrypoint": "@nvidia-elements/core/format-relative-time",
             "example": "<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>",
             "package": true,
             "since": "0.0.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-format-relative-time\n\nFormats a date/time value as localized relative text using the Intl.RelativeTimeFormat API. Renders inside a semantic time element.\nOptions mirror the Intl.RelativeTimeFormat API. When unit is 'auto', the component selects the best unit based on the time difference.\n\n### Example\n\n```html\n<div nve-layout=\"column gap:sm\">\n  <nve-format-relative-time>2020-01-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2024-06-15T12:00:00.000Z</nve-format-relative-time>\n  <nve-format-relative-time>2025-12-01T12:00:00.000Z</nve-format-relative-time>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/format-relative-time/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| date | `string \\| \"default\"` | Optional date string for values supplied by JavaScript or bound data. By default, the component formats the element's text content, which also serves as the SSR fallback. When both are present, this property takes precedence. |\n| locale | `string \\| \"default\"` | Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default. |\n| numeric | `'always' \\| 'auto'` | Numeric formatting: 'always' \\| 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'. |\n| formatStyle (format-style) | `'long' \\| 'short' \\| 'narrow'` | Formatting length: 'long' \\| 'short' \\| 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option. |\n| unit | `'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'` | Time unit: 'second' \\| 'minute' \\| 'hour' \\| 'day' \\| 'week' \\| 'month' \\| 'year' \\| 'auto'. Use 'auto' to let the component select the most appropriate unit based on the time difference. |\n| sync | `boolean` | When present, auto-updates the displayed relative time at appropriate intervals. |"
           }
@@ -24454,6 +24454,16 @@
               },
               "default": "[]"
             },
+            {
+              "kind": "field",
+              "name": "#grid",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLElement | undefined",
+                "_sourceAliases": [],
+                "values": []
+              }
+            },
             {
               "kind": "field",
               "name": "#config",
@@ -24537,6 +24547,21 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "#onKeyUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onKeyDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onMouseUp",
+              "privacy": "private"
             }
           ]
         },
@@ -24640,6 +24665,10 @@
               "kind": "method",
               "name": "hostConnected"
             },
+            {
+              "kind": "method",
+              "name": "hostDisconnected"
+            },
             {
               "kind": "method",
               "name": "#initializeTabIndex",
@@ -24715,6 +24744,16 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "#onPointerUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onKeyDown",
+              "privacy": "private"
             }
           ]
         },
@@ -24777,192 +24816,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/state-active.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "stateActive",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds CSS State psuedo-selector :state(active) behavior for keydown space/enter for custom elements\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StateActiveController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#initialized",
-              "privacy": "private",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "#emulateActive",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#emulateInactive",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#isValidKeyEvent",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "KeyboardEvent | PointerEvent"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "stateActive",
-          "declaration": {
-            "name": "stateActive",
-            "module": "/src/internal/controllers/state-active.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "StateActiveController",
-          "declaration": {
-            "name": "StateActiveController",
-            "module": "/src/internal/controllers/state-active.controller.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/state-current.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "stateCurrent",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds current support for interactive custom elements including CSS State psuedo-selector :state(current) and aria-current.\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StateCurrentController",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "stateCurrent",
-          "declaration": {
-            "name": "stateCurrent",
-            "module": "/src/internal/controllers/state-current.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "StateCurrentController",
-          "declaration": {
-            "name": "StateCurrentController",
-            "module": "/src/internal/controllers/state-current.controller.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/state-disabled.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "stateDisabled",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds disabled support for interactive custom elements including CSS State psuedo-selector :state(disabled) and aria-disabled.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StateDisabledController",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "stateDisabled",
-          "declaration": {
-            "name": "stateDisabled",
-            "module": "/src/internal/controllers/state-disabled.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "StateDisabledController",
-          "declaration": {
-            "name": "StateDisabledController",
-            "module": "/src/internal/controllers/state-disabled.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/state-expanded.controller.js",
@@ -25061,55 +24914,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/state-pressed.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "statePressed",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds pressed support for interactive custom elements including CSS State psuedo-selector :state(pressed) and aria-pressed.\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "StatePressedController",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "statePressed",
-          "declaration": {
-            "name": "statePressed",
-            "module": "/src/internal/controllers/state-pressed.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "StatePressedController",
-          "declaration": {
-            "name": "StatePressedController",
-            "module": "/src/internal/controllers/state-pressed.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/state-scroll.controller.js",
@@ -25344,70 +25148,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/type-button.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "typeButton",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds button support for interactive custom elements including aria-button and focus behavior.\nhttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/button_role"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeButtonController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#initialTabIndex",
-              "privacy": "private",
-              "type": {
-                "text": "number",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "number",
-                    "description": ""
-                  }
-                ]
-              }
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "typeButton",
-          "declaration": {
-            "name": "typeButton",
-            "module": "/src/internal/controllers/type-button.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeButtonController",
-          "declaration": {
-            "name": "TypeButtonController",
-            "module": "/src/internal/controllers/type-button.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/type-closable.controller.js",
@@ -25444,98 +25184,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/type-command.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "typeCommand",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds Invoker Commands API support for interactive custom elements.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Invoker_Commands_API"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeCommandController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#trigger",
-              "privacy": "private",
-              "type": {
-                "text": "'click' | 'manual'",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "click",
-                    "description": ""
-                  },
-                  {
-                    "value": "manual",
-                    "description": ""
-                  }
-                ]
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "HTMLElement | null",
-                "_sourceAliases": [],
-                "values": []
-              },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "#updateListener",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#triggerCommand",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "dispatchCommand"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "typeCommand",
-          "declaration": {
-            "name": "typeCommand",
-            "module": "/src/internal/controllers/type-command.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeCommandController",
-          "declaration": {
-            "name": "TypeCommandController",
-            "module": "/src/internal/controllers/type-command.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/type-expandable.controller.js",
@@ -25631,153 +25279,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/type-interest.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "typeInterest",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds Interest Invoker Commands API support for interactive custom elements.\nhttps://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using_interest_invokers"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeInterestController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "#interestSetupComplete",
-              "privacy": "private",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "#setupInterestEvents",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#teardownInterestEvents",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#triggerInterest",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#triggerLoseInterest",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#updateInterestForElement",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "typeInterest",
-          "declaration": {
-            "name": "typeInterest",
-            "module": "/src/internal/controllers/type-interest.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeInterestController",
-          "declaration": {
-            "name": "TypeInterestController",
-            "module": "/src/internal/controllers/type-interest.controller.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/type-native-popover-trigger.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "typeNativePopoverTrigger",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          }
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeNativePopoverTriggerController",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "field",
-              "name": "#click",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "typeNativePopoverTrigger",
-          "declaration": {
-            "name": "typeNativePopoverTrigger",
-            "module": "/src/internal/controllers/type-native-popover-trigger.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeNativePopoverTriggerController",
-          "declaration": {
-            "name": "TypeNativePopoverTriggerController",
-            "module": "/src/internal/controllers/type-native-popover-trigger.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/type-native-popover.controller.js",
@@ -25874,6 +25375,17 @@
               },
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "#hintTrigger",
+              "privacy": "private",
+              "type": {
+                "text": "HTMLButtonElement | null",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "default": "null"
+            },
             {
               "kind": "method",
               "name": "hostUpdated"
@@ -25951,6 +25463,32 @@
               "privacy": "private",
               "deprecated": "Legacy behavior that allows popovers to show as open by default when using the legacy trigger based api"
             },
+            {
+              "kind": "method",
+              "name": "#setupHintTrigger",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "trigger",
+                  "type": {
+                    "text": "HTMLButtonElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#setupPopoverTargetTrigger",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "trigger",
+                  "type": {
+                    "text": "HTMLButtonElement"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "#toggleFocus",
@@ -25970,6 +25508,69 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "#clearLegacyTrigger",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "trigger",
+                  "type": {
+                    "text": "HTMLButtonElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "#removeHintTrigger",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onBeforeToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onCommand",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onInterest",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onLoseInterest",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onPointerDown",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onPointerUp",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onHintMouseEnter",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "#onHintMouseLeave",
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "showPopover"
@@ -26244,100 +25845,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/type-submit.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "typeSubmit",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          },
-          "description": "Adds Form submit support for interactive custom elements.\nhttps://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event"
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "TypeSubmitController",
-          "members": [
-            {
-              "kind": "method",
-              "name": "hostUpdated"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "#setButtonType",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#setupNativeButtonBehavior",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#removeNativeButtonBehavior",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#emulateKeyBoardEventBehavior",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#triggerNativeButtonBehavior",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "#requestSubmit",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "#submitter",
-              "privacy": "private",
-              "type": {
-                "text": "HTMLButtonElement",
-                "_sourceAliases": [],
-                "values": []
-              }
-            },
-            {
-              "kind": "method",
-              "name": "#createSubmitter",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "typeSubmit",
-          "declaration": {
-            "name": "typeSubmit",
-            "module": "/src/internal/controllers/type-submit.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "TypeSubmitController",
-          "declaration": {
-            "name": "TypeSubmitController",
-            "module": "/src/internal/controllers/type-submit.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/type-touch.controller.js",
@@ -26600,30 +26107,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/keynav-list.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/state-active.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/state-current.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/state-disabled.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -26656,14 +26139,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/state-selected.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/state-pressed.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -26680,22 +26155,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-closable.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-command.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-interest.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -26712,22 +26171,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-selectable.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-button.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-native-popover-trigger.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -26744,14 +26187,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-ssr.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/type-submit.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -48650,12 +48085,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
             "entrypoint": "@nvidia-elements/core/toggletip",
             "example": "",
             "package": true,
             "since": "0.38.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-toggletip-footer\n\nProvides a designated area at the bottom of a toggletip for actions or supplementary information.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip footer |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
           }
@@ -48715,12 +48150,12 @@
             "vqa": true,
             "responsive": true,
             "themes": true,
-            "aria": "#",
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
             "entrypoint": "@nvidia-elements/core/toggletip",
             "example": "",
             "package": true,
             "since": "0.38.0",
-            "status": "beta",
+            "status": "stable",
             "behavior": "content",
             "markdown": "## nve-toggletip-header\n\nDisplays a title or contextual label at the top of a toggletip to categorize its contents.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/toggletip/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for the toggletip header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |"
           }