@nvidia-elements/core 0.0.2 → 0.0.4

package/dist/custom-elements.json

@@ -2479,199 +2479,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/app-header/app-header.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "An element that appears across the top of all pages containing the application name and primary navigation.",
-          "name": "AppHeader",
-          "cssProperties": [
-            {
-              "name": "--background",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)"
-            },
-            {
-              "name": "--padding",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)"
-            },
-            {
-              "name": "--border-bottom",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom)"
-            },
-            {
-              "name": "--color",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)"
-            },
-            {
-              "name": "--font-weight",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)"
-            },
-            {
-              "name": "--text-decoration",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration)"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Use the default slot in `logo` to create an app logo badge within the app header. Include a `<span>` element inside `app-header` to change the default application title.",
-              "name": ""
-            },
-            {
-              "name": "title"
-            },
-            {
-              "description": "For `button` and `icon-button` elements used for navigation behavior. Use the `active` attribute to show the current page.",
-              "name": "nav-items"
-            },
-            {
-              "description": "For `icon-button` elements. Places them in the supplemental actions section of the app header.",
-              "name": "nav-actions"
-            }
-          ],
-          "members": [
-            {
-              "name": "nve-layout",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              },
-              "attribute": "nve-layout",
-              "kind": "field"
-            },
-            {
-              "name": "nve-text",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              },
-              "attribute": "nve-text",
-              "kind": "field"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "nve-layout",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              }
-            },
-            {
-              "name": "nve-text",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              }
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "deprecated": "use `nve-page-header` instead",
-          "tagName": "nve-app-header",
-          "customElement": true,
-          "metadata": {
-            "unitTests": true,
-            "apiReview": true,
-            "performance": true,
-            "stable": true,
-            "vqa": true,
-            "responsive": false,
-            "themes": true,
-            "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav",
-            "entrypoint": "",
-            "example": "",
-            "package": true,
-            "since": "0.11.0",
-            "status": "stable",
-            "behavior": "navigation",
-            "markdown": "## nve-app-header\n\nAn element that appears across the top of all pages containing the application name and primary navigation.\n\n### Import\n\n```javascript\nimport '/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Use the default slot in `logo` to create an app logo badge within the app header. Include a `<span>` element inside `app-header` to change the default application title. |\n| title | `string` |  |\n| nav-items | `string` | For `button` and `icon-button` elements used for navigation behavior. Use the `active` attribute to show the current page. |\n| nav-actions | `string` | For `icon-button` elements. Places them in the supplemental actions section of the app header. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | [MDN](https://mdn.dev/CSS/border-bottom) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --text-decoration | `string` | [MDN](https://mdn.dev/CSS/text-decoration) |"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AppHeader",
-          "declaration": {
-            "name": "AppHeader",
-            "module": "/src/app-header/app-header.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/app-header/define.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/app-header/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/app-header/app-header.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/avatar/avatar-group.js",
@@ -4217,6 +4024,22 @@
             "package": "@nvidia-elements/core/file"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@nvidia-elements/core/format-datetime"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@nvidia-elements/core/format-relative-time"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -9034,6 +8857,10 @@
             {
               "description": "The icon element",
               "name": "icon"
+            },
+            {
+              "description": "The menu item element for creating new options",
+              "name": "create-option"
             }
           ],
           "slots": [
@@ -9102,6 +8929,27 @@
               "attribute": "notags",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "behaviorCreate",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail.",
+              "attribute": "behavior-create",
+              "reflects": true
+            },
             {
               "kind": "method",
               "name": "reset",
@@ -9347,6 +9195,29 @@
               }
             }
           ],
+          "events": [
+            {
+              "name": "create",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`."
+            },
+            {
+              "description": "Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.",
+              "name": "scroll"
+            },
+            {
+              "name": "reset",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "Control",
+                "module": "/src/forms/control/control.js"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "container",
@@ -9383,6 +9254,25 @@
               "description": "Disable rendering of inline tags for many-item select",
               "fieldName": "notags"
             },
+            {
+              "name": "behavior-create",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail.",
+              "fieldName": "behaviorCreate"
+            },
             {
               "name": "nve-layout",
               "deprecated": true,
@@ -9592,20 +9482,8 @@
             "since": "0.17.0",
             "status": "stable",
             "behavior": "form",
-            "markdown": "## nve-combobox\n\nAn editable combobox with autocomplete behavior and selection support.\n\n### Example\n\n```html\n<nve-combobox>\n  <label>label</label>\n  <input type=\"search\" />\n  <datalist>\n    <option value=\"status\"></option>\n    <option value=\"priority\"></option>\n    <option value=\"date\"></option>\n    <option value=\"session\"></option>\n    <option value=\"configuration\"></option>\n    <option value=\"contains\"></option>\n  </datalist>\n  <nve-control-message>message</nve-control-message>\n</nve-combobox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/combobox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for an input and a datalist/select element |\n| prefix-icon | `string` | slot for icon before the input |\n| footer | `string` | slot for dropdown footer content |\n| label | `string` | Label element |\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| notags | `boolean` | Disable rendering of inline tags for many-item select |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| selectAll |  | Select all options provided |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| layout | `\\| 'vertical'\n    \\| 'vertical-inline'\n    \\| 'horizontal'\n    \\| 'horizontal-inline'` | Controls the directional arrangement and spacing behavior of the element's content. - `vertical` Arranges content in a vertical stack with block-level spacing. - `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts. - `horizontal` Arranges content in a horizontal row with block-level spacing. - `horizontal-inline` Arranges content horizontally with compact inline spacing. |\n| fitText (fit-text) | `boolean` | Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\n| i18n |  | Enables updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| showPicker |  |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| reset | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --scroll-height | `string` |  |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |"
-          },
-          "events": [
-            {
-              "name": "reset",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "Control",
-                "module": "/src/forms/control/control.js"
-              }
-            }
-          ]
+            "markdown": "## nve-combobox\n\nAn editable combobox with autocomplete behavior and selection support.\n\n### Example\n\n```html\n<nve-combobox>\n  <label>label</label>\n  <input type=\"search\" />\n  <datalist>\n    <option value=\"status\"></option>\n    <option value=\"priority\"></option>\n    <option value=\"date\"></option>\n    <option value=\"session\"></option>\n    <option value=\"configuration\"></option>\n    <option value=\"contains\"></option>\n  </datalist>\n  <nve-control-message>message</nve-control-message>\n</nve-combobox>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/combobox/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for an input and a datalist/select element |\n| prefix-icon | `string` | slot for icon before the input |\n| footer | `string` | slot for dropdown footer content |\n| label | `string` | Label element |\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| notags | `boolean` | Disable rendering of inline tags for many-item select |\n| behaviorCreate (behavior-create) | `boolean` | Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. |\n| reset |  | Resets control value to initial attribute value and clears any active validation rules. |\n| selectAll |  | Select all options provided |\n| status | `'warning' \\| 'error' \\| 'success' \\| 'disabled'` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| layout | `\\| 'vertical'\n    \\| 'vertical-inline'\n    \\| 'horizontal'\n    \\| 'horizontal-inline'` | Controls the directional arrangement and spacing behavior of the element's content. - `vertical` Arranges content in a vertical stack with block-level spacing. - `vertical-inline` Arranges content vertically with compact inline spacing for dense layouts. - `horizontal` Arranges content in a horizontal row with block-level spacing. - `horizontal-inline` Arranges content horizontally with compact inline spacing. |\n| fitText (fit-text) | `boolean` | Sets the input to match the width of the active text content of the control value. Only applicable to vertical input box type controls (input, select) |\n| fitContent (fit-content) | `boolean` | Sets the input to match native default content block |\n| i18n |  | Enables updating internal string values for internationalization. |\n| prominence | `'muted'` | Controls the visual prominence to establish hierarchy and guide user attention. - `muted` Reduces visual weight for supporting content that should remain subtle and unobtrusive. |\n| nveControl | `string` |  |\n| showPicker |  |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| create | `CustomEvent` | Fires when the user confirms a value that doesn't match any existing option and the `behavior-create` attribute exists. `detail: { value }`. |\n| scroll | `CustomEvent` | Fires when the user scrolls the dropdown option list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n| reset | `CustomEvent` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --scroll-height | `string` |  |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --border-color | `string` | [MDN](https://mdn.dev/CSS/border-color) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --label-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --label-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --label-font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --label-font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --control-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --control-height | `string` | [MDN](https://mdn.dev/CSS/height) |"
+          }
         }
       ],
       "exports": [
@@ -17182,6 +17060,1145 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-datetime/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-datetime/format-datetime.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Formats 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.",
+          "name": "FormatDatetime",
+          "slots": [
+            {
+              "description": "Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Optional date string for values supplied by JavaScript or bound data.\nBy default, the component formats the element's text content, which also serves as the SSR fallback.\nWhen both are present, this property takes precedence.",
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.",
+              "attribute": "locale"
+            },
+            {
+              "kind": "field",
+              "name": "weekday",
+              "type": {
+                "text": "'long' | 'short' | 'narrow' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Weekday representation: 'long' | 'short' | 'narrow'.",
+              "attribute": "weekday"
+            },
+            {
+              "kind": "field",
+              "name": "year",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Year representation: 'numeric' | '2-digit'.",
+              "attribute": "year"
+            },
+            {
+              "kind": "field",
+              "name": "month",
+              "type": {
+                "text": "'numeric' | '2-digit' | 'long' | 'short' | 'narrow' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.",
+              "attribute": "month"
+            },
+            {
+              "kind": "field",
+              "name": "day",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Day representation: 'numeric' | '2-digit'.",
+              "attribute": "day"
+            },
+            {
+              "kind": "field",
+              "name": "hour",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Hour representation: 'numeric' | '2-digit'.",
+              "attribute": "hour"
+            },
+            {
+              "kind": "field",
+              "name": "minute",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Minute representation: 'numeric' | '2-digit'.",
+              "attribute": "minute"
+            },
+            {
+              "kind": "field",
+              "name": "second",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Second representation: 'numeric' | '2-digit'.",
+              "attribute": "second"
+            },
+            {
+              "kind": "field",
+              "name": "dateStyle",
+              "type": {
+                "text": "'full' | 'long' | 'medium' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "full",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "medium",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\nPreset styles take precedence over granular date and time part options.",
+              "attribute": "date-style"
+            },
+            {
+              "kind": "field",
+              "name": "timeStyle",
+              "type": {
+                "text": "'full' | 'long' | 'medium' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "full",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "medium",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\nPreset styles take precedence over granular date and time part options.",
+              "attribute": "time-style"
+            },
+            {
+              "kind": "field",
+              "name": "timeZoneName",
+              "type": {
+                "text": "'long' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.",
+              "attribute": "time-zone-name"
+            },
+            {
+              "kind": "field",
+              "name": "timeZone",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "IANA time zone identifier (such as 'America/New_York', 'UTC').",
+              "attribute": "time-zone"
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-layout",
+              "kind": "field"
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-text",
+              "kind": "field"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "date",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Optional date string for values supplied by JavaScript or bound data.\nBy default, the component formats the element's text content, which also serves as the SSR fallback.\nWhen both are present, this property takes precedence.",
+              "fieldName": "date"
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.",
+              "fieldName": "locale"
+            },
+            {
+              "name": "weekday",
+              "type": {
+                "text": "'long' | 'short' | 'narrow' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Weekday representation: 'long' | 'short' | 'narrow'.",
+              "fieldName": "weekday"
+            },
+            {
+              "name": "year",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Year representation: 'numeric' | '2-digit'.",
+              "fieldName": "year"
+            },
+            {
+              "name": "month",
+              "type": {
+                "text": "'numeric' | '2-digit' | 'long' | 'short' | 'narrow' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Month representation: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'.",
+              "fieldName": "month"
+            },
+            {
+              "name": "day",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Day representation: 'numeric' | '2-digit'.",
+              "fieldName": "day"
+            },
+            {
+              "name": "hour",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Hour representation: 'numeric' | '2-digit'.",
+              "fieldName": "hour"
+            },
+            {
+              "name": "minute",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Minute representation: 'numeric' | '2-digit'.",
+              "fieldName": "minute"
+            },
+            {
+              "name": "second",
+              "type": {
+                "text": "'numeric' | '2-digit' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "numeric",
+                    "description": ""
+                  },
+                  {
+                    "value": "2-digit",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Second representation: 'numeric' | '2-digit'.",
+              "fieldName": "second"
+            },
+            {
+              "name": "date-style",
+              "type": {
+                "text": "'full' | 'long' | 'medium' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "full",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "medium",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Preset date formatting style: 'full' | 'long' | 'medium' | 'short'.\nPreset styles take precedence over granular date and time part options.",
+              "fieldName": "dateStyle"
+            },
+            {
+              "name": "time-style",
+              "type": {
+                "text": "'full' | 'long' | 'medium' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "full",
+                    "description": ""
+                  },
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "medium",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Preset time formatting style: 'full' | 'long' | 'medium' | 'short'.\nPreset styles take precedence over granular date and time part options.",
+              "fieldName": "timeStyle"
+            },
+            {
+              "name": "time-zone-name",
+              "type": {
+                "text": "'long' | 'short' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Time zone name display: 'long' | 'short'. Use it with granular options only; preset styles ignore it.",
+              "fieldName": "timeZoneName"
+            },
+            {
+              "name": "time-zone",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "IANA time zone identifier (such as 'America/New_York', 'UTC').",
+              "fieldName": "timeZone"
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-format-datetime",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "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",
+            "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'). |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormatDatetime",
+          "declaration": {
+            "name": "FormatDatetime",
+            "module": "/src/format-datetime/format-datetime.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-datetime/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/format-datetime/format-datetime.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-relative-time/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-relative-time/format-relative-time.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Formats 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.",
+          "name": "FormatRelativeTime",
+          "slots": [
+            {
+              "description": "Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Optional date string for values supplied by JavaScript or bound data.\nBy default, the component formats the element's text content, which also serves as the SSR fallback.\nWhen both are present, this property takes precedence.",
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.",
+              "attribute": "locale"
+            },
+            {
+              "kind": "field",
+              "name": "numeric",
+              "type": {
+                "text": "'always' | 'auto'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "always",
+                    "description": ""
+                  },
+                  {
+                    "value": "auto",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'always'",
+              "description": "Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'.",
+              "attribute": "numeric"
+            },
+            {
+              "kind": "field",
+              "name": "formatStyle",
+              "type": {
+                "text": "'long' | 'short' | 'narrow'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'long'",
+              "description": "Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option.",
+              "attribute": "format-style"
+            },
+            {
+              "kind": "field",
+              "name": "unit",
+              "type": {
+                "text": "'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "second",
+                    "description": ""
+                  },
+                  {
+                    "value": "minute",
+                    "description": ""
+                  },
+                  {
+                    "value": "hour",
+                    "description": ""
+                  },
+                  {
+                    "value": "day",
+                    "description": ""
+                  },
+                  {
+                    "value": "week",
+                    "description": ""
+                  },
+                  {
+                    "value": "month",
+                    "description": ""
+                  },
+                  {
+                    "value": "year",
+                    "description": ""
+                  },
+                  {
+                    "value": "auto",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'auto'",
+              "description": "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.",
+              "attribute": "unit"
+            },
+            {
+              "kind": "field",
+              "name": "sync",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "When present, auto-updates the displayed relative time at appropriate intervals.",
+              "attribute": "sync"
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-layout",
+              "kind": "field"
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-text",
+              "kind": "field"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "date",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Optional date string for values supplied by JavaScript or bound data.\nBy default, the component formats the element's text content, which also serves as the SSR fallback.\nWhen both are present, this property takes precedence.",
+              "fieldName": "date"
+            },
+            {
+              "name": "locale",
+              "type": {
+                "text": "string | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Language tag (such as en-US, de-DE). Defaults to document.documentElement.lang or browser default.",
+              "fieldName": "locale"
+            },
+            {
+              "name": "numeric",
+              "type": {
+                "text": "'always' | 'auto'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "always",
+                    "description": ""
+                  },
+                  {
+                    "value": "auto",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'always'",
+              "description": "Numeric formatting: 'always' | 'auto'. When 'auto', enables natural language forms such as 'yesterday' instead of '1 day ago'.",
+              "fieldName": "numeric"
+            },
+            {
+              "name": "format-style",
+              "type": {
+                "text": "'long' | 'short' | 'narrow'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "long",
+                    "description": ""
+                  },
+                  {
+                    "value": "short",
+                    "description": ""
+                  },
+                  {
+                    "value": "narrow",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'long'",
+              "description": "Formatting length: 'long' | 'short' | 'narrow'. Controls verbosity (such as '3 days ago' vs '3d ago'). Maps to Intl.RelativeTimeFormat style option.",
+              "fieldName": "formatStyle"
+            },
+            {
+              "name": "unit",
+              "type": {
+                "text": "'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year' | 'auto'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "second",
+                    "description": ""
+                  },
+                  {
+                    "value": "minute",
+                    "description": ""
+                  },
+                  {
+                    "value": "hour",
+                    "description": ""
+                  },
+                  {
+                    "value": "day",
+                    "description": ""
+                  },
+                  {
+                    "value": "week",
+                    "description": ""
+                  },
+                  {
+                    "value": "month",
+                    "description": ""
+                  },
+                  {
+                    "value": "year",
+                    "description": ""
+                  },
+                  {
+                    "value": "auto",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'auto'",
+              "description": "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.",
+              "fieldName": "unit"
+            },
+            {
+              "name": "sync",
+              "type": {
+                "text": "boolean",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "true",
+                    "description": ""
+                  },
+                  {
+                    "value": "false",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "false",
+              "description": "When present, auto-updates the displayed relative time at appropriate intervals.",
+              "fieldName": "sync"
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-format-relative-time",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "#",
+            "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",
+            "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. |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "FormatRelativeTime",
+          "declaration": {
+            "name": "FormatRelativeTime",
+            "module": "/src/format-relative-time/format-relative-time.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/format-relative-time/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/format-relative-time/format-relative-time.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/src/forms/control-group/control-group.js",
@@ -32054,6 +33071,34 @@
             }
           ]
         },
+        {
+          "kind": "function",
+          "name": "getPropertyChanges",
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "key",
+              "type": {
+                "text": "string",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "callback",
+              "type": {
+                "text": "(value: unknown) => void",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Intercepts a property setter on an element so `callback` fires on every assignment. Does not use a MutationObserver."
+        },
         {
           "kind": "function",
           "name": "getElementUpdate",
@@ -32504,6 +33549,51 @@
               }
             }
           ]
+        },
+        {
+          "kind": "function",
+          "name": "sameOrderedStringArray",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "a",
+              "type": {
+                "text": "readonly string[]",
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "b",
+              "type": {
+                "text": "readonly string[]",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Returns true when both arrays have the same length and each index is strictly equal (`===`)."
+        },
+        {
+          "kind": "function",
+          "name": "uniqueNonEmptyStrings",
+          "return": {
+            "type": {
+              "text": "string[]"
+            }
+          },
+          "parameters": [
+            {
+              "name": "values",
+              "type": {
+                "text": "Iterable<string | null | undefined>",
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "description": "Returns unique non-empty strings in first-seen order (insertion order of a `Set` over the filtered list)."
         }
       ],
       "exports": [
@@ -32555,6 +33645,14 @@
             "module": "/src/internal/utils/dom.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "getPropertyChanges",
+          "declaration": {
+            "name": "getPropertyChanges",
+            "module": "/src/internal/utils/dom.js"
+          }
+        },
         {
           "kind": "js",
           "name": "getElementUpdate",
@@ -32793,6 +33891,22 @@
             "name": "appendAnchorName",
             "module": "/src/internal/utils/dom.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "sameOrderedStringArray",
+          "declaration": {
+            "name": "sameOrderedStringArray",
+            "module": "/src/internal/utils/dom.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "uniqueNonEmptyStrings",
+          "declaration": {
+            "name": "uniqueNonEmptyStrings",
+            "module": "/src/internal/utils/dom.js"
+          }
         }
       ]
     },
@@ -33362,628 +34476,103 @@
             {
               "name": "size",
               "type": {
-                "text": "number",
-                "_sourceAliases": []
-              }
-            }
-          ],
-          "description": "formats a file size in bytes to a human readable string"
-        },
-        {
-          "kind": "function",
-          "name": "shiftLeft",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string",
-                "_sourceAliases": []
-              }
-            }
-          ],
-          "description": "removes leading white space for a multiline string"
-        },
-        {
-          "kind": "variable",
-          "name": "DOCS_URL",
-          "type": {
-            "text": "string"
-          },
-          "default": "''"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "formatFileSize",
-          "declaration": {
-            "name": "formatFileSize",
-            "module": "/src/internal/utils/strings.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "shiftLeft",
-          "declaration": {
-            "name": "shiftLeft",
-            "module": "/src/internal/utils/strings.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "DOCS_URL",
-          "declaration": {
-            "name": "DOCS_URL",
-            "module": "/src/internal/utils/strings.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/utils/supports.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "supportsNativeCSSAnchorPosition"
-        },
-        {
-          "kind": "function",
-          "name": "supportsCSSPositionArea"
-        },
-        {
-          "kind": "function",
-          "name": "supportsCSSLegacyInsetArea"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "supportsNativeCSSAnchorPosition",
-          "declaration": {
-            "name": "supportsNativeCSSAnchorPosition",
-            "module": "/src/internal/utils/supports.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "supportsCSSPositionArea",
-          "declaration": {
-            "name": "supportsCSSPositionArea",
-            "module": "/src/internal/utils/supports.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "supportsCSSLegacyInsetArea",
-          "declaration": {
-            "name": "supportsCSSLegacyInsetArea",
-            "module": "/src/internal/utils/supports.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/json-viewer/define.js",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/json-viewer/index.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/json-viewer/json-viewer.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/json-viewer/node/node.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "/src/json-viewer/json-viewer.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The JSON Viewer is a custom element that renders JSON data in a easy to read format. Use it for prototyping and quickly displaying and debugging data. The JSON View is not a substitute for treeview patterns.",
-          "name": "JSONViewer",
-          "cssParts": [
-            {
-              "description": "The json node elements",
-              "name": "json-node"
-            }
-          ],
-          "slots": [
-            {
-              "description": "default slot for json",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "object",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "object",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "{}",
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The associated content expands and becomes visible to the user."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The associated content collapses and hides from the user."
-                  }
-                ]
-              },
-              "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.",
-              "attribute": "expanded",
-              "descriptionText": "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)"
-            },
-            {
-              "kind": "field",
-              "name": "expandedAll",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "attribute": "expandedAll"
-            },
-            {
-              "name": "nve-layout",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              },
-              "attribute": "nve-layout",
-              "kind": "field"
-            },
-            {
-              "name": "nve-text",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
-                "_sourceAliases": []
-              },
-              "attribute": "nve-text",
-              "kind": "field"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "object",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "object",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "{}",
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)",
-              "fieldName": "value"
-            },
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The associated content expands and becomes visible to the user."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The associated content collapses and hides from the user."
-                  }
-                ]
-              },
-              "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.",
-              "fieldName": "expanded",
-              "descriptionText": "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)"
-            },
-            {
-              "name": "expandedAll",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "fieldName": "expandedAll"
-            },
-            {
-              "name": "nve-layout",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
-              "type": {
-                "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
+                "text": "number",
                 "_sourceAliases": []
               }
-            },
+            }
+          ],
+          "description": "formats a file size in bytes to a human readable string"
+        },
+        {
+          "kind": "function",
+          "name": "shiftLeft",
+          "parameters": [
             {
-              "name": "nve-text",
-              "deprecated": true,
-              "description": "not supported on custom element tags",
+              "name": "value",
               "type": {
                 "text": "string",
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  },
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ],
                 "_sourceAliases": []
               }
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+          "description": "removes leading white space for a multiline string"
+        },
+        {
+          "kind": "variable",
+          "name": "DOCS_URL",
+          "type": {
+            "text": "string"
           },
-          "deprecated": "use `nve-monaco-input` instead",
-          "tagName": "nve-json-viewer",
-          "customElement": true,
-          "metadata": {
-            "unitTests": true,
-            "apiReview": true,
-            "performance": true,
-            "stable": false,
-            "vqa": true,
-            "responsive": true,
-            "themes": true,
-            "aria": "#",
-            "entrypoint": "",
-            "example": "",
-            "package": false,
-            "since": "0.16.0",
-            "status": "pre-release",
-            "behavior": "content",
-            "markdown": "## nve-json-viewer\n\nThe JSON Viewer is a custom element that renders JSON data in a easy to read format. Use it for prototyping and quickly displaying and debugging data. The JSON View is not a substitute for treeview patterns.\n\n### Import\n\n```javascript\nimport '/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for json |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `object` | 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| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| expandedAll | `boolean` |  |"
-          }
+          "default": "''"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "JSONViewer",
+          "name": "formatFileSize",
+          "declaration": {
+            "name": "formatFileSize",
+            "module": "/src/internal/utils/strings.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "shiftLeft",
+          "declaration": {
+            "name": "shiftLeft",
+            "module": "/src/internal/utils/strings.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DOCS_URL",
           "declaration": {
-            "name": "JSONViewer",
-            "module": "/src/json-viewer/json-viewer.js"
+            "name": "DOCS_URL",
+            "module": "/src/internal/utils/strings.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "/src/json-viewer/node/node.js",
+      "path": "/src/internal/utils/supports.js",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "JSONNode",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "any",
-                    "description": ""
-                  }
-                ]
-              },
-              "attribute": "value",
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)"
-            },
-            {
-              "kind": "field",
-              "name": "prop",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "attribute": "prop"
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The associated content expands and becomes visible to the user."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The associated content collapses and hides from the user."
-                  }
-                ]
-              },
-              "default": "false",
-              "attribute": "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.",
-              "descriptionText": "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)"
-            },
-            {
-              "kind": "field",
-              "name": "expandedAll",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "attribute": "expanded-all",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "metadata",
-              "type": {
-                "text": "object",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "object",
-                    "description": ""
-                  }
-                ]
-              },
-              "static": true,
-              "readonly": true,
-              "default": "{ tag: 'nve-json-node', version: '0.0.0' }"
-            },
-            {
-              "kind": "field",
-              "name": "elementDefinitions",
-              "type": {
-                "text": "Record<string, ElementDefinition>",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Record<string, ElementDefinition>",
-                    "description": ""
-                  }
-                ]
-              },
-              "static": true,
-              "default": "{ [Button.metadata.tag]: Button, [IconButton.metadata.tag]: IconButton }"
-            },
-            {
-              "kind": "field",
-              "name": "#isArray",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#isObject",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#classMap",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#expandButton",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#arrayNode",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#objectNode",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "#value",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "#getValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "unknown"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "any",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "any",
-                    "description": ""
-                  }
-                ]
-              },
-              "fieldName": "value",
-              "description": "Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value)"
-            },
-            {
-              "name": "prop",
-              "type": {
-                "text": "string",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "string",
-                    "description": ""
-                  }
-                ]
-              },
-              "fieldName": "prop"
-            },
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "true",
-                    "description": "The associated content expands and becomes visible to the user."
-                  },
-                  {
-                    "value": "false",
-                    "description": "The associated content collapses and hides from the user."
-                  }
-                ]
-              },
-              "default": "false",
-              "fieldName": "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.",
-              "descriptionText": "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)"
-            },
-            {
-              "name": "expanded-all",
-              "type": {
-                "text": "boolean",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "boolean",
-                    "description": ""
-                  }
-                ]
-              },
-              "fieldName": "expandedAll"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "deprecated": "true",
-          "customElement": true
+          "kind": "function",
+          "name": "supportsNativeCSSAnchorPosition"
+        },
+        {
+          "kind": "function",
+          "name": "supportsCSSPositionArea"
+        },
+        {
+          "kind": "function",
+          "name": "supportsCSSLegacyInsetArea"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "JSONNode",
+          "name": "supportsNativeCSSAnchorPosition",
+          "declaration": {
+            "name": "supportsNativeCSSAnchorPosition",
+            "module": "/src/internal/utils/supports.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "supportsCSSPositionArea",
+          "declaration": {
+            "name": "supportsCSSPositionArea",
+            "module": "/src/internal/utils/supports.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "supportsCSSLegacyInsetArea",
           "declaration": {
-            "name": "JSONNode",
-            "module": "/src/json-viewer/node/node.js"
+            "name": "supportsCSSLegacyInsetArea",
+            "module": "/src/internal/utils/supports.js"
           }
         }
       ]
@@ -35669,6 +36258,12 @@
               "kind": "field"
             }
           ],
+          "events": [
+            {
+              "description": "Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`.",
+              "name": "scroll"
+            }
+          ],
           "attributes": [
             {
               "name": "nve-layout",
@@ -35730,7 +36325,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-menu\n\nA 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### Example\n\n```html\n<nve-menu>\n  <nve-menu-item>item 1</nve-menu-item>\n  <nve-menu-item>item 2</nve-menu-item>\n  <nve-menu-item>item 3</nve-menu-item>\n  <nve-menu-item>item 4</nve-menu-item>\n</nve-menu>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-menu-item` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| items | `MenuItem[]` |  |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |"
+            "markdown": "## nve-menu\n\nA 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### Example\n\n```html\n<nve-menu>\n  <nve-menu-item>item 1</nve-menu-item>\n  <nve-menu-item>item 2</nve-menu-item>\n  <nve-menu-item>item 3</nve-menu-item>\n  <nve-menu-item>item 4</nve-menu-item>\n</nve-menu>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/menu/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for `nve-menu-item` |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| items | `MenuItem[]` |  |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| scroll | `CustomEvent` | Fires when the user scrolls the menu list. Throttled to one dispatch per animation frame. `detail: { scrollTop, scrollHeight, clientHeight }`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --min-width | `string` | [MDN](https://mdn.dev/CSS/min-width) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |"
           }
         }
       ],
@@ -51553,6 +52148,231 @@
             "name": "*",
             "module": "home/runner/work/elements/elements/projects/core/src/tabs/tabs.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/tabs/tabs-group.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/tabs/tabs-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Coordinates tabs with matching panel content using Invoker Commands and slot-matched panels.",
+          "name": "TabsGroup",
+          "cssProperties": [
+            {
+              "name": "--padding",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group.",
+              "name": ""
+            },
+            {
+              "type": {
+                "text": "value"
+              },
+              "description": "Named panel content where the slot name matches a nve-tabs-item value.",
+              "name": "value",
+              "dynamic": true
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "'top' | 'start' | 'end'",
+                "_sourceAliases": [
+                  "TabsGroupAlignment"
+                ],
+                "values": [
+                  {
+                    "value": "top",
+                    "description": ""
+                  },
+                  {
+                    "value": "start",
+                    "description": ""
+                  },
+                  {
+                    "value": "end",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'top'",
+              "description": "Determines the alignment of the popover relative to the provided anchor element.",
+              "attribute": "alignment",
+              "reflects": true
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-layout",
+              "kind": "field"
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              },
+              "attribute": "nve-text",
+              "kind": "field"
+            }
+          ],
+          "events": [
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Dispatched when the selected tab value changes after an invoker `--toggle` updates selection"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "alignment",
+              "type": {
+                "text": "'top' | 'start' | 'end'",
+                "_sourceAliases": [
+                  "TabsGroupAlignment"
+                ],
+                "values": [
+                  {
+                    "value": "top",
+                    "description": ""
+                  },
+                  {
+                    "value": "start",
+                    "description": ""
+                  },
+                  {
+                    "value": "end",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'top'",
+              "description": "Determines the alignment of the popover relative to the provided anchor element.",
+              "fieldName": "alignment"
+            },
+            {
+              "name": "nve-layout",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            },
+            {
+              "name": "nve-text",
+              "deprecated": true,
+              "description": "not supported on custom element tags",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ],
+                "_sourceAliases": []
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-tabs-group",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": true,
+            "vqa": true,
+            "responsive": false,
+            "themes": true,
+            "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/",
+            "entrypoint": "@nvidia-elements/core/tabs",
+            "example": "",
+            "package": true,
+            "since": "1.67.0",
+            "status": "stable",
+            "behavior": "navigation",
+            "markdown": "## nve-tabs-group\n\nCoordinates tabs with matching panel content using Invoker Commands and slot-matched panels.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Default slot for a single nve-tabs element. Do not use behavior-select on nve-tabs when using this group. |\n| {value} | `string` | Named panel content where the slot name matches a nve-tabs-item value. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| alignment | `'top' \\| 'start' \\| 'end'` | Determines the alignment of the popover relative to the provided anchor element. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| select | `CustomEvent` | Dispatched when the selected tab value changes after an invoker `--toggle` updates selection |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --toggle | `CommandEvent` | Select the matching tab and reveal the panel whose slot matches the invoker value. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |"
+          },
+          "commands": [
+            {
+              "name": "--toggle",
+              "description": "Select the matching tab and reveal the panel whose slot matches the invoker value."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TabsGroup",
+          "declaration": {
+            "name": "TabsGroup",
+            "module": "/src/tabs/tabs-group.js"
+          }
         }
       ]
     },
@@ -52607,12 +53427,12 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/",
             "entrypoint": "@nvidia-elements/core/tabs",
-            "example": "<nve-tabs behavior-select>\n  <nve-tabs-item selected>Tab 1</nve-tabs-item>\n  <nve-tabs-item>Tab 2</nve-tabs-item>\n  <nve-tabs-item>Tab 3</nve-tabs-item>\n  <nve-tabs-item>Tab 4</nve-tabs-item>\n  <nve-tabs-item disabled>Disabled</nve-tabs-item>\n</nve-tabs>",
+            "example": "<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>",
             "package": true,
             "since": "0.10.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs behavior-select>\n  <nve-tabs-item selected>Tab 1</nve-tabs-item>\n  <nve-tabs-item>Tab 2</nve-tabs-item>\n  <nve-tabs-item>Tab 3</nve-tabs-item>\n  <nve-tabs-item>Tab 4</nve-tabs-item>\n  <nve-tabs-item disabled>Disabled</nve-tabs-item>\n</nve-tabs>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| 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| form | `HTMLFormElement \\| null \\| string` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | 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| 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| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of the element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of the element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-height | `string` |  |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --border-background | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
+            "markdown": "## nve-tabs-item\n\nRepresents an individual tab within a tablist, providing a selectable button for switching between content views.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for content |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| 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| form | `HTMLFormElement \\| null \\| string` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | 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| 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| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of the element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of the element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-width | `string` | [MDN](https://mdn.dev/CSS/border-width) |\n| --border-height | `string` |  |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --border-background | `string` |  |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --cursor | `string` | [MDN](https://mdn.dev/CSS/cursor) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           }
         },
         {
@@ -52872,12 +53692,12 @@
             "themes": true,
             "aria": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/",
             "entrypoint": "@nvidia-elements/core/tabs",
-            "example": "<nve-tabs behavior-select>\n  <nve-tabs-item selected>Tab 1</nve-tabs-item>\n  <nve-tabs-item>Tab 2</nve-tabs-item>\n  <nve-tabs-item>Tab 3</nve-tabs-item>\n  <nve-tabs-item>Tab 4</nve-tabs-item>\n  <nve-tabs-item disabled>Disabled</nve-tabs-item>\n</nve-tabs>",
+            "example": "<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>",
             "package": true,
             "since": "0.10.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-tabs\n\nTabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n\n### Example\n\n```html\n<nve-tabs behavior-select>\n  <nve-tabs-item selected>Tab 1</nve-tabs-item>\n  <nve-tabs-item>Tab 2</nve-tabs-item>\n  <nve-tabs-item>Tab 3</nve-tabs-item>\n  <nve-tabs-item>Tab 4</nve-tabs-item>\n  <nve-tabs-item disabled>Disabled</nve-tabs-item>\n</nve-tabs>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for tab-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `string` |  |\n| --border-inset | `string` |  |"
+            "markdown": "## nve-tabs\n\nTabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n\n### Example\n\n```html\n<nve-tabs-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item selected command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"details\">Details</nve-tabs-item>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"settings\">Settings</nve-tabs-item>\n  </nve-tabs>\n  <div slot=\"overview\">overview content</div>\n  <div slot=\"details\">details content</div>\n  <div slot=\"settings\">settings content</div>\n</nve-tabs-group>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tabs/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for tab-item |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `string` |  |\n| --border-inset | `string` |  |"
           }
         }
       ],
@@ -58382,7 +59202,7 @@
               "name": ""
             },
             {
-              "description": "Use for extended long form content containing interactive elements or form inputs.",
+              "description": "Use only for extended long form content containing interactive elements or form inputs.",
               "name": "content"
             }
           ],
@@ -58780,7 +59600,7 @@
             "since": "1.2.0",
             "status": "stable",
             "behavior": "list",
-            "markdown": "## nve-tree-node\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Use default slot for basic text content or nested <nve-tree-node> elements. |\n| content | `string` | Use for extended long form content containing interactive elements or form inputs. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\n| selectable | `'single' \\| 'multi'` | Determines whether a node can be in a selected state. Nodes can be in a single or multi select state. |\n| highlighted | `boolean` | Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| indeterminate | `boolean` |  |\n| behaviorExpand | `boolean` |  |\n| behaviorSelect | `boolean` |  |\n| open |  | opens and sets the expanded state automatically if behaviorExpand is true |\n| close |  | closes and sets the expanded state automatically if behaviorExpand is true |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --select | `CommandEvent` | use to select the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n| --open | `CommandEvent` | use to open the node |\n| --close | `CommandEvent` | use to close the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-tree-node\n\nA tree view widget presents a hierarchical list. Any item in the hierarchy may have child items, and items that have children can expand or collapse to show or hide the children.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/tree/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Use default slot for basic text content or nested <nve-tree-node> elements. |\n| content | `string` | Use only for extended long form content containing interactive elements or form inputs. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\n| selectable | `'single' \\| 'multi'` | Determines whether a node can be in a selected state. Nodes can be in a single or multi select state. |\n| highlighted | `boolean` | Determines the highlighted state of the element. Highlighted states serve non-interactive selections where nodes may relate to other selected portions of the UI. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| indeterminate | `boolean` |  |\n| behaviorExpand | `boolean` |  |\n| behaviorSelect | `boolean` |  |\n| open |  | opens and sets the expanded state automatically if behaviorExpand is true |\n| close |  | closes and sets the expanded state automatically if behaviorExpand is true |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --select | `CommandEvent` | use to select the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n| --open | `CommandEvent` | use to open the node |\n| --close | `CommandEvent` | use to close the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {