@nvidia-elements/core 2.22.0 → 2.22.1

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var s = class extends o(r) {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/button-group/button-group2.js

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [
 				"nve-button",
 				"nve-icon-button",

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-card"]
 		};
 	}
@@ -70,7 +70,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-card"]
 		};
 	}

package/dist/chat-message/chat-message2.js

@@ -13,7 +13,7 @@ var l = class extends o {
 	static {
 		this.metadata = {
 			tag: "nve-chat-message",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

@@ -12,7 +12,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox-group",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [
 				"label",
 				"nve-control-message",

package/dist/checkbox/checkbox.js

@@ -1,5 +1,5 @@
 // src/checkbox/checkbox.css?inline
-var e = ":host{--cursor: pointer;--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400);--border-width: var(--nve-ref-border-width-md);--border-radius: var(--nve-ref-border-radius-xs);--border-color: var(--nve-ref-border-color);--background: transparent;--check-color: transparent;display:inline-block;contain:layout}::slotted(input){width:var(--width)!important;height:var(--height)!important;cursor:var(--cursor)!important;margin:0!important;position:absolute!important;opacity:0!important;inset:0!important}[input]{align-items:center;position:relative}@keyframes select-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}[input] slot{width:var(--width);height:var(--height);border:var(--border-width) solid var(--border-color);background:var(--background);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.12,.32,.54,2),border-color var(--nve-ref-animation-duration-150) ease}[input] slot:before{content:\"\";width:calc(var(--width) * .7);height:calc(var(--width) * .7 / 1.369);aspect-ratio:1.369;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05)}@supports not (clip-path: shape(from 0% 0%,line to 100% 100%)){[input] slot:before{clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);width:calc(var(--width) * .6);height:calc(var(--width) * .6);aspect-ratio:1}}@supports (clip-path: shape(from 0% 0%,line to 100% 100%)){[input] slot:before{clip-path:shape(from 98.17% 2.51%,arc by 0% 12.12% of 8% 8.57% small cw,line by -60.51% 82.87%,arc by -8.85% 0% of 8% 8.57% small cw,line to 1.68% 60.34%,arc by .15% -11.91% of 8% 8.58% small cw,arc by 8.7% -.21% of 8% 8.58% small cw,line to 33.23% 79.32%,line by 56.09% -76.81%,arc by 8.85% 0% of 8% 8.57% small cw,close)}}:host(:state(checked)){--background: var(--accent-color);--check-color: var(--nve-sys-text-white-color)}:host(:state(checked)) [input] slot{border:0}:host(:state(checked):state(dirty)) [input] slot{animation:select-pop var(--nve-ref-animation-duration-200) ease-out}:host(:state(checked)) [input] slot:before{background:var(--check-color)}:host(:state(indeterminate)){--background: var(--border-color)}:host(:state(indeterminate)) [input] slot:before{display:none}:host(:state(indeterminate)) [input] slot:after{background:var(--nve-sys-interaction-color);content:\"\";display:inline-block;width:calc(var(--width) * .5);height:var(--border-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}";
+var e = ":host{--cursor: pointer;--width: var(--nve-ref-size-400);--height: var(--nve-ref-size-400);--border-width: var(--nve-ref-border-width-md);--border-radius: var(--nve-ref-border-radius-xs);--border-color: var(--nve-ref-border-color);--background: transparent;--check-color: transparent;display:inline-block;contain:layout}::slotted(input){width:var(--width)!important;height:var(--height)!important;cursor:var(--cursor)!important;margin:0!important;position:absolute!important;opacity:0!important;inset:0!important}[input]{align-items:center;position:relative}@keyframes select-pop{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}[input] slot{width:var(--width);height:var(--height);border:var(--border-width) solid var(--border-color);background:var(--background);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.12,.32,.54,2),border-color var(--nve-ref-animation-duration-150) ease}[input] slot:before{content:\"\";width:calc(var(--width) * .7);height:calc(var(--width) * .7 / 1.369);aspect-ratio:1.369;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.05);clip-path:shape(from 98.17% 2.51%,arc by 0% 12.12% of 8% 8.57% small cw,line by -60.51% 82.87%,arc by -8.85% 0% of 8% 8.57% small cw,line to 1.68% 60.34%,arc by .15% -11.91% of 8% 8.58% small cw,arc by 8.7% -.21% of 8% 8.58% small cw,line to 33.23% 79.32%,line by 56.09% -76.81%,arc by 8.85% 0% of 8% 8.57% small cw,close)}:host(:state(checked)){--background: var(--accent-color);--check-color: var(--nve-sys-text-white-color)}:host(:state(checked)) [input] slot{border:0}:host(:state(checked):state(dirty)) [input] slot{animation:select-pop var(--nve-ref-animation-duration-200) ease-out}:host(:state(checked)) [input] slot:before{background:var(--check-color)}:host(:state(indeterminate)){--background: var(--border-color)}:host(:state(indeterminate)) [input] slot:before{display:none}:host(:state(indeterminate)) [input] slot:after{background:var(--nve-sys-interaction-color);content:\"\";display:inline-block;width:calc(var(--width) * .5);height:var(--border-width);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}";
 export { e as default };
 
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["checkbox_default"],"sources":["../../src/checkbox/checkbox.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --cursor: pointer;\n  --width: var(--nve-ref-size-400);\n  --height: var(--nve-ref-size-400);\n  --border-width: var(--nve-ref-border-width-md);\n  --border-radius: var(--nve-ref-border-radius-xs);\n  --border-color: var(--nve-ref-border-color);\n  --background: transparent;\n  --check-color: transparent;\n  display: inline-block;\n  contain: layout;\n}\n\n::slotted(input) {\n  width: var(--width) !important;\n  height: var(--height) !important;\n  cursor: var(--cursor) !important;\n  margin: 0 !important;\n  position: absolute !important;\n  opacity: 0 !important;\n  inset: 0 !important;\n}\n\n[input] {\n  align-items: center;\n  position: relative;\n}\n\n@keyframes select-pop {\n  0% {\n    transform: scale(0.8);\n  }\n\n  50% {\n    transform: scale(1.1);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n[input] slot {\n  width: var(--width);\n  height: var(--height);\n  border: var(--border-width) solid var(--border-color);\n  background: var(--background);\n  border-radius: var(--border-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: visible;\n  transition:\n    transform var(--nve-ref-animation-duration-200) cubic-bezier(0.12, 0.32, 0.54, 2),\n    border-color var(--nve-ref-animation-duration-150) ease;\n}\n\n[input] slot::before {\n  content: '';\n  width: calc(var(--width) * 0.7);\n  height: calc(var(--width) * 0.7 / 1.369);\n  aspect-ratio: 1.369;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(1.05);\n}\n\n/* Fallback for browsers that don't support clip-path: shape(). Use polygon-based checkmark as fallback */\n@supports not (clip-path: shape(from 0% 0%, line to 100% 100%)) {\n  [input] slot::before {\n    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n    width: calc(var(--width) * 0.6);\n    height: calc(var(--width) * 0.6);\n    aspect-ratio: 1;\n  }\n}\n\n/* Modern browsers with shape() support */\n@supports (clip-path: shape(from 0% 0%, line to 100% 100%)) {\n  [input] slot::before {\n    clip-path: shape(\n      from 98.17% 2.51%,\n      arc by 0% 12.12% of 8% 8.57% small cw,\n      line by -60.51% 82.87%,\n      arc by -8.85% 0% of 8% 8.57% small cw,\n      line to 1.68% 60.34%,\n      arc by 0.15% -11.91% of 8% 8.58% small cw,\n      arc by 8.7% -0.21% of 8% 8.58% small cw,\n      line to 33.23% 79.32%,\n      line by 56.09% -76.81%,\n      arc by 8.85% 0% of 8% 8.57% small cw,\n      close\n    );\n  }\n}\n\n:host(:state(checked)) {\n  --background: var(--accent-color);\n  --check-color: var(--nve-sys-text-white-color);\n}\n\n:host(:state(checked)) [input] slot {\n  border: 0;\n}\n\n:host(:state(checked):state(dirty)) [input] slot {\n  animation: select-pop var(--nve-ref-animation-duration-200) ease-out;\n}\n\n:host(:state(checked)) [input] slot::before {\n  background: var(--check-color);\n}\n\n:host(:state(indeterminate)) {\n  --background: var(--border-color);\n}\n\n:host(:state(indeterminate)) [input] slot::before {\n  display: none;\n}\n\n:host(:state(indeterminate)) [input] slot::after {\n  /* stylelint-disable-next-line */\n  /* eslint-disable-next-line @nvidia-elements/lint/no-unexpected-css-variable */\n  background: var(--nve-sys-interaction-color);\n  content: '';\n  display: inline-block;\n  width: calc(var(--width) * 0.5);\n  height: var(--border-width);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n"],"mappings":""}
+{"version":3,"file":"checkbox.js","names":["checkbox_default"],"sources":["../../src/checkbox/checkbox.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --cursor: pointer;\n  --width: var(--nve-ref-size-400);\n  --height: var(--nve-ref-size-400);\n  --border-width: var(--nve-ref-border-width-md);\n  --border-radius: var(--nve-ref-border-radius-xs);\n  --border-color: var(--nve-ref-border-color);\n  --background: transparent;\n  --check-color: transparent;\n  display: inline-block;\n  contain: layout;\n}\n\n::slotted(input) {\n  width: var(--width) !important;\n  height: var(--height) !important;\n  cursor: var(--cursor) !important;\n  margin: 0 !important;\n  position: absolute !important;\n  opacity: 0 !important;\n  inset: 0 !important;\n}\n\n[input] {\n  align-items: center;\n  position: relative;\n}\n\n@keyframes select-pop {\n  0% {\n    transform: scale(0.8);\n  }\n\n  50% {\n    transform: scale(1.1);\n  }\n\n  100% {\n    transform: scale(1);\n  }\n}\n\n[input] slot {\n  width: var(--width);\n  height: var(--height);\n  border: var(--border-width) solid var(--border-color);\n  background: var(--background);\n  border-radius: var(--border-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: visible;\n  transition:\n    transform var(--nve-ref-animation-duration-200) cubic-bezier(0.12, 0.32, 0.54, 2),\n    border-color var(--nve-ref-animation-duration-150) ease;\n}\n\n[input] slot::before {\n  content: '';\n  width: calc(var(--width) * 0.7);\n  height: calc(var(--width) * 0.7 / 1.369);\n  aspect-ratio: 1.369;\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%) scale(1.05);\n  clip-path: shape(\n    from 98.17% 2.51%,\n    arc by 0% 12.12% of 8% 8.57% small cw,\n    line by -60.51% 82.87%,\n    arc by -8.85% 0% of 8% 8.57% small cw,\n    line to 1.68% 60.34%,\n    arc by 0.15% -11.91% of 8% 8.58% small cw,\n    arc by 8.7% -0.21% of 8% 8.58% small cw,\n    line to 33.23% 79.32%,\n    line by 56.09% -76.81%,\n    arc by 8.85% 0% of 8% 8.57% small cw,\n    close\n  );\n}\n\n:host(:state(checked)) {\n  --background: var(--accent-color);\n  --check-color: var(--nve-sys-text-white-color);\n}\n\n:host(:state(checked)) [input] slot {\n  border: 0;\n}\n\n:host(:state(checked):state(dirty)) [input] slot {\n  animation: select-pop var(--nve-ref-animation-duration-200) ease-out;\n}\n\n:host(:state(checked)) [input] slot::before {\n  background: var(--check-color);\n}\n\n:host(:state(indeterminate)) {\n  --background: var(--border-color);\n}\n\n:host(:state(indeterminate)) [input] slot::before {\n  display: none;\n}\n\n:host(:state(indeterminate)) [input] slot::after {\n  /* stylelint-disable-next-line */\n  /* eslint-disable-next-line @nvidia-elements/lint/no-unexpected-css-variable */\n  background: var(--nve-sys-interaction-color);\n  content: '';\n  display: inline-block;\n  width: calc(var(--width) * 0.5);\n  height: var(--border-width);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  pointer-events: none;\n}\n"],"mappings":""}

package/dist/checkbox/checkbox2.js

@@ -15,7 +15,7 @@ var o = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-checkbox",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [
 				"label",
 				"input",

package/dist/color/color2.js

@@ -24,7 +24,7 @@ var f = { expand: "expand" }, p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -39,7 +39,7 @@ var S = {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/copy-button/copy-button2.js

@@ -35,7 +35,7 @@ var p = {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/custom-elements-jsx.d.ts

@@ -6701,6 +6701,7 @@ export type CustomElements = {
    *
    * ### **CSS Properties:**
    *  - **--gap** - undefined _(default: undefined)_
+   * - **--indicator-animation-duration** - Duration of selection indicator movement. _(default: undefined)_
    * - **--indicator-background** - undefined _(default: undefined)_
    * - **--indicator-border-radius** - undefined _(default: undefined)_
    * - **--indicator-height** - undefined _(default: undefined)_

package/dist/custom-elements-vue.d.ts

@@ -6448,6 +6448,7 @@ export type CustomElements = {
    *
    * ### **CSS Properties:**
    *  - **--gap** - undefined _(default: undefined)_
+   * - **--indicator-animation-duration** - Duration of selection indicator movement. _(default: undefined)_
    * - **--indicator-background** - undefined _(default: undefined)_
    * - **--indicator-border-radius** - undefined _(default: undefined)_
    * - **--indicator-height** - undefined _(default: undefined)_

package/dist/custom-elements.json

@@ -48349,6 +48349,10 @@
               "name": "--gap",
               "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap)"
             },
+            {
+              "description": "Duration of selection indicator movement.",
+              "name": "--indicator-animation-duration"
+            },
             {
               "name": "--indicator-background",
               "description": ""
@@ -48523,7 +48527,7 @@
             "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-group id=\"tab-group-default\">\n  <nve-tabs>\n    <nve-tabs-item command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected 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| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-inset | `string` |  |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `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 command=\"--toggle\" commandfor=\"tab-group-default\" value=\"overview\">Overview</nve-tabs-item>\n    <nve-tabs-item selected 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| behaviorSelect (behavior-select) | `boolean` | Determines whether the tabs should handle selection behavior vs. defaults to off. |\n| borderless | `boolean` | Determines whether the tabs should display a border on selected items vs. defaults to show border. |\n| vertical | `boolean` | Determines whether the tabs should display in a vertical layout vs. defaulting to horizontal. |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --border-inset | `string` |  |\n| --gap | `string` | [MDN](https://mdn.dev/CSS/gap) |\n| --indicator-animation-duration | `string` | Duration of selection indicator movement. |\n| --indicator-background | `string` |  |\n| --indicator-border-radius | `string` |  |\n| --indicator-height | `string` |  |"
           }
         }
       ],

package/dist/data.html.json

@@ -5400,7 +5400,7 @@
     },
     {
       "name": "nve-tabs",
-      "description": "Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n---\n\n\n### **Slots:**\n - _default_ - default slot for tab-item\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--indicator-background** -  _(default: undefined)_\n- **--indicator-border-radius** -  _(default: undefined)_\n- **--indicator-height** -  _(default: undefined)_\n- **--border-inset** -  _(default: undefined)_",
+      "description": "Tabs provide a selection UX, typically used for swapping content shown on a page, or within a navigation context.\n---\n\n\n### **Slots:**\n - _default_ - default slot for tab-item\n\n### **CSS Properties:**\n - **--gap** - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) _(default: undefined)_\n- **--indicator-animation-duration** - Duration of selection indicator movement. _(default: undefined)_\n- **--indicator-background** -  _(default: undefined)_\n- **--indicator-border-radius** -  _(default: undefined)_\n- **--indicator-height** -  _(default: undefined)_\n- **--border-inset** -  _(default: undefined)_",
       "attributes": [
         {
           "name": "vertical",

package/dist/date/date2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-date",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/datetime/datetime2.js

@@ -22,7 +22,7 @@ var l = { expand: "expand" }, u = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-datetime",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/dialog/dialog-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-footer",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dialog-header",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-dialog"]
 		};
 	}

package/dist/dialog/dialog2.js

@@ -30,7 +30,7 @@ var h = { close: "close" }, g = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-dialog",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/divider/divider2.js

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

package/dist/dot/dot2.js

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

package/dist/drag-handle/drag-handle2.js

@@ -13,7 +13,7 @@ var c = class extends s(a) {
 	static {
 		this.metadata = {
 			tag: "nve-drag-handle",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/drawer/drawer-content2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-content",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-footer",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-drawer-header",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-drawer"]
 		};
 	}

package/dist/drawer/drawer2.js

@@ -30,7 +30,7 @@ var p = { close: "close" }, m = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-drawer",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/dropdown/dropdown-footer2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-footer",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown-header2.js

@@ -9,7 +9,7 @@ var i = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown-header",
-			version: "2.22.0",
+			version: "2.22.1",
 			parents: ["nve-dropdown"]
 		};
 	}

package/dist/dropdown/dropdown2.js

@@ -21,7 +21,7 @@ var p = { close: "close" }, m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-dropdown",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

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

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

package/dist/dropzone/dropzone2.js

@@ -26,7 +26,7 @@ var g = {
 	static {
 		this.metadata = {
 			tag: "nve-dropzone",
-			version: "2.22.0",
+			version: "2.22.1",
 			validators: [c, s],
 			valueSchema: {
 				type: "array",

package/dist/file/file2.js

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

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

@@ -94,7 +94,7 @@ var h = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-bytes",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	get #e() {

package/dist/format-datetime/format-datetime2.js

@@ -12,7 +12,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-format-datetime",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	get #e() {

package/dist/format-number/format-number2.js

@@ -28,7 +28,7 @@ var s = [
 	static {
 		this.metadata = {
 			tag: "nve-format-number",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	get #e() {

package/dist/format-relative-time/format-relative-time2.js

@@ -52,7 +52,7 @@ var s = {
 	static {
 		this.metadata = {
 			tag: "nve-format-relative-time",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	#e;

package/dist/format-truncate/format-truncate2.js

@@ -19,7 +19,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-format-truncate",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	#e;

package/dist/forms/control/control2.js

@@ -51,7 +51,7 @@ var C = class extends _ {
 	static {
 		this.metadata = {
 			tag: "nve-control",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/forms/control-group/control-group2.js

@@ -24,7 +24,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-control-group",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/forms/control-message/control-message2.js

@@ -23,7 +23,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-control-message",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/gauge/gauge2.js

@@ -45,7 +45,7 @@ var l = {
 	static {
 		this.metadata = {
 			tag: "nve-gauge",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	#e;

package/dist/grid/cell/cell2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-cell",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/grid/column/column2.js

@@ -13,7 +13,7 @@ var c = class r extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-column",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	get #e() {

package/dist/grid/footer/footer2.js

@@ -15,7 +15,7 @@ var s = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-grid-footer",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/grid/grid2.js

@@ -23,7 +23,7 @@ var y = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-grid",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [
 				d.metadata.tag,
 				f.metadata.tag,

package/dist/grid/header/header2.js

@@ -19,7 +19,7 @@ var m = class extends d {
 	static {
 		this.metadata = {
 			tag: "nve-grid-header",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [s.metadata.tag]
 		};
 	}

package/dist/grid/placeholder/placeholder2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-grid-placeholder",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	render() {

package/dist/grid/row/row2.js

@@ -15,7 +15,7 @@ var u = class extends s {
 	static {
 		this.metadata = {
 			tag: "nve-grid-row",
-			version: "2.22.0",
+			version: "2.22.1",
 			children: [a.metadata.tag]
 		};
 	}

package/dist/icon/icon2.js

@@ -16,7 +16,7 @@ var f = class n extends o {
 	static {
 		this.metadata = {
 			tag: "nve-icon",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {
@@ -103,7 +103,7 @@ a([l({
 })], f.prototype, "name", void 0), a([d()], f.prototype, "svg", void 0);
 function p(e) {
 	if (typeof globalThis.customElements?.get == "function") {
-		let t = n(e.metadata.version), i = n("2.22.0");
+		let t = n(e.metadata.version), i = n("2.22.1");
 		t.minor <= i.minor && t.major <= i.major && (e._icons = {
 			...e._icons,
 			...r

package/dist/icon-button/icon-button2.js

@@ -15,7 +15,7 @@ var l = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-icon-button",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static {

package/dist/iframe/iframe2.js

@@ -47,7 +47,7 @@ var a = "\n    window.addEventListener('message', event => {\n      if (event.so
 	static {
 		this.metadata = {
 			tag: "nve-iframe",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	static get observedAttributes() {

package/dist/index.js

@@ -2,7 +2,7 @@ import { getThemeTokens as e } from "./internal/utils/dom.js";
 import { statusIcons as t } from "./internal/types/index.js";
 import { internal_exports as n } from "./internal/index.js";
 // src/index.ts
-var r = "2.22.0", i = "@nvidia-elements", a = n.I18nService;
+var r = "2.22.1", i = "@nvidia-elements", a = n.I18nService;
 export { a as I18nService, i as SCOPE, r as VERSION, e as getThemeTokens, t as statusIcons };
 
 //# sourceMappingURL=index.js.map

package/dist/input/input-group2.js

@@ -11,7 +11,7 @@ var a = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input-group",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 	async connectedCallback() {

package/dist/input/input2.js

@@ -14,7 +14,7 @@ var a = r, o = class extends n {
 	static {
 		this.metadata = {
 			tag: "nve-input",
-			version: "2.22.0"
+			version: "2.22.1"
 		};
 	}
 };

package/dist/joystick/joystick2.js

@@ -38,7 +38,7 @@ var d = {
 	static {
 		this.metadata = {
 			tag: "nve-joystick",
-			version: "2.22.0",
+			version: "2.22.1",
 			valueSchema: {
 				type: "object",
 				properties: {