@nvidia-elements/core 0.0.6 → 0.0.8

package/dist/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":[],"sources":["../../src/button/button.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  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --background: var(--nve-sys-interaction-background);\n  --color: var(--nve-sys-interaction-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-full);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --font-size: var(--nve-ref-font-size-100);\n  --text-decoration: none;\n  --text-align: center;\n  --cursor: pointer;\n  --gap: var(--nve-ref-space-xs);\n  --height: var(--nve-sys-interaction-field-height);\n  --text-transform: capitalize;\n  --line-height: 1.1em;\n  --_icon-color: var(--color);\n  --width: initial;\n  --min-width: var(--width);\n  display: inline-flex;\n  position: relative;\n  user-select: none;\n  white-space: nowrap;\n  width: var(--width);\n  min-width: var(--min-width);\n}\n\n[internal-host] {\n  color: var(--color);\n  background: var(--background);\n  padding: var(--padding);\n  height: var(--height);\n  width: 100%;\n  border: var(--border);\n  border-radius: var(--border-radius);\n  text-decoration: var(--text-decoration);\n  text-align: var(--text-align);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  cursor: var(--cursor);\n  gap: var(--gap);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  place-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  line-height: var(--line-height);\n  overflow: hidden;\n}\n\n::slotted(nve-icon:not([status])) {\n  --color: var(--_icon-color);\n  pointer-events: none;\n}\n\n::slotted(a) {\n  text-decoration: var(--text-decoration) !important;\n  color: var(--color) !important;\n  gap: var(--gap) !important;\n  display: flex !important;\n  align-items: center !important;\n  outline: 0;\n}\n\n::slotted(a)::after {\n  display: block;\n  content: ' ';\n  inset: 0;\n  position: absolute;\n}\n\n:host([nve-control]),\n:host([nve-control]) {\n  --text-align: start;\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: 0 var(--nve-ref-size-200);\n}\n\n:host([nve-control]) [internal-host],\n:host([nve-control]) [internal-host] {\n  justify-content: start;\n}\n\n:host([nve-control]) ::slotted([name='chevron-down']),\n:host([nve-control]) ::slotted([name='chevron-down']) {\n  --color: var(--nve-sys-text-muted-color);\n  margin-inline: auto 0;\n}\n\n:host([nve-control]:hover) [interaction-state],\n:host([nve-control]:hover) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --height: var(--nve-ref-size-900);\n  --padding: 0 var(--nve-ref-size-400);\n  --font-size: var(--nve-ref-font-size-200);\n  --line-height: 1em;\n}\n\n:host([readonly]) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n:host([interaction='emphasize']), /* deprecated */\n:host([interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-color);\n  --background: var(--nve-sys-interaction-emphasis-background);\n}\n\n:host([interaction='destructive']) {\n  --color: var(--nve-sys-interaction-destructive-color);\n  --background: var(--nve-sys-interaction-destructive-background);\n}\n\n:host([interaction='inverse']) {\n  /* deprecated */\n  --color: var(--nve-sys-interaction-background);\n  --background: var(--nve-sys-interaction-color);\n}\n\n:host(:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: var(--nve-sys-interaction-disabled-background);\n  --cursor: not-allowed;\n}\n\n:host(:state(disabled)) ::slotted(a) {\n  cursor: not-allowed;\n}\n\n:host(:state(pressed):not([interaction])) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(pressed):not([interaction], [container])) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host(:hover:not([interaction], [disabled], [readonly])) {\n  --color: var(--nve-sys-interaction-hover-color);\n}\n\n:host([container='flat'][selected]) [interaction-state],\n:host([container='flat']:state(selected)) [interaction-state],\n:host([container='flat'][pressed]) [interaction-state],\n:host([container='flat']:state(pressed)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([interaction*='flat']), /* deprecated */\n:host([container*='flat']),\n:host([container*='inline']) {\n  --background: transparent;\n  --text-transform: initial;\n  --border-radius: var(--nve-ref-border-radius-xs);\n  --_icon-color: var(--color);\n}\n\n:host([container*='flat'][interaction]:hover) {\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n@container style(--nve-sys-color-scheme: dark) {\n  :host([container*='flat']) {\n    --nve-sys-interaction-state-ratio-selected: 16% !important;\n    --nve-sys-interaction-state-ratio-hover: 12% !important;\n  }\n}\n\n:host([container*='flat'][interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n:host([container*='flat'][interaction='destructive']) {\n  --color: color-mix(in oklab, var(--nve-sys-interaction-destructive-background) 100%, currentColor 20%);\n}\n\n:host([container*='inline']) {\n  --padding: 0;\n  --height: fit-content;\n  --line-height: 0.8;\n\n  [internal-host] {\n    overflow: initial;\n  }\n}\n\n:host([interaction*='flat']:hover), /* deprecated */\n:host([container*='inline']:hover) {\n  --background: transparent;\n  --text-decoration: underline;\n}\n\n:host([interaction*='flat']:hover) [interaction-state], /* deprecated */\n:host([container*='inline']:hover) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([interaction*='flat']:state(active)), /* deprecated */\n:host([container*='inline']:state(active)) {\n  --background: transparent;\n  --text-decoration: underline;\n}\n\n:host([interaction*='flat']:state(disabled)), /* deprecated */\n:host([container*='flat']:state(disabled)),\n:host([container*='inline']:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: transparent;\n  --text-decoration: none !important;\n}\n\n:host([interaction*='flat']:state(disabled)) [interaction-state], /* deprecated */\n:host([container*='flat']:state(disabled)) [interaction-state],\n:host([container*='inline']:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([interaction*='flat']:state(selected)), /* deprecated */\n:host([container*='inline']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n  --background: transparent;\n}\n\n:host([container*='flat']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host([container*='flat'][interaction='emphasis']:state(selected)) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n:host([container*='flat'][interaction='destructive']:state(selected)) {\n  --color: var(--nve-sys-interaction-destructive-background);\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n:host(:state(selected)) {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\n:host([container*='inline']:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([container*='inline'][readonly]:not(:state(anchor))) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n:host([container='inline'][interaction='destructive']) {\n  --color: color-mix(in oklab, var(--nve-sys-interaction-destructive-background) 100%, currentColor 20%);\n}\n\n:host([container='inline'][interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n/* deprecated */\n:host([interaction*='flat']:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n/* deprecated */\n:host([interaction*='flat'][readonly]:not(:state(anchor))) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n/* deprecated */\n:host([interaction*='flat-destructive']) {\n  --color: var(--nve-sys-interaction-destructive-background);\n}\n\n/* deprecated */\n:host([interaction*='flat-emphasize']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n@keyframes inline-underline {\n  from {\n    transform: translateX(-50%) scaleX(0);\n  }\n\n  to {\n    transform: translateX(-50%) scaleX(1);\n  }\n}\n\n:host([container*='inline']) [internal-host]::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n\n  /* private API for inline underline border-bottom to customize underline downstream */\n  bottom: calc(var(--_border-bottom-offset, -2) * var(--nve-ref-border-width-md));\n  width: var(--_border-bottom-width, 100%);\n  height: var(--nve-ref-border-width-md);\n  background-color: currentColor;\n  transform: translateX(-50%) scaleX(0);\n  transform-origin: center;\n  transition: transform 0.3s ease;\n  will-change: transform;\n  border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([container*='inline']:hover) [internal-host]::after,\n:host([container*='inline']:focus) [internal-host]::after {\n  transform: translateX(-50%) scaleX(1);\n}\n\n:host([container*='inline']:state(disabled)) [internal-host]::after {\n  display: none;\n}\n\n:host([container*='inline']) {\n  --text-decoration: none;\n}\n\n:host([container*='inline']:hover) {\n  --text-decoration: none;\n}\n"],"mappings":""}
+{"version":3,"file":"button.js","names":[],"sources":["../../src/button/button.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  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --background: var(--nve-sys-interaction-background);\n  --color: var(--nve-sys-interaction-color);\n  --padding: 0 var(--nve-ref-size-300);\n  --border: 0;\n  --border-radius: var(--nve-ref-border-radius-full);\n  --font-weight: var(--nve-ref-font-weight-semibold);\n  --font-size: var(--nve-ref-font-size-100);\n  --text-decoration: none;\n  --text-align: center;\n  --cursor: pointer;\n  --gap: var(--nve-ref-space-xs);\n  --height: var(--nve-sys-interaction-field-height);\n  --text-transform: capitalize;\n  --line-height: 1.1em;\n  --_icon-color: var(--color);\n  --width: initial;\n  --min-width: var(--width);\n  display: inline-flex;\n  position: relative;\n  user-select: none;\n  white-space: nowrap;\n  width: var(--width);\n  min-width: var(--min-width);\n}\n\n[internal-host] {\n  color: var(--color);\n  background: var(--background);\n  padding: var(--padding);\n  height: var(--height);\n  width: 100%;\n  border: var(--border);\n  border-radius: var(--border-radius);\n  text-decoration: var(--text-decoration);\n  text-align: var(--text-align);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  cursor: var(--cursor);\n  gap: var(--gap);\n  text-transform: var(--text-transform);\n  display: inline-flex;\n  place-items: center;\n  justify-content: center;\n  white-space: nowrap;\n  line-height: var(--line-height);\n  overflow: hidden;\n}\n\n::slotted(nve-icon:not([status])) {\n  --color: var(--_icon-color);\n  pointer-events: none;\n}\n\n::slotted(a) {\n  text-decoration: var(--text-decoration) !important;\n  color: var(--color) !important;\n  gap: var(--gap) !important;\n  display: flex !important;\n  align-items: center !important;\n  outline: 0;\n}\n\n::slotted(a)::after {\n  display: block;\n  content: ' ';\n  inset: 0;\n  position: absolute;\n}\n\n:host([nve-control]) {\n  --text-align: start;\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --font-weight: var(--nve-ref-font-weight-regular);\n  --padding: 0 var(--nve-ref-size-200);\n}\n\n:host([nve-control]) [internal-host] {\n  justify-content: start;\n}\n\n:host([nve-control]) ::slotted([name='chevron-down']) {\n  --color: var(--nve-sys-text-muted-color);\n  margin-inline: auto 0;\n}\n\n:host([nve-control]:hover) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([size='sm']) {\n  --height: var(--nve-ref-size-700);\n}\n\n:host([size='lg']) {\n  --height: var(--nve-ref-size-900);\n  --padding: 0 var(--nve-ref-size-400);\n  --font-size: var(--nve-ref-font-size-200);\n  --line-height: 1em;\n}\n\n:host([readonly]) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n:host([interaction='emphasize']), /* deprecated */\n:host([interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-color);\n  --background: var(--nve-sys-interaction-emphasis-background);\n}\n\n:host([interaction='destructive']) {\n  --color: var(--nve-sys-interaction-destructive-color);\n  --background: var(--nve-sys-interaction-destructive-background);\n}\n\n:host([interaction='inverse']) {\n  /* deprecated */\n  --color: var(--nve-sys-interaction-background);\n  --background: var(--nve-sys-interaction-color);\n}\n\n:host(:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: var(--nve-sys-interaction-disabled-background);\n  --cursor: not-allowed;\n}\n\n:host(:state(disabled)) ::slotted(a) {\n  cursor: not-allowed;\n}\n\n:host(:state(pressed):not([interaction])) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host(:state(pressed):not([interaction], [container])) {\n  --background: var(--nve-sys-support-accent-color);\n  --color: var(--nve-sys-text-white-color);\n}\n\n:host(:hover:not([interaction], [disabled], [readonly])) {\n  --color: var(--nve-sys-interaction-hover-color);\n}\n\n:host([container='flat'][selected]) [interaction-state],\n:host([container='flat']:state(selected)) [interaction-state],\n:host([container='flat'][pressed]) [interaction-state],\n:host([container='flat']:state(pressed)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: var(--nve-sys-interaction-state-ratio-selected);\n}\n\n:host([interaction*='flat']), /* deprecated */\n:host([container*='flat']),\n:host([container*='inline']) {\n  --background: transparent;\n  --text-transform: initial;\n  --border-radius: var(--nve-ref-border-radius-xs);\n  --_icon-color: var(--color);\n}\n\n:host([container*='flat'][interaction]:hover) {\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n@container style(--nve-sys-color-scheme: dark) {\n  :host([container*='flat']) {\n    --nve-sys-interaction-state-ratio-selected: 16% !important;\n    --nve-sys-interaction-state-ratio-hover: 12% !important;\n  }\n}\n\n:host([container*='flat'][interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n:host([container*='flat'][interaction='destructive']) {\n  --color: color-mix(in oklab, var(--nve-sys-interaction-destructive-background) 100%, currentColor 20%);\n}\n\n:host([container*='inline']) {\n  --padding: 0;\n  --height: fit-content;\n  --line-height: 0.8;\n\n  [internal-host] {\n    overflow: initial;\n  }\n}\n\n:host([interaction*='flat']:hover), /* deprecated */\n:host([container*='inline']:hover) {\n  --background: transparent;\n  --text-decoration: underline;\n}\n\n:host([interaction*='flat']:hover) [interaction-state], /* deprecated */\n:host([container*='inline']:hover) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([interaction*='flat']:state(active)), /* deprecated */\n:host([container*='inline']:state(active)) {\n  --background: transparent;\n  --text-decoration: underline;\n}\n\n:host([interaction*='flat']:state(disabled)), /* deprecated */\n:host([container*='flat']:state(disabled)),\n:host([container*='inline']:state(disabled)) {\n  --color: var(--nve-sys-interaction-disabled-color);\n  --background: transparent;\n  --text-decoration: none !important;\n}\n\n:host([interaction*='flat']:state(disabled)) [interaction-state], /* deprecated */\n:host([container*='flat']:state(disabled)) [interaction-state],\n:host([container*='inline']:state(disabled)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([interaction*='flat']:state(selected)), /* deprecated */\n:host([container*='inline']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n  --background: transparent;\n}\n\n:host([container*='flat']:state(selected)) {\n  --color: var(--nve-sys-interaction-selected-color);\n}\n\n:host([container*='flat'][interaction='emphasis']:state(selected)) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n:host([container*='flat'][interaction='destructive']:state(selected)) {\n  --color: var(--nve-sys-interaction-destructive-background);\n  --background: color-mix(\n    in oklab,\n    var(--color) var(--nve-sys-contrast-mute-ratio),\n    var(--nve-sys-contrast-mute-color)\n  );\n}\n\n:host(:state(selected)) {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\n:host([container*='inline']:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n:host([container*='inline'][readonly]:not(:state(anchor))) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n:host([container='inline'][interaction='destructive']) {\n  --color: color-mix(in oklab, var(--nve-sys-interaction-destructive-background) 100%, currentColor 20%);\n}\n\n:host([container='inline'][interaction='emphasis']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n/* deprecated */\n:host([interaction*='flat']:state(selected)) [interaction-state] {\n  --nve-sys-interaction-state-ratio: 0;\n}\n\n/* deprecated */\n:host([interaction*='flat'][readonly]:not(:state(anchor))) {\n  --text-decoration: none;\n  --cursor: cursor;\n}\n\n/* deprecated */\n:host([interaction*='flat-destructive']) {\n  --color: var(--nve-sys-interaction-destructive-background);\n}\n\n/* deprecated */\n:host([interaction*='flat-emphasize']) {\n  --color: var(--nve-sys-interaction-emphasis-background);\n}\n\n@keyframes inline-underline {\n  from {\n    transform: translateX(-50%) scaleX(0);\n  }\n\n  to {\n    transform: translateX(-50%) scaleX(1);\n  }\n}\n\n:host([container*='inline']) [internal-host]::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n\n  /* private API for inline underline border-bottom to customize underline downstream */\n  bottom: calc(var(--_border-bottom-offset, -2) * var(--nve-ref-border-width-md));\n  width: var(--_border-bottom-width, 100%);\n  height: var(--nve-ref-border-width-md);\n  background-color: currentColor;\n  transform: translateX(-50%) scaleX(0);\n  transform-origin: center;\n  transition: transform 0.3s ease;\n  will-change: transform;\n  border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([container*='inline']:hover) [internal-host]::after,\n:host([container*='inline']:focus) [internal-host]::after {\n  transform: translateX(-50%) scaleX(1);\n}\n\n:host([container*='inline']:state(disabled)) [internal-host]::after {\n  display: none;\n}\n\n:host([container*='inline']) {\n  --text-decoration: none;\n}\n\n:host([container*='inline']:hover) {\n  --text-decoration: none;\n}\n"],"mappings":""}

package/dist/button/button2.js

@@ -12,7 +12,7 @@ var o = class extends t {
 	static {
 		this.metadata = {
 			tag: "nve-button",
-			version: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	render() {

package/dist/button-group/button-group.d.ts

@@ -42,5 +42,6 @@ export declare class ButtonGroup extends LitElement {
     private buttons;
     render(): import('lit-html').TemplateResult<1>;
     connectedCallback(): void;
+    disconnectedCallback(): void;
     updated(props: PropertyValues<this>): void;
 }

package/dist/button-group/button-group.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.global.js","names":[],"sources":["../../src/button-group/button-group.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n@supports (position-anchor: --selected) {\n  nve-button-group,\n  nve-button-group {\n    /* prettier-ignore */\n    &:has(> :state(pressed)):not(:has(> :state(pressed) ~ :state(pressed)), :has(> [container]), :has(> [interaction])) {\n      --indicator-background: var(--nve-sys-support-accent-color);\n      --indicator-border-radius: var(--nve-ref-border-radius-sm);\n\n      &::after {\n        background: var(--indicator-background);\n        border-radius: var(--indicator-border-radius);\n        position: fixed;\n        display: block;\n        content: '';\n        width: anchor-size(width);\n        height: anchor-size(height);\n        transition:\n          left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100),\n          top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n        position-anchor: --selected;\n        top: anchor(top);\n        left: anchor(left);\n        z-index: 0;\n      }\n\n      &[orientation='vertical']::after {\n        transition:\n          top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100),\n          left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n      }\n\n      &[container='rounded']::after {\n        --indicator-border-radius: var(--nve-ref-border-radius-full);\n      }\n\n      > nve-button,\n      > nve-button,\n      > nve-icon-button,\n      > nve-icon-button {\n        &:state(pressed) {\n          --background: transparent;\n          anchor-name: --selected;\n          z-index: 1;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"button-group.global.js","names":[],"sources":["../../src/button-group/button-group.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n@supports (position-anchor: --selected) {\n  nve-button-group {\n    /* prettier-ignore */\n    &:has(> :state(pressed)):not(:has(> :state(pressed) ~ :state(pressed)), :has(> [container]), :has(> [interaction])) {\n      --indicator-background: var(--nve-sys-support-accent-color);\n      --indicator-border-radius: var(--nve-ref-border-radius-sm);\n\n      &::after {\n        background: var(--indicator-background);\n        border-radius: var(--indicator-border-radius);\n        position: fixed;\n        display: block;\n        content: '';\n        width: anchor-size(width);\n        height: anchor-size(height);\n        transition:\n          left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100),\n          top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n        position-anchor: --selected;\n        top: anchor(top);\n        left: anchor(left);\n        z-index: 0;\n      }\n\n      &[orientation='vertical']::after {\n        transition:\n          top var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100),\n          left var(--nve-ref-animation-duration-150) var(--nve-ref-animation-easing-100);\n      }\n\n      &[container='rounded']::after {\n        --indicator-border-radius: var(--nve-ref-border-radius-full);\n      }\n\n      > nve-button,\n      > nve-icon-button {\n        &:state(pressed) {\n          --background: transparent;\n          anchor-name: --selected;\n          z-index: 1;\n        }\n      }\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 //#region src/button-group/button-group.css?inline
-var e = ":host{--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--background: var(--nve-sys-interaction-background);--border-radius: var(--nve-ref-border-radius-sm);--padding: var(--nve-ref-space-xxs);--gap: var(--nve-ref-space-xxxs);--width: fit-content;--height: fit-content;width:var(--width);height:var(--height)}[internal-host]{background:var(--background);border-radius:var(--border-radius);padding:var(--padding);gap:var(--gap);overflow:hidden;display:flex;height:100%;align-items:center}::slotted(nve-button),::slotted(nve-icon-button){--height: var(--nve-sys-interaction-field-height);--border-radius: var(--nve-ref-border-radius-sm)}::slotted(nve-icon-button){--width: var(--nve-sys-interaction-field-height)}::slotted(nve-divider){margin-block-start:calc(-1 * var(--padding));height:calc(100% + var(--padding));--color: color-mix(in oklab, var(--nve-sys-interaction-background) 100%, var(--nve-sys-interaction-color) 50%)}:host([container=\"flat\"]){--background: transparent}:host([container=\"rounded\"]){--border-radius: var(--nve-ref-border-radius-full)}:host([container=\"rounded\"]:not(:state(split))) ::slotted(nve-button),:host([container=\"rounded\"]:not(:state(split))) ::slotted(nve-icon-button){--border-radius: var(--nve-ref-border-radius-full)}:host([orientation=\"vertical\"]){--gap: var(--nve-ref-space-xs)}:host([orientation=\"vertical\"]) [internal-host]{flex-direction:column}:host([interaction=\"emphasize\"]) ::slotted(nve-divider),:host([interaction=\"emphasis\"]) ::slotted(nve-divider){--color: color-mix( in oklab, var(--nve-sys-interaction-emphasis-background) 100%, var(--nve-sys-interaction-emphasis-color) 50% )}:host([interaction=\"destructive\"]) ::slotted(nve-divider){--color: color-mix( in oklab, var(--nve-sys-interaction-destructive-background) 100%, var(--nve-sys-interaction-destructive-color) 50% )}:host(:state(split)){--padding: 0;--gap: 0}:host(:state(split)) ::slotted(nve-button){--border-radius: var(--nve-ref-border-radius-none)}:host(:state(split)) ::slotted(nve-icon-button){--border-radius: var(--nve-ref-border-radius-none)}";
+var e = ":host{--nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));--background: var(--nve-sys-interaction-background);--border-radius: var(--nve-ref-border-radius-sm);--padding: var(--nve-ref-space-xxs);--gap: var(--nve-ref-space-xxxs);--width: fit-content;--height: fit-content;width:var(--width);height:var(--height)}[internal-host]{background:var(--background);border-radius:var(--border-radius);padding:var(--padding);gap:var(--gap);overflow:hidden;display:flex;height:100%;align-items:center}::slotted(nve-button),::slotted(nve-icon-button){--height: var(--nve-sys-interaction-field-height);--border-radius: var(--nve-ref-border-radius-sm)}::slotted(nve-icon-button){--width: var(--nve-sys-interaction-field-height)}::slotted(nve-divider){margin-block-start:calc(-1 * var(--padding));height:calc(100% + var(--padding));--color: color-mix(in oklab, var(--nve-sys-interaction-background) 100%, var(--nve-sys-interaction-color) 50%)}:host([container=\"flat\"]){--background: transparent}:host([container=\"rounded\"]){--border-radius: var(--nve-ref-border-radius-full)}:host([container=\"rounded\"]:not(:state(split))) ::slotted(nve-button),:host([container=\"rounded\"]:not(:state(split))) ::slotted(nve-icon-button){--border-radius: var(--nve-ref-border-radius-full)}:host([orientation=\"vertical\"]){--gap: var(--nve-ref-space-xs)}:host([orientation=\"vertical\"]) [internal-host]{flex-direction:column}:host([interaction=\"emphasis\"]) ::slotted(nve-divider){--color: color-mix( in oklab, var(--nve-sys-interaction-emphasis-background) 100%, var(--nve-sys-interaction-emphasis-color) 50% )}:host([interaction=\"destructive\"]) ::slotted(nve-divider){--color: color-mix( in oklab, var(--nve-sys-interaction-destructive-background) 100%, var(--nve-sys-interaction-destructive-color) 50% )}:host(:state(split)){--padding: 0;--gap: 0}:host(:state(split)) ::slotted(nve-button){--border-radius: var(--nve-ref-border-radius-none)}:host(:state(split)) ::slotted(nve-icon-button){--border-radius: var(--nve-ref-border-radius-none)}";
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../../src/button-group/button-group.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  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --background: var(--nve-sys-interaction-background);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --padding: var(--nve-ref-space-xxs);\n  --gap: var(--nve-ref-space-xxxs);\n  --width: fit-content;\n  --height: fit-content;\n  width: var(--width);\n  height: var(--height);\n}\n\n[internal-host] {\n  background: var(--background);\n  border-radius: var(--border-radius);\n  padding: var(--padding);\n  gap: var(--gap);\n  overflow: hidden;\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n::slotted(nve-button),\n::slotted(nve-icon-button),\n::slotted(nve-button),\n::slotted(nve-icon-button) {\n  --height: var(--nve-sys-interaction-field-height);\n  --border-radius: var(--nve-ref-border-radius-sm);\n}\n\n::slotted(nve-icon-button) {\n  --width: var(--nve-sys-interaction-field-height);\n}\n\n::slotted(nve-divider),\n::slotted(nve-divider) {\n  margin-block-start: calc(-1 * var(--padding));\n  height: calc(100% + var(--padding));\n  --color: color-mix(in oklab, var(--nve-sys-interaction-background) 100%, var(--nve-sys-interaction-color) 50%);\n}\n\n:host([container='flat']) {\n  --background: transparent;\n}\n\n:host([container='rounded']) {\n  --border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([container='rounded']:not(:state(split))) ::slotted(nve-button),\n:host([container='rounded']:not(:state(split))) ::slotted(nve-icon-button),\n:host([container='rounded']:not(:state(split))) ::slotted(nve-button),\n:host([container='rounded']:not(:state(split))) ::slotted(nve-icon-button) {\n  --border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([orientation='vertical']) {\n  --gap: var(--nve-ref-space-xs);\n}\n\n:host([orientation='vertical']) [internal-host] {\n  flex-direction: column;\n}\n\n:host([interaction='emphasize']) ::slotted(nve-divider), /* deprecated */\n:host([interaction='emphasis']) ::slotted(nve-divider),\n:host([interaction='emphasis']) ::slotted(nve-divider) {\n  --color: color-mix(\n    in oklab,\n    var(--nve-sys-interaction-emphasis-background) 100%,\n    var(--nve-sys-interaction-emphasis-color) 50%\n  );\n}\n\n:host([interaction='destructive']) ::slotted(nve-divider),\n:host([interaction='destructive']) ::slotted(nve-divider) {\n  --color: color-mix(\n    in oklab,\n    var(--nve-sys-interaction-destructive-background) 100%,\n    var(--nve-sys-interaction-destructive-color) 50%\n  );\n}\n\n:host(:state(split)) {\n  --padding: 0;\n  --gap: 0;\n}\n\n:host(:state(split)) ::slotted(nve-button),\n:host(:state(split)) ::slotted(nve-button) {\n  --border-radius: var(--nve-ref-border-radius-none);\n}\n\n:host(:state(split)) ::slotted(nve-icon-button),\n:host(:state(split)) ::slotted(nve-icon-button) {\n  --border-radius: var(--nve-ref-border-radius-none);\n}\n"],"mappings":""}
+{"version":3,"file":"button-group.js","names":[],"sources":["../../src/button-group/button-group.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  --nve-sys-interaction-state-base: var(--background, var(--nve-sys-layer-canvas-background));\n  --background: var(--nve-sys-interaction-background);\n  --border-radius: var(--nve-ref-border-radius-sm);\n  --padding: var(--nve-ref-space-xxs);\n  --gap: var(--nve-ref-space-xxxs);\n  --width: fit-content;\n  --height: fit-content;\n  width: var(--width);\n  height: var(--height);\n}\n\n[internal-host] {\n  background: var(--background);\n  border-radius: var(--border-radius);\n  padding: var(--padding);\n  gap: var(--gap);\n  overflow: hidden;\n  display: flex;\n  height: 100%;\n  align-items: center;\n}\n\n::slotted(nve-button),\n::slotted(nve-icon-button) {\n  --height: var(--nve-sys-interaction-field-height);\n  --border-radius: var(--nve-ref-border-radius-sm);\n}\n\n::slotted(nve-icon-button) {\n  --width: var(--nve-sys-interaction-field-height);\n}\n\n::slotted(nve-divider) {\n  margin-block-start: calc(-1 * var(--padding));\n  height: calc(100% + var(--padding));\n  --color: color-mix(in oklab, var(--nve-sys-interaction-background) 100%, var(--nve-sys-interaction-color) 50%);\n}\n\n:host([container='flat']) {\n  --background: transparent;\n}\n\n:host([container='rounded']) {\n  --border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([container='rounded']:not(:state(split))) ::slotted(nve-button),\n:host([container='rounded']:not(:state(split))) ::slotted(nve-icon-button) {\n  --border-radius: var(--nve-ref-border-radius-full);\n}\n\n:host([orientation='vertical']) {\n  --gap: var(--nve-ref-space-xs);\n}\n\n:host([orientation='vertical']) [internal-host] {\n  flex-direction: column;\n}\n\n:host([interaction='emphasis']) ::slotted(nve-divider) {\n  --color: color-mix(\n    in oklab,\n    var(--nve-sys-interaction-emphasis-background) 100%,\n    var(--nve-sys-interaction-emphasis-color) 50%\n  );\n}\n\n:host([interaction='destructive']) ::slotted(nve-divider) {\n  --color: color-mix(\n    in oklab,\n    var(--nve-sys-interaction-destructive-background) 100%,\n    var(--nve-sys-interaction-destructive-color) 50%\n  );\n}\n\n:host(:state(split)) {\n  --padding: 0;\n  --gap: 0;\n}\n\n:host(:state(split)) ::slotted(nve-button) {\n  --border-radius: var(--nve-ref-border-radius-none);\n}\n\n:host(:state(split)) ::slotted(nve-icon-button) {\n  --border-radius: var(--nve-ref-border-radius-none);\n}\n"],"mappings":""}

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

@@ -26,7 +26,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-button-group",
-			version: "0.0.6",
+			version: "0.0.8",
 			children: [
 				"nve-button",
 				"nve-icon-button",
@@ -38,19 +38,23 @@ var f = class extends c {
 		return [...this.iconButtons, ...this.buttons];
 	}
 	render() {
-		return l`<div internal-host><slot @slotchange="${this.#t}"></slot></div>`;
+		return l`<div internal-host><slot @slotchange="${this.#n}"></slot></div>`;
 	}
 	connectedCallback() {
-		super.connectedCallback(), t(this), e(this, s), this._internals.role = "group", this.addEventListener("click", (e) => this.#n(e.target));
+		super.connectedCallback(), t(this), e(this, s), this._internals.role = "group", this.addEventListener("click", this.#t);
 	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.#t);
+	}
+	#t = (e) => this.#r(e.target);
 	updated(e) {
-		super.updated(e), this.#t();
+		super.updated(e), this.#n();
 	}
-	#t() {
+	#n() {
 		this.container === "flat" && this.#e.forEach((e) => e.container = "flat"), this.interaction && this.#e.forEach((e) => e.interaction = this.interaction), this.dividers.length ? this._internals.states.add("split") : this._internals.states.delete("split");
 	}
-	#n(e) {
-		e.matches?.("nve-button, nve-button, nve-icon-button, nve-icon-button") && (this.behaviorSelect === "single" ? (this.#e.forEach((e) => e.pressed = !1), e.pressed = !0) : this.behaviorSelect === "multi" && (e.pressed = !e.pressed));
+	#r(e) {
+		e.matches?.("nve-button, nve-icon-button") && (this.behaviorSelect === "single" ? (this.#e.forEach((e) => e.pressed = !1), e.pressed = !0) : this.behaviorSelect === "multi" && (e.pressed = !e.pressed));
 	}
 };
 n([u({
@@ -68,7 +72,7 @@ n([u({
 })], f.prototype, "interaction", void 0), n([u({
 	type: String,
 	reflect: !0
-})], f.prototype, "size", void 0), n([d({ selector: "nve-divider, nve-divider" })], f.prototype, "dividers", void 0), n([d({ selector: "nve-icon-button, nve-icon-button" })], f.prototype, "iconButtons", void 0), n([d({ selector: "nve-button, nve-button" })], f.prototype, "buttons", void 0), f = n([r(), i()], f);
+})], f.prototype, "size", void 0), n([d({ selector: "nve-divider" })], f.prototype, "dividers", void 0), n([d({ selector: "nve-icon-button" })], f.prototype, "iconButtons", void 0), n([d({ selector: "nve-button" })], f.prototype, "buttons", void 0), f = n([r(), i()], f);
 //#endregion
 export { f as ButtonGroup };
 

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

@@ -1 +1 @@
-{"version":3,"file":"button-group2.js","names":["#buttons","#syncStyleStates","#selectButton"],"sources":["../../src/button-group/button-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig, Interaction, Size } from '@nvidia-elements/core/internal';\nimport { attachInternals, keyNavigationList, useStyles, audit, appendRootNodeStyle } from '@nvidia-elements/core/internal';\nimport type { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { Button } from '@nvidia-elements/core/button';\nimport type { Divider } from '@nvidia-elements/core/divider';\nimport styles from './button-group.css?inline';\nimport globalStyles from './button-group.global.css?inline';\n\n/**\n * @element nve-button-group\n * @description A button group is a control that enables users to choose between two or more distinct mutually exclusive options.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/button-group\n * @slot - default slot for `nve-button` or `nve-icon-button`\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role\n */\n@audit()\n@keyNavigationList<ButtonGroup>()\nexport class ButtonGroup extends LitElement {\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.#buttons,\n      layout: this.orientation\n    };\n  }\n\n  /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */\n  @property({ type: String, attribute: 'behavior-select' }) behaviorSelect: 'single' | 'multi';\n\n  /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'rounded';\n\n  /** Determines the orientation direction of the group. Vertical groups support icon buttons only. */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Use the `interaction` property on `button-group` in combination with `divider` for color-coded split buttons */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  /** Determines size of button */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button-group',\n    version: '0.0.0',\n    children: ['nve-button', 'nve-icon-button', 'nve-divider']\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements({ selector: 'nve-divider, nve-divider' }) private dividers!: Divider[];\n\n  @queryAssignedElements({ selector: 'nve-icon-button, nve-icon-button' }) private iconButtons!: IconButton[];\n\n  @queryAssignedElements({ selector: 'nve-button, nve-button' }) private buttons!: Button[];\n\n  get #buttons() {\n    return [...this.iconButtons, ...this.buttons];\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncStyleStates}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'group';\n    this.addEventListener('click', e => this.#selectButton(e.target as HTMLElement & { pressed?: boolean }));\n  }\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#syncStyleStates();\n  }\n\n  #syncStyleStates() {\n    if (this.container === 'flat') {\n      this.#buttons.forEach(btn => (btn.container = 'flat'));\n    }\n\n    if (this.interaction) {\n      this.#buttons.forEach(btn => (btn.interaction = this.interaction));\n    }\n\n    this.dividers.length ? this._internals.states.add('split') : this._internals.states.delete('split');\n  }\n\n  #selectButton(button: HTMLElement & { pressed?: boolean }) {\n    if (!button.matches?.('nve-button, nve-button, nve-icon-button, nve-icon-button')) {\n      return;\n    }\n\n    if (this.behaviorSelect === 'single') {\n      this.#buttons.forEach(i => (i.pressed = false));\n      button.pressed = true;\n    } else if (this.behaviorSelect === 'multi') {\n      button.pressed = !button.pressed;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAgCO,IAAA,IAAA,cAA0B,EAAW;;kCAgB2C;;CAdrF,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,MAAA;GACP,QAAQ,KAAK;GACd;;;gBAkBa,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAc;IAAmB;;GAC7C;;CAWD,KAAA,IAAe;AACb,SAAO,CAAC,GAAG,KAAK,aAAa,GAAG,KAAK,QAAQ;;CAG/C,SAAS;AACP,SAAO,CAAI,yCAEa,MAAA,EAAsB;;CAKhD,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,EAAoB,MAAM,EAAa,EACvC,KAAK,WAAW,OAAO,SACvB,KAAK,iBAAiB,UAAS,MAAK,MAAA,EAAmB,EAAE,OAA8C,CAAC;;CAG1G,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAuB;;CAGzB,KAAmB;AASjB,EARI,KAAK,cAAc,UACrB,MAAA,EAAc,SAAQ,MAAQ,EAAI,YAAY,OAAQ,EAGpD,KAAK,eACP,MAAA,EAAc,SAAQ,MAAQ,EAAI,cAAc,KAAK,YAAa,EAGpE,KAAK,SAAS,SAAS,KAAK,WAAW,OAAO,IAAI,QAAQ,GAAG,KAAK,WAAW,OAAO,OAAO,QAAQ;;CAGrG,GAAc,GAA6C;AACpD,IAAO,UAAU,2DAA2D,KAI7E,KAAK,mBAAmB,YAC1B,MAAA,EAAc,SAAQ,MAAM,EAAE,UAAU,GAAO,EAC/C,EAAO,UAAU,MACR,KAAK,mBAAmB,YACjC,EAAO,UAAU,CAAC,EAAO;;;GA7E5B,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAGxD,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAazC,EAAsB,EAAE,UAAU,4BAA4B,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAE/D,EAAsB,EAAE,UAAU,oCAAoC,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAEvE,EAAsB,EAAE,UAAU,0BAA0B,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,SAzC/D,GAAO,EACP,GAAgC,CAAA,EAAA,EAAA"}
+{"version":3,"file":"button-group2.js","names":["#buttons","#syncStyleStates","#onClick","#selectButton"],"sources":["../../src/button-group/button-group.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { PropertyValues } from 'lit';\nimport { html, LitElement } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { queryAssignedElements } from 'lit/decorators/query-assigned-elements.js';\nimport type { KeynavListConfig, Interaction, Size } from '@nvidia-elements/core/internal';\nimport {\n  attachInternals,\n  keyNavigationList,\n  useStyles,\n  audit,\n  appendRootNodeStyle\n} from '@nvidia-elements/core/internal';\nimport type { IconButton } from '@nvidia-elements/core/icon-button';\nimport type { Button } from '@nvidia-elements/core/button';\nimport type { Divider } from '@nvidia-elements/core/divider';\nimport styles from './button-group.css?inline';\nimport globalStyles from './button-group.global.css?inline';\n\n/**\n * @element nve-button-group\n * @description A button group is a control that enables users to choose between two or more distinct mutually exclusive options.\n * @since 0.16.0\n * @entrypoint \\@nvidia-elements/core/button-group\n * @slot - default slot for `nve-button` or `nve-icon-button`\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --gap\n * @cssprop --width\n * @cssprop --height\n * @cssprop --color\n * @aria https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/group_role\n */\n@audit()\n@keyNavigationList<ButtonGroup>()\nexport class ButtonGroup extends LitElement {\n  /** @private */\n  get keynavListConfig(): KeynavListConfig {\n    return {\n      items: this.#buttons,\n      layout: this.orientation\n    };\n  }\n\n  /** By default the button group is stateless. Add the `behavior-select` attribute and set to `single` or `multi` to enable stateful selction handling. */\n  @property({ type: String, attribute: 'behavior-select' }) behaviorSelect: 'single' | 'multi';\n\n  /** Set the style of the button group using the `container` property. Options are the default display when omitting the attribute, `flat` or `rounded`. */\n  @property({ type: String, reflect: true }) container?: 'flat' | 'rounded';\n\n  /** Determines the orientation direction of the group. Vertical groups support icon buttons only. */\n  @property({ type: String, reflect: true }) orientation?: 'horizontal' | 'vertical' = 'horizontal';\n\n  /** Use the `interaction` property on `button-group` in combination with `divider` for color-coded split buttons */\n  @property({ type: String, reflect: true }) interaction: Interaction;\n\n  /** Determines size of button */\n  @property({ type: String, reflect: true }) size?: Size;\n\n  static styles = useStyles([styles]);\n\n  static readonly metadata = {\n    tag: 'nve-button-group',\n    version: '0.0.0',\n    children: ['nve-button', 'nve-icon-button', 'nve-divider']\n  };\n\n  /** @private */\n  declare _internals: ElementInternals;\n\n  @queryAssignedElements({ selector: 'nve-divider' }) private dividers!: Divider[];\n\n  @queryAssignedElements({ selector: 'nve-icon-button' }) private iconButtons!: IconButton[];\n\n  @queryAssignedElements({ selector: 'nve-button' }) private buttons!: Button[];\n\n  get #buttons() {\n    return [...this.iconButtons, ...this.buttons];\n  }\n\n  render() {\n    return html`\n      <div internal-host>\n        <slot @slotchange=${this.#syncStyleStates}></slot>\n      </div>\n    `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    attachInternals(this);\n    appendRootNodeStyle(this, globalStyles);\n    this._internals.role = 'group';\n    this.addEventListener('click', this.#onClick);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#onClick);\n  }\n\n  #onClick = (e: Event) => this.#selectButton(e.target as HTMLElement & { pressed?: boolean });\n\n  updated(props: PropertyValues<this>) {\n    super.updated(props);\n    this.#syncStyleStates();\n  }\n\n  #syncStyleStates() {\n    if (this.container === 'flat') {\n      this.#buttons.forEach(btn => (btn.container = 'flat'));\n    }\n\n    if (this.interaction) {\n      this.#buttons.forEach(btn => (btn.interaction = this.interaction));\n    }\n\n    this.dividers.length ? this._internals.states.add('split') : this._internals.states.delete('split');\n  }\n\n  #selectButton(button: HTMLElement & { pressed?: boolean }) {\n    if (!button.matches?.('nve-button, nve-icon-button')) {\n      return;\n    }\n\n    if (this.behaviorSelect === 'single') {\n      this.#buttons.forEach(i => (i.pressed = false));\n      button.pressed = true;\n    } else if (this.behaviorSelect === 'multi') {\n      button.pressed = !button.pressed;\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAsCO,IAAA,IAAA,cAA0B,EAAW;;kCAgB2C;;CAdrF,IAAI,mBAAqC;AACvC,SAAO;GACL,OAAO,MAAA;GACP,QAAQ,KAAK;GACd;;;gBAkBa,EAAU,CAAC,EAAO,CAAC;;;kBAER;GACzB,KAAK;GACL,SAAS;GACT,UAAU;IAAC;IAAc;IAAmB;;GAC7C;;CAWD,KAAA,IAAe;AACb,SAAO,CAAC,GAAG,KAAK,aAAa,GAAG,KAAK,QAAQ;;CAG/C,SAAS;AACP,SAAO,CAAI,yCAEa,MAAA,EAAsB;;CAKhD,oBAAoB;AAKlB,EAJA,MAAM,mBAAmB,EACzB,EAAgB,KAAK,EACrB,EAAoB,MAAM,EAAa,EACvC,KAAK,WAAW,OAAO,SACvB,KAAK,iBAAiB,SAAS,MAAA,EAAc;;CAG/C,uBAAuB;AAErB,EADA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAc;;CAGlD,MAAY,MAAa,MAAA,EAAmB,EAAE,OAA8C;CAE5F,QAAQ,GAA6B;AAEnC,EADA,MAAM,QAAQ,EAAM,EACpB,MAAA,GAAuB;;CAGzB,KAAmB;AASjB,EARI,KAAK,cAAc,UACrB,MAAA,EAAc,SAAQ,MAAQ,EAAI,YAAY,OAAQ,EAGpD,KAAK,eACP,MAAA,EAAc,SAAQ,MAAQ,EAAI,cAAc,KAAK,YAAa,EAGpE,KAAK,SAAS,SAAS,KAAK,WAAW,OAAO,IAAI,QAAQ,GAAG,KAAK,WAAW,OAAO,OAAO,QAAQ;;CAGrG,GAAc,GAA6C;AACpD,IAAO,UAAU,8BAA8B,KAIhD,KAAK,mBAAmB,YAC1B,MAAA,EAAc,SAAQ,MAAM,EAAE,UAAU,GAAO,EAC/C,EAAO,UAAU,MACR,KAAK,mBAAmB,YACjC,EAAO,UAAU,CAAC,EAAO;;;GApF5B,EAAS;CAAE,MAAM;CAAQ,WAAW;CAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,kBAAA,KAAA,EAAA,KAGxD,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAGzC,EAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAazC,EAAsB,EAAE,UAAU,eAAe,CAAC,CAAA,EAAA,EAAA,WAAA,YAAA,KAAA,EAAA,KAElD,EAAsB,EAAE,UAAU,mBAAmB,CAAC,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAEtD,EAAsB,EAAE,UAAU,cAAc,CAAC,CAAA,EAAA,EAAA,WAAA,WAAA,KAAA,EAAA,SAzCnD,GAAO,EACP,GAAgC,CAAA,EAAA,EAAA"}

package/dist/card/card-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-header.js","names":[],"sources":["../../src/card/card-header.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --line-height: 1em;\n  --gap: var(--nve-ref-space-xs);\n  contain: none;\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-bottom: var(--border-bottom);\n  color: var(--color);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  width: 100%;\n}\n\n::slotted([slot='title']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-200);\n  font-weight: var(--nve-ref-font-weight-bold);\n}\n\n::slotted([slot='subtitle']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-100);\n  font-weight: var(--nve-ref-font-weight-regular);\n}\n\n::slotted(nve-tabs),\n::slotted(nve-tabs) {\n  margin-block-end: calc(-1 * var(--padding));\n}\n"],"mappings":""}
+{"version":3,"file":"card-header.js","names":[],"sources":["../../src/card/card-header.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  --padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --border-bottom: var(--nve-ref-border-width-sm) solid var(--nve-ref-border-color-muted);\n  --line-height: 1em;\n  --gap: var(--nve-ref-space-xs);\n  contain: none;\n}\n\n[internal-host] {\n  padding: var(--padding);\n  border-bottom: var(--border-bottom);\n  color: var(--color);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.content {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap);\n  width: 100%;\n}\n\n::slotted([slot='title']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-200);\n  font-weight: var(--nve-ref-font-weight-bold);\n}\n\n::slotted([slot='subtitle']) {\n  margin: 0;\n  font-size: var(--nve-ref-font-size-100);\n  font-weight: var(--nve-ref-font-weight-regular);\n}\n\n::slotted(nve-tabs) {\n  margin-block-end: calc(-1 * var(--padding));\n}\n"],"mappings":""}

package/dist/card/card2.js

@@ -16,7 +16,7 @@ var d = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card",
-			version: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	render() {
@@ -37,7 +37,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-header",
-			version: "0.0.6",
+			version: "0.0.8",
 			parents: ["nve-card"]
 		};
 	}
@@ -53,7 +53,7 @@ var p = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-content",
-			version: "0.0.6",
+			version: "0.0.8",
 			parents: ["nve-card"]
 		};
 	}
@@ -72,7 +72,7 @@ var m = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-card-footer",
-			version: "0.0.6",
+			version: "0.0.8",
 			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: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	render() {

package/dist/checkbox/checkbox-group2.js

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

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"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  background: var(--nve-sys-interaction-color); /* eslint-disable-line @nvidia-elements/lint/no-unexpected-css-variable */\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":[],"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":""}

package/dist/checkbox/checkbox2.js

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

package/dist/color/color.global.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.global.js","names":[],"sources":["../../src/color/color.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-color input::-webkit-color-swatch,\nnve-color input::-webkit-color-swatch {\n  border: none !important;\n}\n"],"mappings":""}
+{"version":3,"file":"color.global.js","names":[],"sources":["../../src/color/color.global.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\nnve-color input::-webkit-color-swatch {\n  border: none !important;\n}\n"],"mappings":""}

package/dist/color/color2.js

@@ -21,7 +21,7 @@ var f = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-color",
-			version: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	static {

package/dist/combobox/combobox2.js

@@ -31,7 +31,7 @@ var S = class extends l {
 	static {
 		this.metadata = {
 			tag: "nve-combobox",
-			version: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	static {

package/dist/copy-button/copy-button.d.ts

@@ -53,5 +53,6 @@ export declare class CopyButton extends Button {
         [Tooltip.metadata.tag]: typeof Tooltip;
     };
     render(): import('lit-html').TemplateResult<1>;
-    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
 }

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

@@ -12,6 +12,9 @@ import { property as d } from "lit/decorators/property.js";
 import { state as f } from "lit/decorators/state.js";
 //#region src/copy-button/copy-button.ts
 var p = class extends a {
+	constructor(...e) {
+		super(...e), this.copied = !1, this.showToast = !1, this.showTooltip = !1, this.i18n = this.#e.i18n;
+	}
 	#e = new t(this);
 	static {
 		this.styles = r([...a.styles, c]);
@@ -19,7 +22,7 @@ var p = class extends a {
 	static {
 		this.metadata = {
 			tag: "nve-copy-button",
-			version: "0.0.6"
+			version: "0.0.8"
 		};
 	}
 	static {
@@ -32,25 +35,28 @@ var p = class extends a {
 	render() {
 		return l`<div id="btn" internal-host interaction-state focus-within><slot></slot>${this.copied ? l`<nve-icon part="icon" name="check" status="success" .size="${this.size}" aria-hidden="true"></nve-icon>` : l`<slot name="icon"><nve-icon part="icon" name="copy" .size="${this.size}" aria-hidden="true"></nve-icon></slot>`}</div>${this.showToast ? l`<nve-toast part="toast" @close="${this.#n}" status="success" anchor="btn" trigger="btn" position="top" close-timeout="1500">${this.i18n.copied}</nve-toast>` : u} ${this.showTooltip && !this.showToast ? l`<nve-tooltip part="tooltip" exportparts="arrow:tooltip-arrow" anchor="btn" trigger="btn">${this.ariaLabel ?? this.i18n.copy}</nve-tooltip>` : u}`;
 	}
-	constructor() {
-		super(), this.copied = !1, this.showToast = !1, this.showTooltip = !1, this.i18n = this.#e.i18n, this.addEventListener("click", this.#t), this.addEventListener("mouseenter", this.#r), this.addEventListener("mouseleave", this.#i);
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("click", this.#t), this.addEventListener("mouseenter", this.#r), this.addEventListener("mouseleave", this.#i);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("click", this.#t), this.removeEventListener("mouseenter", this.#r), this.removeEventListener("mouseleave", this.#i);
 	}
-	#t() {
+	#t = () => {
 		this.behaviorCopy && navigator.clipboard.writeText(this.value).then(() => {
 			this.showToast = !0, this.copied = !0;
 		}).catch((e) => {
 			this.showToast = !1, console.error(e);
 		});
-	}
+	};
 	#n() {
 		this.showToast = !1, this.copied = !1, this.showTooltip = !1;
 	}
-	#r() {
+	#r = () => {
 		this.showTooltip = !0;
-	}
-	#i() {
+	};
+	#i = () => {
 		this.showTooltip = !1;
-	}
+	};
 };
 e([f()], p.prototype, "copied", void 0), e([f()], p.prototype, "showToast", void 0), e([f()], p.prototype, "showTooltip", void 0), e([d({ type: Object })], p.prototype, "i18n", void 0), e([d({
 	type: Boolean,

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

@@ -1 +1 @@
-{"version":3,"file":"copy-button2.js","names":["#close","#i18nController","#copy","#openTooltip","#closeTooltip"],"sources":["../../src/copy-button/copy-button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, I18nController, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { Button } from '@nvidia-elements/core/button';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { Toast } from '@nvidia-elements/core/toast';\nimport { Tooltip } from '@nvidia-elements/core/tooltip';\nimport styles from './copy-button.css?inline';\n\n/**\n * @element nve-copy-button\n * @description A copy button is a button that easily enables the copy to clipboard pattern.\n * @since 1.1.4\n * @entrypoint \\@nvidia-elements/core/copy-button\n * @slot - default\n * @slot icon - slot for custom icon\n * @cssprop --color\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --font-size\n * @cssprop --line-height\n * @csspart icon - The icon element\n * @csspart toast - The toast notification element\n * @csspart tooltip - The tooltip element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n *\n */\n@scopedRegistry()\nexport class CopyButton extends Button {\n  @state() private copied = false;\n\n  @state() private showToast = false;\n\n  @state() private showTooltip = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * Determines if the copy button should auto write to clipboard by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-copy' }) behaviorCopy: boolean;\n\n  /**\n   * Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint.\n   */\n  @property({ type: String }) value: string;\n\n  static styles = useStyles([...Button.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-copy-button',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [Toast.metadata.tag]: Toast,\n    [Tooltip.metadata.tag]: Tooltip\n  };\n\n  // todo\n  /* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n  render() {\n    return html`\n     <div id=\"btn\" internal-host interaction-state focus-within>\n        <slot></slot>\n        ${\n          this.copied\n            ? html`<nve-icon part=\"icon\" name=\"check\" status=\"success\" .size=${this.size} aria-hidden=\"true\"></nve-icon>`\n            : html`<slot name=\"icon\"><nve-icon part=\"icon\" name=\"copy\" .size=${this.size} aria-hidden=\"true\"></nve-icon></slot>`\n        }\n     </div>\n     ${this.showToast ? html`<nve-toast part=\"toast\" @close=${this.#close} status=\"success\" anchor=\"btn\" trigger=\"btn\" position=\"top\" close-timeout=\"1500\">${this.i18n.copied}</nve-toast>` : nothing}\n     ${this.showTooltip && !this.showToast ? html`<nve-tooltip part=\"tooltip\" exportparts=\"arrow:tooltip-arrow\" anchor=\"btn\" trigger=\"btn\">${this.ariaLabel ?? this.i18n.copy}</nve-tooltip>` : nothing}\n   `;\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('click', this.#copy);\n    this.addEventListener('mouseenter', this.#openTooltip);\n    this.addEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  #copy() {\n    if (this.behaviorCopy) {\n      navigator.clipboard\n        .writeText(this.value)\n        .then(() => {\n          this.showToast = true;\n          this.copied = true;\n        })\n        .catch(err => {\n          this.showToast = false;\n          console.error(err);\n        });\n    }\n  }\n\n  #close() {\n    this.showToast = false;\n    this.copied = false;\n    this.showTooltip = false;\n  }\n\n  #openTooltip() {\n    this.showTooltip = true;\n  }\n\n  #closeTooltip() {\n    this.showTooltip = false;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAmCO,IAAA,IAAA,cAAyB,EAAO;CAOrC,KAAwC,IAAI,EAAqB,KAAK;;gBAiBtD,EAAU,CAAC,GAAG,EAAO,QAAQ,EAAO,CAAC;;;kBAE1B;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAK,SAAS,MAAM;IACpB,EAAM,SAAS,MAAM;IACrB,EAAQ,SAAS,MAAM;GACzB;;CAID,SAAS;AACP,SAAO,CAAI,2EAIL,KAAK,SACD,CAAI,8DAA6D,KAAK,KAAK,oCAC3E,CAAI,8DAA6D,KAAK,KAAK,yCAChF,QAEF,KAAK,YAAY,CAAI,mCAAkC,MAAA,EAAY,oFAAmF,KAAK,KAAK,OAAO,gBAAgB,EAAQ,GAC/L,KAAK,eAAe,CAAC,KAAK,YAAY,CAAI,4FAA4F,KAAK,aAAa,KAAK,KAAK,KAAK,kBAAkB;;CAI9L,cAAc;AAIZ,EAHA,OAAO,gBAtDiB,qBAEG,uBAEE,gBAOI,MAAA,EAAqB,MA4CtD,KAAK,iBAAiB,SAAS,MAAA,EAAW,EAC1C,KAAK,iBAAiB,cAAc,MAAA,EAAkB,EACtD,KAAK,iBAAiB,cAAc,MAAA,EAAmB;;CAGzD,KAAQ;AACN,EAAI,KAAK,gBACP,UAAU,UACP,UAAU,KAAK,MAAM,CACrB,WAAW;AAEV,GADA,KAAK,YAAY,IACjB,KAAK,SAAS;IACd,CACD,OAAM,MAAO;AAEZ,GADA,KAAK,YAAY,IACjB,QAAQ,MAAM,EAAI;IAClB;;CAIR,KAAS;AAGP,EAFA,KAAK,YAAY,IACjB,KAAK,SAAS,IACd,KAAK,cAAc;;CAGrB,KAAe;AACb,OAAK,cAAc;;CAGrB,KAAgB;AACd,OAAK,cAAc;;;GAtFpB,GAAO,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAEP,GAAO,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAEP,GAAO,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAOP,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAK1B,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,KAKtE,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAvB5B,GAAgB,CAAA,EAAA,EAAA"}
+{"version":3,"file":"copy-button2.js","names":["#i18nController","#close","#copy","#openTooltip","#closeTooltip"],"sources":["../../src/copy-button/copy-button.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html, nothing } from 'lit';\nimport { property } from 'lit/decorators/property.js';\nimport { state } from 'lit/decorators/state.js';\nimport { useStyles, I18nController, scopedRegistry } from '@nvidia-elements/core/internal';\nimport { Button } from '@nvidia-elements/core/button';\nimport { Icon } from '@nvidia-elements/core/icon';\nimport { Toast } from '@nvidia-elements/core/toast';\nimport { Tooltip } from '@nvidia-elements/core/tooltip';\nimport styles from './copy-button.css?inline';\n\n/**\n * @element nve-copy-button\n * @description A copy button is a button that easily enables the copy to clipboard pattern.\n * @since 1.1.4\n * @entrypoint \\@nvidia-elements/core/copy-button\n * @slot - default\n * @slot icon - slot for custom icon\n * @cssprop --color\n * @cssprop --background\n * @cssprop --border-radius\n * @cssprop --padding\n * @cssprop --height\n * @cssprop --min-width\n * @cssprop --font-size\n * @cssprop --line-height\n * @csspart icon - The icon element\n * @csspart toast - The toast notification element\n * @csspart tooltip - The tooltip element\n * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/\n *\n */\n@scopedRegistry()\nexport class CopyButton extends Button {\n  @state() private copied = false;\n\n  @state() private showToast = false;\n\n  @state() private showTooltip = false;\n\n  #i18nController: I18nController<this> = new I18nController<this>(this);\n\n  /**\n   * Enables internal string values to update for internationalization.\n   */\n  @property({ type: Object }) i18n = this.#i18nController.i18n;\n\n  /**\n   * Determines if the copy button should auto write to clipboard by the trigger.\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'behavior-copy' }) behaviorCopy: boolean;\n\n  /**\n   * Defines the value that copies to the user clipboard. Use `aria-label` to set the tooltip hint.\n   */\n  @property({ type: String }) value: string;\n\n  static styles = useStyles([...Button.styles, styles]);\n\n  static readonly metadata = {\n    tag: 'nve-copy-button',\n    version: '0.0.0'\n  };\n\n  static elementDefinitions = {\n    [Icon.metadata.tag]: Icon,\n    [Toast.metadata.tag]: Toast,\n    [Tooltip.metadata.tag]: Tooltip\n  };\n\n  // todo\n  /* eslint-disable @nvidia-elements/lint/no-deprecated-popover-attributes */\n  render() {\n    return html`\n     <div id=\"btn\" internal-host interaction-state focus-within>\n        <slot></slot>\n        ${\n          this.copied\n            ? html`<nve-icon part=\"icon\" name=\"check\" status=\"success\" .size=${this.size} aria-hidden=\"true\"></nve-icon>`\n            : html`<slot name=\"icon\"><nve-icon part=\"icon\" name=\"copy\" .size=${this.size} aria-hidden=\"true\"></nve-icon></slot>`\n        }\n     </div>\n     ${this.showToast ? html`<nve-toast part=\"toast\" @close=${this.#close} status=\"success\" anchor=\"btn\" trigger=\"btn\" position=\"top\" close-timeout=\"1500\">${this.i18n.copied}</nve-toast>` : nothing}\n     ${this.showTooltip && !this.showToast ? html`<nve-tooltip part=\"tooltip\" exportparts=\"arrow:tooltip-arrow\" anchor=\"btn\" trigger=\"btn\">${this.ariaLabel ?? this.i18n.copy}</nve-tooltip>` : nothing}\n   `;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener('click', this.#copy);\n    this.addEventListener('mouseenter', this.#openTooltip);\n    this.addEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.#copy);\n    this.removeEventListener('mouseenter', this.#openTooltip);\n    this.removeEventListener('mouseleave', this.#closeTooltip);\n  }\n\n  #copy = () => {\n    if (this.behaviorCopy) {\n      navigator.clipboard\n        .writeText(this.value)\n        .then(() => {\n          this.showToast = true;\n          this.copied = true;\n        })\n        .catch(err => {\n          this.showToast = false;\n          console.error(err);\n        });\n    }\n  };\n\n  #close() {\n    this.showToast = false;\n    this.copied = false;\n    this.showTooltip = false;\n  }\n\n  #openTooltip = () => {\n    this.showTooltip = true;\n  };\n\n  #closeTooltip = () => {\n    this.showTooltip = false;\n  };\n}\n"],"mappings":";;;;;;;;;;;;;AAmCO,IAAA,IAAA,cAAyB,EAAO;;6BACX,qBAEG,uBAEE,gBAOI,MAAA,EAAqB;;CALxD,KAAwC,IAAI,EAAqB,KAAK;;gBAiBtD,EAAU,CAAC,GAAG,EAAO,QAAQ,EAAO,CAAC;;;kBAE1B;GACzB,KAAK;GACL,SAAS;GACV;;;4BAE2B;IACzB,EAAK,SAAS,MAAM;IACpB,EAAM,SAAS,MAAM;IACrB,EAAQ,SAAS,MAAM;GACzB;;CAID,SAAS;AACP,SAAO,CAAI,2EAIL,KAAK,SACD,CAAI,8DAA6D,KAAK,KAAK,oCAC3E,CAAI,8DAA6D,KAAK,KAAK,yCAChF,QAEF,KAAK,YAAY,CAAI,mCAAkC,MAAA,EAAY,oFAAmF,KAAK,KAAK,OAAO,gBAAgB,EAAQ,GAC/L,KAAK,eAAe,CAAC,KAAK,YAAY,CAAI,4FAA4F,KAAK,aAAa,KAAK,KAAK,KAAK,kBAAkB;;CAI9L,oBAAoB;AAIlB,EAHA,MAAM,mBAAmB,EACzB,KAAK,iBAAiB,SAAS,MAAA,EAAW,EAC1C,KAAK,iBAAiB,cAAc,MAAA,EAAkB,EACtD,KAAK,iBAAiB,cAAc,MAAA,EAAmB;;CAGzD,uBAAuB;AAIrB,EAHA,MAAM,sBAAsB,EAC5B,KAAK,oBAAoB,SAAS,MAAA,EAAW,EAC7C,KAAK,oBAAoB,cAAc,MAAA,EAAkB,EACzD,KAAK,oBAAoB,cAAc,MAAA,EAAmB;;CAG5D,WAAc;AACZ,EAAI,KAAK,gBACP,UAAU,UACP,UAAU,KAAK,MAAM,CACrB,WAAW;AAEV,GADA,KAAK,YAAY,IACjB,KAAK,SAAS;IACd,CACD,OAAM,MAAO;AAEZ,GADA,KAAK,YAAY,IACjB,QAAQ,MAAM,EAAI;IAClB;;CAIR,KAAS;AAGP,EAFA,KAAK,YAAY,IACjB,KAAK,SAAS,IACd,KAAK,cAAc;;CAGrB,WAAqB;AACnB,OAAK,cAAc;;CAGrB,WAAsB;AACpB,OAAK,cAAc;;;GA7FpB,GAAO,CAAA,EAAA,EAAA,WAAA,UAAA,KAAA,EAAA,KAEP,GAAO,CAAA,EAAA,EAAA,WAAA,aAAA,KAAA,EAAA,KAEP,GAAO,CAAA,EAAA,EAAA,WAAA,eAAA,KAAA,EAAA,KAOP,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,QAAA,KAAA,EAAA,KAK1B,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC,CAAA,EAAA,EAAA,WAAA,gBAAA,KAAA,EAAA,KAKtE,EAAS,EAAE,MAAM,QAAQ,CAAC,CAAA,EAAA,EAAA,WAAA,SAAA,KAAA,EAAA,SAvB5B,GAAgB,CAAA,EAAA,EAAA"}

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

@@ -2985,7 +2985,7 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForEl
   interestfor?: string | null;
 
   /** Dispatched on sort button click, returns the current sort value and the next sort value. */
-  onsort?: (e: CustomEvent<CustomEvent>) => void;
+  onsort?: (e: CustomEvent<never>) => void;
 };
 
 export type SparklineProps = {
@@ -5912,7 +5912,6 @@ export type CustomElements = {
    *  - **--font-size** - undefined _(default: undefined)_
    * - **--border-top** - undefined _(default: undefined)_
    * - **--width** - undefined _(default: undefined)_
-   * - **--font-size** - undefined _(default: undefined)_
    * - **--font-weight** - undefined _(default: undefined)_
    * - **--border-radius** - undefined _(default: undefined)_
    * - **--color** - undefined _(default: undefined)_

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

@@ -2912,7 +2912,7 @@ https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/interestForEl
   interestfor?: string | null;
 
   /** Dispatched on sort button click, returns the current sort value and the next sort value. */
-  onsort?: (e: CustomEvent<CustomEvent>) => void;
+  onsort?: (e: CustomEvent<never>) => void;
 };
 
 type SparklineProps = {
@@ -5839,7 +5839,6 @@ export type CustomElements = {
    *  - **--font-size** - undefined _(default: undefined)_
    * - **--border-top** - undefined _(default: undefined)_
    * - **--width** - undefined _(default: undefined)_
-   * - **--font-size** - undefined _(default: undefined)_
    * - **--font-weight** - undefined _(default: undefined)_
    * - **--border-radius** - undefined _(default: undefined)_
    * - **--color** - undefined _(default: undefined)_

package/dist/custom-elements.json

@@ -18811,7 +18811,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'input, select, selectmenu, textarea, [nve-control], [nve-control]'"
+          "default": "'input, select, selectmenu, textarea, [nve-control]'"
         },
         {
           "kind": "function",
@@ -32825,20 +32825,6 @@
             }
           ]
         },
-        {
-          "kind": "function",
-          "name": "tagSelector",
-          "parameters": [
-            {
-              "name": "selector",
-              "type": {
-                "text": "string",
-                "_sourceAliases": []
-              }
-            }
-          ],
-          "description": "returns a combination of nve and mlv for a prefixed tag selector"
-        },
         {
           "kind": "function",
           "name": "matchesElementName",
@@ -33237,14 +33223,6 @@
             "module": "/src/internal/utils/dom.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "tagSelector",
-          "declaration": {
-            "name": "tagSelector",
-            "module": "/src/internal/utils/dom.js"
-          }
-        },
         {
           "kind": "js",
           "name": "matchesElementName",
@@ -37609,12 +37587,12 @@
             "themes": true,
             "aria": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav",
             "entrypoint": "@nvidia-elements/core/page-header",
-            "example": "<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\"></nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">NVIDIA</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>",
+            "example": "<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>",
             "package": true,
             "since": "1.15.0",
             "status": "stable",
             "behavior": "navigation",
-            "markdown": "## nve-page-header\n\nAn element that appears across the top of all pages containing the application name and primary navigation.\n\n### Example\n\n```html\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\"></nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">NVIDIA</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-header/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The default content slot |\n| prefix | `string` | Content displayed at the start of the header |\n| suffix | `string` | Content displayed at the end of the header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | Background color of the header [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | Padding inside the header [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | Border below the header [MDN](https://mdn.dev/CSS/border-bottom) |\n| --gap | `string` | Gap between the prefix, default, and suffix slots [MDN](https://mdn.dev/CSS/gap) |\n| --margin-inline | `string` | left and right margin applied to the default content slot |"
+            "markdown": "## nve-page-header\n\nAn element that appears across the top of all pages containing the application name and primary navigation.\n\n### Example\n\n```html\n<nve-page-header>\n  <nve-logo slot=\"prefix\" size=\"sm\" color=\"brand-green\">NV</nve-logo>\n  <h2 slot=\"prefix\" nve-text=\"heading sm\">Infrastructure</h2>\n  <nve-button selected container=\"flat\"><a href=\"#\">Link 1</a></nve-button>\n  <nve-button container=\"flat\"><a href=\"#\">Link 2</a></nve-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"chat-bubble\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"search\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" container=\"flat\" icon-name=\"switch-apps\"></nve-icon-button>\n  <nve-icon-button slot=\"suffix\" interaction=\"emphasis\" size=\"sm\">EL</nve-icon-button>\n</nve-page-header>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/page-header/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | The default content slot |\n| prefix | `string` | Content displayed at the start of the header |\n| suffix | `string` | Content displayed at the end of the header |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --background | `string` | Background color of the header [MDN](https://mdn.dev/CSS/background) |\n| --padding | `string` | Padding inside the header [MDN](https://mdn.dev/CSS/padding) |\n| --border-bottom | `string` | Border below the header [MDN](https://mdn.dev/CSS/border-bottom) |\n| --gap | `string` | Gap between the prefix, default, and suffix slots [MDN](https://mdn.dev/CSS/gap) |\n| --margin-inline | `string` | left and right margin applied to the default content slot |"
           }
         }
       ],
@@ -46594,11 +46572,8 @@
           ],
           "events": [
             {
-              "name": "sort",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "Dispatched on sort button click, returns the current sort value and the next sort value."
+              "description": "Dispatched on sort button click, returns the current sort value and the next sort value.",
+              "name": "sort"
             }
           ],
           "attributes": [
@@ -49156,10 +49131,6 @@
               "name": "--width",
               "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/width)"
             },
-            {
-              "name": "--font-size",
-              "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-size)"
-            },
             {
               "name": "--font-weight",
               "description": "[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)"
@@ -50273,7 +50244,7 @@
             "since": "0.30.0",
             "status": "stable",
             "behavior": "button",
-            "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"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. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| container | `'condensed' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readonly | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `HTMLFormElement \\| null \\| string` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of the element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of the element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
+            "markdown": "## nve-steps-item\n\nRepresents an individual step within a multi-step workflow, displaying its status and enabling navigation within the parent steps component.\n\n### Example\n\n```html\n<nve-steps behavior-select>\n  <nve-steps-item status=\"success\">Step 1</nve-steps-item>\n  <nve-steps-item status=\"danger\">Step 2</nve-steps-item>\n  <nve-steps-item selected>Step 3</nve-steps-item>\n  <nve-steps-item status=\"pending\">Step 4</nve-steps-item>\n  <nve-steps-item disabled>Disabled</nve-steps-item>\n</nve-steps>\n```\n\n### Import\n\n```javascript\nimport '@nvidia-elements/core/steps/define.js';\n```\n\n### Slots\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| (default) | `string` | default slot for step text |\n| status-icon | `string` | custom slotted step icon |\n\n### Properties / Attributes\n\n| property (attribute) | value | description |\n| -------------------- | ----- | ----------- |\n| selected | `boolean` | Indicates whether an element currently holds selection within a multi-option selection group. [MDN](https://mdn.dev/ARIA/Attributes/aria-selected) - `true` The element holds selection and represents the user's current choice within the group. - `false` The element does not hold selection and the user can choose it. |\n| status | `'accent' \\| 'danger' \\| 'success' \\| 'pending' \\| \"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. - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. - `success` Represents positive outcomes, confirmations, or constructive actions. |\n| container | `'condensed' \\| \"default\"` | Demonstrates different container styles to accommodate visual weight and context. - `flat` Element has white space bounds but reduced visual container. - `inline` Element container reduces to fit within inline content such as a block of text. - `inset` Element container optimizes for embedding or inset placement inside another containing element. - `full` Element container optimizes for filling its container bounds. |\n| type | `'button' \\| 'submit' \\| 'reset'` | Defines the button behavior when associated within an <form> element. https://mdn.dev/HTML/Element/button#attr-type |\n| pressed | `boolean` | Indicates the current state of a toggle button that switches on or off. [MDN](https://mdn.dev/ARIA/Attributes/aria-pressed) - `true` The button is in the pressed (on) state and the associated action or setting is active. - `false` The button is in the unpressed (off) state and the associated action or setting is inactive. |\n| expanded | `boolean` | Indicates whether collapsible content is currently visible or hidden from the user. [MDN](https://mdn.dev/ARIA/Attributes/aria-expanded) - `true` The associated content expands and becomes visible to the user. - `false` The associated content collapses and hides from the user. |\n| readonly | `boolean` | Indicates whether the user can change the element's value while it remains visible and focusable. [MDN](https://mdn.dev/HTML/Attributes/readonly) - `true` The element has a readonly state: the user cannot change its value, but can still focus and copy it. - `false` The element allows editing and the user can change its value through interaction. |\n| form | `HTMLFormElement \\| null \\| string` | Like input form, sets a button to submit a form outside its parent form. Returns a reference to the form element if available. https://mdn.dev/ElementInternals/form |\n| name | `string` | The name of the button, submitted as a pair with the button's value as part of the form data, when that button submits the form. https://mdn.dev/HTML/Element/button#attr-name |\n| value | `string` | Defines the value associated with the element's name when submitting the form data. The server receives this value in params when the form submits through this button. [MDN](https://mdn.dev/HTML/Element/input#value) |\n| disabled | `boolean` | This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://mdn.dev/ARIA/Attributes/aria-disabled) - `true` The element has a disabled state and does not accept interaction. - `false` The element has an enabled state and accepts interaction. |\n| current | `'page' \\| 'step'` | Indicates the element that represents the user's current location or position within a set. [MDN](https://mdn.dev/ARIA/Attributes/aria-current) - `page` Marks the current page within a set of navigation links. - `step` Marks the current step within a multi-step process or workflow. |\n| popoverTargetElement | `HTMLElement \\| null` | Establishing a relationship between a popover and its invoker button. https://mdn.dev/HTMLInputElement/popoverTargetElement |\n| popovertarget | `string` | The idref of the element that receives the popover. https://mdn.dev/HTML/Reference/Elements/button#popovertarget |\n| popoverTargetAction (popovertargetaction) | `'show' \\| 'hide' \\| 'toggle'` | The popover target action to perform on the popover target element. https://mdn.dev/HTMLInputElement/popoverTargetAction |\n| commandForElement | `HTMLElement \\| null` | The element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| commandfor | `string \\| null` | The idref of the element that receives the command. https://mdn.dev/Invoker_Commands_API |\n| command | `string` | The command to execute on the element. https://mdn.dev/Invoker_Commands_API |\n| interestForElement | `HTMLElement \\| null` | The element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n| interestfor | `string \\| null` | The idref of the element that receives the interest. https://mdn.dev/HTMLAnchorElement/interestForElement |\n\n### CSS Properties\n\n| name | value | description |\n| ---- | ----- | ----------- |\n| --font-size | `string` | [MDN](https://mdn.dev/CSS/font-size) |\n| --border-top | `string` | [MDN](https://mdn.dev/CSS/border-top) |\n| --width | `string` | [MDN](https://mdn.dev/CSS/width) |\n| --font-weight | `string` | [MDN](https://mdn.dev/CSS/font-weight) |\n| --border-radius | `string` | [MDN](https://mdn.dev/CSS/border-radius) |\n| --color | `string` | [MDN](https://mdn.dev/CSS/color) |\n| --text-transform | `string` | [MDN](https://mdn.dev/CSS/text-transform) |"
           }
         },
         {