@nvidia-elements/core 2.0.4 → 2.1.0

package/dist/custom-elements.json

@@ -2749,6 +2749,14 @@
             "package": "@nvidia-elements/core/forms"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "@nvidia-elements/core/gauge"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -16414,6 +16422,412 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "/src/gauge/define.js",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/gauge/gauge.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Use a gauge to show system resource usage.",
+          "name": "Gauge",
+          "cssProperties": [
+            {
+              "name": "--track-width",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)"
+            },
+            {
+              "name": "--accent-color",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color)"
+            },
+            {
+              "name": "--background",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)"
+            },
+            {
+              "name": "--needle-background",
+              "description": ""
+            },
+            {
+              "name": "--track-background",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)"
+            },
+            {
+              "name": "--thumb-background",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)"
+            },
+            {
+              "name": "--color",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color)"
+            },
+            {
+              "name": "--width",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)"
+            },
+            {
+              "name": "--height",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height)"
+            },
+            {
+              "name": "--font-size",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)"
+            },
+            {
+              "name": "--gap",
+              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Content to display in the gauge center.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "0",
+              "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": "max",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "100",
+              "description": "The `max` value of the gauge that the `value` is proportionally scaled to.",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "'accent' | 'warning' | 'success' | 'danger' | 'neutral' | \"default\"",
+                "_sourceAliases": [
+                  "SupportStatus"
+                ],
+                "values": [
+                  {
+                    "value": "accent",
+                    "description": "Highlights important actions or draws attention to primary interactive elements."
+                  },
+                  {
+                    "value": "warning",
+                    "description": "Indicates cautionary actions that require careful consideration before proceeding."
+                  },
+                  {
+                    "value": "success",
+                    "description": "Represents positive outcomes, confirmations, or constructive actions."
+                  },
+                  {
+                    "value": "danger",
+                    "description": "Signals destructive or irreversible actions that need extra attention and confirmation."
+                  },
+                  {
+                    "value": "neutral",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'neutral'",
+              "description": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n- `accent` Highlights important actions or draws attention to primary interactive elements.\n\n- `warning` Indicates cautionary actions that require careful consideration before proceeding.\n\n- `success` Represents positive outcomes, confirmations, or constructive actions.\n\n- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.",
+              "attribute": "status",
+              "reflects": true,
+              "descriptionText": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions."
+            },
+            {
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'half' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "half",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Determines the gauge shape. Set `half` for a compact semi-circular arc.",
+              "attribute": "shape",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "thumb",
+              "type": {
+                "text": "'fill' | 'dot' | 'needle'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "fill",
+                    "description": ""
+                  },
+                  {
+                    "value": "dot",
+                    "description": ""
+                  },
+                  {
+                    "value": "needle",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'fill'",
+              "description": "Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer.",
+              "attribute": "thumb",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg' | \"default\"",
+                "_sourceAliases": [
+                  "Size"
+                ],
+                "values": [
+                  {
+                    "value": "sm",
+                    "description": "Compact size for dense layouts or secondary elements with less visual prominence."
+                  },
+                  {
+                    "value": "md",
+                    "description": "Standard size that works well in most contexts and provides balanced visibility."
+                  },
+                  {
+                    "value": "lg",
+                    "description": "Larger size for emphasizing important elements or improving touch targets in spacious layouts."
+                  }
+                ]
+              },
+              "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.",
+              "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"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "0",
+              "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": "max",
+              "type": {
+                "text": "number",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "number",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "100",
+              "description": "The `max` value of the gauge that the `value` is proportionally scaled to.",
+              "fieldName": "max"
+            },
+            {
+              "name": "status",
+              "type": {
+                "text": "'accent' | 'warning' | 'success' | 'danger' | 'neutral' | \"default\"",
+                "_sourceAliases": [
+                  "SupportStatus"
+                ],
+                "values": [
+                  {
+                    "value": "accent",
+                    "description": "Highlights important actions or draws attention to primary interactive elements."
+                  },
+                  {
+                    "value": "warning",
+                    "description": "Indicates cautionary actions that require careful consideration before proceeding."
+                  },
+                  {
+                    "value": "success",
+                    "description": "Represents positive outcomes, confirmations, or constructive actions."
+                  },
+                  {
+                    "value": "danger",
+                    "description": "Signals destructive or irreversible actions that need extra attention and confirmation."
+                  },
+                  {
+                    "value": "neutral",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'neutral'",
+              "description": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n- `accent` Highlights important actions or draws attention to primary interactive elements.\n\n- `warning` Indicates cautionary actions that require careful consideration before proceeding.\n\n- `success` Represents positive outcomes, confirmations, or constructive actions.\n\n- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.",
+              "fieldName": "status",
+              "descriptionText": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions."
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'half' | \"default\"",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "half",
+                    "description": ""
+                  }
+                ]
+              },
+              "description": "Determines the gauge shape. Set `half` for a compact semi-circular arc.",
+              "fieldName": "shape"
+            },
+            {
+              "name": "thumb",
+              "type": {
+                "text": "'fill' | 'dot' | 'needle'",
+                "_sourceAliases": [],
+                "values": [
+                  {
+                    "value": "fill",
+                    "description": ""
+                  },
+                  {
+                    "value": "dot",
+                    "description": ""
+                  },
+                  {
+                    "value": "needle",
+                    "description": ""
+                  }
+                ]
+              },
+              "default": "'fill'",
+              "description": "Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer.",
+              "fieldName": "thumb"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg' | \"default\"",
+                "_sourceAliases": [
+                  "Size"
+                ],
+                "values": [
+                  {
+                    "value": "sm",
+                    "description": "Compact size for dense layouts or secondary elements with less visual prominence."
+                  },
+                  {
+                    "value": "md",
+                    "description": "Standard size that works well in most contexts and provides balanced visibility."
+                  },
+                  {
+                    "value": "lg",
+                    "description": "Larger size for emphasizing important elements or improving touch targets in spacious layouts."
+                  }
+                ]
+              },
+              "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": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "nve-gauge",
+          "customElement": true,
+          "metadata": {
+            "unitTests": true,
+            "apiReview": true,
+            "performance": true,
+            "stable": false,
+            "vqa": true,
+            "responsive": true,
+            "themes": true,
+            "aria": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role",
+            "entrypoint": "@nvidia-elements/core/gauge",
+            "example": "<div nve-layout=\"row gap:sm\">\n  <nve-gauge value=\"50\">50%</nve-gauge>\n  <nve-gauge status=\"accent\" value=\"66\">66%</nve-gauge>\n</div>",
+            "package": true,
+            "since": "2.0.4",
+            "status": "beta",
+            "behavior": "content",
+            "markdown": "## nve-gauge\n\nUse a gauge to show system resource usage.\n\n### Example\n\n```html\n<div nve-layout=\"row gap:sm\">\n  <nve-gauge value=\"50\">50%</nve-gauge>\n  <nve-gauge status=\"accent\" value=\"66\">66%</nve-gauge>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/gauge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the gauge center. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number` | 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| max | `number` | The `max` value of the gauge that the `value` is proportionally scaled to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| \"default\"` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `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. |\n| shape | `'half' \\| \"default\"` | Determines the gauge shape. Set `half` for a compact semi-circular arc. |\n| thumb | `'fill' \\| 'dot' \\| 'needle'` | Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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| i18n |  | Enables updating internal string values for internationalization. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --needle-background | `string` |  |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Gauge",
+          "declaration": {
+            "name": "Gauge",
+            "module": "/src/gauge/gauge.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "/src/gauge/index.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "home/runner/work/elements/elements/projects/core/src/gauge/gauge.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "/src/grid/cell/cell.js",
@@ -24390,7 +24804,7 @@
             },
             {
               "kind": "method",
-              "name": "hostUpdated"
+              "name": "hostUpdate"
             },
             {
               "kind": "field",

package/dist/data.html.json

@@ -2121,6 +2121,73 @@
         }
       ]
     },
+    {
+      "name": "nve-gauge",
+      "description": "Use a gauge to show system resource usage.\n---\n\n\n### **Slots:**\n - _default_ - Content to display in the gauge center.\n\n### **CSS Properties:**\n - **--track-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--accent-color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color) _(default: undefined)_\n- **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--needle-background** -  _(default: undefined)_\n- **--track-background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--thumb-background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "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)",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The `max` value of the gauge that the `value` is proportionally scaled to.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions.\n- `accent` Highlights important actions or draws attention to primary interactive elements.\n\n- `warning` Indicates cautionary actions that require careful consideration before proceeding.\n\n- `success` Represents positive outcomes, confirmations, or constructive actions.\n\n- `danger` Signals destructive or irreversible actions that need extra attention and confirmation.",
+          "values": [
+            { "name": "accent" },
+            { "name": "warning" },
+            { "name": "success" },
+            { "name": "danger" },
+            { "name": "neutral" },
+            { "name": "default" }
+          ]
+        },
+        {
+          "name": "shape",
+          "description": "Determines the gauge shape. Set `half` for a compact semi-circular arc.",
+          "values": [{ "name": "half" }, { "name": "default" }]
+        },
+        {
+          "name": "thumb",
+          "description": "Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer.",
+          "values": [
+            { "name": "fill" },
+            { "name": "dot" },
+            { "name": "needle" }
+          ]
+        },
+        {
+          "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": "default" }
+          ]
+        },
+        {
+          "name": "i18n",
+          "description": "Enables updating internal string values for internationalization.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "aria",
+          "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role"
+        },
+        {
+          "name": "markdown",
+          "url": "## nve-gauge\n\nUse a gauge to show system resource usage.\n\n### Example\n\n```html\n<div nve-layout=\"row gap:sm\">\n  <nve-gauge value=\"50\">50%</nve-gauge>\n  <nve-gauge status=\"accent\" value=\"66\">66%</nve-gauge>\n</div>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/gauge/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | Content to display in the gauge center. |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| value | `number` | 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| max | `number` | The `max` value of the gauge that the `value` is proportionally scaled to. |\n| status | `'accent' \\| 'warning' \\| 'success' \\| 'danger' \\| 'neutral' \\| \"default\"` | Communicates the intent and semantic meaning of an element to help users understand the outcome of their actions. - `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. |\n| shape | `'half' \\| \"default\"` | Determines the gauge shape. Set `half` for a compact semi-circular arc. |\n| thumb | `'fill' \\| 'dot' \\| 'needle'` | Controls the value indicator. Set `dot` for only the end dot or `needle` for a pointer. |\n| size | `'sm' \\| 'md' \\| 'lg' \\| \"default\"` | 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| i18n |  | Enables updating internal string values for internationalization. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --track-width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --accent-color | `string` | [MDN](https://mdn.dev/CSS/accent-color) |\n| --background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --needle-background | `string` |  |\n| --track-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --thumb-background | `string` | [MDN](https://mdn.dev/CSS/background) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --height | `string` | [MDN](https://mdn.dev/CSS/height) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |"
+        }
+      ]
+    },
     {
       "name": "nve-grid-cell",
       "description": "Represents an individual data cell within a grid row, displaying content aligned to its parent column.\n---\n\n\n### **Slots:**\n - _default_ - default slot for content\n\n### **CSS Properties:**\n - **--background** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background) _(default: undefined)_\n- **--color** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/color) _(default: undefined)_\n- **--padding** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/padding) _(default: undefined)_\n- **--min-height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-height) _(default: undefined)_\n- **--min-width** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/min-width) _(default: undefined)_\n- **--font-weight** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight) _(default: undefined)_\n- **--font-size** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size) _(default: undefined)_\n- **--height** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/height) _(default: undefined)_\n- **--border-left** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-left) _(default: undefined)_\n- **--border-right** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-right) _(default: undefined)_\n- **--justify-content** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content) _(default: undefined)_",

package/dist/date/date.d.ts

@@ -1,6 +1,6 @@
-import { ContainerElement } from '../internal';
-import { Control } from '../forms';
-import { IconButton } from '../icon-button';
+import type { ContainerElement } from '@nvidia-elements/core/internal';
+import { Control } from '@nvidia-elements/core/forms';
+import { IconButton } from '@nvidia-elements/core/icon-button';
 /**
  * @element nve-date
  * @description A date picker is a control that enables users to choose a date value.
@@ -28,7 +28,7 @@ export declare class Date extends Control implements ContainerElement {
      * Use when embedding within another container such as a toolbar.
      */
     container?: 'flat';
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -36,5 +36,5 @@ export declare class Date extends Control implements ContainerElement {
     static elementDefinitions: {
         [IconButton.metadata.tag]: typeof IconButton;
     };
-    protected get suffixContent(): import('lit').TemplateResult<1>;
+    protected get suffixContent(): import("lit").TemplateResult<1>;
 }

package/dist/date/date2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.0.4"
+			version: "2.1.0"
 		};
 	}
 	static {

package/dist/date/define.d.ts

@@ -1,4 +1,4 @@
-import { Date } from '.';
+import { Date } from '@nvidia-elements/core/date';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-date': Date;

package/dist/datetime/datetime.d.ts

@@ -1,6 +1,6 @@
-import { ContainerElement } from '../internal';
-import { Control } from '../forms';
-import { IconButton } from '../icon-button';
+import type { ContainerElement } from '@nvidia-elements/core/internal';
+import { Control } from '@nvidia-elements/core/forms';
+import { IconButton } from '@nvidia-elements/core/icon-button';
 /**
  * @element nve-datetime
  * @description A datetime picker is a control that enables users to choose a datetime value.
@@ -28,7 +28,7 @@ export declare class Datetime extends Control implements ContainerElement {
      * Use when embedding within another container such as a toolbar.
      */
     container?: 'flat';
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
@@ -36,5 +36,5 @@ export declare class Datetime extends Control implements ContainerElement {
     static elementDefinitions: {
         [IconButton.metadata.tag]: typeof IconButton;
     };
-    protected get suffixContent(): import('lit').TemplateResult<1>;
+    protected get suffixContent(): import("lit").TemplateResult<1>;
 }

package/dist/datetime/datetime2.js

@@ -1,6 +1,6 @@
 import { scopedRegistry as e } from "../internal/decorators/scoped-registry.js";
 import { useStyles as t } from "../internal/styles/index.js";
-import { __decorate as n } from "../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import n from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/decorate.js";
 import { Control as r } from "../forms/control/control2.js";
 import { IconButton as i } from "../icon-button/icon-button2.js";
 import { inputStyles as a } from "../input/input2.js";
@@ -19,7 +19,7 @@ var l = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.0.4"
+			version: "2.1.0"
 		};
 	}
 	static {

package/dist/datetime/define.d.ts

@@ -1,4 +1,4 @@
-import { Datetime } from '.';
+import { Datetime } from '@nvidia-elements/core/datetime';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-datetime': Datetime;

package/dist/dialog/define.d.ts

@@ -1,4 +1,4 @@
-import { Dialog, DialogHeader, DialogFooter } from '.';
+import { Dialog, DialogHeader, DialogFooter } from '@nvidia-elements/core/dialog';
 declare global {
     interface HTMLElementTagNameMap {
         'nve-dialog': Dialog;

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

@@ -11,12 +11,12 @@ import { LitElement } from 'lit';
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
  */
 export declare class DialogFooter extends LitElement {
-    static styles: import('lit').CSSResult[];
+    static styles: import("lit").CSSResult[];
     static readonly metadata: {
         tag: string;
         version: string;
         parents: string[];
     };
-    render(): import('lit').TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
     connectedCallback(): void;
 }