@nvidia-elements/core 2.18.4 → 2.19.1

package/dist/custom-elements.json

@@ -2107,12 +2107,6 @@
               "description": "Determines the visual prominence or weight",
               "attribute": "prominence",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "i18n",
-              "description": "Enables updating internal string values for internationalization.",
-              "attribute": "i18n"
             }
           ],
           "attributes": [
@@ -2321,11 +2315,6 @@
               },
               "description": "Determines the visual prominence or weight",
               "fieldName": "prominence"
-            },
-            {
-              "name": "i18n",
-              "description": "Enables updating internal string values for internationalization.",
-              "fieldName": "i18n"
             }
           ],
           "superclass": {
@@ -2350,7 +2339,7 @@
             "since": "0.11.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n| i18n |  | Enables updating internal string values for internationalization. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Visual treatment to represent a ongoing task, support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-badge\n\nA visual indicator that communicates a status description of an associated component. Status badges use short text, color, built in icons for quick recognition and render near the relevant content.\n\n### Example\n\n```html\n<nve-badge>badge</nve-badge>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/badge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Short text that communicates the badge status. |\n| prefix-icon | `string` | slot for prefix icon |\n| suffix-icon | `string` | slot for suffix icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| color | `'red-cardinal' \\| 'gray-slate' \\| 'gray-denim' \\| 'blue-indigo' \\| 'blue-cobalt' \\| 'blue-sky' \\| 'teal-cyan' \\| 'green-mint' \\| 'teal-seafoam' \\| 'green-grass' \\| 'yellow-amber' \\| 'orange-pumpkin' \\| 'red-tomato' \\| 'pink-magenta' \\| 'purple-plum' \\| 'purple-violet' \\| 'purple-lavender' \\| 'pink-rose' \\| 'green-jade' \\| 'lime-pear' \\| 'yellow-nova' \\| 'brand-green'` | Defines a base color from the theme color palette |\n| container | `'flat' \\| undefined` | Determines the container styles of component. Flat suits nesting within other containers. |\n| prominence | `'emphasis' \\| undefined` | Determines the visual prominence or weight |\n| status | `'scheduled' \\| 'queued' \\| 'pending' \\| 'starting' \\| 'running' \\| 'restarting' \\| 'stopping' \\| 'finished' \\| 'failed' \\| 'unknown' \\| 'ignored' \\| 'accent' \\| 'warning' \\| 'success' \\| 'danger'` | Visual treatment to represent a ongoing task, support status. - `accent` Highlights important actions or draws attention to primary interactive elements. - `warning` Indicates cautionary actions that require careful consideration before proceeding. - `success` Represents positive outcomes, confirmations, or constructive actions. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `scheduled` Task has a scheduled future execution at a specific time. - `queued` Task is waiting in line to begin after other tasks complete. - `pending` Task is awaiting approval, user input, or external conditions before proceeding. - `starting` Task is initializing and preparing to begin active execution. - `running` Task is actively executing and making progress. - `restarting` Task restarts after an interruption or reset. - `stopping` Task is gracefully shutting down and completing cleanup operations. - `finished` Task has completed successfully with the expected outcome. - `failed` Task encountered an error and did not complete as intended. - `unknown` Task status remains unknown or unavailable. - `ignored` Task was intentionally skipped or excluded from execution. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --icon-color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           }
         }
       ],
@@ -26422,95 +26411,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/controllers/i18n.controller.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "i18n",
-          "return": {
-            "type": {
-              "text": "ClassDecorator"
-            }
-          }
-        },
-        {
-          "kind": "class",
-          "description": "",
-          "name": "I18nController",
-          "members": [
-            {
-              "kind": "field",
-              "name": "i18n",
-              "type": {
-                "text": "Partial<I18nStrings & { __set: boolean }>",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Partial<I18nStrings & { __set: boolean }>",
-                    "description": ""
-                  }
-                ]
-              },
-              "readonly": true,
-              "description": "Enables updating internal string values for internationalization."
-            },
-            {
-              "kind": "field",
-              "name": "#overrides",
-              "privacy": "private",
-              "type": {
-                "text": "Partial<I18nStrings>",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Partial<I18nStrings>",
-                    "description": ""
-                  }
-                ]
-              },
-              "default": "{}"
-            },
-            {
-              "kind": "method",
-              "name": "hostConnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostDisconnected"
-            },
-            {
-              "kind": "method",
-              "name": "hostUpdate"
-            },
-            {
-              "kind": "field",
-              "name": "#update",
-              "privacy": "private"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "i18n",
-          "declaration": {
-            "name": "i18n",
-            "module": "/src/internal/controllers/i18n.controller.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "I18nController",
-          "declaration": {
-            "name": "I18nController",
-            "module": "/src/internal/controllers/i18n.controller.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/controllers/key-state.controller.js",
@@ -28279,14 +28179,6 @@
             "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/gesture.controller.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/controllers/i18n.controller.js"
-          }
-        },
         {
           "kind": "js",
           "name": "*",
@@ -28436,7 +28328,7 @@
           "name": "*",
           "declaration": {
             "name": "*",
-            "module": "home/runner/work/elements/elements/projects/core/src/internal/services/i18n.service.js"
+            "package": "@nvidia-elements/foundations/internal/i18n"
           }
         },
         {
@@ -28545,57 +28437,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "/src/internal/services/i18n.service.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "I18nService_",
-          "members": [
-            {
-              "kind": "field",
-              "name": "i18n",
-              "type": {
-                "text": "Partial<I18nStrings>",
-                "_sourceAliases": [],
-                "values": [
-                  {
-                    "value": "Partial<I18nStrings>",
-                    "description": ""
-                  }
-                ]
-              },
-              "readonly": true
-            }
-          ]
-        },
-        {
-          "kind": "variable",
-          "name": "I18nService",
-          "default": "new I18nService_()"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "I18nService_",
-          "declaration": {
-            "name": "I18nService_",
-            "module": "/src/internal/services/i18n.service.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "I18nService",
-          "declaration": {
-            "name": "I18nService",
-            "module": "/src/internal/services/i18n.service.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "/src/internal/services/log.service.js",
@@ -34286,12 +34127,6 @@
               "attribute": "size",
               "reflects": true,
               "descriptionText": "Controls the visual scale of an element to match its importance and available space."
-            },
-            {
-              "kind": "field",
-              "name": "i18n",
-              "description": "Enables updating internal string values for internationalization.",
-              "attribute": "i18n"
             }
           ],
           "events": [
@@ -34333,11 +34168,6 @@
               "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
               "fieldName": "size",
               "descriptionText": "Controls the visual scale of an element to match its importance and available space."
-            },
-            {
-              "name": "i18n",
-              "description": "Enables updating internal string values for internationalization.",
-              "fieldName": "i18n"
             }
           ],
           "superclass": {
@@ -34362,7 +34192,7 @@
             "since": "1.15.0",
             "status": "stable",
             "behavior": "content",
-            "markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| i18n |  | Enables updating internal string values for internationalization. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched after an invoker command sets `hidden` and closes the panel. |\n| open | `CustomEvent` | Dispatched after an invoker command removes `hidden` and opens the panel. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Sets `hidden` and dispatches `close`. |\n| --open | `CommandEvent` | Removes `hidden` and dispatches `open`. |\n| --toggle | `CommandEvent` | Toggles `hidden` and dispatches `open` or `close`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of panel open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
+            "markdown": "## nve-page-panel\n\nChild panel for embedded panels within the page component. Typically used for left/right/bottom page slot positions.\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | `nve-page-panel-content` elements that provide the panel body. |\n| actions | `string` | slot for action / dismiss buttons |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| size | `'sm' \\| 'md' \\| 'lg' \\| undefined` | Controls the visual scale of an element to match its importance and available space. - `sm` Compact size for dense layouts or secondary elements with less visual prominence. - `md` Standard size that works well in most contexts and provides balanced visibility. - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. |\n\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched after an invoker command sets `hidden` and closes the panel. |\n| open | `CustomEvent` | Dispatched after an invoker command removes `hidden` and opens the panel. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | Sets `hidden` and dispatches `close`. |\n| --open | `CommandEvent` | Removes `hidden` and dispatches `open`. |\n| --toggle | `CommandEvent` | Toggles `hidden` and dispatches `open` or `close`. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --animation-duration | `string` | Duration of panel open/close animations [MDN](https://mdn.dev/CSS/animation-duration) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --border | `string` | [MDN](https://mdn.dev/CSS/border) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --max-height | `string` | [MDN](https://mdn.dev/CSS/max-height) |\n| --max-width | `string` | [MDN](https://mdn.dev/CSS/max-width) |\n| --padding | `string` | [MDN](https://mdn.dev/CSS/padding) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {
@@ -51682,6 +51512,56 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "command",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "''",
+              "description": "Command to invoke on a node title click or Enter on its header.",
+              "attribute": "command"
+            },
+            {
+              "kind": "field",
+              "name": "commandfor",
+              "type": {
+                "text": "string | null",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "null",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "null",
+              "description": "ID of the element that receives the command.",
+              "attribute": "commandfor",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "commandForElement",
+              "type": {
+                "text": "HTMLElement | null",
+                "_sourceAliases": [],
+                "values": []
+              },
+              "default": "null",
+              "description": "Direct command target, taking precedence over commandfor."
+            },
             {
               "kind": "field",
               "name": "expanded",
@@ -51838,6 +51718,42 @@
             }
           ],
           "attributes": [
+            {
+              "name": "command",
+              "type": {
+                "text": "string",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "''",
+              "description": "Command to invoke on a node title click or Enter on its header.",
+              "fieldName": "command"
+            },
+            {
+              "name": "commandfor",
+              "type": {
+                "text": "string | null",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "string",
+                    "description": ""
+                  },
+                  {
+                    "value": "null",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "null",
+              "description": "ID of the element that receives the command.",
+              "fieldName": "commandfor"
+            },
             {
               "name": "expanded",
               "type": {
@@ -51967,7 +51883,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 only for extended long form content containing interactive elements or form inputs. |\n| prefix | `string` | Use for prefix content before the node title. |\n| suffix | `string` | Use for suffix content after the node title. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\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| 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 |  | Updates internal string values for internationalization. |\n| nodes | `TreeNode[]` | Returns the slotted child tree nodes. |\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| 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\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | use to close the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --open | `CommandEvent` | use to open the node |\n| --select | `CommandEvent` | use to select the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| close | `close(): unknown` | closes and sets the expanded state automatically if behaviorExpand is true |\n| open | `open(): unknown` | opens and sets the expanded state automatically if behaviorExpand is true |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\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| prefix | `string` | Use for prefix content before the node title. |\n| suffix | `string` | Use for suffix content after the node title. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| command | `string` | Command to invoke on a node title click or Enter on its header. |\n| commandfor | `string \\| null` | ID of the element that receives the command. |\n| commandForElement | `HTMLElement \\| null` | Direct command target, taking precedence over commandfor. |\n| expandable | `boolean` | Determines whether a node can be expandable. Expandable by default if slotted nodes exist. |\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| 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 |  | Updates internal string values for internationalization. |\n| nodes | `TreeNode[]` | Returns the slotted child tree nodes. |\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| 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\n### Events\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| close | `CustomEvent` | Dispatched when the node closes. |\n| open | `CustomEvent` | Dispatched when the node opens. |\n| select | `CustomEvent` | Dispatched when the node selection state changes. |\n\n### Invoker Commands\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --close | `CommandEvent` | use to close the node |\n| --deselect | `CommandEvent` | use to deselect the node |\n| --open | `CommandEvent` | use to open the node |\n| --select | `CommandEvent` | use to select the node |\n| --toggle | `CommandEvent` | use to toggle open / closed state of the node |\n| --toggle-select | `CommandEvent` | use to toggle the node selection state |\n\n### Methods\n\n| method | signatures | description |\n| ------ | ---------- | ----------- |\n| close | `close(): unknown` | closes and sets the expanded state automatically if behaviorExpand is true |\n| open | `open(): unknown` | opens and sets the expanded state automatically if behaviorExpand is true |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --min-height | `string` | [MDN](https://mdn.dev/CSS/min-height) |\n| --text-wrap | `string` | [MDN](https://mdn.dev/CSS/text-wrap) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |"
           },
           "commands": [
             {

package/dist/data.html.json

@@ -343,11 +343,6 @@
           "name": "prominence",
           "description": "Determines the visual prominence or weight",
           "values": [{ "name": "emphasis" }]
-        },
-        {
-          "name": "i18n",
-          "description": "Enables updating internal string values for internationalization.",
-          "values": []
         }
       ],
       "references": [
@@ -3718,11 +3713,6 @@
           "name": "size",
           "description": "Controls the visual scale of an element to match its importance and available space.\n- `sm` Compact size for dense layouts or secondary elements with less visual prominence.\n\n- `md` Standard size that works well in most contexts and provides balanced visibility.\n\n- `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts.",
           "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
-        },
-        {
-          "name": "i18n",
-          "description": "Enables updating internal string values for internationalization.",
-          "values": []
         }
       ],
       "references": [
@@ -5830,6 +5820,16 @@
       "name": "nve-tree-node",
       "description": "A 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\n\n### **Events:**\n - **open** - Dispatched when the node opens.\n- **close** - Dispatched when the node closes.\n- **select** - Dispatched when the node selection state changes.\n\n### **Methods:**\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### **Slots:**\n - _default_ - Use default slot for basic text content or nested <nve-tree-node> elements.\n- **prefix** - Use for prefix content before the node title.\n- **suffix** - Use for suffix content after the node title.\n- **content** - Use only for extended long form content containing interactive elements or form inputs.\n\n### **CSS Properties:**\n - **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--border-radius** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--text-wrap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n\n### **CSS Parts:**\n - **icon-button** - The icon button element\n- **icon** - The icon element\n- **checkbox** - The checkbox element",
       "attributes": [
+        {
+          "name": "command",
+          "description": "Command to invoke on a node title click or Enter on its header.",
+          "values": []
+        },
+        {
+          "name": "commandfor",
+          "description": "ID of the element that receives the command.",
+          "values": []
+        },
         {
           "name": "expanded",
           "description": "Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n- `true` The associated content expands and becomes visible to the user.\n\n- `false` The associated content collapses and hides from the user.",

package/dist/data.snippets.json

@@ -71,6 +71,24 @@
     "description": "Basic inline search",
     "body": "<nve-search>\n  <input type=\"search\" aria-label=\"${2:search}\" placeholder=\"${3:search}\">\n</nve-search>\n"
   },
+  "Page Header": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
+  },
+  "Page Header with Links": {
+    "srcFile": "page-header.snippets.html",
+    "prefix": [
+      "page-header-with-links"
+    ],
+    "type": "pattern",
+    "description": "Basic page-header layout with links.",
+    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
+  },
   "Page": {
     "srcFile": "page.snippets.html",
     "prefix": [
@@ -116,24 +134,6 @@
     "description": "Basic page subheader using toolbar.",
     "body": "<nve-toolbar slot=\"subheader\">\n  <h2 nve-text=\"emphasis heading sm\">${1:Subheader}</h2>\n</nve-toolbar>\n"
   },
-  "Page Header": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n</nve-page-header>\n"
-  },
-  "Page Header with Links": {
-    "srcFile": "page-header.snippets.html",
-    "prefix": [
-      "page-header-with-links"
-    ],
-    "type": "pattern",
-    "description": "Basic page-header layout with links.",
-    "body": "<nve-page-header slot=\"header\">\n  <nve-logo slot=\"prefix\" size=\"sm\">NV</nve-logo>\n  <h2 slot=\"prefix\">${1:NVIDIA}</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">${2:Link 1}</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">${3:Link 2}</a></nve-button>\n</nve-page-header>\n"
-  },
   "Input Group": {
     "srcFile": "input.snippets.html",
     "prefix": [
@@ -188,6 +188,33 @@
     "description": "Dialog is a component that appears above main content. A modal dialog is used to display critical information that requires users attention.",
     "body": "<nve-dialog size=\"${6:md}\" closable>\n  <nve-dialog-header>\n    <h3 nve-text=\"heading semibold\">${1:Title}</h3>\n  </nve-dialog-header>\n  <p nve-text=\"body\">${2:Content}</p>\n  <nve-dialog-footer>\n    <nve-button>${3:Cancel}</nve-button>\n    <nve-button interaction=\"${4:emphasis}\">${5:OK}</nve-button>\n  </nve-dialog-footer>\n</nve-dialog>\n$0\n"
   },
+  "Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "card"
+    ],
+    "type": "pattern",
+    "description": "Basic Card with header and footer",
+    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card"
+    ],
+    "type": "pattern",
+    "description": "Basic media Card with card content and card footer",
+    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
+  },
+  "Media Card Grid": {
+    "srcFile": "card.snippets.html",
+    "prefix": [
+      "media-card-grid"
+    ],
+    "type": "pattern",
+    "description": "Grid layout with 3 media cards",
+    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
+  },
   "Button Group": {
     "srcFile": "button-group.snippets.html",
     "prefix": [
@@ -224,32 +251,32 @@
     "description": "Simple vertical button group with three icon buttons.",
     "body": "<nve-button-group orientation=\"vertical\">\n  <nve-icon-button icon-name=\"${1:copy}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${2:add-comment}\"></nve-icon-button>\n  <nve-icon-button icon-name=\"${3:download}\"></nve-icon-button>\n</nve-button-group>\n"
   },
-  "Card": {
-    "srcFile": "card.snippets.html",
+  "Accordion": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "card"
+      "accordion"
     ],
     "type": "pattern",
-    "description": "Basic Card with header and footer",
-    "body": "<nve-card>\n  <nve-card-header>\n    <div>\n      <h2>${1:Title}</h2>\n      <p>${2:Sub Title}</p>\n    </div>\n  </nve-card-header>\n  <nve-card-content>\n    ${3:\n    <p>card content</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <nve-button style=\"margin-left: auto\">Action</nve-button>\n  </nve-card-footer>\n</nve-card>\n"
+    "description": "Basic accordion with title and content slot.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
   },
-  "Media Card": {
-    "srcFile": "card.snippets.html",
+  "Accordion with Actions": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "media-card"
+      "accordion-actions"
     ],
     "type": "pattern",
-    "description": "Basic media Card with card content and card footer",
-    "body": "<nve-card style=\"height: 100%; width: 100%;\">\n  <img alt=\"example visualization for media card demo\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n  <nve-card-content>\n    ${1:\n    <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n    }\n  </nve-card-content>\n  <nve-card-footer>\n    <div nve-layout=\"grid span-items:6 gap:xs\">\n      <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n      <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n    </div>\n  </nve-card-footer>\n</nve-card>\n"
+    "description": "Accordion with action buttons in header.",
+    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
   },
-  "Media Card Grid": {
-    "srcFile": "card.snippets.html",
+  "Accorion Group": {
+    "srcFile": "accordion.snippets.html",
     "prefix": [
-      "media-card-grid"
+      "accordion-group"
     ],
     "type": "pattern",
-    "description": "Grid layout with 3 media cards",
-    "body": "<section nve-layout=\"grid span-items:4 gap:md\">\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 1\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${1:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${2:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${3:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 2\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${4:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${5:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${6:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n\n  <nve-card style=\"height: 100%; width: 100%;\">\n    <img alt=\"example visualization for media card 3\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover;\">\n    <nve-card-content>\n      ${7:\n      <p>•︎•︎•︎ •︎•︎•︎ •︎•︎•︎</p>\n      }\n    </nve-card-content>\n    <nve-card-footer>\n      <div nve-layout=\"grid span-items:6 gap:xs\">\n        <nve-button>${8:•︎•︎•︎•︎•︎•︎}</nve-button>\n        <nve-button>${9:•︎•︎•︎•︎•︎•︎}</nve-button>\n      </div>\n    </nve-card-footer>\n  </nve-card>\n</section>\n"
+    "description": "Accordion group with two accordion children.",
+    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
   },
   "Alert Group": {
     "srcFile": "alert.snippets.html",
@@ -277,32 +304,5 @@
     "type": "pattern",
     "description": "Alert text and preformatted code output.",
     "body": "<nve-alert-group status=\"danger\">\n  <nve-alert>\n    Session Paused:\n    <div slot=\"content\" nve-layout=\"column gap:sm align:stretch\">\n      <p nve-text=\"body sm\">Failed to verify drives. <a href=\"#\" nve-text=\"link\">Check Status</a></p>\n      <nve-divider style=\"--color: var(--nve-sys-text-muted-color)\"></nve-divider>\n      <pre nve-text=\"code sm\" style=\"background: transparent !important; margin: 0;\">10:06:01 AM [verify] update /virtual:/verify/\n10:06:11 AM [build] update /virtual:/build/\n10:06:22 AM [error] update /virtual:/error/ - failed to connect to remote\n          </pre>\n    </div>\n  </nve-alert>\n</nve-alert-group>\n$0\n"
-  },
-  "Accordion": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion"
-    ],
-    "type": "pattern",
-    "description": "Basic accordion with title and content slot.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${3:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accordion with Actions": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-actions"
-    ],
-    "type": "pattern",
-    "description": "Accordion with action buttons in header.",
-    "body": "<nve-accordion behavior-expand container=\"${1:flat}\">\n  <nve-accordion-header>\n    <div>${2:Title}</div>\n\n    <nve-icon-button container=\"flat\" icon-name=\"${3:add}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n    <nve-icon-button container=\"flat\" icon-name=\"${4:delete}\" size=\"sm\" slot=\"suffix\"></nve-icon-button>\n  </nve-accordion-header>\n\n  <nve-accordion-content> ${5:Content} </nve-accordion-content>\n</nve-accordion>\n$0\n"
-  },
-  "Accorion Group": {
-    "srcFile": "accordion.snippets.html",
-    "prefix": [
-      "accordion-group"
-    ],
-    "type": "pattern",
-    "description": "Accordion group with two accordion children.",
-    "body": "<nve-accordion-group behavior-expand-single container=\"${1:flat}\">\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${2:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${3:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${4:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${5:Content} </nve-accordion-content>\n  </nve-accordion>\n\n  <nve-accordion>\n    <nve-accordion-header>\n      <div>${6:Title}</div>\n    </nve-accordion-header>\n\n    <nve-accordion-content> ${7:Content} </nve-accordion-content>\n  </nve-accordion>\n</nve-accordion-group>\n$0\n"
   }
 }

package/dist/date/date.d.ts

@@ -1,6 +1,7 @@
 import type { ContainerElement } from '@nvidia-elements/core/internal';
 import { Control } from '@nvidia-elements/core/forms';
 import { IconButton } from '@nvidia-elements/core/icon-button';
+import type { I18nDefaults } from '@nvidia-elements/foundations/internal/i18n';
 /**
  * @element nve-date
  * @description A date picker is a control that enables users to choose a date value.
@@ -24,6 +25,7 @@ import { IconButton } from '@nvidia-elements/core/icon-button';
  * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
  */
 export declare class Date extends Control implements ContainerElement {
+    protected get i18nDefaults(): I18nDefaults;
     /**
      * Reduces the visual container for a minimal borderless appearance while preserving whitespace bounds.
      * Use when embedding within another container such as a toolbar.